.iptv-device-remove-button {
	margin-top: 7px;
	margin-right: 5px;
}



* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #ededed;
	min-height: 100vh;
	font-size: 14px;
	font-family: 'Panton-light';
	position: relative;
}

ul,
ol,
p {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

strong {
	color: #222;
	font-family: 'Panton-extralight';
}

@font-face {
	font-family: Drug;
	src: url(/fonts/TTDrugs-Thin.otf)
}

.compleks-header-img {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.compleks-a-logo img {
	max-width: 100px;
}

.registrartion-string {
	margin: 20px 0 0 0;
}

.registrartion-string a {
	margin: 20px 0 0 0;
	text-decoration: underline;
	font-weight: 700;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Panton-light';
}

.fa-1,
.fa-2,
.fa-3,
.fa-4,
.fa-5,
.fa-6 {
	vertical-align: middle;
}

.fa-1 {
	font-size: 1.5em
}

.fa-2 {
	font-size: 2em
}

.fa-3 {
	font-size: 3em
}

.fa-4 {
	font-size: 4em
}

.fa-5 {
	font-size: 5em
}

.fa-6 {
	font-size: 6em
}

.body {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.logo {
	background-color: transparent;
	/*background-image: url(../img/real-logo.png);*/
	background-image: url(/img/icons/logo.png);
	background-position: right center;
	background-repeat: no-repeat;
	width: 220px;
	height: 80px;
	/*border-left: 1px solid #6b8bbe;*/
	/*margin-left: 1em;*/
	/*padding-left: 1em;*/
	float: left;
	background-size: 220px;
	position: relative;
	margin-bottom: 2em;
}

img.banners {
	max-width: 100%;
	margin-top: 4rem;
	/*display: none;*/
}

.header-wrap {
	background-color: white;
	border-bottom: #d9d9d9 solid 2px;
}

.header {
	min-height: 100px;
	padding-top: 1em;
	text-align: right;
	/*float: left;*/
}

.lk {
	padding-top: 1.5em;
}

.title-header {
	position: absolute;
	bottom: 0;
	right: 0;
}

.title-header p {
	font-size: 16px;
	color: #6b8bbe;
	/*margin-bottom: 1em;*/
	text-align: right;
}

.header-menu {
	margin-top: -1.5em;
	margin-bottom: 0.5em;
	float: left;
}

.header-menu>li {
	margin-bottom: 0.1em;
	margin-right: 2em;
	display: inline-block;
}

.header-menu>li>a {
	font-size: 1.1em;
	color: #444;
}

.header-menu>li.active {
	font-weight: bold;
	text-decoration: underline;
}

.menu {
	background: #fafafa;
	width: 60px;
	height: 60px;
	text-align: center;
	padding: 13px;
	border: 1px solid #ccc;
	border-radius: 60px;
	/* float: left; */
	cursor: pointer;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	position: fixed;
	top: 2em;
	left: 1em;
	z-index: 11;
}

.menu:hover {
	/*background: #6b8bbe;
		color: #fff;*/
	border: 2px solid #eee;
}

.menu i {
	font-size: 2.5em;
}

.menu img {
	width: 100%;
	height: 100%;
}

div.personal-info {
	text-align: left;
	display: inline-block;
	width: 22%;
}

p.fio {
	font-size: 1.6em;
	color: #6b8bbe;
	line-height: 1.2em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

p.text-regular {
	font-size: 1.2em;
	color: #999;
}

span.info {
	color: #6b8bbe;
	margin-left: 0.5em;
}

span.danger {
	color: #e55b61;
	margin-left: 0.5em;
}

ul.content-leftmenu {
	font-size: 1.2em;
	color: #999;
	border-right: 1px solid #6b8bbe;
	text-align: right;
	padding-right: 0.7em;
	margin-right: 0.7em;
	vertical-align: top;
	list-style: none;
	display: inline-block;
}

/*** header ***/
#money {
	color: #e55b61;
}

#ls {
	color: #6b8bbe;
}

p.bg-primary {
	line-height: 2em;
	padding: 10px;
	margin: 10px 0;
	border-radius: 2px;
}

p.bg-primary:hover {
	background-color: #fefefe;
	-webkit-transition: background-color 100ms linear;
	-ms-transition: background-color 100ms linear;
	transition: background-color 100ms linear;
}

/*** main-menu ***/

ul.main-menu {
	width: 100%;
	list-style: none;
}

ul.main-menu li {
	background-image: linear-gradient(to top left, #efefef, #fff);
	width: 33%;
	height: 60px;
	font-size: 1.5em;
	text-align: center;
	float: left;
	margin: 0;
	padding: 10px;
	border-right: 1px solid #ddd;
	border-bottom: 2px solid #ddd;
	cursor: pointer;
}

ul.main-menu li:hover {
	background-image: none;
	background-color: #3e66ab;
	color: #fff;
}

ul.main-menu li.active {
	background-image: none;
	background-color: #3e66ab;
	color: #ccc;
}

/*** content ***/
.content-wrapper {
	background-color: #ededed;
	height: 100%;
	padding-top: 2em;
	padding-bottom: 2em;
	/*min-height: 80vh;
	margin-bottom: 160px;*/
}

.content-wrapper p {
	margin: 0.5em 0;
}

.row-content {
	position: relative;
}

.row-content>div {
	display: inline-block;
}

.content-menu {
	width: calc(20% + 1em);
	border-right: 1px solid #6b8bbe;
	text-align: right;
	padding-right: 2em;
	margin-right: 2em;
}

.content-menu-title {
	font-size: 1.5em;
	color: #3e67aa;
	margin: 0 0 0.3em 0;
}

.content-menu-current {
	font-size: 1.5em;
	color: #444;
	margin: 1em 0;
}

.content-menu-current2.iptv {
	font-size: 1.5em;
	margin: 1em 0;
	background: url(../img/icon-devices.png) no-repeat;
	background-size: 50px;
	height: 45px;
	background-position-x: 0;
	text-indent: 55px;
	line-height: 45px;
	color: #6b8bbe;
	float: left;
}

.content-menu-current2.iptv:hover {
	cursor: pointer;
	color: #3e67aa;
	font-weight: bold;
}

.content-menu-current span {
	color: #3e67aa;
	font-weight: bold;
}

.content-menu-buttons-white {
	width: 100%;
	border-top: 1px solid #6b8bbe;
	padding-top: 1em;
}

.content-menu-buttons-white>nav>a {
	background-color: white;
	width: 24%;
	height: 144px;
	font-size: 1em;
	margin-right: 4px;
	padding: 1.5em;
	vertical-align: top;
	display: inline-block;
}

.content-menu-buttons-white>nav>a:last-child {
	margin-right: 0;
}

.content-menu-buttons-white>nav>a>div>p {
	height: 100%;
	vertical-align: middle;
}

.content-menu-buttons {
	width: calc(70% - 3em);
}

.content-menu-buttons>nav>a {
	background: linear-gradient(to bottom right, #eee, #f5f5f5, #fff);
	width: calc(25% - 2em);
	height: 144px;
	font-size: 1em;
	margin-right: 1.5em;
	padding: 1.5em;
	vertical-align: top;
	display: inline-block;
}

.content-menu-buttons>nav>a>div {
	height: 100%;
}

.content-menu-description {
	width: 10%;
}

.content-menu-description>.content-menu-item {
	color: #3e67aa;
}

.button-title {
	font-family: 'Panton-light';
	font-size: 1.2em;
	color: #4b494a;
	padding-top: 30%;
}

.button-desc {
	width: 60%;
	font-family: 'Panton-light';
	font-size: 1em;
	color: #999;
}

.bigger-button {
	width: 30% !important;
	color: #fff;
	margin-right: 2% !important;
}

.centered-text {
	font-size: 1.5em;
	text-align: center;
}

.content-menu-buttons>nav>a:hover,
.content-menu-buttons>nav>a:active,
.content-menu-buttons>nav>a:focus,
.content-menu-buttons-white>nav>a:hover,
.content-menu-buttons-white>nav>a:active,
.content-menu-buttons-white>nav>a:focus,
.button-active {
	background-color: #1767AE !important;
	text-decoration: none;
}

.content-menu-buttons>nav>a:hover .button-title,
.content-menu-buttons>nav>a:active .button-title,
.content-menu-buttons>nav>a:focus .button-title,
.content-menu-buttons-white>nav>a:hover .button-title,
.content-menu-buttons-white>nav>a:active .button-title,
.content-menu-buttons-white>nav>a:focus .button-title,
.button-active>.button-title {
	color: #fff;
}

.content-menu-buttons>nav>a:hover .button-desc,
.content-menu-buttons>nav>a:active .button-desc,
.content-menu-buttons>nav>a:focus .button-desc {
	color: #93aacf;
}

/*.direction{
			width: calc(75% - 2em);
			font-family: Panton-light;
			font-size: 1em;
			color: #4b494a;
			margin-left: 25%;
		}*/
.direction {
	width: 100%;
	font-family: 'Panton-light';
	font-size: 1.1em;
	color: #4b494a;
	text-align: center;
}

.direction.text-position {
	text-align: left;
}

.direction>input {
	width: 23%;
	padding: 0 5px;
	margin: 0 10px;
}

.direction>button {
	background: #1767AE;
	width: 25%;
	color: white;
	border: none;
	padding: 3px 10px;
}

.text-wrapper ul ul,
.text-wrapper ul ol {
	margin-left: 3em;
}

.text-wrapper ol li {}

.text-wrapper ul>li {
	margin: 5px 0;
}

.text-wrapper ul>li:before {
	font-family: 'FontAwesome';
	content: "\f18e";
	margin-right: 3px;
}

.text-wrapper ul ul>li:before {
	font-family: 'FontAwesome';
	content: "\f0a9";
	margin-right: 3px;
}

/* table */
div.dir-table {
	background-color: #fff;
	min-height: 15em;
	padding: 10px;
	margin-top: 10px;
}

table.info-table,
table.info-table-write-off,
table.info-table-session,
table.info-table-payment {
	width: 100%;
	table-layout: fixed;
}

table.info-table td,
table.info-table-write-off td,
table.info-table-session td,
table.info-table-payment td,
table.info-table th,
table.info-table-write-off th,
table.info-table-session th,
table.info-table-payment th {
	padding: 5px 10px;
}

table.info-table td {
	/*font-family: Panton-extralight;*/
}

table.info-table td.col-1 {
	width: 10%;
}

table.info-table td.col-2 {
	width: 35%;
}

table.info-table td.col-3 {
	width: 40%;
}

table.info-table td.col-4 {
	width: 25%;
}

table.info-table tr.table-title,
table.info-table-write-off tr.table-title,
table.info-table-session tr.table-title,
table.info-table-payment tr.table-title {
	font-size: 1em;
	border-bottom: 2px solid #cccccc;
}

table.info-table tr.table-content,
table.info-table-write-off tr.table-content,
table.info-table-session tr.table-content,
table.info-table-payment tr.table-content {
	font-size: 1em;
	color: black;
}

table.info-table tr.table-content.odd-num,
table.info-table-write-off tr.table-content.odd-num,
table.info-table-session tr.table-content.odd-num,
table.info-table-payment tr.table-content.odd-num {
	background: #f3f3f3;
}

table.info-table-write-off tr.table-content:nth-child(odd),
table.info-table-session tr.table-content:nth-child(odd),
table.info-table-payment tr.table-content:nth-child(odd) {
	background: #f3f3f3;
}

table.info-table-write-off td.col1 {}

table.info-table-write-off td.col2 {}

table.info-table-write-off td.col3 {}

table.info-table-session td.col1 {}

table.info-table-session td.col2 {}

table.info-table-session td.col3 {}

table.info-table-session td.col4 {}

table.info-table-session td.col5 {}

table.info-table-session td.col6 {}

table.info-table-payment td.col1 {
	width: 20%;
}

table.info-table-payment td.col2 {
	width: 15%;
}

table.info-table-payment td.col3 {
	width: 20%;
}

table.info-table-payment td.col4 {}

table.info-table-write-off td.align-left,
table.info-table-session td.align-left,
table.info-table-payment td.align-left {
	text-align: left;
}

table.info-table-write-off td.align-center,
table.info-table-session td.align-center,
table.info-table-payment td.align-center {
	text-align: center;
}

table.info-table-write-off td.align-right,
table.info-table-session td.align-right,
table.info-table-payment td.align-right {
	text-align: right;
}

table.info-table-write-off td.col1.align-left,
table.info-table-write-off td.col2.align-left,
table.info-table-write-off td.col3.align-left,
table.info-table-session td.col1.align-left,
table.info-table-session td.col2.align-left,
table.info-table-session td.col3.align-left,
table.info-table-session td.col4.align-left,
table.info-table-session td.col5.align-left,
table.info-table-session td.col6.align-left,
table.info-table-payment td.col1.align-left,
table.info-table-payment td.col2.align-left,
table.info-table-payment td.col3.align-left,
table.info-table-payment td.col4.align-left {
	text-align: left;
}

table.info-table-write-off td.col1.align-center,
table.info-table-write-off td.col2.align-center,
table.info-table-write-off td.col3.align-center,
table.info-table-session td.col1.align-center,
table.info-table-session td.col2.align-center,
table.info-table-session td.col3.align-center,
table.info-table-session td.col4.align-center,
table.info-table-session td.col5.align-center,
table.info-table-session td.col6.align-center,
table.info-table-payment td.col1.align-center,
table.info-table-payment td.col2.align-center,
table.info-table-payment td.col3.align-center,
table.info-table-payment td.col4.align-center {
	text-align: center;
}

table.info-table-write-off td.col1.align-right,
table.info-table-write-off td.col2.align-right,
table.info-table-write-off td.col3.align-right,
table.info-table-session td.col1.align-right,
table.info-table-session td.col2.align-right,
table.info-table-session td.col3.align-right,
table.info-table-session td.col4.align-right,
table.info-table-session td.col5.align-right,
table.info-table-session td.col6.align-right,
table.info-table-payment td.col1.align-right,
table.info-table-payment td.col2.align-right,
table.info-table-payment td.col3.align-right,
table.info-table-payment td.col4.align-right {
	text-align: right;
}

.content-menu-buttons-white>img {
	width: 100%;
}

table.account-table {}

table.account-table tr td {
	border-top: #fff;
}

table.account-table th:first-child {
	text-align: right;
}

table.account-table tr td:first-child {
	background: #fefefe;
	text-align: right;
}

table.news-table>thead>tr>th,
table.lc-table>thead>tr>th {
	min-width: 130px;
}

table {
	background: #fefefe;
	border-radius: 2px;
}

table>thead>tr>th {
	background: #f7f7f7;
	color: #555;
}

table>thead>tr>th:first-child,
table>tbody>tr>td:first-child {
	/*padding-left: 0px;*/
}

/*td.col1 {width: 28%;}td.col2 {width: 58%;}td.col3 {width: 20%;}*/
/* form */

.login-form>input {
	width: 100%;
	font-size: 1.2em;
	padding: 0.75em;
	margin-bottom: 1.5em;
	font-family: 'Panton-light';
}

.login-form>button {
	background-color: #1767AE;
	width: 100%;
	font-size: 1.5em;
	color: #ccccff;
	border: none;
	padding: 0.75em 0;
}

/*** footer ***/

.footer-wrapper {
	background-color: #3e67a9;
	width: 100%;
	color: #8FB0D1;
	position: absolute;
	font-weight: normal;
	/*bottom: 0em;
	-o-bottom: 50em;*/
}

.footer-inf {
	padding: 2em 0;
}

.footer-links {
	padding-top: 10px;
}

.footer-links>ul {
	margin: 0;
}

.footer-links>ul>li {
	display: inline-block;
}

.footer-number {
	font-size: 1.5em;
}

.footer-copy {
	text-align: right;
	padding-top: 5em;
}

.ico {
	background-color: #3e67a9;
	background-position: center center;
	background-repeat: no-repeat;
	width: 35px;
	height: 35px;
	display: block;
}

.fb {
	background-image: url(../img/fb-ico.png);
}

.vk {
	background-image: url(../img/vk-ico.png);
}

.ok {
	background-image: url(../img/ok-ico.png);
}

.insta {
	background-image: url(../img/insta-ico.png);
}

.show-iptv {
	display: block;
}

.show-iptv.hidden-iptv {
	display: none;
}

.iptv-list {}

.iptv-list li {
	width: 23%;
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
	min-width: 192px;
}

.iptv-list dt,
.device dt {
	width: 40%;
	float: left;
	text-align: right;
}

.iptv-list dd,
.device dd {
	margin-left: 130px;
}

.iptv-list .panel-body {
	padding: 15px 8px;
}

.iptv-list .panel {
	margin-bottom: 10px;
}

/* ---------- LOGIN-FORM ---------- */

.login-form {
	width: 40%;
	margin: 1em auto;
	/*position: fixed;*/
	/*top: calc(40% - 125px);*/
	/*left: 35%;*/
}

.login-form .login-title {
	background-color: #3e67a9;
	border-radius: 5px 5px 0 0;
	font-size: 14px;
	color: #fff;
	padding: 20px;
	text-align: center;
	text-transform: uppercase;
}

.login-form fieldset {
	background: #fff;
	border-radius: 0 0 5px 5px;
	padding: 20px;
	position: relative;
}

.login-form fieldset:before {
	content: "";
	background-color: #fff;
	width: 8px;
	height: 8px;
	left: 50%;
	margin: -4px 0 0 -4px;
	position: absolute;
	top: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.login-form input {
	font-size: 14px;
}

.login-form input[type="email"],
.login-form input[type="text"],
.login-form input[type="password"] {
	width: 100%;
	border: 1px solid #dcdcdc;
	padding: 12px 10px;
}

.login-form input[type="email"],
.login-form input[type="text"] {
	border-radius: 3px 3px 0 0;
}

.login-form input[type="password"] {
	border-top: none;
	border-radius: 0px 0px 3px 3px;
}

.login-form input[type="submit"] {
	background: #3e67a9;
	color: #fff;
	line-height: 16px;
	margin-top: 20px;
	padding: 12px 20px;
	border: 0;
	border-radius: 3px;
	float: right;
}

.login-form input[type="submit"]:hover {
	background: #055595;
}

.login-form footer {
	margin-top: 16px;
}

.login-form footer p {
	color: #3e67a9;
	margin: 12px 0;
}

.login-form footer i {
	margin-right: 10px;
	vertical-align: middle;
}

.login-img {
	width: 70%;
	margin: 2em auto;
	display: block;
}

.button-menu {
	text-align: center;
}

.button-menu .content-menu-title {
	width: 6em;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

div.listmenu {
	width: auto;
	font-family: 'Panton-light';
	font-size: 1em;
	color: #4b494a;
	display: inline-block;
	vertical-align: middle;
	/*padding-left: 1em;*/
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	border-bottom: 1px solid #6b8bbe;
}

div.listmenu.actions {
	border-bottom: none;
	width: 100%;
}

div.listmenu.actions .content-menu-title {
	width: 100%;
	text-align: left;
	/*padding-left: 1em;*/
	border-bottom: 1px solid #6b8bbe;
}

div.listmenu-bordertop {
	border-bottom: none;
	width: 100%;
}

div.listmenu-bordertop .content-menu-title {
	width: 100%;
	text-align: left;
	/*padding-left: 1em;*/
	border-bottom: 1px solid #6b8bbe;
}

form .content-menu-current {
	font-size: 1.1em;
}


#info {
	background: url("../img/icons/info.png");
	background-size: 15px;
	height: 15px;
	width: 15px;
	display: inline-block;
	margin: 0px 0px -2px 0px;

}

#info:hover {
	background: url("../img/icons/info.png");
	background-size: 17px;
	height: 17px;
	width: 17px;
	display: inline-block;
	cursor: help;
	padding-left: 12px;
	padding-top: 12px;
}

#info .infmodal {
	display: none;
}

#info:hover .infmodal {
	padding: 5px 10px;
	color: white;
	display: block;
	background: black;
	border-radius: 10px;
	position: absolute;
	z-index: 99999;
	cursor: help;
	font-size: 14px;
}

div.listmenu-bordertop .content-menu-current {
	width: 100%;
	text-align: left;
	/*padding-left: 1em;*/
}

div.listmenu-bordertop ul.button-listmenu li {
	background-image: linear-gradient(to top left, #efefef, #fff);
	width: 220px;
	height: 140px;
	font-size: 1em;
	margin: 0 2em 0.5em 0;
	padding: 2em 2.5em 2em 2.5em;
}

div.listmenu-bordertop ul.button-listmenu li:hover {
	background-image: none;
	background-color: #3e66ab;
	color: #fff;
}

div.listmenu-bordertop ul.button-listmenu li:hover div.title-listmenu {
	font-size: 1.3em;
}

div.listmenu-last-child {
	border-bottom: none;
}

ul.button-listmenu {
	list-style: none;
	display: inline-block;
	vertical-align: middle;
}

ul.button-listmenu li {
	width: 150px;
	height: 120px;
	float: left;
	vertical-align: top;
	margin: 0 1em 0.5em 0;
	padding: 0.5em 3em 0.5em 0.5em;
	cursor: pointer;
	border-bottom: 2px solid #ddd;
	text-align: left;
}

/*ul.button-listmenu li:last-child {
		margin: 0 0 0.5em 0;
	}*/
ul.button-listmenu li.last {
	margin: 0 0 0.5em 0;
}

ul.button-listmenu a {
	width: 100%;
	height: 100%;
	color: inherit;
	display: block;
}

div.title-listmenu {
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	display: inline-block;
}

ul.button-listmenu li:hover {
	background-color: #3e66ab;
	color: #fff;
}

ul.button-listmenu li:hover div.title-listmenu {
	font-size: 1.3em;
}

span.comment-listmenu {
	font-size: 0.8em;
}

.rub-ico,
.auto-ico,
.det-ico,
.friend-ico,
.add-ico,
.iptv-ico,
.sec-ico,
.city-ico,
.support-ico,
.iptv-s-ico,
.router-ico,
.settings-ico,
.pass-ico,
.contact-info-ico,
.forever-ico,
.action-ico,
.newcomer-ico,
.empty-ico {
	background-position: calc(100% - 0.5em) calc(100% - 0.5em), 0 0;
	background-repeat: no-repeat;
}

.rub-ico:hover,
.auto-ico:hover,
.det-ico:hover,
.friend-ico:hover,
.add-ico:hover,
.iptv-ico:hover,
.sec-ico:hover,
.city-ico:hover,
.support-ico:hover,
.iptv-s-ico:hover,
.router-ico:hover,
.settings-ico:hover,
.pass-ico:hover,
.contact-info-ico:hover,
.forever-ico:hover,
.action-ico:hover,
.newcomer-ico:hover,
.empty-ico:hover {
	background-color: #3e66ab;
}

.rub-ico {
	background-image: url('../img/rub-ico.png'), linear-gradient(to top left, #efefef, #fff);
}

.rub-ico:hover {
	background-image: url('../img/rub-l-ico.png');
}

.auto-ico {
	background-image: url('../img/auto-ico.png'), linear-gradient(to top left, #efefef, #fff);
}

.auto-ico:hover {
	background-image: url('../img/auto-l-ico.png');
}

.det-ico {
	background-image: url('../img/det-ico.png'), linear-gradient(to top left, #efefef, #fff);
}

.det-ico:hover {
	background-image: url('../img/det-l-ico.png');
}

.friend-ico {
	background-image: url('../img/friend-ico.png'), linear-gradient(to top left, #efefef, #fff);
}

.friend-ico:hover {
	background-image: url('../img/friend-l-ico.png');
}

.empty-ico {
	background-image: url('../img/icons/empty-ico.png'), linear-gradient(to top left, #efefef, #fff);
}

.empty-ico:hover {
	background-image: url('../img/icons/empty-ico.png');
}

.forever-ico {
	background-image: url('../img/icons/infinity.ico'), linear-gradient(to top left, #efefef, #fff);
}

.forever-ico:hover {
	background-image: url('../img/icons/infinity2.ico');
}

.newcomer-ico {
	background-image: url('../img/icons/pin-blue.png'), linear-gradient(to top left, #efefef, #fff);
}

.newcomer-ico:hover {
	background-image: url('../img/icons/pin-white.png');
}

.contact-info-ico {
	background-image: url('../img/icons/contact-info.png'), linear-gradient(to top left, #efefef, #fff);
}

.contact-info-ico:hover {
	background-image: url('../img/icons/contact-info2.png');
}

.pass-ico {
	background-image: url('../img/icons/ch-pass.png'), linear-gradient(to top left, #efefef, #fff);
}

.pass-ico:hover {
	background-image: url('../img/icons/ch-pass2.png');
}

.add-ico {
	background-image: url('../img/add-ico.png'), linear-gradient(to top left, #efefef, #fff);
}

.add-ico:hover {
	background-image: url('../img/add-l-ico.png');
}

.iptv-ico {
	background-image: url('../img/iptv-ico.png'), linear-gradient(to top left, #efefef, #fff);
}

.iptv-ico:hover {
	background-image: url('../img/iptv-l-ico.png');
}

.sec-ico {
	background-image: url('../img/sec-ico.png'), linear-gradient(to top left, #efefef, #fff);
}

.sec-ico:hover {
	background-image: url('../img/sec-l-ico.png');
}

.city-ico {
	/*background-image: url('../img/city-ico.png'), linear-gradient(to top left, #efefef, #fff);*/
	background-image: url('../img/city-online-blue.png'), linear-gradient(to top left, #efefef, #fff);
}

.city-ico:hover {
	/*background-image: url('../img/city-l-ico.png');*/
	background-image: url('../img/city-online-white.png');
}

.action-ico {
	background-image: url('../img/action-blue.png'), linear-gradient(to top left, #efefef, #fff);
}

.action-ico:hover {
	background-image: url('../img/action-white.png');
}

.support-ico {
	background-image: url('../img/support-ico.png'), linear-gradient(to top left, #efefef, #fff);
}

.support-ico:hover {
	background-image: url('../img/support-l-ico.png');
}

.iptv-s-ico {
	background-image: url('../img/iptv-s-ico.png'), linear-gradient(to top left, #efefef, #fff);
}

.iptv-s-ico:hover {
	background-image: url('../img/iptv-s-l-ico.png');
}

.router-ico {
	background-image: url('../img/router-ico.png'), linear-gradient(to top left, #efefef, #fff);
}

.router-ico:hover {
	background-image: url('../img/router-l-ico.png');
}

.settings-ico {
	background-image: url('../img/settings-ico.png'), linear-gradient(to top left, #efefef, #fff);
}

.settings-ico:hover {
	background-image: url('../img/settings-l-ico.png');
}

.new-action-ico {
	background: #0098E8 url(../img/toys.webp) bottom right no-repeat;
	background-size: contain;
	color: white;
}

ul.button-listmenu .new-action-ico:hover {
	background-color: #0098E8;
}

.li-news {
	background-color: white;
	min-width: 205px;
	min-height: 250px;
	padding: 0.5em !important;
	color: black;
	border: 1px solid #ccc !important;
	position: relative;
}

.li-news:hover {
	background: #3e66ab;
}

.li-news a {
	height: 95% !important;
}

.li-news img {
	left: 2%;
	bottom: 10%;
	position: absolute;
}

.li-news small {
	float: right;
}

.more-info {
	display: none;
	color: black;
	background: linear-gradient(-45deg, #DADADA, #C5DDE8);
	border-radius: 5px;
	padding: 1em;
	float: right;
	border: 1px solid #d9d9d9;
}

.more-info:hover {
	cursor: context-menu;
}

.more-info ul li {
	text-indent: 20px;
	float: none;
	width: auto;
	height: auto;
	padding: 0;
	cursor: context-menu;
	border-bottom: 0;
}

.more-info ul li:hover {
	color: black;
	background: linear-gradient(45deg, #DADADA, #C5DDE8);
	border-bottom: 0;
}

.data-filter {
	display: inline-block;
}

.data-filter .reports-label {
	min-width: 60px;
	font-size: 1.2em;
	display: inline-block;
}

.data-filter input,
.data-filter select,
.data-filter button {
	min-width: 110px;
	height: 38px;
	margin: 10px;
	padding-left: 10px;
	font-size: 1.2em;
}

.data-filter button,
.reports-button {
	background-color: #3e67a9;
	font-size: 1.2em;
	float: right;
}

.btn-reports {
	cursor: pointer;
}

.w800nb,
.w640nb,
.w480nb {
	display: block;
}

.w800nib,
.w640nib,
.w480nib {
	display: inline-block;
}

.w800ib,
.w800b,
.w640ib,
.w640b,
.w480ib,
.w480b {
	display: none;
}

.mainMenuWrapper {
	background: white url(../img/real-logo.png) center 10% no-repeat;
	width: 15em;
	height: 25em;
	font-size: 1.1em;
	text-align: center;
	padding: 1em 1.5em;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	left: -240px;
	top: 10%;
	bottom: 0;
	overflow: visible;
	position: fixed;
	z-index: 4;
	-webkit-transition: left 0.2s ease-out 0s;
	-moz-transition: left 0.2s ease-out 0s;
	-o-transition: left 0.2s ease-out 0s;
	transition: left 0.2s ease-out 0s;
}

.mainMenuWrapper.open {
	left: 0;
}

.mainMenuWrapper>.mainMenuContent {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

.mainVertMenu>.mainMenuItem {
	display: block;
	text-align: left;
}

.mainMenuItem.active {
	font-weight: bold;
	text-align: center;
}

.mainVertMenu {
	width: 90%;
	vertical-align: top;
	margin-top: 35%;
}

.mainMenuItem>a {
	padding: 8px 1em;
	display: inline-block;
	text-decoration: none;
	color: #282d2e;
	border: 2px solid transparent;
}

.mainMenuItem>a:hover {
	color: #3e66ab;
	font-weight: bolder;
	letter-spacing: 5px;
}

.mainMenuItem.separator {
	border-bottom: 1px solid #ccc;
}

.mainMenu {
	display: inline-block;
	text-transform: uppercase;
	vertical-align: middle;
}

.va_middle {
	vertical-align: middle;
}

.v_spacer {
	display: inline-block;
	width: 0;
	height: 100%;
}

.tab-content {
	margin-bottom: 1em;
}

.dir-form {
	background-color: #f7f7f7;
	padding: 2em 3em 3em 3em;
	margin: 1.5em auto;
	display: inline-block;
	text-align: left;
	position: relative;
}

.dir-form label {
	font-size: 1.1em;
	font-weight: normal;
	padding-right: 1em;
	vertical-align: top;
}

.dir-form label:after {
	clear: both;
}

.dir-form select,
.dir-form input,
.dir-form textarea {
	/*background: #fff;*/
	width: 300px;
	font-size: 1.1em;
	float: right;
	margin-bottom: 15px;
	padding: 0px 8px;
}

.dir-form input[type='checkbox'] {
	width: 1.5em;
	height: 1.5em;
}

.dir-form input[type='checkbox']:hover {
	cursor: pointer;
}

.dir-form textarea {
	background: #fff;
	resize: vertical;
	min-height: 3em;
}

.dir-form button {
	float: right;
}

.dir-form ul {
	margin: 0;
	padding: 0;
}

.dir-form ul li {
	padding-left: 0em;
}

.dir-form p,
.dir-form li {
	font-size: 1.1em;
}

.dir-form .full-select,
.dir-form .full-textarea {
	width: 100%;
	float: none;
}

.dir-form .full-textarea {
	min-height: 100px;
}

a.question {
	font-size: 1.1em;
	text-decoration: none;
	text-align: justify;
}

a.question:before {
	content: '+';
	margin-right: 5px;
}

a.question:hover {
	color: #333;
}

a.active {}

a.active:before {
	content: '-';
	margin-right: 5px;
}

p.answer {
	height: 0;
	display: none;
	text-align: justify;
}

a.active+p.answer {
	height: auto;
	display: block;
}

div.qblock {
	min-height: 60px;
	margin-bottom: 15px;
}

.full-form {
	width: 100%;
}

ul.tariffs,
ul.device {
	list-style: none;
}

ul.tariffs.linenone a,
ul.device.linenone a {
	text-decoration: none;
}

ul.tariffs li,
ul.device li {
	background-image: linear-gradient(to top left, #efefef, #fff);
	width: 250px;
	height: 158px;
	font-size: 1em;
	margin: 0 1em 1em 0;
	padding: 1em 2.5em 1em 2.5em;
	display: inline-block;
	vertical-align: top;
	/*cursor: context-menu;*/
	border-bottom: 2px solid #ddd;
	text-align: left;
	position: relative;
}

ul.device li {
	height: auto;
	width: 340px;
	padding: 1em 1.5em 1em 1.5em;
}

ul.device-mvno li {
	height: auto;
	width: 535px;
	padding: 1em 1.5em 1em 1.5em;
}


ul.tariffs li.current,
ul.device li.current {
	border-bottom: 2px solid #0e8af5;
}

ul.tariffs.current li,
ul.device.current li {
	border-bottom: 2px solid #0e8af5;
}

ul.tariffs li:hover,
ul.device li:hover {
	cursor: pointer;
	/*background-image: linear-gradient(to top left, #e8e8e8, #d1d1d1);*/
	background-image: linear-gradient(to top left, #d5e8ff, rgba(164, 222, 255, 1));
}

ul.device li.selected {
	border-top: 1px solid #0e8af5;
	border-right: 1px solid #0e8af5;
	border-left: 1px solid #0e8af5;
}

ul.tariffs .iptvyes,
ul.device .iptvyes,
ul.tariffs .mvnoyes,
ul.device .mvnoyes {
	position: absolute;
	right: 0;
	top: 1.5em;
	background: red;
	height: 35px;
	width: 35px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	text-align: center;
	line-height: 35px;
	font-size: 25px;
	font-weight: bolder;
	letter-spacing: 0.05em;
	color: white;
	font-family: 'Panton-bold';
	/*color: transparent;
	-webkit-text-stroke: 1px white;*/


	box-shadow: 23px 0 20px -23px rgba(0, 0, 0, .8),
		0 1px 4px rgba(0, 0, 0, .3),
		0 0 40px rgba(0, 0, 0, .1),
		-23px 0 20px -23px rgba(0, 0, 0, .42) inset;
	-webkit-box-shadow: 23px 0 20px -23px rgba(0, 0, 0, .8),
		0 1px 4px rgba(0, 0, 0, .3),
		0 0 40px rgba(0, 0, 0, .1),
		-23px 0 20px -23px rgba(0, 0, 0, .42) inset;
}

ul.tariffs .iptvno,
ul.device .iptvno {
	background: ghostwhite;
	position: absolute;
	right: 0;
	top: 1.5em;
	height: 35px;
	width: 35px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	text-align: center;
	line-height: 32px;
	font-size: 25px;
	font-weight: bolder;
	letter-spacing: 0.05em;
	color: #2f83ff;
	font-family: 'Panton-bold';
	/*color: transparent;
	-webkit-text-stroke: 1px #2f83ff;*/
	/*font-weight: bold;*/
	box-shadow:
		23px 0 20px -23px rgba(0, 0, 0, .8),
		0 1px 4px rgba(0, 0, 0, .3),
		0 0 40px rgba(0, 0, 0, .1),
		-23px 0 20px -23px rgba(29, 29, 29, 0.42) inset;

}

ul.tariffs li .desc-chanel:hover {
	cursor: pointer;
}

ul.tariffs li .iptvyes:hover,
ul.device li .iptvyes:hover {
	background: #e90000;
	cursor: pointer;
}

ul.tariffs li .iptvno:hover,
ul.device li .iptvno:hover {
	background: #e2e2e7;
	cursor: pointer;
}

ul.device.current li.device-add {
	border-bottom: 2px solid #88cff5;
}

ul.device.current li.device-add:hover {
	border-bottom: 2px solid #0e8af5;
}

ul.device.current li.device-add .outside {
	width: 100%;
	height: 90%;
	display: table;
}

ul.device.current li.device-add .outside .inside {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

ul.device.current li.device-add .outside .inside .core {
	height: 100px;
	width: 100px;
	margin: auto;
	background: #64b7ff;
	line-height: 103px;
	border-radius: 50%;
	border: 0px solid #0e8af5;
	font-size: 4em;
	-webkit-text-stroke: 1px white;
	color: white;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

ul.device.current li.device-add .outside .inside .core a {
	color: white;
}

ul.device.current li.device-add .outside .inside .core:hover {
	cursor: pointer;
	background: #0e8af5;
	font-size: 4.5em;
}

ul.device.current .table {
	display: table;
	margin-top: 5px;
}

ul.device.current .row {
	display: table-row;
}

ul.device.current .cell {
	display: table-cell;
	padding-bottom: 5px;
}

ul.device.current .cell.head {
	padding-right: 15px;
	text-align: right;
}

ul.device.current .cell.desc {
	font-family: 'Panton-light';
}

ul.device.current .row .a-href {
	cursor: pointer;
	color: #337ab7;
	text-decoration: none;
}

ul.device.current .row .a-href i {
	font-size: 1.1em;
}

ul.device.current .row .a-href:hover {
	color: #23527c;
	text-decoration: underline;
}

ul.tariffs li.config {
	text-align: center;
	width: 250px;
	height: 85px;
}

ul.tariffs li.config:hover {
	cursor: pointer;
	/*background-image: linear-gradient(to top left, #e8e8e8, #d1d1d1);*/
	background-image: linear-gradient(to top left, #d5e8ff, rgba(164, 222, 255, 1));
}

ul.tariffs li.config img {
	position: relative;
	bottom: auto;
	right: auto;
	margin-left: 10px;
}

ul.tariffs li .title-tariffs {
	font-size: 1.4em;
	color: #3e67aa;
}

ul.tariffs li .config.title-tariffs {
	position: relative;
	height: 60px;
	width: 250px;
	display: table-cell;
	vertical-align: middle;
}

ul.tariffs li .config.title-tariffs img {}

ul.tariffs li .title-tariffs .connect {
	background: red;
	border-radius: 5px 0px 0px 5px;
	height: 35px;
	width: 100px;
	position: absolute;
	right: 0;
	top: 35%;
	font-size: 14px;
	text-align: left;
	line-height: 25px;
	padding: 5px 10px;
	cursor: pointer;
	letter-spacing: 0.05em;
	color: transparent;
	-webkit-text-stroke: 1px white;
	box-shadow:
		23px 0 20px -23px rgba(0, 0, 0, .8),
		0 1px 4px rgba(0, 0, 0, .3),
		0 0 40px rgba(0, 0, 0, .1),
		-23px 0 20px -23px rgba(0, 0, 0, .8) inset;
}

ul.tariffs li:hover .title-tariffs .connect {
	background: #e90000;
}

ul.tariffs li .title-tariffs .noconnect {
	background: ghostwhite;
	border-radius: 5px 0px 0px 5px;
	height: 35px;
	width: 100px;
	position: absolute;
	right: 0;
	top: 35%;
	font-size: 13px;
	text-align: left;
	line-height: 25px;
	padding: 5px 10px;
	cursor: pointer;
	letter-spacing: 0.05em;
	color: transparent;
	-webkit-text-stroke: 1px #2f83ff;
	/*font-weight: bold;*/
	box-shadow:
		23px 0 20px -23px rgba(0, 0, 0, .8),
		0 1px 4px rgba(0, 0, 0, .3),
		0 0 40px rgba(0, 0, 0, .1),
		-23px 0 20px -23px rgba(0, 0, 0, .8) inset;
}

ul.tariffs li:hover .title-tariffs .noconnect {
	background: #e2e2e7;
}


ul.tariffs li .speed-tariffs {
	font-size: 1.1em;
	display: inline-block;
	margin-right: 5px;
}

ul.tariffs li .titlemounth-tariffs,
ul.device li .titlemounth-tariffs {
	font-size: 1.3em;
	color: #3e67aa;
}

ul.device li .titlemounth-tariffs p {
	position: absolute;
	right: 3px;
	top: 0;
	margin: 0;
	cursor: pointer;
}

ul.device li .titlemounth-tariffs p:hover {
	color: #23527c;
}

ul.tariffs li .permounth-tariffs,
ul.device li .permounth-tariffs {
	font-family: 'Panton-bold';
	font-size: 1.3em;
	display: inline-block;
	margin-top: 5px;
	margin-right: 0;
}

ul.device li .permounth-tariffs {
	font-size: 1.1em;
}

ul.device li .permounth-tariffs a i {
	font-size: 1.2em;
}

ul.device li .permounth-tariffs dd {
	font-family: 'Panton-light';
}

ul.tariffs li .permounth-tariffs i {
	font-size: 0.9em;
	margin-left: 2px;
}

ul.tariffs li .properties-tariffs {
	font-size: 0.9em;
	display: block;
}

ul.tariffs li .price-tariffs {
	color: #3e67aa;
	font-size: 1.4em;
	bottom: 16px;
	position: absolute;
}

ul.tariffs li .channel-pos {
	position: absolute;
	bottom: 5px;
	right: 5px;
	text-align: right;
}

ul.tariffs li img {
	right: 2.5em;
	bottom: 16px;
	position: absolute;
}

ul.tariffs li img.channel {
	right: 0;
	bottom: 0;
	position: relative;
	margin-left: 5px;
	margin-bottom: 5px;
	height: 2em;
	display: inline;
}

ul.tariffs li img.icon-tariffs {
	left: 2.5em;
}

ul.tariffs li img.icon-tariffs:hover {
	cursor: help;
}

ul.tariffs li .age-tariffs {
	background-color: #888;
	color: #fff;
	font-size: 0.75em;
	border-radius: 2px;
	padding: 0 4px;
	right: 2.5em;
	top: 16px;
	position: absolute;
}

ul li p img.optsize {
	width: 90%;
	height: auto;
}

.services-table {
	background: inherit;
	width: 100%;
	border-spacing: 0px 10px;
	border-collapse: separate;
	border-top: 1px solid #6b8bbe;
}

.meters-table {
	background: inherit;
	width: 100%;
	border-spacing: 0px 10px;
	border-collapse: separate;
	text-align: left;
}

.meters-table tr {}

.services-table th {
	background: inherit;
	color: #999;
	font-size: 1em;
	text-align: center;
	word-wrap: break-word;
}

.meters-table th {
	background: inherit;
	color: #999;
	font-size: 1em;
	word-wrap: break-word;
}

.services-table td,
.meters-table td {
	background: #fff;
	font-size: 1em;
	padding: 0.5em 0;
}

.services-table tr.red td,
.meters-table tr.red td {
	background: #f90000 !important;
	color: white;
	font-weight: bold;
}

.services-table tr.red td a,
.meters-table tr.red td a {
	color: white;
	font-weight: bold;
}

.services-table td div,
.meters-table td div {
	width: 98%;
	font-size: 1em;
	padding: 0.3em 2em;
	display: inline-block;
	vertical-align: middle;
	word-wrap: break-word;
}

.services-table td:first-child div,
.meters-table td:first-child div {
	text-align: left;
}

.services-table td:last-child div,
.meters-table td:last-child div {
	border-right: none;
}

.services-table .divide,
.meters-table .divide {
	width: 1px;
	height: 2em;
	border-right: 1px solid #6b8bbe;
	vertical-align: middle;
	display: inline-block;
}

.services-table .services-title,
.services-table .services-date,
.services-table a.services-more,
.services-table .services-description {
	padding: 0;
	margin: 0;
	display: block;
}

.services-table .services-title,
.meters-table .services-title {
	color: #3e67aa;
}

.services-table .services-date,
.meters-table .services-date {
	font-size: 0.9em;
	font-weight: bold;
}

.services-table a.services-more,
.meters-table a.services-more {
	color: #444;
	cursor: pointer;
}

.services-table .services-description,
.meters-table .services-description {
	display: none;
}

.paddb50 {
	/*padding-bottom: 150px;
	-webkit-padding-after: 150px;*/
}

.paddb100 {
	/*padding-bottom: 200px;
	-webkit-padding-after: 200px;*/
}

.paddb150 {
	/*padding-bottom: 250px;
	-webkit-padding-after: 250px;*/
}

.paddb200 {
	/*padding-bottom: 300px;
	-webkit-padding-after: 300px;*/
}

.paddb250 {
	padding-bottom: 350px;
	-webkit-padding-after: 350px;
}

.paddb300 {
	padding-bottom: 400px;
	-webkit-padding-after: 400px;
}

.paddb350 {
	padding-bottom: 450px;
	-webkit-padding-after: 450px;
}

.paddb400 {
	padding-bottom: 550px;
	-webkit-padding-after: 550px;
}

.paddb450 {
	padding-bottom: 550px;
	-webkit-padding-after: 550px;
}

.paddb500 {
	padding-bottom: 600px;
	-webkit-padding-after: 600px;
}

.paddb550 {
	padding-bottom: 650px;
	-webkit-padding-after: 650px;
}

.paddb600 {
	padding-bottom: 700px;
	-webkit-padding-after: 700px;
}

.paddb650 {
	padding-bottom: 750px;
	-webkit-padding-after: 750px;
}

.paddb700 {
	padding-bottom: 800px;
	-webkit-padding-after: 800px;
}

.additem {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;

	border-radius: 50%;
	height: 0.6em;
	width: 0.6em;
	background: #3e67aa;
	position: absolute;
	top: 0;
	right: -0.75em;
	font-size: 3em;
	color: transparent;
	-webkit-text-stroke: 1px white;
	box-shadow: 23px 0 20px -23px rgba(0, 0, 0, .8),
		0 1px 4px rgba(0, 0, 0, .3),
		0 0 40px rgba(0, 0, 0, .1),
		-23px 0 20px -23px rgba(0, 0, 0, .42) inset;
	font-weight: bolder;
	line-height: 0.6em;
	text-align: center;
}

.additem:hover {
	cursor: pointer;
	background: #38518e;
}

.additem.it1 {
	top: 1.1em;
}

.additem.it2 {
	top: 130px;
}

/* WebKit � Opera */
@-webkit-keyframes spinner {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

/* ��� ��������� �������� */
@keyframes spinner {
	from {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.modal-close {

	/*position: fixed;
	right: 15px;
	top: 25px;*/
	float: right;
	background: url("../img/icons/close.png");
	background-size: 20px;
	height: 20px;
	width: 20px;

	-webkit-animation-name: spinner;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 6s;

	animation-name: spinner;
	/* ��������� �� �������� ����� �������� � ��������� "spinner" */
	animation-timing-function: linear;
	/* ������� �������������, � ������� ������� ����� ����������� �������������� */
	animation-iteration-count: infinite;
	/* ���������� �������� ��������. "infinite" - ������ ���������� */
	animation-duration: 5s;
	/* ������������ �������� */

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	/* ��������� ��� ��� 3D �������������� */
}

.modal-close:hover {
	cursor: pointer;
}

.modal-close:active {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
	/* ������������� �������� */
}

#iptvModal .modal-dialog,
#iptvModalDesc .modal-dialog,
#iptvModalConfirm .modal-dialog {
	width: 320px;
	position: fixed;
	top: 30%;
	left: calc(50% - 160px);
}

#iptvModal .modal-dialog,
#iptvModal .modal-dialog a,
#iptvModalDesc .modal-dialog,
#iptvModalDesc .modal-dialog a,
#iptvModalConfirm .modal-dialog,
#iptvModalConfirm .modal-dialog a {
	color: #444;
}

#iptvModal .modal-body,
#iptvModalDesc .modal-body,
#iptvModalConfirm .modal-body {
	padding: 2em;
}

#iptvModal .modal-title,
#iptvModalDesc .modal-title,
#iptvModalConfirm .modal-title {
	color: #85878a;
	font-size: 1.6em;
	font-family: 'Panton-bold';
	margin-bottom: 0.75em;
}

#iptvModal .modal-dialog a,
#iptvModalDesc .modal-dialog a,
#iptvModalConfirm .modal-dialog a {
	color: #85878a;
	font-size: .8em;
	font-family: 'Panton-bold';
	margin: 1.4em 0;
	display: block;
}

#tariffsModal .modal-dialog {
	width: 320px;
	position: fixed;
	top: 30%;
	left: calc(50% - 160px);
}

#tariffsModal .modal-dialog,
#tariffsModal .modal-dialog a {
	color: #444;
}

#tariffsModal .modal-body {
	padding: 2em;
}

#tariffsModal .modal-title {
	color: #85878a;
	font-size: 1.6em;
	font-family: 'Panton-bold';
	margin-bottom: 0.75em;
}

#tariffsModal .modal-dialog a {
	color: #85878a;
	font-size: .8em;
	font-family: 'Panton-bold';
	margin: 1.4em 0;
	display: block;
}

.modal-btn {
	color: white;
	/*font-size: 1.4em;*/
	font-size: 19px;
	/*font-family: 'Panton-bold';*/
	font-family: 'Panton-light';
	padding: 0.3em 1em;
	border: none;
	border-radius: 6px;
}

button.primary {
	background-color: #3b61a8;
}

button.cancel {
	background-color: #85878a;
}

form.form {
	text-align: center;
}

#tariff .modal-dialog,
#router .modal-dialog {
	margin-top: 5%;
}

.modal-body h4 {
	margin-right: 30px;
	font-size: 19px;
}

.modal-body p {
	font-size: 15px;
	margin-bottom: 15px;
}

.modal-body ul {
	font-size: 15px;
}

.dir-form .pos-form {
	width: 55%;
}

.footer-address {
	font-size: 1.1em;
}

.mycamera {
	/*float: left;*/
}

.mycamera .cam-player {
	box-shadow: 0px 0px 5px 1px #000000;
	margin-bottom: 1em;
	float: left;
}

.mycamera li {
	float: left;
	padding: 3em;
	margin-right: 10px;
	margin-bottom: 10px;
	background: #f7f7f7;
	width: 100%;
}

.panelload {
	text-align: center;
	float: left;
	width: 33%;
	position: relative;
}

.panelload input[type=button],
select {
	padding: 3px;
	border-radius: 2px;
	margin-bottom: 5px;
}

.panelload input[type=button]:hover {
	background: #adadad;
}

.panelload li {
	height: 3.5em;
	width: 3.5em;
	padding: 0;
}

.panelload li:hover {
	cursor: pointer;
}

.panelload .watch-ico {
	background: url(../img/icons/watch-blue.png) no-repeat;
	background-size: 3.5em;
}

.panelload .hour-ico {
	background: url(../img/icons/1h-blue.png) no-repeat;
	background-size: 3.5em;
}

.panelload .minute-ico {
	background: url(../img/icons/5min-blue.png) no-repeat;
	background-size: 3.5em;
}

.panelload .watch-ico:hover {
	background: url(../img/icons/watch-white.png) no-repeat;
	background-size: 3.5em;
}

.panelload .hour-ico:hover {
	background: url(../img/icons/1h-white.png) no-repeat;
	background-size: 3.5em;
}

.panelload .minute-ico:hover {
	background: url(../img/icons/5min-white.png) no-repeat;
	background-size: 3.5em;
}

.panelload .watch-ico:active {
	background: url(../img/icons/watch-active.png) no-repeat;
	background-size: 3.5em;
}

.panelload .hour-ico:active {
	background: url(../img/icons/1h-active.png) no-repeat;
	background-size: 3.5em;
}

.panelload .minute-ico:active {
	background: url(../img/icons/5min-active.png) no-repeat;
	background-size: 3.5em;
}

.img-action {
	width: 100%;
	padding-bottom: 2em;
	margin-bottom: 1em;
	border-bottom: 1px solid #4878c3;
}

.img-action div {
	position: relative;
	width: 95%;
	margin: 0 auto;
}

.img-action .over {
	position: absolute;
	top: 0;
	left: 0;
}

.img-action .over:hover {
	background: rgba(255, 253, 241, 0.22);
	cursor: pointer;
}

#date-time-cam {
	text-align: center;
	margin-top: 15px;
}

#date-time-cam select,
#date-time-cam input[type=button] {
	padding: 5px;
	border-radius: 3px;
	font-family: Panton-bold;
	font-size: 1.1em;
	margin-right: 10px;
	margin-bottom: 10px;
}

input[type=datetime-local] {
	padding: 5px;
	border-radius: 5px;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 2px;
	text-indent: 5px;
	line-height: 1.1em;
	float: right;
	margin-bottom: 10px;
}

.navigat-dt {
	display: table;
	margin: auto;
}

.navigat-dt li {
	background: white;
	/* border-radius: 2px; */
	border: 1px solid #a9a9a9;
	height: 2.5em;
	width: auto;
	padding: 0px 10px 0px 10px;
	margin-bottom: 10px;
	margin-right: 0px;
	line-height: 2.5em;
}

.navigat-dt li:hover {
	background: #efefef;
}

.navigat-dt .clear-li {
	background: none;
	border: 0;
	width: 45px;
	float: left;
}

.navigat-dt .clear-li:after {
	content: "";
}

.navigat-dt .click {
	background: #efefef;
}

.navigat-dt .click:after {
	content: "\25B4";
}

.navigat-dt li:after {
	content: "\25BE";
	margin-left: 5px;
}

.list-day {
	background: white;
	border: 1px solid #a9a9a9;
	/* float: left; */
	border-radius: 5px;
	padding: 0px 0 0 0px;
	width: 167px;
	position: absolute;
	/*top: 50px;*/
	/*left: 23px;*/
	box-shadow: 9px 11px 18px -5px #000000;
	z-index: 10;
}

.list-day ul {
	height: 152px;
	overflow: hidden;
	padding: 15px 0 10px 0;
	width: 100%;
}

.list-day .up {
	float: left;
	width: 100%;
	background: url(../img/icons/up.png) no-repeat center, linear-gradient(to top, #cecece, #ffffff);
	background-size: 55px;
	box-shadow: 0px 10px 15px 0px #c3c3c3;
	border-radius: 5px 5px 0px 0px;
	height: 40px;
	z-index: 2;
	position: relative;
}

.list-day .up:hover {
	background: url(../img/icons/up-active.png) no-repeat center, linear-gradient(to top, #cecece, #ffffff);
	background-size: 55px;
	cursor: pointer;
}

.list-day .down {
	float: left;
	width: 100%;
	background: url(../img/icons/down.png) no-repeat center, linear-gradient(to top, #ffffff, #cecece);
	background-size: 55px;
	box-shadow: 0px 0px 25px 0px #c3c3c3;
	border-radius: 0px 0px 5px 5px;
	height: 40px;
	z-index: 2;
	position: relative;
}

.list-day .down:hover {
	background: url(../img/icons/down-active.png) no-repeat center, linear-gradient(to top, #ffffff, #cecece);
	background-size: 55px;
	cursor: pointer;
}

.list-day li {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	text-align: center;
	line-height: 45px;
	margin: 0px 5px 0px 5px;
	font-size: 1.1em;
}

.list-day.list-month li {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	margin-bottom: 5px;
	margin-right: 13px;
}

.list-day.list-month.list-year {
	width: auto;
}

.list-day.list-month.list-year li {
	margin-right: 10px;
	width: 45px;
	height: 45px;
	line-height: 45px;
}

.list-day li:hover {
	background: #38558f;
	color: white;
}

.list-day .select {
	background: #38558f;
	color: white;
}

.panel-nav {
	margin-top: -1em;
	margin-bottom: 1em;
	font-size: 1.1em;
}

.panel-nav li {
	float: left;
}

.panel-nav a {
	margin-right: 5px;
}

.panel-nav .title-page {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0;
	float: left;
	width: auto;
}

.panel-nav a i {
	font-size: 1.2em;
}

.panel-nav li>i {
	margin-right: 5px;
}

.panel-nav .non-active {
	pointer-events: none;
	color: #737373;

}

.mycamera li p {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.butt-nav {
	display: table;
	margin: auto;
}

.control-pan {
	position: fixed;
	background: #f7f7f7;
	border: 1px solid #d8d6d6;
	border-right: 0;
	top: 30%;
	right: 0;
	border-radius: 5px 0 0 5px;
	z-index: 10;
	display: block;
	box-shadow: 0px 0px 15px 0px #8a8a8a;
}

.control-pan .hide-pan {
	border-radius: 5px 0 0 5px;
	vertical-align: middle;
	text-align: center;
	width: 2em;
	height: 12em;
	display: table-cell;
}

.control-pan .hide-pan:hover {
	cursor: pointer;
	background: #d2d2d2;
}

.control-pan .hide-pan:active {
	background: #bababa;
}

.control-pan .content {
	padding: 1em 1em 1em 5px;
	display: none;
}

.control-pan .content.show-pan {
	display: table-cell;
}

.control-pan .content hr {
	margin: 5px 0 5px 0;
}

.control-pan div div {
	height: 30px;
	width: 50px;
	margin: 10px auto;
}

.control-pan div div:hover {
	cursor: pointer;
}

.control-pan .col1 {
	background: #d9d9d9;
}

.control-pan .col1:hover,
.control-pan .col1.active {
	background: #3e67a9;
}

.control-pan .col2 {
	background: url(../img/icons/col2.png) no-repeat center;
	background-size: 50px;
}

.control-pan .col2:hover {
	background: url(../img/icons/col2-active.png) no-repeat center;
	background-size: 50px;
}

.control-pan .col2.active {
	background: url(../img/icons/col2-active.png) no-repeat center;
	background-size: 50px;
}

.control-pan .col3 {
	background: url(../img/icons/col3.png) no-repeat center;
	background-size: 50px;
}

.control-pan .col3:hover {
	background: url(../img/icons/col3-active.png) no-repeat center;
	background-size: 50px;
}

.control-pan .col3.active {
	background: url(../img/icons/col3-active.png) no-repeat center;
	background-size: 50px;
}

.control-pan .col4 {
	background: url(../img/icons/col4.png) no-repeat center;
	background-size: 50px;
}

.control-pan .col4:hover {
	background: url(../img/icons/col4-active.png) no-repeat center;
	background-size: 50px;
}

.control-pan .col4.active {
	background: url(../img/icons/col4-active.png) no-repeat center;
	background-size: 50px;
}

.control-pan .col5 {
	background: url(../img/icons/col5.png) no-repeat center;
	background-size: 50px;
}

.control-pan .col5:hover {
	background: url(../img/icons/col5-active.png) no-repeat center;
	background-size: 50px;
}

.control-pan .col5.active {
	background: url(../img/icons/col5-active.png) no-repeat center;
	background-size: 50px;
}

.btn-group-xl>.btn,
.btn-xl {
	background: url('./img/icons/smile-1.png') center center no-repeat, radial-gradient(white, #FFA9A1);
	min-width: 120px;
	min-height: 120px;
	padding: 10px 10px;
	color: #666;
	font-size: 72px;
	line-height: 1.3333333;
	border-radius: 12px;
	outline: none !important;
}

.btn-group-xl>.btn:hover,
.btn-xl:hover {
	background: url('./img/icons/smile-2.png') center center no-repeat, radial-gradient(white, #0818da);
	color: #fff;
}

.btn-group-xl>.btn.active,
.btn-xl.active {
	background: url('./img/icons/tree.png') center center no-repeat, radial-gradient(white, red);
	color: #fff;
}

.modal-body .carousel-config {
	position: relative;
}

.modal-body .carousel-config .move-left,
.modal-body .carousel-config .move-right {
	position: absolute;
	z-index: 1;
	height: 100%;
	top: 0;
	/*background: #5d51481f;*/
}

.modal-body .carousel-config .move-left {
	width: 30%;
}

.modal-body .carousel-config .move-right {
	width: 70%;
	right: 0;
	text-align: right;
}

.modal-body .carousel-config .move-left:hover .m-l-hover {
	height: 100%;
	width: 3em;
	background: url(../img/icons/left.png) no-repeat center;
	background-size: 1em;
}

.modal-body .carousel-config .move-right:hover .m-r-hover {
	height: 100%;
	float: right;
	width: 3em;
	background: url(../img/icons/right.png) no-repeat center;
	background-size: 1em;

}

.modal-body .carousel-config .move-left:active .m-l-hover {
	background: url(../img/icons/left-active.png) no-repeat center;
	background-size: 1em;
}

.modal-body .carousel-config .move-right:active .m-r-hover {
	background: url(../img/icons/right-active.png) no-repeat center;
	background-size: 1em;
}

.modal-body .carousel-config img {
	width: 100%;
}

.modal-body .steps {
	width: 100%;
	margin-top: 5px;
}

.modal-body .steps ul {
	display: table;
	margin: 0 auto;
}

.modal-body .steps li {
	background: white;
	float: left;
	border: 1px solid #bababa;
	border-radius: 50%;
	height: 10px;
	width: 10px;
	margin-right: 2px;
}

.modal-body .steps li:hover {
	cursor: pointer;
}

.modal-body .steps .active {
	background: #3e67a9;
	border: 1px solid #3e67a9;
}

.modal-body .desc-step {
	margin-top: 10px;
	font-size: 1.1em;
	border-top: 1px solid #eeeeee;
	padding-top: 5px;
}

/*****************************RESIZE SCREEN*******************************************************************************/

@media screen and (min-width:1450px) {

	/*-------------------------------1450--------------------------------------------------*/
	img.banners {
		/*display: block;*/
	}
}

@media screen and (max-width: 1320px) {

	/*----------------------------------1320---------------------------------------*/
	ul.tariffs li {
		width: 235px;
	}

	ul.device li {
		width: 320px;
	}

}

@media screen and (max-width: 1250px) {

	/*----------------------------------1250---------------------------------------*/
	ul.tariffs li {
		width: 250px;
	}

	ul.device li {
		width: 380px;
	}

}

@media screen and (max-width: 1200px) {

	/*----------------------------------1200---------------------------------------*/
	.header {
		padding-left: 3em;
	}

	ul.device li {
		width: 340px;
	}
}

@media screen and (max-width: 1154px) {

	/*----------------------------------1154---------------------------------------*/
	.dir-form .pos-form {
		width: 60%;
	}
}

@media screen and (max-width: 1100px) {

	/*----------------------------------1100---------------------------------------*/
	ul.tariffs li {
		width: 240px;
	}

	ul.device li {
		width: 330px;
	}
}

@media screen and (max-width: 1070px) {

	/*----------------------------------1070---------------------------------------*/
	.dir-form .pos-form {
		width: 64%;
	}

	ul.tariffs li {
		width: 250px;
	}

	ul.device li {
		width: 380px;
	}
}

@media screen and (max-width: 966px) {
	.more-info {
		float: none;
	}

}

@media screen and (max-width:900px) {

	/*---------------------------------900----------------------------------------*/
	body {
		font-size: 12px;
	}

	.header {
		padding-left: 3em;
	}

	.content-menu-buttons-white {
		width: 100%;
	}

	.direction {
		width: 100%;
	}

	.reports-left {
		padding-right: 15px;
	}

	.reports-right {
		padding-left: 15px;
	}

	ul.content-leftmenu {
		padding-right: 0.5em;
		margin-right: 0.5em;
	}

	ul.tariffs li {
		width: 240px;
		height: 145px;
		font-size: 1em;
		padding: 1em 1.5em 1em 1.5em;
	}

	.services-table {
		border-spacing: 0px 5px;
	}

	.services-table td {}

	.services-table td div {
		padding: 0.3em 1em;
	}

	.additem.it1 {
		/*top: 2.3em;*/
	}

	ul.device.current li {
		width: 370px;
	}

}

@media screen and (max-width: 800px) {

	/*------------------------------800---------------------------------------------*/
	body {
		font-size: 14px;
	}

	div.listmenu {
		border-bottom: none;
	}

	div.title-listmenu {
		font-size: 1.4em;
		margin-bottom: 0.3em;
	}

	ul.button-listmenu li {
		width: 45%;
		padding: 0.5em 4em 0.5em 0.5em;
	}

	span.comment-listmenu {
		font-size: 1em;
	}

	ul.content-leftmenu {
		padding-right: 0.5em;
		margin-right: 0.5em;
	}

	.header {
		padding-left: 3em;
		padding-top: 2em;
	}

	.login-form {
		width: 70%;
		margin: 20px auto;
		display: block;
		left: 15%;
	}

	.login-img {
		width: 100%;
		display: block;
	}

	.lk {
		padding-top: 0;
		padding-bottom: 1em;
	}

	.mainMenuWrapper {
		background-size: 185px;
		top: 90px;
		height: 23em;
	}

	div.listmenu-bordertop ul.button-listmenu li {
		width: 45%;
	}

	.w800nb,
	.w800nib {
		display: none !important;
	}

	.w800b {
		display: block !important;
	}

	.w800ib {
		display: inline-block !important;
	}

	.content-menu {
		width: 100%;
	}

	.content-menu-buttons-white {
		width: 100%;
		padding-right: 0;
		margin: 0;
	}

	.content-menu-buttons-white img {
		width: 100%;
	}

	.content-menu-buttons-white>nav>a {}

	.bigger-button:last-child {
		margin-right: 0 !important;
	}

	.button-menu .content-menu-title {
		width: 100%;
		text-align: left;
		/*padding-left: 1em;*/
		border-bottom: 1px solid #6b8bbe;
	}

	.rub-ico,
	.auto-ico,
	.det-ico,
	.friend-ico,
	.add-ico,
	.iptv-ico,
	.sec-ico,
	.city-ico,
	.support-ico,
	.iptv-s-ico,
	.router-ico,
	.settings-ico,
	.pass-ico,
	.contact-info-ico,
	.forever-ico,
	.action-ico,
	.newcomer-ico,
	.empty-ico {
		background-position: calc(100% - 1.5em) calc(100% - 1.5em), 0 0;
	}

	.additem {
		top: 0.85em;
	}

	.additem.it1 {
		top: 2.75em;
	}

	.footer-wrapper {
		/*bottom: auto;*/
	}

	ul.tariffs li {
		width: 230px;
		height: 150px;
		font-size: 1em;
		padding: 1em 1.5em 1em 1.5em;
	}

	.dir-form select,
	.dir-form input,
	.dir-form textarea {
		float: none;
		width: 100%;
	}

	.services-table {
		border-spacing: 0px 5px;
		font-size: 14px;
	}

	.services-table td {}

	.services-table td div {
		padding: 0.3em 1em;
	}

	#info:hover .infmodal {
		font-size: 13px;
	}

	ul.tariffs li img.icon-tariffs {
		left: 1em;
	}

	div.personal-info {
		width: 37%;
	}

	.iptv-list li {
		width: 45%;
		min-width: 225px;
	}

	.img-action div {
		width: 100%;
		margin: 0 auto;
	}

	.panelload {
		width: 100%;
	}

	ul.device.current li {
		width: 380px;
	}

	.li-news {
		min-height: 350px;
	}
}

@media screen and (max-width: 640px) {

	/*-----------------------------------640--------------------------------------*/
	body {
		font-size: 12px;
	}

	.header {
		min-height: 0;
	}

	.login-form {
		width: 70%;
		left: 15%;
	}

	.login-form footer a {
		font-size: 14px;
	}

	.login-form footer i {
		font-size: 18px;
		vertical-align: top;
	}

	.lk {
		font-size: 10px;
	}

	.w640nb,
	.w640nib {
		display: none !important;
	}

	.w640b {
		display: block !important;
	}

	.w640ib {
		display: inline-block !important;
	}

	.menu {
		width: 40px;
		height: 40px;
		padding: 8px;
	}

	.menu i {
		font-size: 2em;
	}

	.personal-info {
		float: none;
	}

	.header-menu>li>a {
		font-size: 1.5em;
		color: #333;
	}

	.fio,
	.text-regular {
		font-size: 1.5em;
	}

	.footer-number,
	.footer-address {
		font-size: 1.5em;
	}

	.footer-copy {
		font-size: 1.5em;
		padding-top: 1.3em;
	}

	.direction {
		width: 100%;
		/*font-size: 1.5em;*/
		margin-top: 0;
	}

	.content-menu {
		margin-bottom: 1em;
	}

	.content-menu-buttons-white {
		width: 100%;
		padding: 0;
		margin: 0;
	}

	.content-menu-buttons-white>nav>a {
		width: 48%;
		height: 120px;
		margin-bottom: 2em;
	}

	.content-menu-buttons-white>nav>a:nth-child(2n+1) {
		margin-right: 3%;
	}

	.content-menu-buttons-white>nav>a:nth-child(2n) {
		margin-right: 0;
	}

	ul.main-menu li {
		font-size: 1.2em;
		height: 60px;
	}

	.data-filter .reports-label {
		width: 100%;
	}

	.data-filter input,
	.data-filter select,
	.data-filter button {}

	.mainMenuWrapper {
		background-size: 155px;
		top: 70px;
		height: 26em;
	}

	.button-title {
		font-size: 1.4em;
		padding-top: 15%;
	}

	div.title-listmenu {
		font-size: 1.5em;
	}

	div.listmenu-bordertop ul.button-listmenu li {
		width: 45%;
		height: 140px;
		margin: 0 1em 0.5em 0;
	}

	.footer-wrapper {
		height: auto;
	}

	ul.tariffs li {
		width: 210px;
		height: 140px;
		font-size: 1em;
		padding: 0.5em 1em 0.5em 1em;
		margin: 0 0.5em 0.5em 0;
	}

	ul.tariffs li .age-tariffs {
		font-size: 1em;
	}

	.services-table {
		border-spacing: 0px 5px;
		font-size: 12px;
	}

	.services-table td {}

	.services-table td div {
		padding: 0.3em 1em;
	}


	#info:hover .infmodal {
		font-size: 11px;
		left: 0;
		top: 20px;
	}

	ul li p img.adaptsize {
		width: 90%;
		height: auto;
	}

	ul.tariffs li img.icon-tariffs {
		height: 18%;
		left: 1em;
	}

	ul.tariffs li img {
		right: 3.5em;
	}

	.additem.it1 {
		top: 3em;
	}

	.li-news {
		min-height: 250px;
	}
}

@media screen and (max-width: 525px) {

	/*-----------------------------------525--------------------------------------*/
	.iptv-list li {
		width: 60%;
		min-width: 199px;
	}

	table.info-table-write-off,
	table.info-table-session,
	table.info-table-payment {
		font-size: 0.8em;
	}

	.btn-group-xl>.btn,
	.btn-xl {
		min-width: 64px !important;
		min-height: 64px !important;
		background-size: contain !important;
	}
}

@media screen and (max-width: 480px) {

	/*-----------------------------------480--------------------------------------*/
	body {
		font-size: 11px;
	}

	.w480nb,
	.w480nib {
		display: none !important;
	}

	.w480b {
		display: block !important;
	}

	.w480ib {
		display: inline-block !important;
	}

	p.bg-primary {
		margin: 0;
	}

	div.open-block {
		width: 60%;
	}

	.direction {
		margin-left: 0;
	}

	div.title-listmenu {
		font-size: 1.6em;
	}

	.header {
		padding-left: 0;
	}

	.logo {
		background-size: 195px;
		width: 195px;
		height: 75px;
	}

	.compleks-a-logo img {
		max-width: 80px;
	}

	.title-header p {
		font-size: 16px;
	}

	.lk {
		font-size: 9px;
		padding-right: 152px;
	}

	div.personal-info {
		position: absolute;
	}

	.menu {
		/*padding: 8px;
		margin: 0 1em 0 0;*/
	}

	ul.main-menu li {
		font-size: 1.2em;
		height: 60px;
	}

	.data-filter .reports-label {
		width: 100%;
	}

	.data-filter input,
	.data-filter select,
	.data-filter button {}

	.login-form {
		width: 75%;
	}

	.mainMenuWrapper {
		background-size: 145px;
		top: 65px;
		height: 28em;
	}

	div.listmenu-bordertop ul.button-listmenu li {
		width: 45%;
	}

	ul.tariffs li {
		width: 175px;
		height: 145px;
		font-size: 1em;
		padding: 0.5em 1em 0.5em 1em;
		margin: 0 0.5em 0.5em 0;
	}

	ul.iptv li {
		width: 100%;
	}

	ul.tariffs li .age-tariffs {
		font-size: 1.15em;
	}

	ul.tariffs li .titlemounth-tariffs {
		font-size: 1.5em;
	}

	.services-table {
		border-spacing: 0px 5px;
		font-size: 11px;
	}

	.services-table td {}

	.services-table td div {
		padding: 0.3em 1em;
	}

	#info {
		background-size: 12px;
		height: 12px;
		width: 12px;
	}

	#info:hover {
		background-size: 15px;
		height: 15px;
		width: 15px;
	}

	#info:hover .infmodal {
		font-size: 10px;
		left: 0;
		top: 19px;
	}

	ul.tariffs li .title-tariffs .noconnect {
		height: 25px;
		width: 70px;
		top: 30%;
		font-size: 9px;
		line-height: 15px;
		padding: 5px 7px;
	}

	ul.tariffs li .title-tariffs .connect {
		height: 25px;
		width: 70px;
		top: 30%;
		font-size: 9px;
		line-height: 15px;
		padding: 5px 10px;
	}

	ul.tariffs li img.icon-tariffs {
		height: 18%;
		left: 1em;
	}

	.additem.it1 {
		top: 3.15em;
	}

	.dir-form .pos-form {
		width: 75%;
	}

	.iptv-list li {
		width: 70%;
		min-width: 199px;
		font-size: 1.2em;
	}

}

@media screen and (max-width: 400px) {

	/*----------------------------------400---------------------------------------*/
	body {
		font-size: 10px;
	}

	.header {
		padding-top: 2em;
		padding-left: 0;
	}

	.logo {
		background-size: 180px;
		width: 180px;
		height: 70px;
	}

	.title-header p {
		font-size: 14px;
	}

	.login-form {
		width: 90%;
	}

	.login-form .login-title {
		font-size: 14px;
	}

	.login-form input {
		font-size: 14px;
	}

	.login-form footer a {
		font-size: 14px;
	}

	.header-menu>li>a {
		font-size: 2em;
		color: #333;
	}

	.lk {
		font-size: 8px;
		padding-right: 135px;
		padding-bottom: 2em;
	}

	.mainMenuWrapper {
		background-size: 130px;
		top: 65px;
		height: 28em;
	}

	.personal-info {
		float: none;
	}

	.fio,
	.text-regular {
		font-size: 1.75em;
	}

	.login-form>input,
	.login-form>button {
		font-size: 2em;
	}

	.content-menu-buttons-white img {
		display: none;
	}

	.content-menu-buttons-white>nav>a {
		width: 47%;
		margin-bottom: 1.5em;
	}

	.content-menu-buttons-white>nav>a:nth-child(2n+1) {
		margin-right: 4%;
	}

	div.title-listmenu {
		font-size: 1.4em;
	}

	div.listmenu-bordertop ul.button-listmenu li {
		width: 45%;
		height: 100px;
	}

	ul.tariffs li {
		width: 100%;
	}

	ul.tariffs li .age-tariffs {
		font-size: 1.25em;
	}

	ul.main-menu li {
		height: 50px;
	}

	.data-filter .reports-label {
		width: 100%;
	}

	.data-filter input,
	.data-filter select,
	.data-filter button {}

	.services-table {
		border-spacing: 0px 5px;
		font-size: 9px;
	}

	.services-table td {}

	.services-table td div {
		padding: 0.3em 1em;
	}

	#info {
		background-size: 12px;
		height: 12px;
		width: 12px;
	}

	#info:hover {
		background-size: 14px;
		height: 14px;
		width: 14px;
	}

	#info:hover .infmodal {
		font-size: 9px;
		left: 0;
		top: 17px;
	}

	ul.tariffs li .title-tariffs .noconnect {
		height: 25px;
		width: 70px;
		top: 30%;
		font-size: 9px;
		line-height: 15px;
		padding: 5px 7px;
	}

	ul.tariffs li .title-tariffs .connect {
		height: 25px;
		width: 70px;
		top: 30%;
		font-size: 9px;
		line-height: 15px;
		padding: 5px 10px;
	}

	ul.device li {
		width: 250px;
	}

	ul.device dt {
		width: 35%;
	}

	ul.device dd {
		margin-left: 90px;
	}

	#iptvModal .modal-dialog,
	#tariffsModal .modal-dialog,
	#iptvModalDesc .modal-dialog,
	#iptvModalConfirm .modal-dialog {
		width: 300px;
	}

	ul.tariffs li img {
		right: 5em;
	}

	.additem.it1 {
		top: 3.45em;
	}

	.iptv-list li {
		width: 100%;
		min-width: 199px;
		font-size: 1.3em;
	}

	ul.device.current li {
		width: 100%;
	}

}

@media screen and (max-width: 360px) {

	/*---------------------------360-----------------------------------------*/
	.header {
		padding-top: 2em;
		padding-left: 0;
	}

	.logo {
		background-size: 160px;
		width: 160px;
		height: 65px;
	}

	.compleks-a-logo img {
		max-width: 70px;
	}

	.title-header p {
		font-size: 13px;
	}

	.login-form {
		width: 95%;
	}

	.login-form input[type="submit"] {
		line-height: 8px;
	}

	.login-form .login-title {
		font-size: 12px;
	}

	.login-form input {
		font-size: 12px;
	}

	.login-form footer a {
		font-size: 14px;
	}

	.lk {
		font-size: 7px;
		padding-right: 118px;
		padding-bottom: 2em;
		padding-top: 1em;
	}

	.mainMenuWrapper {
		background-size: 118px;
		top: 65px;
		height: 27em;
	}

	ul.button-listmenu li {
		height: 110px;
	}

	div.title-listmenu {
		font-size: 1.2em;
	}

	div.listmenu-bordertop ul.button-listmenu li {
		width: 45%;
		height: 100px;
	}

	ul.main-menu li {
		height: 45px;
	}

	.data-filter .reports-label {
		width: 100%;
	}

	.data-filter input,
	.data-filter select,
	.data-filter button {
		width: 45%;
	}

	.footer-wrapper {
		font-size: 8px;
	}

	.vk,
	.fb,
	.ok,
	.insta {
		background-size: 28px;
		width: 28px;
		height: 26px;
		margin-right: 3px;
	}

	.panel-nav .title-page {
		width: 35%;
	}

	table.info-table-write-off,
	table.info-table-session,
	table.info-table-payment {
		font-size: 0.7em;
	}
}

@media screen and (max-width: 320px) {

	/*--------------------------------320-----------------------------------------*/
	body {
		font-size: 9px;
	}

	.menu {
		padding: 5px;
	}

	.menu i {
		font-size: 3em;
	}

	.header {
		padding-left: 0;
	}

	.logo {
		margin: 0;
		background-size: 140px;
		width: 140px;
		height: 55px;
	}

	.title-header p {
		font-size: 11px;
	}

	.login-form {
		width: 95%;
	}

	.login-form .login-title {
		font-size: 12px;
	}

	.login-form input {
		font-size: 12px;
	}

	.login-form footer i {
		margin-right: 4px;
	}

	.login-form footer a {
		font-size: 12px;
	}

	.lk {
		font-size: 6px;
		padding-right: 102px;
		padding-bottom: 2em;
		padding-top: 0.5em;
	}

	.menu {
		height: 35px;
		width: 35px;
		padding: 4px;
	}

	.mainMenuWrapper {
		background-size: 118px;
		top: 60px;
		height: 24em;
	}

	.mainMenuItem>a {
		padding: 5px 1em;
	}

	.content-menu-buttons-white>nav>a {
		width: 48%;
		margin-bottom: 1em;
	}

	.content-menu-buttons-white>nav>a:nth-child(2n+1) {
		margin-right: 3%;
	}

	ul.button-listmenu li {
		height: 95px;
	}

	div.title-listmenu {
		font-size: 1.2em;
	}

	ul.main-menu li {
		height: 50px;
	}

	ul.tariffs li.config {
		width: 100%;
		height: 70px;
	}

	.data-filter .reports-label {
		width: 100%;
	}

	.data-filter input,
	.data-filter select,
	.data-filter button {
		width: 60%;
		height: 30px;
	}

	.services-table {
		border-spacing: 0px 5px;
		font-size: 7px;
	}

	.services-table td {}

	.services-table td div {
		padding: 0.3em 1em;
	}

	#info {
		background-size: 12px;
		height: 12px;
		width: 12px;
	}

	#info:hover {
		background-size: 14px;
		height: 14px;
		width: 14px;
	}

	#info:hover .infmodal {
		font-size: 9px;
		left: 0;
		top: 16px;
	}

	ul.tariffs li .title-tariffs .noconnect {
		height: 25px;
		width: 70px;
		top: 30%;
		font-size: 9px;
		line-height: 15px;
		padding: 5px 7px;
	}

	ul.tariffs li .title-tariffs .connect {
		height: 25px;
		width: 70px;
		top: 30%;
		font-size: 9px;
		line-height: 15px;
		padding: 5px 10px;
	}

	#iptvModal .modal-dialog,
	#tariffsModal .modal-dialog,
	#iptvModalDesc .modal-dialog,
	#iptvModalConfirm .modal-dialog {
		width: 80%;
		left: calc(58% - 160px);
	}

	.additem {
		top: 1em;
	}

	.additem.it1 {
		/*top: 4.6em;*/
	}

	.footer-wrapper {
		font-size: 8px;
	}

	.vk,
	.fb,
	.ok,
	.insta {
		background-size: 25px;
		width: 25px;
		height: 23px;
		margin-right: 1px;
	}

	.dir-form .pos-form {
		width: 90%;
	}

	.mycamera li {
		padding: 1.5em;
	}

	.navigat-dt li {
		padding: 0px 2px 0px 5px;
		font-size: 1.3em;
	}

	.panelload .watch-ico,
	.panelload .minute-ico,
	.panelload .hour-ico {
		background-size: 4.5em;
		height: 4.5em;
		width: 4.5em;
		margin-right: 5px;
		margin-bottom: 5px;
	}

	.panelload .watch-ico:hover,
	.panelload .minute-ico:hover,
	.panelload .hour-ico:hover {
		background-size: 4.5em;
	}

	.panelload .watch-ico:active,
	.panelload .minute-ico:active,
	.panelload .hour-ico:active {
		background-size: 4.5em;
	}

	.list-day li {
		font-size: 1.3em;
		padding: 0;
	}
}

@media screen and (max-width: 280px) {

	/*--------------------------------------280--------------------------------*/
	.header {
		padding-top: 2em;
		padding-left: 0;
		min-height: 80px;
	}

	.logo {
		margin: 0;
		background-size: 120px;
		width: 120px;
		height: 50px;
	}

	.compleks-a-logo img {
		max-width: 62px;
	}

	.title-header p {
		font-size: 10px;
	}

	.login-form {
		width: 100%;
	}

	.login-form .login-title {
		font-size: 11px;
		padding: 15px;
	}

	.login-form fieldset {
		padding: 15px;
	}

	.login-form input {
		font-size: 11px;
	}

	.login-form input[type="email"],
	.login-form input[type="text"],
	.login-form input[type="password"] {
		padding: 10px 15px;
	}

	.login-form input[type="submit"] {
		line-height: 15px;
		padding: 6px 10px;
		margin-top: 15px;
	}

	.login-form footer {
		margin-top: 10px;
	}

	.login-form footer i {
		font-size: 12px;
		margin-right: 2px;
	}

	.login-form footer a {
		font-size: 11px;
	}

	.lk {
		font-size: 5px;
		padding-right: 85px;
		padding-bottom: 1em;
		padding-top: 1em;
	}

	.menu {
		height: 30px;
		width: 30px;
	}

	.mainMenuWrapper {
		background-size: 118px;
		top: 55px;
		height: 23em;
	}

	.mainMenuItem>a {
		padding: 3px 1em;
	}

	ul.button-listmenu li {
		width: 100%;
	}

	div.listmenu-bordertop ul.button-listmenu li {
		width: 100%;
		height: 110px;
	}

	div.title-listmenu {
		font-size: 1.5em;
	}

	ul.main-menu li {
		padding: 8px;
		height: 50px;
	}

	.data-filter .reports-label {
		width: 100%;
	}

	.data-filter input,
	.data-filter select,
	.data-filter button {
		height: 30px;
		width: 70%;
	}

	ul.tariffs li img.icon-tariffs {
		height: 19%;
	}

	#iptvModal .modal-dialog,
	#tariffsModal .modal-dialog,
	#iptvModalDesc .modal-dialog,
	#iptvModalConfirm .modal-dialog {
		width: 90%;
		left: 0;
	}

	#iptvModal .modal-body,
	#tariffsModal .modal-body,
	#iptvModalDesc .modal-body,
	#iptvModalConfirm .modal-body {
		padding: 1em;
	}

	.footer-wrapper {
		font-size: 6px;
	}

	.fb,
	.vk,
	.ok,
	.insta {
		margin-left: 1px;
	}

	.fb,
	.insta {
		background-size: 20px;
		width: 19px;
		height: 18px;
	}

	.vk,
	.ok {
		background-size: 18px;
		width: 18px;
		height: 18px;
	}
}

@media screen and (max-width: 240px) {

	/*--------------------------------------240--------------------------------*/
	.header {
		padding-top: 2em;
		margin-left: 0;
		min-height: 65px;
		padding-left: 0;
	}

	.logo {
		margin: 0;
		background-size: 100px;
		width: 100px;
		height: 40px;
	}

	.compleks-a-logo img {
		max-width: 58px;
	}

	.title-header p {
		font-size: 8px;
	}

	.login-form {
		width: 100%;
	}

	.login-form .login-title {
		font-size: 9px;
		padding: 10px;
	}

	.login-form fieldset {
		padding: 10px;
	}

	.login-form input {
		font-size: 9px;
	}

	.login-form input[type="email"],
	.login-form input[type="text"],
	.login-form input[type="password"] {
		padding: 6px 10px;
	}

	.login-form input[type="submit"] {
		line-height: 6px;
		padding: 6px 10px;
		margin-top: 10px;
	}

	.login-form footer {
		margin-top: 0px;
	}

	.login-form footer i {
		font-size: 10px;
		margin-right: 2px;

	}

	.login-form footer a {
		font-size: 10px;
	}

	.lk {
		font-size: 4px;
		padding-right: 68px;
		padding-bottom: 1em;
		padding-top: 1em;
	}

	.menu {
		height: 25px;
		width: 25px;
	}

	.mainMenuWrapper {
		background-size: 118px;
		top: 50px;
		height: 22em;
	}

	.mainMenuItem>a {
		padding: 3px 1em;
		border: 1px solid transparent;
	}

	ul.main-menu li {
		font-size: 1em;
		padding: 8px;
		height: 45px;
	}

	.data-filter input,
	.data-filter select,
	.data-filter button {
		font-size: 1.2em;
		min-width: 46px;
		height: 30px;
		width: 100%;
	}

	.direction {
		font-size: 1.1em;
	}

	div.dir-table {
		padding: 3px;
	}

	table.info-table tr.table-content {
		font-size: 0.9em;
		color: black;
	}

	th.col1 {
		width: 28%;
	}

	th.col2 {
		width: 58%;
	}

	th.col3 {
		width: 20%;
	}

	td.col1 {
		width: 28%;
	}

	td.col2 {
		width: 58%;
	}

	td.col3 {
		width: 20%;
	}

	ul.tariffs li img.icon-tariffs {
		height: 15%;
		left: 1em;
	}

	.footer-wrapper {
		font-size: 5px;
	}

	.fb,
	.vk,
	.ok {
		margin-left: 1px;
	}

	.fb,
	.insta {
		background-size: 15px;
		width: 15px;
		height: 15px;
	}

	.vk,
	.ok {
		background-size: 14px;
		width: 14px;
		height: 14px;
	}

	.dir-form .pos-form {
		width: 100%;
	}

	.navigat-dt li {
		font-size: 1em;
	}

	.panelload .watch-ico,
	.panelload .minute-ico,
	.panelload .hour-ico {
		background-size: 3.5em;
		height: 3.5em;
		width: 3.5em;
	}

	.panelload .watch-ico:hover,
	.panelload .minute-ico:hover,
	.panelload .hour-ico:hover {
		background-size: 3.5em;
	}

	.panelload .watch-ico:active,
	.panelload .minute-ico:active,
	.panelload .hour-ico:active {
		background-size: 3.5em;
	}

	.list-day li {
		font-size: 1em;
	}
}

.astra-news {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

}

.news-item {
	width: 230px;
	border-radius: 5px;
	background-color: #fff;
	transition: box-shadow 0.3s ease 0s;
	margin: 0 10px 10px 0;
}

.news-item__wrapper:nth-last-child() {
	margin: 0 0 10px 0;
}

.news-item:hover {
	box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);
}

.news-item__title {
	font-size: 18px;
	font-weight: 600;
	color: #211c1d;
	margin: 0 0 10px 0;
	flex: 1 1 auto;
	text-align: left;
}

.news-item__img {
	position: relative;
	margin: 0 0 10px 0;
	border-radius: 5px;
	overflow: hidden;
	border-radius: 5px;

}

.news-item__img img {
	width: 100%;
	object-fit: cover;
	max-height: 180px;
	min-height: 100px;
}

.news-item__category {
	position: absolute;
	bottom: 20px;
	left: 20px;
	background-color: #ad0000;
	padding: 5px 12px;
	font-size: 12px;
	color: #fff;
	border-radius: 5px;
	overflow: hidden;
	bottom: 10px;
	left: 10px;
	max-width: 150px;
}

.news-item__category a,
.news-item__category a:link,
.news-item__category a:visited,
.news-item__category a:focus,
.news-item__category a:hover,
.news-item__category a:active {
	color: #fff;
}

.news-item__data {
	font-size: 12px;
	color: #333333;
	text-align: left;
}

.news-item__wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 15px 15px 15px 17px;
	height: 100%;
}