@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=latin-ext');
@charset "utf-8";


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
}

a {
	color: #1e3e85;
}

a:hover {
	text-decoration: none !important;
}

a[href^="tel"]
{
	color: #000000;
	text-decoration: none;
}

strong,
.bold
{
	font-weight: 900;
}

.no-wrap {
	white-space: nowrap;
}

.disabled,
*[disabled] {
	opacity: 0.4;
}

.hide {
	display: none;
}

h1,
h2,
h3,
h4,
h5 {
	color: #002067;
	font-weight: 300;
	margin: 0;
	padding: 0;
}

h1 {
	margin-bottom: 30px;
	font-size: 50px;
	line-height: 48px;
	text-align: center;
}

h2 {
	font-size: 38px;
	line-height: 40px;
	margin-top: 40px;
}

h3 {
	font-size: 28px;
	line-height: 30px;
	margin-top: 40px;
}

h4 {
	font-size: 22px;
	line-height: 26px;
	margin-top: 40px;
}

h5 {
	font-size: 17px;
	line-height: 22px;
	font-weight: 500;
	margin-top: 30px;
}

h1 .sub {
	display: block;
	font-size: 22px;
	line-height: 28px;
	color: #667299;
}

.sup
{
	font-size: 11px;
}

img {
	max-width: 100%;
}

fieldset {
	padding: 15px;
	margin: 10px 0 30px 0;
	border: 0 none;
}

fieldset legend {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #AAA;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	display: block;
	padding: 0 0 8px 0;
	width: 100%;
}

.hr,
hr
{
	display: block;
	clear: both;
	height: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0 none;
	border-top: 1px dashed rgba(0, 0, 0, 0.2);
}

::-webkit-input-placeholder {
	color: #BBB;
}

::-moz-placeholder {
	color: #BBB;
}

:-ms-input-placeholder {
	color: #BBB;
}

:-moz-placeholder {
	color: #BBB;
}

.fs-small {
	font-size: 12px;
}

.fs-normal {
	font-size: 14px;
	font-weight: 400;
}

.fs-large {
	font-size: 22px;
}

.fs-big {
	font-size: 30px;
}

.unbold
{
	font-weight: 300 !important;
}

.color-white {
	color: #FFF;
}

.color-light {
	color: #98a4cb;
}

.color-light2 {
	color: rgba(0, 0, 0, 0.5);
}

.color-red {
	color: #a82c40;
}

.color-green {
	color: #07964e !important;
}

.color-internet {
	color: #f08a00;
}

.color-internet-cable {
	color: #f08a00;
}

.color-internet-wifi {
	color: #f08a00;
}

.color-tv {
	color: #f0af00;
}

.color-call {
	color: #b1c800;
}

.color-data {
	color: #44c0eb;
}

a.color-internet:hover {
	color: #ffa81e;
}

a.color-internet-cable:hover {
	color: #ffa81e;
}

a.color-internet-wifi:hover {
	color: #ffa81e;
}

a.color-tv:hover {
	color: #fab90a;
}

a.color-call:hover {
	color: #a7be00;
}

a.color-data:hover {
	color: #62deff;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.tile-photo {
	padding-bottom: 20px;
	text-align: center;
}

.tile-photo img.photo {
	border-radius: 10px;
	border: 4px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.tile-photo img.photo+h3 {
	margin-top: 15px;
	font-weight: bold;
	font-size: 21px;
	line-height: 23px;
}

.photo-alone
{
	border: 1px solid rgba(255, 255, 255, 1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.message1 {
	color: #FFF;
	background-color: #2F9F92;
	padding: 15px;
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
	border-radius: 6px;
}

.message2 {
	padding: 20px 5px;
	background-color: rgba(0, 0, 0, 0.08);
	margin: 15px 10px;
	border-radius: 8px;
}

.message3,
.messageInfo
{
	padding: 20px;
	font-weight: bold;
	background-color: #b1c800;
	color: #FFF;
	margin: 15px 0;
	border-radius: 8px;
	background-image: url(../img/icons/info-light.svg);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 24px 24px;
	padding-left: 54px;
	text-align: left;
}

.message3 a,
.message3 a:hover
{
	color: #FFF;
}

.message4
{
	display: inline-block;
	padding: 20px 50px;
	margin: 15px;
	border-radius: 8px;
	border: 2px dashed rgba(0, 0, 0, 0.2);
}

.messageInfo
{
	background-image: url(../img/icons/info.svg);
	background-color: rgba(255, 255, 255, 0.5);
	border: 1px solid rgba(0, 0, 0, 0.2);
	font-size: 13px;
	color: #000;
	padding: 15px;
	padding-left: 55px;
	font-weight: normal;
}

ul.menu,
ul.menu li ul {
	list-style: none outside;
	margin: 0;
	padding: 0;
	display: block;
}

ul.menu li {
	margin: 0;
	padding: 0;
	display: block;
}

ul.menu li a {
	text-decoration: none;
	display: block;
}

ul.annotation-menu {
	list-style: none outside;
	margin: 0;
	padding: 0;
	display: block;
	margin: auto;
	margin-bottom: 15px;
	font-size: 14px;
	color: #555;
}

ul.annotation-menu li {
	margin: 0;
	padding: 0;
	display: block;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	background-image: url(../img/icons/check-gray.svg);
	background-repeat: no-repeat;
	background-position: left 4px;
	-webkit-background-size: 10px;
	background-size: 10px;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}

ul.annotation-menu li:first-child {
	border-top: 1px dashed rgba(0, 0, 0, 0.2);
	padding-top: 10px;
	background-position: left 14px;
}

ul.checks-menu {
	list-style: none outside;
	margin: 0;
	padding: 0;
	display: block;
	text-align: left;
	display: inline-block;
	margin: auto;
	margin-bottom: 15px;
}

ul.checks-menu li {
	margin: 0;
	padding: 0;
	display: block;
	padding: 3px;
	padding-left: 30px;
	background-image: url(../img/icons/check-default.svg);
	background-repeat: no-repeat;
	background-position: left 6px;
	-webkit-background-size: 16px;
	background-size: 16px;
	font-size: 18px;
	font-weight: 300;
}

ul.checks-menu li strong {
	font-weight: 500;
}

ul.checks-menu.internet li {
	background-image: url(../img/icons/check-internet.svg);
}

ul.checks-menu.internet-cable li {
	background-image: url(../img/icons/check-internet.svg);
}

ul.checks-menu.internet-wifi li {
	background-image: url(../img/icons/check-internet.svg);
}

ul.checks-menu.tv li {
	background-image: url(../img/icons/check-tv.svg);
}

ul.checks-menu.call li {
	background-image: url(../img/icons/check-call.svg);
}

ul.checks-menu.data li {
	background-image: url(../img/icons/check-data.svg);
}

ul.channel-items {
	list-style: none outside;
	margin: 0;
	padding: 0;
	display: block;
	font-size: 0;
}

ul.channel-items li {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 14px;
	display: inline-block;
	margin: 0 10px 10px 0;
}

ul.channel-items li a {
	display: inline-block;
	width: 86px;
	height: 66px;
	text-align: center;
	border-radius: 4px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
	background-repeat: no-repeat;
	-webkit-background-size: 60px;
	background-size: 60px;
	background-color: #fff;
	background-position: center 2px;
	position: relative;
}

ul.channel-items li .name {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #e8edf8;
	overflow: hidden;
	padding: 5px;
	font-size: 10px;
	line-height: 11px;
	color: #999;
	text-transform: uppercase;
	white-space: nowrap;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

ul.icon-tiles {
	list-style: none outside;
	margin: 0;
	padding: 0;
	display: block;
	font-size: 0;
	text-align: center;
}

ul.icon-tiles li {
	display: block;
}

ul.icon-tiles li a {
	display: block;
	font-size: 23px;
	line-height: 24px;
	text-decoration: none;
	font-weight: 700;
	background-color: rgba(255, 255, 255, 0.5);
	margin: 15px 0;
	padding: 25px;
	border-radius: 8px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
	position: relative;
	overflow: hidden;
	text-align: center;
	padding-top: 120px;
	background-repeat: no-repeat;
	background-position: center 30px;
	-webkit-background-size: 60px;
	background-size: 60px;
}

ul.icon-tiles li.active a {
	background-color: #fff;
	border: 1px solid #002067;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
}

ul.files {
	list-style: none outside;
	margin: 0;
	padding: 0;
	display: block;
	width: auto;
}

ul.files li {
	display: block;
	padding: 8px;
	padding-left: 35px;
	background-image: url(../img/icons/ic_link_black_18dp.png);
	background-repeat: no-repeat;
	background-position: left 10px;
}

ul.files li.link {
	background-image: url(../img/icons/external-link.png);
}

ul.files li {
	background-image: url(../img/icons/icon-pdf-small.png);
	color: #888;
	font-size: 13px;
}

ul.files li a {
	font-weight: 700;
	font-size: 14px;
}

ul.icon-tiles li a:hover {
	text-decoration: none !important;
	background-color: #fff;
}

.step-list
{
	margin-top: 20px;
	margin-bottom: 20px;
}

.step-list::after
{
	display: block;
	clear: both;
	content: '';
}

.step-list .item
{
	position: relative;
	padding: 20px 0 20px 60px;
	text-align: left;
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
}

.step-list .item::before
{
	position: absolute;
	left: 20px;
	width: 1px;
	height: 100%;
	display: block;
	content: '';
	background-color: #f08a00;
}

.step-list .item:last-child::before
{
	display: none;
}

.step-list .item::after
{
	position: absolute;
	top: 20px;
	left: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: block;
	border-radius: 50%;
	content: attr(data-step);
	background-color: #f08a00;
	color: #FFF;
	font-size: 18px;
	text-align: center;
}

.step-list .item h3
{
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
	color: #000;
}

.row-list
{
	margin-top: 20px;
	margin-bottom: 20px;
}

.row-list .item
{
	position: relative;
	margin-bottom: 50px;
	margin-left: 110px;
	border-left: 1px solid rgba(0, 0, 0, 0.2);
	padding-left: 20px;
}

.row-list .item img
{
	width: 90px;
	position: absolute;
	left: -110px;
	margin-top: 5px;
}

.row-list .item h2
{
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
}

.row-list .item p
{
	padding: 0;
	margin: 0;
	font-size: 15px;
	line-height: 21px;
	font-weight: 300;
	font-style: italic;
}


.link.icon {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}

.link.icon.pdf {
	background-image: url(../img/icons/icon-pdf-small.png);
}

.link.icon.map {
	background-image: url(../img/icons/maps.png);
}

.link.icon.location {
	background-image: url(../img/icons/location-default.svg);
}

.link.icon.location.internet {
	background-image: url(../img/icons/location-internet.svg);
}

.link.icon.location.tv {
	background-image: url(../img/icons/location-tv.svg);
}

.link.icon.location.internet-cable {
	background-image: url(../img/icons/location-internet.svg);
}

.link.icon.location.internet-wifi {
	background-image: url(../img/icons/location-internet.svg);
}

.link.icon.facebook {
	background-image: url(../img/icons/facebook.png);
}

.link.icon.googleplus {
	background-image: url(../img/icons/googleplus.png);
}

.link.help {
	display: inline-block;
	padding-right: 21px;
	background-image: url(../img/icons/help.svg);
	-webkit-background-size: 14px;
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: top right 4px;
	text-decoration: none;
	border-bottom: 1px dashed #AAA;
	cursor: pointer;
}

.link.help:hover {
	text-decoration: none !important;
	color: #1e3e85;
}

input[type="text"],
input[type="password"],
input[type="date"],
textarea,
select {
	padding: 11px;
	font-size: 15px;
	background-color: #fff;
	color: #000;
	border-radius: 5px;
	border: 1px solid #aaa;
	width: 100%;
	box-shadow: inset 2px 2px 5px rgba(0,0,0,0.1);
}

#go-top {
	background-color: #f08a00;
	background-image: url(../img/icons/ic_arrow_upward_24px.svg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 30px;
	background-size: 30px;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
	height: 70px;
	width: 70px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 99;
	border-radius: 50px;
	display: none;
	cursor: default;
}

#bubble {
	position: absolute;
	top: 0;
	padding: 15px;
	border-radius: 6px;
	color: #FFF;
	background-color: rgba(0, 0, 0, 0.9);
	font-size: 13px;
	z-index: 999;
	display: block;
}

#bubble:before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 20px;
	width: 0;
	border-bottom: 10px solid rgba(0, 0, 0, 0.9);
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}

.button {
	display: inline-block;
	border: 0 none;
	cursor: pointer;
	text-decoration: none;
	color: #FFF !important;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500;
	padding: 13px 25px;
	background-color: #002067;
	border-radius: 6px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-align: center;
}

.button:hover {
	text-decoration: none !important;
	color: #FFF;
	background-color: #1e3e85;
}

.button.small {
	font-size: 13px;
	padding: 9px 12px;
	border-radius: 4px;
}

.button.large {
	font-size: 22px;
	padding: 19px 20px;
}

.button.wide {
	width: 100%;
}

.button.blank {
	background-color: #fff !important;
	border: 1px solid #002067;
	color: #002067;
}

.button.internet {
	background-color: #dc7600;
}

.button.internet:hover {
	background-color: #ffa81e;
}

.button.internet-cable {
	background-color: #f08a00;
}

.button.internet-cable:hover {
	background-color: #ffa81e;
}

.button.internet-wifi {
	background-color: #f08a00;
}

.button.internet-wifi:hover {
	background-color: #ffa81e;
}

.button.tv {
	background-color: #dc9b00;
}

.button.tv:hover {
	background-color: #fab90a;
}

.button.fajntelka {
	background-color: #00CDD2;
}

.button.fajntelka:hover {
	background-color: #12e1e5;
}

.button.call {
	background-color: #9db400;
}

.button.call:hover {
	background-color: #a7be00;
}

.button.data {
	background-color: #30acd7;
}

.button.data:hover {
	background-color: #62deff;
}

.button.blank.internet {
	border-color: #f08a00;
	color: #f08a00 !important;
}

.button.blank.internet:hover {
	border-color: #ffa81e;
	color: #ffa81e !important;
}

.button.blank.internet-cable {
	border-color: #f08a00;
	color: #f08a00 !important;
}

.button.blank.internet-wifi {
	border-color: #f08a00;
	color: #f08a00 !important;
}

.button.blank.tv {
	border-color: #f0af00;
	color: #f0af00 !important;
}

.button.blank.tv:hover {
	border-color: #fab90a;
	color: #fab90a !important;
}

.button.blank.call {
	border-color: #b1c800;
	color: #b1c800 !important;
}

.button.blank.call:hover {
	border-color: #a7be00;
	color: #a7be00 !important;
}

.button.blank.data {
	border-color: #44c0eb;
	color: #44c0eb !important;
}

.button.blank.data:hover {
	border-color: #62deff;
	color: #62deff !important;
}

.button.goto {
	background-image: url(../img/icons/ic_chevron_right_white_24dp.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	padding-right: 50px;
}

.button-back {
	background-image: url(../img/icons/ic_arrow_back_black_48dp.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	-webkit-background-size: 24px;
	background-size: 24px;
	background-color: rgba(255, 255, 255, 0.5);
	padding: 10px 15px 10px 42px;
	border: 1px solid #bdc2cd;
	font-size: 17px;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 900;
	display: inline-block;
	border-radius: 6px;
	margin-bottom: 10px;
}

.button-back:hover {
	text-decoration: none !important;
	color: #000 !important;
	background-color: rgba(255, 255, 255, 0.7);
}

.tab-buttons {
	list-style: none outside;
	margin: 0;
	padding: 0;
	display: block;
	font-size: 0;
	text-align: center;
	overflow: auto;
	margin-top: 40px;
	margin-bottom: 20px;
	border-bottom: 1px solid #002067;
	white-space: nowrap;
}

.tab-buttons li {
	margin: 0;
	padding: 0;
	display: block;
	display: inline-block;
	vertical-align: bottom;
	margin: 0 5px;
}

.tab-buttons li a {
	white-space: normal;
	display: inline-block;
	padding: 18px 22px;
	text-decoration: none;
	font-size: 22px;
	line-height: 22px;
	font-weight: 300;
	color: #002067;
	position: relative;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.tab-buttons li a strong {
	font-weight: 900;
	display: block;
}

.tab-buttons li.focus a {
	color: white;
	border-bottom-color: #002067;
	background-color: #002067;
}

.tab-buttons li.focus a strong {
	font-weight: 700;
}

.tab-buttons li a.internet-cable,
.tab-buttons li a.internet-wifi
 {
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 24px 24px;
	padding-left: 50px;
}

.tab-buttons li a.internet-cable
{
	background-image: url(../img/icons/internet-optical.svg);
}

.tab-buttons li a.internet-wifi
{
	background-image: url(../img/icons/internet-wifi.svg);
}

.tab-buttons.small {
	white-space: nowrap;
}

.tab-buttons.small li a {
	font-size: 18px;
	line-height: 20px;
	margin: 0 5px;
}

.tab-buttons.small li a strong {
	display: block;
	text-transform: uppercase;
}

.tab-buttons.bordered {
	border: 0 none;
}

.tab-buttons.bordered li a {
	padding: 20px;
	background-color: #fff;
	border-radius: 6px;
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
	background-image: url(../img/icons/ic_chevron_right_black_24dp.png);
	background-repeat: no-repeat;
	background-position: bottom 10px center;
	padding-bottom: 38px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
}

.tab-links {
	list-style: none outside;
	margin: 0;
	padding: 0;
	display: block;
	text-align: center;
	margin: 20px;
}

.tab-links li {
	margin: 0;
	padding: 0;
	display: block;
	display: inline-block;
	vertical-align: middle;
}

.tab-links li a {
	display: inline-block;
	color: #667299;
	padding: 3px;
	margin: 4px 6px;
	border-radius: 4px;
	text-decoration: underline;
}

.tab-links li a:hover {
	color: #002067;
}

.tab-links li.focus a {
	font-weight: 700;
	text-decoration: none;
	color: #000;
}

.tab-links.icons li a {
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-background-size: 16px;
	background-size: 16px;
}

.tab-links.icons li a.internet-cable {
	background-image: url(../img/icons/internet-cable-color.svg);
}

.tab-links.icons li a.internet-wifi {
	background-image: url(../img/icons/internet-wifi-color.svg);
}

.tab-links.icons li a.tv {
	background-image: url(../img/icons/tv-color.svg);
}

.notice-box {
	font-size: 14px;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 0 20px;
	max-width: 350px;
	color: #888888;
	border-left: 4px solid #a1b2d6;
}

.notice-box.internet {
	border-left-color: #f08a00;
}

.notice-box.tv {
	border-left-color: #f0af00;
}

.notice-box.call {
	border-left-color: #b1c800;
}

.notice-box.data {
	border-left-color: #44c0eb;
}

.widget-content {
	max-width: 900px;
	margin: auto;
	margin-bottom: 70px;
}

.widget-content>h3 {
	font-size: 30px;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.4);
	margin-bottom: 25px;
	text-align: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.widget-content h4 {
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 500;
	margin-left: 0px;
	display: block;
	color: rgba(0, 0, 0, 0.4);
}

.text-content {
	max-width: 1000px;
	margin: 30px auto;
	text-align: center;
}

.accordion {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.accordion .bar {
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
	color: #000;
	padding: 18px;
	padding-left: 40px;
	display: block;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0;
	cursor: pointer;
	background-image: url(../img/icons/plus.png);
	background-repeat: no-repeat;
	background-position: left 5px center;
	position: relative;
	z-index: 1;
}

.accordion .bar.active {
	background-image: url(../img/icons/minus.png);
	background-color: rgba(255, 255, 255, 0.3);
}

.accordion .content {
	background-color: rgba(255, 255, 255, 0.3);
	display: none;
	padding: 10px 40px 30px 40px;
	position: relative;
	z-index: 0;
}

.accordion .bar.active+.content {
	display: block;
}

.accordion .content>*:first-child {
	margin-top: 0;
	padding-top: 0;
}

.article-footer {
	margin-bottom: 30px;
}

.article-footer a {
	text-decoration: none;
}

.article-footer h3 {
	font-size: 24px;
	line-height: 28px;
	font-weight: 200;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

.article-footer .tag,
.article .tag,
.article .prop-date {
	display: inline-block;
	padding: 4px 8px;
	margin-bottom: 5px;
	color: #FFF;
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
}

.article-footer p {
	margin: 0;
	padding: 0;
	color: rgba(255, 255, 255, 0.5);
}

.article-items {
	font-size: 0;
	margin-bottom: 70px;
	text-align: center;
	margin-bottom: 0;
}

.article {
	background-color: rgba(255, 255, 255, 0.3);
	margin: 20px auto;
	padding: 25px;
	border-radius: 8px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
	position: relative;
	overflow: hidden;
	font-size: 14px;
	max-width: 350px;
	border-top: 8px solid #a1b2d6;
	margin-bottom: 20px;
	max-width: 100%;
}

.article h3 {
	margin: 0 0 15px 0;
	font-size: 23px;
	line-height: 26px;
	font-weight: 500;
}

.article .tag,
.article .prop-date {
	padding: 4px 8px;
	margin-bottom: 5px;
	color: #FFF;
	background-color: #a1b2d6;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
}

.article a {
	text-decoration: none;
}

.article.focus {
	background-color: #bfd0f4;
}

.circle-bubble {
	width: 100px;
	height: 100px;
	border-radius: 140px;
	background-color: #f08a00;
	color: #FFF;
	text-align: center;
	position: absolute;
	z-index: 2;
	font-size: 12px;
	line-height: 14px;
	padding-top: 25px;
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
}

.circle-bubble strong {
	display: block;
	font-size: 26px;
	line-height: 26px;
	letter-spacing: -1px;
}

.circle-bubble.internet {
	background-color: #f08a00;
}

.circle-bubble.internet-cable {
	background-color: #f08a00;
}

.circle-bubble.internet-wifi {
	background-color: #f08a00;
}

.circle-bubble.tv {
	background-color: #f0af00;
}

.circle-bubble.call {
	background-color: #b1c800;
}

.circle-bubble.data {
	background-color: #44c0eb;
}

.circle-bubble.icon {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: 35px;
	background-size: 35px;
}

.circle-bubble.icon.internet {
	background-image: url(../img/icons/internet-white.svg);
}

.circle-bubble.icon.internet-cable {
	background-image: url(../img/icons/internet-white.svg);
}

.circle-bubble.icon.internet-wifi {
	background-image: url(../img/icons/internet-white.svg);
}

.circle-bubble.icon.tv {
	background-image: url(../img/icons/tv-white.svg);
}

.circle-bubble.icon.call {
	background-image: url(../img/icons/call-white.svg);
}

.circle-bubble.icon.data {
	background-image: url(../img/icons/data-white.svg);
}

.card-items {
	font-size: 0;
	margin-bottom: 70px;
	text-align: center;
}

.card-item {
	background-color: rgba(255, 255, 255, 0.3);
	margin: 20px auto;
	padding: 25px;
	border-radius: 8px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
	position: relative;
	overflow: hidden;
	font-size: 14px;
	max-width: 350px;
	border-top: 8px solid #a1b2d6;
}

.card-item.internet {
	border-top-color: #f08a00;
}

.card-item.tv {
	border-top-color: #f0af00;
}

.card-item.call {
	border-top-color: #b1c800;
}

.card-item.data {
	border-top-color: #44c0eb;
}

.card-item h2 {
	margin: 0;
	padding: 0;
	display: inline-block;
	font-size: 26px;
	font-weight: 300;
	line-height: 30px;
	margin-bottom: 15px;
}

.card-item .prop-annotation {
	margin-bottom: 20px;
	color: #888888;
}

.card-item .prop-phone {
	font-size: 24px;
	font-weight: 700;
	margin: 10px 0;
}

.tariff-items {
	font-size: 0;
	margin-bottom: 70px;
	text-align: center;
}

.tariff-items:after {
	content: "";
	display: block;
	clear: both;
}

.tariff-item {
	/*background-color: @colorBgLight;*/
	background-color: rgba(255, 255, 255, 0.7);
	margin: 20px auto;
	padding: 35px 15px 15px 15px;
	border-radius: 8px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	position: relative;
	font-size: 15px;
	max-width: 320px;
}

.tariff-item[data-url] {
	cursor: pointer;
}

.tariff-item.focus {
	background-color: #FFF;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	padding-top: 40px;
	/*padding-bottom: 40px;*/
}

.tariff-item.pack {
	vertical-align: top;
}

.tariff-item p {
	margin: 0;
	padding: 0;
}

.tariff-item .prop-icon {
	display: none;
	background-color: #002067;
	width: 64px;
	height: 64px;
	position: absolute;
	top: -35px;
	left: 98px;
	border-radius: 100px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 28px;
	background-size: 28px;
	z-index: 5;
}

.tariff-item .prop-icon:nth-child(2) {
	left: auto;
	right: -20px;
	z-index: 4;
}

.tariff-item .prop-title {
	margin: 0;
	padding: 0;
	font-size: 26px;
	line-height: 30px;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.tariff-item .prop-title strong {
	color: #000;
	font-size: 32px;
	line-height: 32px;
	display: block;
}

.tariff-item .prop-title span {
	display: block;
}

.tariff-item .prop-title2 {
	font-size: 17px;
	color: #888;
	margin-top: -15px;
	margin-bottom: 10px;
}

.tariff-item .prop-label {
	font-size: 20px;
	font-weight: 700;
	margin-top: 4px;
	margin-bottom: 30px;
	letter-spacing: -1px;
	color: #FFF;
	display: inline-block;
	background-color: #325299;
	padding: 7px 18px;
	border-radius: 6px;
	transform: rotate(-4deg);
}

/*.tariff-item .prop-label span
{
	display: block;
	font-size: 13px;
	letter-spacing: normal !important;
	font-weight: normal;
	opacity: 0.5;
}*/

.tariff-item .prop-label span.strike,
.strike
{
	display: inline-block;
	position: relative;
}

.tariff-item .prop-label span.strike::after,
.strike::after
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 26px;
	background-image: url(../img/icons/strike.svg);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.strike::after
{
	background-image: url(../img/icons/strike2.svg);
}

.tariff-item .prop-label span.downup {
	font-size: 13px;
	font-weight: normal;
	display: none;
}

.tariff-item ul {
	width: 90%;
	display: block;
	list-style: outside none;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	margin-bottom: 20px;
}

.tariff-item ul li {
	display: inline-block;
	margin: 0;
	padding: 3px;
	background-image: url(../img/icons/check-internet.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 14px;
	padding-left: 25px;
	font-size: 13px;
	color: #888;
}

.tariff-item ul li.plus {
	background-image: url(../img/icons/plus.svg);
	background-size: 14px 14px;
}

.tariff-item ul li.plus.last {
	padding-bottom: 10px;
}

.tariff-item .prop-annotation {
	color: #888;
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 15px;
}

.tariff-item .prop-channel-icons {
	margin-bottom: 20px;
	font-size: 0;
}

.tariff-item .prop-channel-icons span {
	display: inline-block;
	margin: 4px;
	background-color: #fff;
	border-radius: 6px;
	height: 40px;
	width: 60px;
	-webkit-background-size: 50px;
	background-size: 50px;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
}

.tariff-item .prop-price {
	margin-bottom: 20px;
	padding: 15px 0 12px 0;
	border-top: 1px dashed #ccd1dc;
	border-bottom: 1px dashed #ccd1dc;
	line-height: 22px;
	color: #888;
	position: relative;
	top: auto;
	right: auto;
	text-align: center;
}

.tariff-item .prop-price:last-child {
	border-bottom: 0 none;
	margin-bottom: 0;
}

.tariff-item .prop-price strong {
	font-size: 26px;
	font-weight: 900;
	letter-spacing: -1px;
	display: inline-block;
	color: #000;
}

.tariff-item .prop-icon.internet-cable {
	background-image: url(../img/icons/internet-white.svg);
}

.tariff-item .prop-icon.internet-wifi {
	background-image: url(../img/icons/internet-white.svg);
}

.tariff-item .prop-icon.tv {
	background-image: url(../img/icons/tv-white.svg);
}

.tariff-item .prop-icon.call {
	background-image: url(../img/icons/call-white.svg);
}

.tariff-item .prop-icon.data {
	background-image: url(../img/icons/data-white.svg);
}

.tariff-item .prop-footer {
	background-color: #EEE;
	padding: 25px;
	margin: -15px;
	margin-top: 15px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	text-align: left;
	position: relative;
	font-size: 14px;
}

.tariff-item .prop-footer .name {
	display: block;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}

.tariff-item .prop-footer .name.tv {
	background-image: url(../img/icons/tv-color.svg);
}

.tariff-item .prop-footer .price {
	position: absolute;
	top: 25px;
	right: 25px;
	text-align: right;
	color: #AAA;
}

.tariff-item .prop-footer .price strong {
	font-size: 24px;
	letter-spacing: -1px;
	line-height: 22px;
	display: block;
	color: #dc7600;
}

.tariff-item.internet {
	border-color: #f08a00;
}

.tariff-item.internet-cable {
	border-color: #f08a00;
}

.tariff-item.internet-wifi {
	border-color: #f08a00;
}

.tariff-item.tv {
	border-color: #f0af00;
}

.tariff-item.call {
	border-color: #b1c800;
}

.tariff-item.data {
	border-color: #44c0eb;
}

.tariff-item.internet .prop-title {
	color: #f08a00;
}

.tariff-item.internet-cable .prop-title {
	color: #f08a00;
}

.tariff-item.internet-wifi .prop-title {
	color: #f08a00;
}

.tariff-item.tv .prop-title {
	color: #f0af00;
}

.tariff-item.call .prop-title {
	color: #b1c800;
}

.tariff-item.data .prop-title {
	color: #44c0eb;
}

.tariff-item .prop-icon.internet,
.tariff-item.internet .button {
	background-color: #f08a00;
}

.tariff-item .prop-icon.internet-cable,
.tariff-item.internet-cable .button {
	background-color: #f08a00;
}

.tariff-item .prop-icon.internet-wifi,
.tariff-item.internet-wifi .button {
	background-color: #f08a00;
}

.tariff-item .prop-icon.tv,
.tariff-item.tv .button {
	background-color: #f0af00;
}

.tariff-item .prop-icon.call,
.tariff-item.call .button {
	background-color: #b1c800;
}

.tariff-item .prop-icon.data,
.tariff-item.data .button {
	background-color: #44c0eb;
}

.availability-widget {
	padding: 15px;
	/*background-color: rgba(255,255,255,0.2);
    border:1px solid rgba(0,0,0,0.1);
    border-radius: 8px;*/
	border-top: 1px dashed #bdc2cd;
	border-bottom: 1px dashed #bdc2cd;
	margin: 15px auto;
	max-width: 900px;
	text-align: center;
}

.availability-widget * {
	display: block;
	margin: 5px auto;
	width: 100%;
}

.availability-widget .prop-label {
	text-transform: uppercase;
	font-weight: 700;
}

.availability-widget .prop-address {
	width: 100%;
	background-image: url(../img/icons/location-internet.svg);
	background-repeat: no-repeat;
	background-position: 8px center;
	padding-left: 40px;
}

.service-box-items {
	font-size: 0;
	text-align: center;
}

.service-box {
	font-size: 14px;
	padding: 50px 20px;
	margin: 20px 10px;
	position: relative;
	background-color: #edf2fd;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 8px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
}

.service-box .prop-text
{
	margin: 20px auto;
	padding: 20px;
	font-size: 17px;
	font-weight: 300;
}

.service-box .circle-bubble {
	display: none;
	width: 90px;
	height: 90px;
	-webkit-background-size: 40px;
	background-size: 40px;
	top: 0;
	left: 10px;
}

.service-box:nth-child(2n+0) .circle-bubble {
	left: auto;
	right: 10px;
}

.tags {
	margin-bottom: 10px;
}

.tags span {
	display: inline-block;
	padding: 6px 8px;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.4);
	color: #667299;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 700;
	margin: 4px;
}

.tags.large span {
	padding: 10px 15px;
	font-size: 17px;
	color: #FFF;
	background-color: #14347b;
	border: 0 none;
}

.service-box h2 a {
	text-decoration: none !important;
	color: #002067;
	font-size: 48px;
	line-height: 50px;
	text-transform: uppercase;
}

.service-box h2 a:hover {
	text-decoration: none !important;
	color: #1e3e85;
}

.service-box h2 {
	display: block;
	font-size: 42px;
	line-height: 42px;
	margin: 0;
	margin-bottom: 25px;
	word-wrap: break-word;
}

.service-box h2 strong {
	display: inline-block;
}

.service-box .prop-img {
	max-width: 100%;
	height: 160px;
	margin-bottom: 30px;
}

.service-box .prop-price {
	display: block;
	padding: 10px;
	font-size: 20px;
	border-top: 1px solid #bdc2cd;
	border-bottom: 1px solid #bdc2cd;
	max-width: 300px;
	margin: 0 auto 30px auto;
	letter-spacing: -1px;
}

.service-box .prop-price strong {
	font-size: 40px;
}

.service-box .button {
	display: block;
	margin: 10px auto;
	width: 260px;
	max-width: 100%;
}

.service-box .prop-desc {
	font-size: 13px;
	line-height: 15px;
	color: #888888;
	margin: auto;
	margin-top: 20px;
	max-width: 320px;
}

.device-item {
	max-width: 100%;
	padding: 20px;
}

.device-item h2 {
	margin: 0 0 20px 0;
	font-size: 24px;
	line-height: 26px;
}

.device-item img {
	width: 100%;
	max-width: 250px;
	margin: 0 0 20px 0;
}

.device-item .accordion {
	text-align: left;
	border-color: rgba(0, 0, 0, 0.05);
}

.device-item .accordion .bar {
	border-color: rgba(0, 0, 0, 0.05);
}

.device-item .prop-price {
	margin-top: 15px;
	text-align: right;
	white-space: nowrap;
}

.device-item .prop-price strong {
	font-size: 28px;
}

.device-item .col {
	display: block;
}

.device-item ul li {
	text-align: left;
	font-size: 15px;
	font-weight: 300;
}

.channel-box {
	padding: 15px;
	text-align: center;
}

.channel-box .navi {
	display: none;
}

.channel-box h3 {
	font-size: 24px;
	color: rgba(0, 0, 0, 0.4);
	margin: 0 0 10px 0;
}

.channel-box .summary {
	text-align: center;
}

.channel-box .summary .tariff-name {
	font-size: 28px;
	line-height: 35px;
	margin-bottom: 10px;
	display: block;
}

.channel-box ul.channel-items {
	margin-bottom: 20px;
}

.table-box {
	overflow: auto;
}

.table-prices,
.table-speeds,
.table-speeds2 {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	margin: auto;
	text-align: left;
	line-height: 14px;
	font-size: 14px;
	line-height: 17px;
	border-top: 4px solid #ccd1dc;
	margin: 10px 0 20px 0;
}

.table-prices th,
.table-prices td,
.table-speeds th,
.table-speeds td,
.table-speeds2 th,
.table-speeds2 td {
	vertical-align: middle;
	padding: 6px 6px;
	border-bottom: 1px solid #ccd1dc;
}

.table-prices:not(.ext) th,
.table-speeds th {
	background-color: #f7f8fb;
	color: #002067;
}

.table-prices:not(.ext) th:last-child,
.table-prices:not(.ext) td:last-child,
.table-speeds:not(.ext) th:last-child,
.table-speeds:not(.ext) td:last-child {
	text-align: right;
	font-weight: 700;
	white-space: nowrap;
}

.table-prices .annotation {
	color: #888;
	font-size: 13px;
}

.table-speeds {
	border-top: 0 none;
}

.table-speeds2 td,
.table-speeds2 th:not(:first-child) {
	text-align: center;
}

.table-tariffs {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	margin: auto;
	text-align: left;
	font-size: 14px;
	line-height: 14px;
	border-top: 4px solid #002067;
	/*background-color: @colorBgLight;*/
}

.table-tariffs.internet {
	border-top-color: #f08a00;
}

.table-tariffs.internet-cable {
	border-top-color: #f08a00;
}

.table-tariffs.internet-wifi {
	border-top-color: #f08a00;
}

.table-tariffs.tv {
	border-top-color: #f0af00;
}

.table-tariffs.call {
	border-top-color: #b1c800;
}

.table-tariffs.data {
	border-top-color: #44c0eb;
}

.table-tariffs.others {
	border-top-color: #a1b2d6;
}

.table-tariffs td,
.table-tariffs th {
	vertical-align: middle;
	padding: 8px;
}

.table-tariffs td:nth-child(2) {
	white-space: nowrap;
}

.table-tariffs td:nth-child(2) .prop-desc {
	white-space: normal;
}

.table-tariffs tr td {
	border-bottom: 1px solid #ccd1dc;
	background-color: rgba(255, 255, 255, 0.3);
}

.table-tariffs tr td.separator,
.table-tariffs tr th.separator {
	border-left: 1px solid #ccd1dc;
}

.table-tariffs tr.separator td {
	border-bottom-width: 4px;
}

.table-tariffs tr th {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.4);
	border-bottom: 1px solid #ccd1dc;
}

.table-tariffs tr.heading th {
	padding: 15px 5px;
	background-color: rgba(0, 0, 0, 0.02);
	color: #000000;
}

.table-tariffs tr.heading.bar th {
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.6);
	text-transform: uppercase;
	font-weight: 700;
	color: rgba(0, 0, 0, 0.4);
}

.table-tariffs tr.heading th a {
	text-decoration: underline;
	color: #000000;
}

.table-tariffs a:not(.link) {
	color: #000;
	text-decoration: none;
}

.table-tariffs .prop-img {
	min-width: 90px;
	width: 90px;
}

.table-tariffs .prop-icon {
	min-width: 50px;
	width: 50px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 20px;
	background-size: 20px;
}

.table-tariffs .prop-icon.internet {
	background-image: url(../img/icons/internet-color.svg);
}

.table-tariffs .prop-icon.internet-cable {
	background-image: url(../img/icons/internet-color.svg);
}

.table-tariffs .prop-icon.internet-wifi {
	background-image: url(../img/icons/internet-color.svg);
}

.table-tariffs .prop-icon.tv {
	background-image: url(../img/icons/tv-color.svg);
}

.table-tariffs .prop-icon.call {
	background-image: url(../img/icons/call-color.svg);
}

.table-tariffs .prop-icon.data {
	background-image: url(../img/icons/data-color.svg);
}

.table-tariffs .prop-title {
	font-size: 21px;
	line-height: 26px;
	text-transform: uppercase;
	font-weight: 300;
}

.table-tariffs .prop-label {
	font-size: 17px;
	line-height: normal;
	text-transform: none;
}

.table-tariffs .prop-attrib {
	font-size: 15px;
}

.table-tariffs .prop-price {
	font-size: 20px;
	letter-spacing: -1px;
}

.table-tariffs .prop-desc {
	color: #888;
	font-size: 13px;
}

.table-tariffs .prop-desc+.prop-price {
	margin-top: 3px;
	display: block;
	margin-bottom: 3px;
}

.table-tariffs .prop-more {
	width: 60px;
	text-align: center;
	white-space: nowrap;
}

.table-tariffs .prop-more a {
	font-size: 13px;
	padding: 9px 12px;
	border-radius: 4px;
	margin: 0;
}

.table-default,
.table-form {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	margin: auto;
	text-align: left;
	font-size: 14px;
	line-height: 14px;
}

.table-default tr td,
.table-default tr th {
	border-bottom: 1px solid #ccd1dc;
	background-color: rgba(255, 255, 255, 0.5);
	padding: 10px;
	font-size: 14px;
	line-height: 19px;
}

.table-default tr th {
	background-color: #002067;
	color: #FFF;
	border-bottom: 0 none;
}

.table-form tr td,
.table-form tr th {
	padding: 6px 0px;
}

.downtimes {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	max-width: 800px;
}

.downtimes .item {
	margin-bottom: 40px;
}

.downtimes .item:after {
	display: block;
	content: '';
	clear: both;
}

.downtimes .item.hide {
	display: none;
}

.downtimes .item .date {
	width: 90px;
	height: 90px;
	float: left;
	background-color: #298aad;
	border-radius: 80px;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	font-weight: 700;
	line-height: 18px;
	padding-top: 26px;
}

.downtimes .item .date span {
	font-size: 16px;
	font-weight: 300;
}

.downtimes .item .info {
	margin-left: 120px;
}

.downtimes .item .info h3 {
	font-size: 22px;
	font-weight: 700;
	margin: 0;
	margin-bottom: 5px;
}

.downtimes .item .info .annotation {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #298aad;
}

.downtimes .item .info .description {
	font-size: 14px;
	color: #777;
}

.downtimes .item.now .date {
	background-color: #a82c40;
	padding-top: 35px;
	font-size: 21px;
}

.downtimes .item.now .info .annotation {
	color: #a82c40;
}

.downtimes .item.completed .date {
	background-color: #999;
}

.downtimes .item.completed .info,
.downtimes .item.completed .info .annotation,
.downtimes .item.completed .info h3 {
	color: #999;
	text-decoration: line-through;
}

.downtimes-form,
.servicemap-form {
	padding: 20px 0;
	max-width: 500px;
	margin: auto;
}

.downtimes-form table,
.servicemap-form table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.downtimes-form table tr td:first-child,
.servicemap-form table tr td:first-child {
	width: 120px;
}

.downtimes-form select,
.servicemap-form select {
	margin: 2px 0;
}

.downtimes-form select.progress,
.servicemap-form select.progress {
	background-image: url(../img/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-left: 40px;
}

.project-strip {
	background-color: #FFF;
	color: #325299;
	text-align: center;
	display: none;
}

.project-strip .label {
	background-image: url(../img/projects/iptv-nove-generace/banner.jpg);
	background-repeat: no-repeat;
	background-position: left 20px;
	-webkit-background-size: contain;
	background-size: contain;
	padding: 40px;
	padding-top: 100px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	display: inline-block;
}

.project-strip .label strong {
	font-size: 20px;
}

.nav-tag {
	text-align: center;
	margin-top: -20px;
	display: none;
}

.nav-tag span {
	margin: 0 auto 10px auto;
	display: inline-block;
	color: rgba(0, 0, 0, 0.4);
	padding: 5px 15px;
	border-radius: 5px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	border: 1px solid rgba(0, 0, 0, 0.4);
}

.nav-back {
	text-align: center;
	margin-bottom: 10px;
}

.check-item {
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.5);
	/*border: 1px solid @colorLight3;*/
	display: inline-block;
	padding: 12px;
	margin-right: 5px;
	margin-bottom: 8px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
}

.check-item.small {
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 14px;
	text-transform: none;
}

p.annotation,
div.annotation 
{
	font-size: 13px;
	line-height: 14px;
	font-weight: 400;
	margin-top: 20px;
	color: #888888;
}

div.annotation 
{
	margin-top: 0;
}

p.header-annotation {
	font-size: 18px;
	font-weight: 400;
	max-width: 750px;
	margin: 10px auto 20px auto;
	color: #667299;
	text-align: center;
}

p.footer-annotation
{
	font-size: 13px;
	line-height: 14px;
	font-weight: 400;
	max-width: 750px;
	margin: auto;
	margin-top: 20px;
	color: #999999;
	text-align: center;
}

.label-phone {
	font-size: 28px;
	background-image: url(../img/icons/ic_call_48px.svg);
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-background-size: 36px;
	background-size: 36px;
	display: inline-block;
	padding-left: 45px;
}

@media (max-width: 767px) {
	.desktop-only {
		display: none !important;
	}

	.tab-buttons.small {
		margin: 15px 0;
	}

	.tab-buttons.small,
	.tab-buttons.small li {
		max-width: none;
		display: block;
		width: auto;
	}

	.tab-buttons.small li a {
		display: block;
		width: auto;
		font-size: 17px;
		padding: 15px;
	}

	.tab-buttons.small li a strong {
		display: inline-block;
	}

	.tariff-item .prop-annotation br {
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
		zoom: 1;
		*display: inline;
	}

	.tariff-item .prop-annotation br {
		content: '';
		width: 20px;
		height: 1px;
	}

	.tariff-item .prop-annotation br:after {
		display: inline-block;
		content: " • ";
		width: 20px;
		height: 20px;
	}

	.table-tariffs td .prop-desc {
		display: none;
	}

	.table-tariffs .prop-label {
		font-size: 13px;
		display: block;
	}

	.table-tariffs .prop-title,
	.table-tariffs .prop-price {
		font-size: 16px;
		line-height: 17px;
	}

	/*.table-tariffs td
{
    display: block;
    width: 100% !important;
    text-align: center !important;
    border-bottom:0 none !important;
    padding: 3px 10px;
}
 
.table-tariffs td:nth-child(1)
{
    position: absolute;
    top: 5px;
    left: 5px;
}
 
.table-tariffs td:last-child
{
    border-bottom: 5px solid @colorHrLight !important;
    padding: 10px 0 20px 0;
}
 
.table-tariffs .prop-title
{
    font-size: 20px;
    padding: 15px 10px;
    margin-bottom: 12px;
    display: block;
    border-bottom:1px dashed @colorHrLight;
}
 
.table-tariffs .prop-price
{
    margin-top: 15px;
    font-size: 24px;
    display: inline-block;
    margin-bottom: 5px;
}*/
}

@media (min-width: 768px) {
	.card-item {
		vertical-align: top;
		display: inline-block;
		height: auto;
		margin: 10px;
		width: 340px;
	}

	.circle-bubble {
		width: 140px;
		height: 140px;
		border-radius: 140px;
		font-size: 14px;
		line-height: 16px;
		padding-top: 40px;
	}

	.tariff-item {
		vertical-align: middle;
		display: inline-block;
		width: 340px;
		height: auto;
		margin: 10px;
		/*padding-top: 70px;*/
	}

	.service-box {
		display: inline-block;
		vertical-align: top;
		width: 45%;
		max-width: 500px;
		margin-bottom: 40px;
	}

	.service-box:first-child {
		/*border-right:1px dashed @colorHr;*/
	}

	.service-box .circle-bubble {
		width: 110px;
		height: 110px;
		-webkit-background-size: 50px;
		background-size: 50px;
		left: 30px;
	}

	.service-box:nth-child(2n+0) .circle-bubble {
		left: auto;
		right: 40px;
	}
}

@media (max-width: 991px) {
	.desktop-only {
		display: none !important;
	}
}

@media (min-width: 992px) {
	.mobile-only {
		display: none !important;
	}

	a:hover {
		text-decoration: underline !important;
		color: #a03a00;
	}

	h1 {
		font-size: 65px;
		line-height: 65px;
	}

	ul.channel-items li {
		margin: 0 15px 15px 0;
	}

	ul.channel-items li a {
		width: 100px;
		height: 70px;
		background-position: center 5px;
	}

	ul.channel-items li a:hover {
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	}

	ul.icon-tiles li {
		display: inline-block;
	}

	ul.icon-tiles li a {
		margin: 10px;
		display: inline-block;
		width: 210px;
		height: 200px;
	}

	.step-list
	{
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.step-list .item
	{
		width: 33.33%;
		float: left;
		text-align: center;
		padding: 90px 20px 0 20px;
	}

	.step-list .item::before
	{
		position: absolute;
		top: 30px;
		left: 0;
		right: 0;
		width: auto;
		height: 1px;
	}

	.step-list .item:first-child::before
	{
		left: 50%;
	}

	.step-list .item:last-child::before
	{
		width: 50%;
		display: block;
	}

	.step-list .item::after
	{
		top: 0;
		left: calc(50% - 30px);
		width: 60px;
		height: 60px;
		font-size: 26px;
		line-height: 60px;
	}

	.row-list .item
	{
		margin-left: 170px;
		padding-left: 30px;
	}

	.row-list .item img
	{
		width: 120px;
		left: -160px;
	}

	.row-list .item p
	{
		font-size: 17px;
		line-height: 25px;
	}


	.message2 {
		padding: 30px;
		margin: 15px 10px;
	}

	#go-top {
		bottom: 40px;
		right: 40px;
	}

	#go-top:hover {
		background-color: #14347b;
	}

	.button.internet:hover {
		background-color: #ffa81e;
	}

	.button.internet-cable:hover {
		background-color: #ffa81e;
	}

	.button.internet-wifi:hover {
		background-color: #ffa81e;
	}

	.button.tv:hover {
		background-color: #fab90a;
	}

	.button.call:hover {
		background-color: #a7be00;
	}

	.button.data:hover {
		background-color: #62deff;
	}

	.tab-buttons li a:hover {
		text-decoration: none !important;
	}

	.tab-buttons li:not(.focus) a:hover {
		color: #002067;
		background-color: rgba(255, 255, 255, 0.5);
	}

	.tab-buttons li a strong {
		display: inline-block;
	}

	.notice-box {
		float: right;
		margin-top: 0;
		margin-left: 30px;
	}

	.text-content {
		text-align: left;
	}

	.card-item {
		width: 290px;
	}

	.device-item img {
		width: 25%;
		max-width: 200px;
		float: left;
	}

	.device-item .col {
		margin-left: 30%;
	}

	.device-item .accordion .bar {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.channel-box {
		text-align: left;
		position: relative;
	}

	.channel-box:after {
		content: '';
		clear: both;
		display: block;
	}

	.channel-box .summary {
		font-size: 25px;
		font-weight: 300;
		color: #191919;
		margin-bottom: 20px;
	}

	.channel-box .summary strong {
		font-size: 80px;
		line-height: 45px;
		font-weight: 900;
		letter-spacing: -4px;
	}

	.channel-box .navi {
		display: block;
		float: left;
		width: auto;
		margin-top: 5px;
	}

	.channel-box .navi.fixed {
		position: fixed;
		top: 150px;
	}

	.channel-box .navi.fixed-bottom {
		position: absolute;
		top: auto;
		bottom: 50px;
	}

	.channel-box .navi ul.menu li a {
		display: inline-block;
		padding: 4px 0;
	}

	.channel-box .navi ul.menu li.active a {
		font-weight: 700;
	}

	.channel-box .channels {
		width: 100%;
		padding-left: 190px;
	}

	.channel-box .channels .channel-items li a {
		width: 103px;
	}

	.accordion .bar:not(.active):hover {
		text-decoration: underline;
	}

	.article-items {
		text-align: left;
	}

	.article {
		width: calc(33% - 20px);
		margin: 10px;
		display: inline-block;
		vertical-align: top;
	}

	.tariff-item {
		width: 290px;
		/*padding-top: 70px;*/
	}

	.tariff-item .prop-footer .price strong {
		font-size: 20px;
	}

	.tariff-item.pack {
		width: 400px;
		max-width: inherit;
	}

	.tariff-item.pack .prop-channel-icons {
		min-height: 90px;
	}

	.tariff-item:hover[data-url] {
		background-color: #ffffff;
	}

	.tariff-item .prop-title {
		margin-bottom: 15px;
	}

	.tariff-item .prop-price strong {
		font-size: 32px;
		display: block;
	}

	.availability-widget {
		padding: 20px;
	}

	.availability-widget * {
		display: inline-block;
		margin: 2px 5px;
		width: auto;
	}

	.availability-widget .prop-address {
		max-width: 330px;
	}

	.table-tariffs td {
		white-space: nowrap !important;
		vertical-align: middle;
		padding: 14px 10px 14px 10px;
	}

	.table-tariffs .prop-desc {
		display: block;
	}

	.project-strip .label {
		padding: 40px;
		padding-left: 480px;
		background-position: left center;
		-webkit-background-size: auto;
		background-size: auto;
		text-align: left;
	}

	.nav-tag {
		display: none;
	}

	.nav-back {
		margin-top: -25px;
		margin-bottom: 20px;
	}
}

@media (min-width: 992px) and (max-width: 1250px) {
	.tariff-item {
		font-size: 14px;
	}

	.tariff-item .prop-icon {
		width: 80px;
		height: 80px;
		-webkit-background-size: 38px;
		background-size: 38px;
	}

	.tariff-item .prop-title {
		font-size: 28px;
		line-height: 28px;
	}

	.tariff-item .button {
		padding-left: 20px;
		padding-right: 20px;
	}

	.tariff-item .prop-price strong {
		font-size: 25px;
	}

	.tariff-item .prop-icon:nth-child(2) {
		left: 35px;
	}
}

@media (min-width: 1250px) {
	ul.icon-tiles li a {
		margin: 15px;
		width: 240px;
	}

	.card-item {
		width: 320px;
	}

	.tariff-item {
		/*width: 260px;*/
		width: 360px;
		margin: 15px;
		/*padding-top: 80px;*/
	}

	.tariff-item .prop-footer .price strong {
		font-size: 26px;
	}

	.channel-box .channels .channel-items li a {
		width: 106px;
		height: 80px;
		background-position: center 3px;
		-webkit-background-size: 100px;
		background-size: 80px;
	}
}