/*-------------------------------  reset  ------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed,
fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output,
p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

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

audio, canvas, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: 1px solid silver
}

legend {
    white-space: normal
}

embed, img, object {
    max-width: 100%
}

img {
    height: auto;
}

b, dt, strong {
    font-weight: 700
}

dfn, em, i {
    font-style: italic
}

blockquote, q {
    quotes: none;
    font-style: italic
}

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

a, a:active, a:focus, a:hover, a:link, a:visited {
    outline: 0
}

hr {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 1px;
    margin: 20px 0 30px;
    padding: 0;
    border: none;
    background: #555
}

mark {
    color: #000;
    background: #ff0
}

pre {
    margin: 1em 0;
    padding: 15px;
    border: 1px solid #555;
    border-radius: 5px;
    white-space: pre;
    white-space: pre-wrap;
    background: #efefef;
    word-wrap: break-word
}

code, kbd, pre, samp {
    font-family: 'courier new', monospace, serif;
    font-size: 1em
}

small {
    font-size: 80%
}

big {
    font-size: 125%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em;
    left: -0.3em;
}

sub {
    bottom: -.25em;
    left: -0.3em;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help
}

ins, u {
    text-decoration: underline
}

del, s {
    text-decoration: line-through
}

dl, menu {
    margin: 1em 0 1em 1em;
    list-style: none
}

dd + dt {
    margin-top: 1em
}

dd {
    margin: 0 0 0 40px
}

nav ol, nav ul, ol, ul {
    list-style: none
}

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

td, td img {
    vertical-align: top
}

::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #2597ff
}

::-ms-selection {
    text-shadow: none;
    color: #fff;
    background: #2597ff
}

[hidden] {
    display: none
}

button, input, select, textarea {
    margin: 0;
    font-family: sans-serif;
    font-size: 100%;
    vertical-align: baseline;
    outline: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

::-webkit-input-placeholder {
    color: #949494;
}

::-webkit-textarea-placeholder {
    color: #949494;
}

input::-moz-placeholder {
    color: #949494;
    opacity: 1;
}

textarea::-moz-placeholder {
    color: #949494;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #949494;
}

textarea:-ms-input-placeholder {
    color: #949494;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    border: 0;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled], html input[disabled] {
    cursor: not-allowed;
}

input[type="checkbox"], input[type="radio"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    cursor: pointer;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

html {
    display: block;
    font-family: sans-serif;
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

input:required, input:invalid {
    box-shadow: none;
}

input[type="text"],
input[type="password"],
input[type="submit"],
input[type="tel"],
input[type="url"],
input[type="email"],
textarea {
    /*-webkit-appearance: none;*/
    -webkit-border-radius: 0;
    border-radius: 0;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus {
    background: #ffface !important;
}

input[type="text"]:focus::-webkit-input-placeholder,
input[type="tel"]:focus::-webkit-input-placeholder,
input[type="email"]:focus::-webkit-input-placeholder,
input[type="url"]:focus::-webkit-input-placeholder,
input[type="search"]:focus::-webkit-input-placeholder,
input[type="password"]:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

input[type="text"]:focus::-moz-placeholder,
input[type="tel"]:focus::-moz-placeholder,
input[type="email"]:focus::-moz-placeholder,
input[type="url"]:focus::-moz-placeholder,
input[type="search"]:focus::-moz-placeholder,
input[type="password"]:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent;
}

input[type="text"]:focus::-ms-placeholder,
input[type="tel"]:focus::-ms-placeholder,
input[type="email"]:focus::-ms-placeholder,
input[type="url"]:focus::-ms-placeholder,
input[type="search"]:focus::-ms-placeholder,
textarea:focus::-ms-placeholder,
input[type="password"]:focus::-moz-placeholder {
    color: transparent;
}

body {
    position: relative;
    min-width: 320px;
    font: 14px/1.6em Arial, Helvetica, sans-serif;
    color: #555;
    background: #fff;
    -webkit-font-smoothing: antialiased;
}

a {
    text-decoration: underline;
    color: #678bd8;
}

a:hover {
    text-decoration: underline;
    color: #d70017;
}

a[href^="http"], a[href^="www."] {
    cursor: pointer;
    cursor: alias;
}

/*-------------------------------  sys style  ------------------------------------*/

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.tal {
    text-align: left;
}

.fll {
    float: left;
}

.flr {
    float: right;
}

.cls {
    font-size: 0;
    display: table;
    width: 100%;
}

.clear {
    clear: both;
}

.clearFix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}

.wSize:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}

.wTxt {
    position: relative;
}

h1, h2, h3, h4, h5, h6, .h1T, .h2T, .h3T, .h4T, .h5T, .h6T {
    font: 40px/1.2em Arial, Helvetica, sans-serif;
}

.wTxt h1, .wTxt h2, .wTxt h3, .wTxt h4, .wTxt h5, .wTxt h6 {
    margin: 0.5em 0;
}

.wTxt h2, .h2T {
    font-size: 34px;
    line-height: 1.2em;
}

.wTxt h3, .h3T {
    font-size: 30px;
    line-height: 1.2em;
}

.wTxt h4, .h4T {
    font-size: 26px;
    line-height: 1.2em;
}

.wTxt h5, .h5T {
    font-size: 22px;
    line-height: 1.2em;
}

.wTxt h6, .h6T {
    font-size: 18px;
    line-height: 1.2em;
}

.h1T *, .h2T *, .h3T *, .h4T *, .h5T *, .h6T * {
    line-height: 1em !important;
}

.wTxt h1 a, .wTxt h2 a, .wTxt h3 a, .wTxt h4 a, .wTxt h5 a, .wTxt h6 a,
.h1T a, .h2T a, .h3T a, .h4T a, .h5T a, .h6T a {
    text-decoration: none !important;
}

.wTxt blockquote {
    padding: 5px 20px;
    margin: 5px 0;
    font-style: italic;
    border: 10px solid transparent;
    border-left-color: #ccc;
}

.wTxt p {
    margin: 1em 0;
}

.wTxt ul, .wTxt ol {
    margin: 1em 0 1em 1em;
}

.wTxt li {
    list-style-type: disc;
    list-style-position: inside;
}

.wTxt ol li {
    list-style-type: decimal;
    list-style-position: inside;
}

.wTxt table th {
    font-weight: bold;
    background: #eee;
}

.wTxt table thead th {
    vertical-align: bottom;
}

.wTxt table {
    width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    width: 100%;
    margin: 10px 0 20px;
}

.wTxt table th, .wTxt table td {
    padding: 10px;
    line-height: 1em;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
}

.wTxt table.table-null, .wTxt table.table-null th, .wTxt table.table-null td {
    border-color: transparent;
}

.wTxt table.table-zebra, .wTxt table.table-zebra th, .wTxt table.table-zebra td {
    border-color: transparent;
}

.wTxt table.table-zebra tr:nth-child(even) {
    background: #ddd;
}

/*-------------------------------  breadcrumbs  ------------------------------------*/
.breadcrumbs {
    margin-bottom: 15px;
    font-size: 0;
}

.breadcrumbs span {
    display: inline-block;
    vertical-align: top;
    font: 14px/18px Tahoma, Segoe, sans-serif;
    color: #000;
}

.breadcrumbs span a {
    color: #5b5b5b;
    text-decoration: none;
}

.breadcrumbs span a:hover {
    color: #cc2229;
}

.breadcrumbs span + span {
    margin-left: 5px;
    padding-left: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAQAAACh8pzAAAAAMElEQVQIHWNgaGT4z3CAgYsBDFA4U4Ay20DC2gwvGb4yOIAYryAMBoZAhjQGY5AkALd8DFsMrlZbAAAAAElFTkSuQmCC) left 7px no-repeat;
}

/*-------------------------------  validation ------------------------------------*/
.error {
    border-color: #f00 !important;
}

label.error {
    z-index: 3;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 2px 8px;
    max-width: 100%;
    border: 1px solid #f00;
    text-align: center;
    font-size: 11px;
    line-height: 13px;
    background: #fff;
    cursor: default;
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    transform: translateY(4px);
}

label.error:after, label.error:before {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

label.error:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 4px;
    margin-left: -4px;
}

label.error:before {
    border-color: rgba(255, 0, 0, 0);
    border-bottom-color: #f00;
    border-width: 5px;
    margin-left: -5px;
}

/*-------------------------------  Custom Fonts  ------------------------------------*/
@font-face {
    font-family: 'Roboto Bold';
    src: url('../fonts/roboto-bold.eot');
    src: url('../fonts/roboto-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bold.woff') format('woff'), url('../fonts/roboto-bold.ttf') format('truetype'), url('../fonts/roboto-bold.svg#Roboto Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Thin';
    src: url('../fonts/roboto-thin.eot');
    src: url('../fonts/roboto-thin.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-thin.woff') format('woff'), url('../fonts/roboto-thin.ttf') format('truetype'), url('../fonts/roboto-thin.svg#Roboto Thin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Light';
    src: url('../fonts/roboto-light.eot');
    src: url('../fonts/roboto-light.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-light.woff') format('woff'), url('../fonts/roboto-light.ttf') format('truetype'), url('../fonts/roboto-light.svg#Roboto Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'als_rublregular';
    src: url('../fonts/rouble-webfont.eot');
    src: url('../fonts/rouble-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/rouble-webfont.woff') format('woff'),
    url('../fonts/rouble-webfont.ttf') format('truetype'),
    url('../fonts/rouble-webfont.svg#als_rublregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_regularroboto_regular';
    src: url('../fonts/roboto_regular-webfont.eot');
    src: url('../fonts/roboto_regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/roboto_regular-webfont.woff') format('woff'),
    url('../fonts/roboto_regular-webfont.ttf') format('truetype'),
    url('../fonts/roboto_regular-webfont.svg#roboto_regularroboto_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*-------------------------------  conteiner  ------------------------------------*/
.wWrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.wSize {
    max-width: 1315px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.wConteiner {
    padding: 20px 0 296px 0;
    position: relative;
    background: #fff;
}

/*-------------------------------  wHeader  ------------------------------------*/
.wHeader {
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.hTopWrap {
    background: #fff;
    border-bottom: 4px solid #e2e3eb;
}

.hLeft {
    width: 34%;
    float: left;
}

.hRight {
    width: 66%;
    float: right;
}

.hSize {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 21px 0 0px;
}

.logo {
    display: inline-block;
    width: 100%;
}

.headerItem {
    margin: 20px 0 0;
    display: flex;
    justify-content: space-evenly;
}

.wOrderBtn,
.pointSale {
    line-height: 183%;
}

.subscribeSms .mfi {
    color: #ff7729;
}

.smsphone input {
    height: 81px;
    padding: 20px;
    box-sizing: border-box;
    border-color: #ff7729;
    border-radius: 25px;
    border-width: 4px;
    border-style: solid;
    width: 50%;
    min-width: 300px;
    font-size: 28px;
    text-align: center;
}

.lsnumber {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 1em;
}

.freeserv {
    color: #ff7729;
    margin: 1em 0;
    font-weight: bold;
}

.colorite {
    color: #ff7729;
}

.lsnumber span {
    color: #ff7729;
}

.hPhone a {
    display: inline-block;
    color: #3f3f3f;
    text-decoration: none;
    font: 1.286em 'Roboto Bold';
}

.hPhone a:hover {
    color: #fd5d01;
}

.hPhone a:active {
    color: #3f3f3f;
}

.mfi,
.pointSale span {
    color: #3f3f3f;
    border-bottom: 1px dotted #959595;
    text-transform: uppercase;
    font: 0.786em 'roboto_regularroboto_regular';
    cursor: pointer;
    text-decoration: none;
}

.mfi:hover,
.pointSale span:hover {
    border-bottom: none;
}

.mfi:active,
.pointSale span:active {
    color: #fd5d01;
}

.pointSale {
    text-align: right;
}

.pointSale a {
    margin: 0 6% 0 0;
}

.menu {
    margin: 16px 0px 0px;
}

.menu ul {
    display: -ms-flexbox;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
}

.menu ul li {
    float: left;
}

.menu ul li a {
    color: #3f3f3f;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    font: 1em 'roboto_regularroboto_regular';
    position: relative;
    padding: 0px .89rem 27px;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    transition: .2s ease;
}

.menu ul li a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 4px;
    background: #fd5d01;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

.menu ul li a:hover,
.menu ul li.active a {
    color: #fd5d01;
}

.menu ul li a:hover:after,
.menu ul li.active a:after {
    opacity: 1;
}

.menu ul li a:active {
    color: #ffc600;
}

.menu ul li a:active:after {
    background: #ffc600;
}

.btnMob {
    color: #3f3f3f;
    display: none;
    cursor: pointer;
    text-transform: uppercase;
    font: 1em 'Roboto Bold';
    text-align: center;
    padding: 10px 0;
    background: #EAEAEA;
}

/*-------------------------------------- orderCall --------------------------------------*/
.form {
    position: relative;
    width: auto;
    margin: 20px auto;
    padding: 1.5% 2%;
    max-width: 320px;
    background: #fff;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.orTitle {
    position: relative;
    margin-bottom: 1.5em;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    color: #ff7729;
}

.wFormRow {
    position: relative;
    margin-bottom: 8%;
}

.wFormRow input,
.wFormRow textarea {
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 10px 20px;
    border: 1px solid #ddcbd6;
    font-size: 14px;
    color: #000;
    background: #fff;
    -webkit-backface-visibility: hidden;
}

.wFormRow .inpInfo {
    z-index: 2;
    position: absolute;
    top: 0;
    height: 0;
    overflow: hidden;
    right: 0;
    padding: 2px 5px;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 12px;
    color: #fff;
    background: #ff7729;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.wFormRow input:focus ~ .inpInfo,
.wFormRow textarea:focus ~ .inpInfo {
    height: 12px;
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.wFormRow textarea {
    height: 100px;
    resize: none;
    box-shadow: none;
}

.wFormRow input:focus,
.wFormRow textarea:focus {
    border-color: #FD5D01;
}

.formBtn {
    display: inline-block;
    vertical-align: top;
    background: #ff7729;
    cursor: pointer;
    font-size: 15px;
    color: #fff;
    height: 36px;
    padding: 0 30px;
    border: none;
    outline: none;
    text-transform: uppercase;
}

.formBtn:hover {
    opacity: 0.8;
}

.formBtn:active {
    background: #ccc;
}

/*-------------------------------------- pointSale --------------------------------------*/
.wrPointSale .orTitle {
    margin-bottom: .5em;
}

.wrPointSale > p {
    color: #191919;
    font: 1.1em 'Roboto Bold';
}

.wrPointSale ul {
    margin: 0 0 .5em;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2
}

.pText {
    padding-top: 7px;
    color: #191919;
    font: 1em 'Roboto Bold';
}

.wrPointSale ul li {
    font: .9em 'roboto_regularroboto_regular';
}

/*.wrPointSale ul li:last-child {
    margin: 5px 0 0;
}*/
.wrPointSale #yandexMap {
    margin: 0;
    height: 300px;
}

#pointSale {
    max-width: 90%;
    width: 800px;
}

#unsubscribeSms,
#subscribeSms {
    max-width: 90%;
    width: 800px;
}

/*-------------------------------  bootomHeader  ------------------------------------*/
.hBottomWrap {
    background: url("../pic/header.png") center center no-repeat;
    background-size: cover;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    min-height: 158px;
}

.rotate {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font: 1.286em 'Roboto Thin';
    transform-origin: center center 0px;
    perspective: 400px;
    width: 100%;
    white-space: nowrap;
}

.wRate {
    text-align: center;
    margin: 55px 0 0;
}

.wRate.tt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.wRate .tariff {
    width: auto;
    border-radius: 5px;
    margin: 0 0 10px 0;
    flex-basis: 19%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: auto;
    align-items: center;
    position: relative;
}

.begin {
    background: #fc8f12;
    border-bottom: 3px solid #d6a602;
}

.universal {
    background: #fc6812;
    border-bottom: 3px solid #e25c10;
}

.maximal {
    background: #c2321f;
    border-bottom: 3px solid #d44f03;
}

.wRtitle {
    height: 81px;
    padding: 29px 0 0;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, .1);
    -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, .1);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, .1);
}

.begin .wRtitle {
    border-bottom: 2px solid #d6a602;
}

.universal .wRtitle {
    border-bottom: 2px solid #e25c10;
}

.maximal .wRtitle {
    border-bottom: 2px solid #d44f03;
}

.smTitle {
    color: #fff;
    text-transform: uppercase;
    font: 0.857em 'Roboto Thin';
}

.bgTitle {
    color: #fff;
    font: 2.2em 'Roboto Thin';
}

.speed {
    color: #fff;
    font: 3em/1.75em "Roboto Bold";
}

.speed > span {
    font: .5em 'Roboto Thin';
}

.cost {
    margin: 0 0 29px;
}

.cost > span {
    color: #fcd424;
    display: block;
}

.rub {
    font-weight: normal;
    font-family: 'als_rublregular';
}

.cost > span:nth-child(2),
.cost > span:first-child {
    font: 4em/1em 'Roboto Bold';
    padding: 0 1.7rem;
    text-align: center;
}

.begin .cost > span:nth-child(2),
.begin .cost > span:first-child {
    color: #fd5d01;
}

.cost > span:last-child {
    font: 1em/1.5em "Roboto Thin";
    text-transform: uppercase;
}

.begin .cost > span:last-child {
    color: #fd5d01;
}

.btnRate {
    display: inline-block;
    color: #7b7b7b;
    width: 90%;
    height: 45px;
    border-radius: 5px;
    background: #fff;
    text-transform: uppercase;
    font: 1.143em/2.9em 'Roboto Bold';
    cursor: pointer;
    border: 1px solid #ffc600;
    margin-bottom: 1em;
}

.btnRate:hover {
    color: #191919;
}

.btnRate:active {
    color: #FD5D01;
}

.begin .btnRate {
    -webkit-box-shadow: 0px 2px 0px 0px #d6a602;
    -moz-box-shadow: 0px 2px 0px 0px #d6a602;
    box-shadow: 0px 2px 0px 0px #d6a602;
}

.universal .btnRate,
.maximal .btnRate {
    -webkit-box-shadow: 0px 2px 0px 0px #d44f03;
    -moz-box-shadow: 0px 2px 0px 0px #d44f03;
    box-shadow: 0px 2px 0px 0px #d44f03;
}

/*-------------------------------  wConteiner  ------------------------------------*/
.wLeft {
    float: left;
    width: 60%;
}

.wRight {
    float: right;
    width: 40%;
}

.txtIndex {
    color: #3f3f3f;
}

.txtIndex h1 {
    font: 3.429em "Roboto Thin";
    margin: 0 0 25px;
}

.txtIndex span {
    font: 1.286em 'Roboto Bold';
}

.txtIndex p {
    font: 0.929em 'roboto_regularroboto_regular';
}

.txtIndex ul {
    padding: 0;
    margin: 0;
}

.txtIndex ul li {
    list-style-type: none;
    font: 0.929em/1.4em 'roboto_regularroboto_regular';
}

.titBilling {
    color: #191919;
    text-align: center;
    font: 1.714em/4em "roboto_regularroboto_regular";
    margin: 0 0 12px;
    line-height: 1em;
}

.titBilling > span {
    font-family: 'Roboto Bold';
}

.infoBilling {
    max-width: 320px;
    margin: 0 auto;
}

.infoBilling ul {
    margin: 0 0 54px;
}

.infoBilling ul li {
    color: #191919;
    font-size: 1.286em;
    margin: 0 0 15px;
}

.infoBilling ul li > span {
    display: inline-block;
    width: 49%;
}

.infoBilling ul li > span:first-child {
    font-family: 'roboto_regularroboto_regular';
}

.infoBilling ul li > span:last-child {
    font-family: 'Roboto Bold';
    text-align: right;
}

.infoBilling ul li > span > i {
    font-family: 'roboto_regularroboto_regular';
    font-style: normal;
}

.wSaveBtn {
    text-align: center;
}

.wSaveBtn a,
.wSaveBtn button {
    display: inline-block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #ff7729;
    border-radius: 5px;
    height: 46px;
    width: 263px;
    font: 1.143em/2.8em 'Roboto Bold';
    text-transform: uppercase;
    border: 1px solid #ffc600;
    -webkit-box-shadow: 0px 2px 0px 0px #fd5d01;
    -moz-box-shadow: 0px 2px 0px 0px #fd5d01;
    box-shadow: 0px 2px 0px 0px #fd5d01;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    transition: .2s ease;
}

.wSaveBtn a:hover,
.wSaveBtn button:hover {
    color: #000;
    background: #fff;
}

.wSaveBtn a:active,
.wSaveBtn button:active {
    color: #000;
    background: #ff7729;
}

/*------------------------  SLOGAN  ---------------------------*/
.wSlogan {
    background: url("../pic/slogan.png") center center no-repeat;
    background-size: cover;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    min-height: 418px;
}

.slogan {
    color: #fff;
    padding: 193px 0 0;
}

.line1 {
    font: 3.429em/1em 'Roboto Thin';
}

.line2 {
    font: 5.714em/1em 'Roboto Thin';
}

.line2 > span {
    font-family: 'Roboto Bold';
}

/*------------------------  SPEEDTEST  ---------------------------*/
.wSpeedTest {
    background: url("../pic/speed_test_bg.png") center center no-repeat;
    background-size: cover;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    min-height: 475px;
}

.speedTest {
    color: #fff;
    position: relative;
}

.imgSpeed {
    position: absolute;
    left: 0;
    top: -28px;
    right: 0;
    width: 226px;
    height: 226px;
    margin: 0 auto;
}

.titSpeed1 {
    font: 3.429em/1em 'Roboto Thin';
    width: 30%;
    padding: 32px 0 30px;
}

.titSpeed2 {
    font: 1.286em/1.1em 'Roboto Bold';
    text-transform: uppercase;
    width: 34%;
    margin: 0 0 30px;
}

.speedTest .note {
    font: 0.929em/1.2em 'Roboto Light';
    width: 60%;
    margin: 0 0 39px;
    max-height: 60px;
    overflow: hidden;
}

.btnIndex {
    display: block;
    color: #145264;
    font: 1.143em/2.8em 'Roboto Bold';
    text-transform: uppercase;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ffc600;
    cursor: pointer;
    height: 46px;
    width: 263px;
    text-decoration: none;
    -webkit-box-shadow: 0px 2px 0px 0px #fd5d01;
    -moz-box-shadow: 0px 2px 0px 0px #fd5d01;
    box-shadow: 0px 2px 0px 0px #fd5d01;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    transition: .2s ease;
}

.btnIndex:hover {
    background: #ff7729;
    color: #fff;
    text-decoration: none;
}

.btnIndex:active {
    background: #fff;
    color: #145264;
}

.wSpeedTest .btnIndex {
    cursor: pointer;
}

/*------------------------  SERVICE  ---------------------------*/
.wService {
    background: url("../pic/service.png") 50% 100% no-repeat;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 432px;
}

.titIndex {
    color: #464646;
    font: 3.429em 'Roboto Thin';
    padding: 43px 0px 40px;
}

.sLeft {
    width: 50%;
    float: left;
}

.sRight {
    width: 50%;
    float: right;
}

.nameService {
    float: left;
    width: 44%;
    color: #464646;
    font: 1.286em 'Roboto Bold';
    text-transform: uppercase;
    text-align: right;
}

.linkService {
    width: 53%;
    float: right;
}

.linkService li {
    margin: 0 0 8px;
}

.linkService li a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font: 1.286em 'Roboto Light';
    padding: 0 5px;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    transition: .2s ease;
}

.linkService li a:hover {
    color: #145264;
}

/*BG_COLOR*/
.a {
    background: #11dfea;
}

.t {
    background: #59bdc4;
}

.o {
    background: #fd5d01;
}

.lo {
    background: #ff7729;
}

.y {
    background: #ffc600;
}

.wService .btnIndex {
    margin: 17px 0px 0px;
}

/*-------------------------------  wNews ------------------------------------*/
.wNews {
    min-height: 398px;
    padding: 14px 0px 27px;
}

.titNew {
    display: block;
    color: #464646;
    font: 1.286em 'Roboto Bold';
    text-transform: uppercase;
    margin: 0 0 9px;
    overflow: hidden;
    max-height: 26px;
    text-decoration: none;
}

.titNew:hover {
    color: #FFC600;
    text-decoration: none;
}

.sliderNew {
    position: relative;
}

#news {
    overflow: hidden;
    max-height: 174px;
}

.itemNews {
    float: left;
    width: 420px;
    margin: 0 80px 0 0;
}

.itemNews p {
    color: #464646;
    font: 0.929em 'Roboto Light';
    margin: 0 0 11px;
    max-height: 108px;
    overflow: hidden;
}

.dateNew {
    color: #fd5d01;
    font: 1em 'roboto_regularroboto_regular';
}

#nPrev,
#nNext {
    width: 53px;
    height: 95px;
    position: absolute;
    top: 12%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#nPrev {
    left: -10%;
    background: url("../pic/sprite.png") no-repeat 0 0;
}

#nNext {
    right: -10%;
    background: url("../pic/sprite.png") no-repeat -90px 0;
}

#nPrev:hover {
    background: url("../pic/sprite.png") no-repeat 0 -122px;
}

#nNext:hover {
    background: url("../pic/sprite.png") no-repeat -90px -122px;
}

.wNews .btnIndex {
    margin: 17px 0 0;
}

/*-------------------------------  wFooter  ------------------------------------*/
.wFooter {
    margin: -296px auto 0;
    min-height: 296px;
    position: relative;
    background: #3b5666;
}

.wFooter .wSize {
    max-width: 1260px;
}

.wColumFooter {
    border-bottom: 2px solid #ffc600;
    -webkit-box-shadow: 0px 1px 0px 0px #586f7d;
    -moz-box-shadow: 0px 1px 0px 0px #586f7d;
    box-shadow: 0px 1px 0px 0px #586f7d;
    padding: 22px 0 28px;
}

.cFirst,
.cSecond,
.cThree {
    float: left;
}

.cFirst {
    width: 23%;
    padding: 0 0 0 1%;
}

.cSecond {
    width: 24%;
}

.cThree {
    width: 52%;
}

.fLogo {
    width: 100%;
    display: inline-block;
    margin: 0 0 9px;
}

.wFooter .hPhone {
    margin: 0 0 27px;
}

.wFooter .hPhone a {
    padding: 0;
    color: #e9e9e9;
}

.wFooter .hPhone a:hover {
    color: #fd5d01;
}

.wFooter .hPhone a:active {
    color: #fff;
}

.wFooter .hPhone span {
    color: #fff;
    display: block;
    font: 0.857em 'Roboto Thin';
}

.wFooter .wOrderBtn b {
    color: #fff;
    font: 0.857em 'Roboto Thin';
    margin: 0 8px 0 0;
}

.wFooter .wOrderBtn span {
    color: #fff;
}

.timeWork {
    color: #ffc600;
    font: 1em 'Roboto Light';
    text-transform: uppercase;
    padding: 14px 0px 39px;
}

.wFooter .pointSale {
    text-align: left;
}

.wFooter .pointSale span {
    color: #fff;
}

.wFooter .pointSale span:active {
    color: #fd5d01;
}

.fMenu {
    padding: 13px 0 30px;
    display: block;
    border-bottom: 2px solid #ffc600;
    -webkit-box-shadow: 0px 1px 0px 0px #586f7d;
    -moz-box-shadow: 0px 1px 0px 0px #586f7d;
    box-shadow: 0px 1px 0px 0px #586f7d;
    margin: 0 0 10px;
}

.fMenu > ul {
    display: -ms-flexbox;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
}

.fMenu ul li {
    float: left;
    position: relative;
}

.fMenu ul li + li:before {
    content: "/";
    color: #ffc600;
    position: absolute;
    font: 11px Verdana, Geneva, sans-serif;
    top: 4px;
    left: -6px;
}

.fMenu ul li a {
    color: #ffc600;
    font: 1em 'Roboto Thin';
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: .1s ease;
    -moz-transition: .1s ease;
    transition: .1s ease;
}

.fMenu ul li:last-child a {
    padding-right: 0;
}

.fMenu ul li a:hover {
    color: #fff;
}

.fMenu ul li a:active {
    color: #ffc600;
}

.fMenu ul li.active a {
    color: #fff;
}

.leftLinks {
    width: 50%;
    float: left;
}

.rightLinks {
    width: 50%;
    float: right;
}

.leftLinks li a,
.rightLinks li a {
    color: #fff;
    text-decoration: none;
    font: 0.857em 'Roboto Thin';
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    transition: .2s ease;
}

.leftLinks li a:hover,
.rightLinks li a:hover {
    color: #FFC600;
}

.leftLinks .mfi {
    text-transform: none;
}

.copy {
    float: left;
    color: #cfcfcf;
    font: 0.786em/5em 'Roboto Thin';
    word-spacing: 4px;
    letter-spacing: 1.4px;
}

.wWezom {
    float: right;
}

.wWezom a {
    color: #fff;
    font: 0.786em/5em 'Roboto Thin';
    display: block;
    text-decoration: none;
    padding: 0 66px 0 0;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    transition: .2s ease;
}

.wWezom a img {
    max-height: 45px;
}

.mfp-iframe-holder .mfp-content {
    min-height: 55% !important;
}

/*=============================================== PAGE ABOUT ============================================*/
.bgInside {
    background: url("../pic/bg_h_inside.png") no-repeat scroll center center / cover;
}

/*=============================================== PAGE RESOURCE ============================================*/
.serviceItem {
    margin: 0px 0px 60px;
}

/*=============================================== PAGE NEWS ============================================*/
.wrapNews .titIndex {
    padding: 0px 0 41px;
}

.itemsNews {
    margin: 0 0 7%;
}

.nDate {
    display: inline-block;
    border: 3px solid #d4cfbe;
    color: #ff7729;
    font: 2.143em 'Roboto Bold';
    border-radius: 4px;
    padding: 1px 12px;
    float: left;
    margin: 7px 0 0;
}

.nContent {
    float: right;
    width: 83%;
}

.titNews,
a.titNews {
    display: inline-block;
    color: #3f3f3f;
    font: 1.286em 'Roboto Bold';
    text-transform: uppercase;
    margin: 0 0 10px;
    text-decoration: none;
    max-height: 52px;
    overflow: hidden;
}

a.titNews:hover {
    color: #FF7729;
    text-decoration: none;
}

.nContent > p {
    color: #3f3f3f;
    font: 1.286em/1.8em "Roboto Thin";
    max-height: 97px;
    overflow: hidden;
}

.wrapNews .wSaveBtn {
    margin: 8% 0;
}

/*=============================================== PAGE NEW ============================================*/
.wrapNew .btnIndex {
    display: block;
    margin: 0 auto;
}

.wrapNew .titNews {
    font: 3.429em/1em "Roboto Thin";
    text-transform: none;
    margin: 0px 0px 5%;
}

.wrapNew .temp {
    color: #3f3f3f;
    font: 1.286em 'Roboto Bold';
}

.wrPluso {
    text-align: center;
    margin: 2% 0 4%;
}

.pluso-wrap > a:hover {
    opacity: .7;
}

/*=============================================== PAGE COVER ============================================*/
#yandexMap {
    margin: 0 0 67px;
    width: 98.6%;
    height: 600px;
    border: 2px solid #ffc500;
}

.coverTxt {
    color: #3f3f3f;
    font: 1.286em 'Roboto Bold';
}

.wrMap .hSize {
    padding: 35px 0px 0px;
}

/*=============================================== PAGE COVER ============================================*/
.wrPayment .titIndex {
    padding-top: 0;
}

.wrPayment p {
    color: #3f3f3f;
    font: 1.286em 'roboto_regularroboto_regular';
}

.wrPayment p a {
    color: #3f3f3f;
    font: 1em 'Roboto Bold';
}

.wrPayment p a:hover {
    text-decoration: none;
}

.wrPayment p a:active {
    color: #FF7729;
}

.wrPayment .b {
    font: 1.286em 'Roboto Bold';
}

.wrPayment .s {
    font-size: 1em;
    margin: 2em 0 1em;
}

.pLeft {
    float: left;
    width: 65%;
}

.pRight {
    float: right;
    width: 25%;
    margin: 0 5% 0 0;
}

.wrPayment ul {
    margin: 0px 0 28px;
    padding: 0;
}

.pLeft ul li {
    color: #3f3f3f;
    font: 1.286em 'Roboto Bold';
    list-style: none;
}

.pRight .star {
    color: #191919;
    font: 2.571em 'Roboto Bold';
    margin: .5em 0 0;
    line-height: 1em;
}

.pRight .infoPay {
    font-size: 13px;
    margin-top: 0;
}

.payment {
    min-height: 336px;
    border: 3px solid #d4cfbe;
    border-radius: 4px;
}

.payment ul li,
.connect ul li {
    background: #f7edcc;
    min-height: 77px;
    list-style: none;
    border-bottom: 2px solid #f4e6b8;
}

.payment ul li:nth-child(2n+2),
.connect ul li:nth-child(2n+2) {
    background: #fbf6e5;
}

.payment ul li:last-child,
.connect ul li:last-child {
    border-bottom: none;
}

.txtItem {
    color: #191919;
    font: 1.286em/4em 'Roboto Bold';
    text-align: right;
    float: left;
    width: 45%;
}

.fieldPay {
    float: right;
    width: 50%;
}

.wrLable {
    position: relative;
    display: inline-block;
}

.payment input {
    border: 1px solid #ffc600;
    border-radius: 4px;
    height: 26px;
    margin: 16px 0 0;
    padding: 5px 10px;
}

.ip input,
.log input {
    width: 243px;
    color: #ff7729;
    font: 18px 'Roboto Bold';
}

.log input {
    font-family: 'Roboto Thin';
}

.code input {
    display: inline-block;
    width: 41px;
    margin-right: 5px;
    color: #ff7729;
    font: 18px 'Roboto Bold';
}

.code input:last-child {
    margin-right: 0px;
}

.ip ::-webkit-input-placeholder {
    color: #ff7729;
    font-size: 30px;
    line-height: 25px;
}

.ip input::-moz-placeholder {
    color: #ff7729;
    opacity: 1;
    font-size: 30px;
    line-height: 25px;
}

.ip input:-ms-input-placeholder {
    color: #ff7729;
    font-size: 30px;
    line-height: 25px;
}

.log ::-webkit-input-placeholder {
    color: #ff7729;
    font-size: 30px;
    line-height: 25px;
}

.log input::-moz-placeholder {
    color: #ff7729;
    opacity: 1;
    font-size: 30px;
    line-height: 25px;
}

.log input:-ms-input-placeholder {
    color: #ff7729;
    font-size: 30px;
    line-height: 25px;
}

/*=============================================== PAGE CONNECT ============================================*/
.wrConnect {
    margin: 0 0 80px;
}

.wrConnect .titIndex {
    padding-bottom: 20px;
}

.wrConnect .txtConnect {
    margin: 0 0 80px;
}

.wrConnect .mfi {
    color: #3f3f3f;
    font-family: 'Roboto Bold';
}

.txtConnect {
    color: #3f3f3f;
    font: 1.286em 'roboto_regularroboto_regular';
    width: 62%;
}

.wrConnect .connect {
    position: relative;
    margin: 0px 0 45px;
}

.connect ul {
    margin: 0px 0 45px;
}

.connect ul li {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    padding: 0 0 0 2%;
}

.nameCon {
    float: left;
    color: #191919;
    font: 1.286em 'Roboto Bold';
    width: 70%;
    margin: auto;
}

.nameCon > span {
    display: block;
    font-family: 'Roboto Light';
}

.valueCon {
    width: 30%;
    text-align: center;
    font: 30px 'Roboto Thin';
    margin: auto;
}

.valueCon .rub {
    color: #191919;
    font-size: 36px;
}

.valueCon > span {
    color: #191919;
    font: 36px 'Roboto Bold';
}

.wrConnect .pLeft {
    width: 65%;
    margin: 26px 0 0;
}

.wrConnect .pLeft > div {
    color: #3f3f3f;
    font: 1.286em 'Roboto Bold';
}

.wrConnect .infoPay {
    color: #3f3f3f;
    font: 0.929em 'roboto_regularroboto_regular';
}

.wrConnect .valueCon {
    width: 37%;
}

.wrConnect .pRight {
    margin: 0 3% 0 0;
}

.wrConnect .pRight .star {
    margin-top: 0;
}

.frame {
    width: 325px;
    height: 100%;
    padding: 0 0 50px;
    border-radius: 4px;
    border: 3px solid #d4cfbe;
    position: absolute;
    top: -37px;
    right: 0;
}

/*=============================================== PAGE TARIFF ============================================*/
.wrapTariff .titIndex {
    padding: 15px 0 10px;
}

.txtTariff {
    color: #3f3f3f;
    font: 1.286em 'Roboto Bold';
    margin: 0 0 35px;
}

.nameTariff {
    float: left;
    width: 257px;
    padding: 112px 0 0;
    text-align: left;
}

.nameTariff li:nth-child(2n+2) {
    background: #fbf6e5;
}

.nameTariff li {
    color: #191919;
    font: 1.286em 'Roboto Bold';
    height: 59px;
    padding: 19px 0 0 19px;
    max-height: 78px;
    overflow: hidden;
}

.nameTariff li > span {
    display: inline-block;
    font-family: 'roboto_regularroboto_regular';
}

.tariff {
    border-radius: 5px;
    float: left;
    margin: 0 10px 30px 0;
    text-align: center;
    width: 317px;
}

.tariff li {
    line-height: 1.2em;
    height: 77px;
}


.tariff li:first-child {
    height: 84px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 25px 0 0;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, .1);
    -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, .1);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, .1);
}

.tariff li:last-child {
    height: 210px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.tBegin {
    border-bottom: 3px solid #d6a602 !important;
}

.tUniversal {
    border-bottom: 3px solid #e25c10 !important;
}

.tMax {
    border-bottom: 3px solid #d44f03 !important;
}

.tBegin .tHead {
    background: #ffc600;
    border-bottom: 3px solid #d6a602;
}

.tUniversal .tHead {
    background: #ff7729;
    border-bottom: 3px solid #e25c10;
}

.tMax .tHead {
    background: #fd5d01;
    border-bottom: 3px solid #d44f03;
}

.tBegin li:last-child {
    background: #ffc600 !important;
}

.tUniversal li:last-child {
    background: #ff7729 !important;
}

.tMax li:last-child {
    background: #fd5d01 !important;
}

.tBegin li:nth-child(2n+2) {
    background-color: #ffc600;
    border-bottom: 2px solid #e0ae02;
}

.tBegin li:nth-child(2n+3) {
    background: #eab601;
    border-bottom: 1px solid #ffca13;
}

.tUniversal li:nth-child(2n+2) {
    background-color: #ff7729;
    border-bottom: 2px solid #de590c;
}

.tUniversal li:nth-child(2n+3) {
    background: #e96316;
    border-bottom: 1px solid #ff8139;
}

.tMax li:nth-child(2n+2) {
    background-color: #fd5d01;
    border-bottom: 2px solid #de5203;
}

.tMax li:nth-child(2n+3) {
    background: #e85602;
    border-bottom: 1px solid #fd6914;
}

.text {
    color: #fff;
    font: 1.875em 'Roboto Thin';
    line-height: 3em !important;
}

.digit {
    color: #fff;
    font: 2.250em 'Roboto Bold';
    line-height: 2.5em !important;
}

.chek {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAAyCAQAAACn4QDOAAADGklEQVRYw73Y20tUQRzA8QHpQR8yzEuaW+IlRUMjKRB9lAhCoh5C+gOilzCh9CGCgsJepIjAjDIKrDAhiJByoYuplUnG4nV1K7r4FGlCmZF+e9izx3N2Z51Zz3F3nn5z5vw+7M785pwdgYhLS6aTt1QEo3iRAwDMURkvNEQC/KQyHqiVDLIVa0++IfwzEX8SBpYH5HOJIb5TQyn/LEOukcS8Je4hlT+W+DGCdn7gp5NaEpTkZ3KDl9fRxILReZgq26B2km2xjy22+CWCR2bUz0YVGVxICTywdDtDodsgX0vJvFDJnLV0z7KHYqYImO0CiUxY4k5S8Fvi2whamLXk2L0yiRBsNWfoKTsdLBoPzwG4woaVSYTgvNHZZVsEq2lpzHAuyrf8skwiBEMALJLrQokUkswrFYkQxmz4XKpLDRIhaKODDurjR7q590Yj8yPHCnoYZJBmx2S/LokQlhKPE+kOGiPpBhqNLIh+jxxN4BRXydQi+2Il5WgC9wCYJHstyGX0hYW8a97uZ3PM5FdKaVChVVRTTbGEBJggK0ayAA8lKvQirbRyxOhoiEgzLp3b9VHJ/bRyVO/nDc1psyTVGJu0yRoW1LUQjqbwXpJulAwNchvCeDbHiArS8ElSjpCuQWpWvWxYGsOStMOkKUkHqCCdEUlqH3n0Svq/maQjVJDBqCT9goLURutopJEDEZc2MYb6YydD2Q6q0BLKKZdueJmMx0gKiiinHI8KXQLgmfRyFv4VycKIO5bCNtVVPdqymYyBdLiQrOyUhJyWkq6hAg8fNEkXUUEOH7VIV1FBDp80SG10hAABbihfTILsNEUrjhomQIA2FarfUqg1t31HTfAQL17OuPKWn0QXXrwcV6HzxhPTDbTMmNObKjR4yrNkviU5aaH/9CdU6GljYC+JDskd/DJybVeh2eaBzTv2krRKMJM65mxHHYrVW2/bbWrCDjqawg467ocddNxC2F5bZxVFZZZMi2tHOr/Zp1MywXaMGRfQEXbp1WmopXKSbiappoxFS9LrJNmO5fpI5a8lfoLgMsPc4ZDu+cx/Tsrxc7I+1gkAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.tariff .btnRate.dont {
    background-color: lightgray;
    cursor: not-allowed;
}

.tariff .cost {
    padding: 10px 0 0;
}

.tBegin .cost > span {
    color: #fd5d01;
}

.txtM {
    display: none;
}

.speed .txtM {
    font: .3em 'Roboto Bold';
}

.digit .txtM {
    font: .5em 'Roboto Bold';
}

.text .txtM {
    font: .6em 'Roboto Bold';
}

/*----------- toTop -----------*/
.toTop {
    position: fixed;
    bottom: 40px;
    height: 40px;
    width: 40px;
    z-index: 20;
    border-radius: 50%;
    cursor: pointer;
    right: 3%;
    display: none;
    line-height: 154%;
    opacity: .8;
    background: #000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAALCAQAAAA6wg72AAAAVElEQVQoz4XMsQnAMAxE0b+CCkNAG2T/HbKFS2cMpQgkYJ0Q130eh7HPiZWrIWHMWN7RFx4oLODAGAJLaBIXUOESZoxhXKeCOy4fM27gh2+nhT9+APLFWb2f1tbTAAAAAElFTkSuQmCC) no-repeat 55% 47%;
}

.toTop:hover {
    background: #000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAALCAYAAACQy8Z9AAAAUElEQVQ4y2P4f4yBgUj8jFi1pBh4j1iDSTGQgViDSTGQgViDSTWQKIPJMZCgweQaiNdgOOPvcQ5lEg3EaTC5LsRrMDUMRDb4OcxQahiIYjAAZBq8V1+a9RsAAAAASUVORK5CYII=) no-repeat 55% 47%;
}

/*-------------------------------------------------------------- 30.06.2016 */
.wWrapper .mfp-bg {
    position: absolute;
}

.btnPayCard a {
    background: #ff2229;
}

#amountpay {
    display: inline-block;
    width: auto;
    padding: 5px;
}

.minimal {
    background: #e0ba2d;
    border-bottom: 3px solid #d6a602;
}

.minimal .wRtitle {
    border-bottom: 2px solid #d6a602;
}

.minimal .btnRate {
    -webkit-box-shadow: 0px 2px 0px 0px #d6a602;
    -moz-box-shadow: 0px 2px 0px 0px #d6a602;
    box-shadow: 0px 2px 0px 0px #d6a602;
}

.minimal .cost {
    /*margin: 0 0 72px;*/
}

.minimal .cost span {
    text-align: center;
}

.minimal .descrTitle {
    color: #de340d;
    font-size: 16px;
    font-weight: bold;
}

.begin .cost > span:last-child,
.begin .cost > span:nth-child(2),
.begin .cost > span:first-child,
.cost > span {
    color: #ffffff;
}

#payberry {
    background-image: url("/Media/images/logo_payberry.svg");
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 40px;
    margin-top: 1em;
    box-sizing: border-box;
}

#rnkb-online {
    background-image: url("/Media/images/rnkb-logo.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 70px;
    margin-top: 1em;
    box-sizing: border-box;
    background-size: contain;
}

.wTowns ul {
    display: flex;
    justify-content: center;
}

.wTowns ul li {
    margin-left: 5px;
    margin-right: 5px;
}

.wTowns a {
    cursor: pointer;
}

.wTowns a.active {
    color: #000;
    background: #fff;
}

#qrcode {
    margin-top: 1em;
}

/* Toggle btn */
.toggle-button-container {
    display: flex;
    align-items: center;
}

.toggle-button-text {
    cursor: pointer;
    margin: 10px;
    font-family: 'Righteous', cursive;
    color: #fff;
    font-weight: 600;
    font-size: 1.4em;
}

.toggle-button {
    position: relative;
    width: 92px;
    height: 46px;
    margin: 0;
    vertical-align: top;
    background: #ffffff;
    border: 1px solid #bbc1e1;
    border-radius: 30px;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 0.3s cubic-bezier(0.2, 0.85, 0.32, 1.2);
}

.toggle-button::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 1.5px;
    width: 42px;
    height: 42px;
    background-color: #ff7729;
    border-radius: 50%;
    transform: translateX(0);
    transition: all 0.3s cubic-bezier(0.2, 0.85, 0.32, 1.2);
}

.toggle-button:checked::after {
    transform: translateX(calc(100% + 1px));
    background-color: #fff;
}

.toggle-button:checked {
    background-color: #ff7729;
}

.tariff.tariff-discount::after {
    content: "Акция";
    display: block;
    position: absolute;
    top: 10px;
    transform: rotate(45deg);
    right: -21px;
    background: red;
    background: linear-gradient(135deg, transparent 15px, red 0) top left, linear-gradient(-135deg, transparent 15px, red 0) top right;
    padding-left: 20px;
    padding-right: 20px;
    background-size: 51% 100%;
    background-repeat: no-repeat;
    font-family: 'Roboto Bold', fantasy;
    font-size: 1.1em;
    color: black;
}

#fillPersBtn {
    margin-bottom: 1em;
}