@charset "UTF-8";

/* CSS Document */


/* CSS Reset */

* {
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
    box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

:focus {
    outline: 0;
}
input:focus::-webkit-input-placeholder {color: transparent !important;}
input:focus::-moz-placeholder          {color: transparent !important;}
input:focus:-moz-placeholder           {color: transparent !important;}
input:focus:-ms-input-placeholder      {color: transparent !important;}

img {
    vertical-align: top;
}
input[type="button"], select {-webkit-appearance:none; -moz-appearance: none;}

body {
    font-style: normal;
    font-family: "Starnet", "Calibri", Arial, Helvetica, sans-serif;
    min-width: 960px;
    background: #FFF;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    
}

a,
a:visited,
.modal_close,
.header_link
{
    color: #0079FF;
    text-decoration: none;
}
a:hover {text-decoration: underline;}
.tooltip:hover {text-decoration: none;}


/* -- Контейнеры -- */


/* Верхнее меню */

#MenuTop-container {
    position: fixed;
    top: 0;
    width: 100%;
    min-width: 960px;
    margin: 0 auto;
    height: 60px;
    z-index: 2;
}
.off {
    background: rgba(255, 255, 255, 0.9);
}
.on {
    background: rgba(255, 255, 255, 1);
}
#sub-topmenu {
    border-bottom: 1px solid #d8d8d8;
}
.container-menu {
    width: 920px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    height: 60px;
}
.logo-starnet {
    display: block;
    float: left;
    width: 50px;
    height: 48px;
    background: url(../img/icon_starnet.png) left center no-repeat;
    margin-top: 6px;
}
.logo-starnet-big {
    display: block;
    float: left;
    width: 140px;
    height: 40px;
    background: url(../img/icon_starnet_big.png) left center no-repeat;
    margin-top: 10px;
}
.topmenu {
    width: 106px;
    border: 1px solid #0079FF;
    font-size: 18px;
    text-decoration: none !important;
    padding: 4px 12px;
    border-radius: 4px;
    font-weight: 400;
    margin-top: 14px;
    cursor: pointer;
    color: #0079ff;
    float: right;
    display: block;
    background: url(../img/icon_menu.png) 80px center no-repeat;
}
.topmenu:hover {
    color: #fff !important;
    background: #0079FF url(../img/icon_menu_on.png) 80px center no-repeat;
}
.topmenu-close, .topmenu-close:hover {
    color: #fff !important;
    background: #0079FF url(../img/icon_menu_on_close.png) 80px center no-repeat;
}
#sub-topmenu {
    display: block;
    width: 100%;
    padding: 24px 0 6px 0;
    background: #fff;
}
#sub-topmenu ul {
    display: block;
    width: 920px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    list-style: none;
    font-size: 14px;
}
#sub-topmenu li {
    margin: 0 5px;
    float: left;
}
#sub-topmenu a {
    color: #333;
    text-decoration: none;
    display: block;
    width: 174px;
    vertical-align: top;
    line-height: 25px;
    font-weight: 400;
    margin-bottom: 18px;
    background-repeat: no-repeat;
    background-size: 174px 105px;
    padding-top: 105px;
}
#sub-topmenu li:hover {opacity: 0.6;}
.menu-tarif {background: url(../img/menu_tarif.jpg);}
.menu-tv {background: url(../img/menu_tv.jpg);}
.menu-action {background: url(../img/menu_action.jpg);}
.menu-connect {background: url(../img/menu_connect.jpg);}
.menu-pay {background: url(../img/menu_pay.jpg);}
.menu-news {background: url(../img/menu_news.jpg);}
.menu-help {background: url(../img/menu_help.jpg);}
.menu-cabinet {background: url(../img/menu_cabinet.jpg);}
.menu-forum {background: url(../img/menu_forum.jpg);}
.menu-about {background: url(../img/menu_about.jpg);}

/* Меню для скрипта stickymenu */

.MenuTop-container {
    position: fixed;
    top: 0;
    width: 100%;
    min-width: 960px;
    margin: 0 auto;
    height: 60px;
    background: rgba(255, 255, 255, 0.9);
    z-index: 2;
}
.stickytop {
    min-width: 920px;
    height: 327px;
    overflow: hidden;
    width: 100%;
    margin: 376px auto 0 auto;
    background: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.hidden {
    /*visibility: hidden;*/
    display: none;
}
.stickytop ul {
    width: 920px;
    margin: 0 auto;
    display: block;
}
.stickytop ul li {
    list-style: none;
    display: table-cell;
    text-align: center;
}
.general-menu li {
    width: 230px;
    color: #666;
}

/* Контент */

#content,
#content-fullscreen {
    width: 100%;
    position: relative;
    z-index: 1;
    display: block;
    /*margin-bottom: 260px;*/
    background: #fff;
    overflow: hidden;
}

#content {
    padding-top: 108px;
}

#content-fullscreen {
    margin-top: 0; /* временное знаечение для скрипта */
}

.container-full,
.amedia_full {
    width: 100%;
    min-width: 920px;
    overflow: hidden;
}


/* 960 */

.container-960 {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}


/* 920 */

.container-920, .col {
    width: 920px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 24px;
    background: #fff;
}

.container-920_nopadding {
    width: 920px;
    margin: 0 auto;
    overflow: hidden;
}

/* Promo Index */

.promo_starnet {
    width: 100%;
    min-width: 960px;
    position: fixed;
    top: 0;
background: url(../img/star_sky1.png) center bottom no-repeat, -o-linear-gradient(-90deg, #0055D6 0%, #2E9BEE 45%, #4BBBFB 60%, #FFFFFF 90%, #FFFFFF 100%);
background: url(../img/star_sky1.png) center bottom no-repeat, -moz-linear-gradient(-90deg,  #0055D6 0%, #2E9BEE 45%, #4BBBFB 60%, #FFFFFF 90%, #FFFFFF 100%);
background: url(../img/star_sky1.png) center bottom no-repeat, -ms-linear-gradient(-90deg, #0055D6 0%, #2E9BEE 45%, #4BBBFB 60%, #FFFFFF 90%, #FFFFFF 100%);
background: url(../img/star_sky1.png) center bottom no-repeat, linear-gradient(-180deg, #0055D6 0%, #2E9BEE 45%, #4BBBFB 60%, #FFFFFF 90%, #FFFFFF 100%);
    background-size: cover;
    overflow: hidden;
    z-index: -1;
}

#promo_starnet-920 {
    width: 920px;
    margin: 0 auto;
    overflow: hidden;
    height: 376px;
    text-align: center;
    background: url(../img/starnet_man.png) left bottom no-repeat;
}

#starnet_logo-promo {
    width: 920px;
    margin: 62px auto 0 auto;
    position: relative;
    background: url(../img/starnetlogo-promo.png) right center no-repeat;
    height: 240px;
}

/*.promost_top {
    margin-top: 622px;
    /* 562 (из скрипта значение скролла)+60 (высота главного меню)*/
/*}*/

.promo_starnet h1 {
    background: #C00;
    color: #FFF;
    /*margin: 0 auto;*/
    margin: 0px 0 0 378px;
    width: 518px;
    font-weight: 400;
    font-size: 26px;
    line-height: 42px;
    /*padding: 6px 0;*/
    display: block;
    text-align: center;
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.promo_wrapper {
    min-width: 960px;
    overflow: hidden;
    background: #fff;
    padding: 48px 0;
}
.promotv {
    margin: 24px auto 0 auto;
    display: block;
}
.promotv1 {
    margin: 0 auto 24px auto;
    display: block;
}
.promo-222 {
    background: url(../img/promo_222bg.jpg) center bottom no-repeat #981b1f;
    height: 640px;
}
.promo-222 img {
    margin-bottom: -48px;
}
.promo-3plus1 {
    background: url(../img/gift01.png) center top no-repeat, -o-linear-gradient(-90deg, #FFFFFF 0%, #FDC641 30%, #FF9400 70%);
    background: url(../img/gift01.png) center top no-repeat, -moz-linear-gradient(-90deg, #FFFFFF 0%, #FDC641 30%, #FF9400 70%);
    background: url(../img/gift01.png) center top no-repeat, -ms-linear-gradient(-90deg, #FFFFFF 0%, #FDC641 30%, #FF9400 70%);
    background: url(../img/gift01.png) center top no-repeat, linear-gradient(-180deg, #FFFFFF 0%, #FDC641 30%, #FF9400 70%);
}
.promo-3plus1 img {
    margin-bottom: 24px;
}
.promo-testdrive {
    background: url(../img/gift01.png) center top no-repeat, -o-linear-gradient(-90deg, #FFFFFF 0%, #56C6FA 30%, #0055D6 73%);
    background: url(../img/gift01.png) center top no-repeat, -moz-linear-gradient(-90deg, #FFFFFF 0%, #56C6FA 30%, #0055D6 73%);
    background: url(../img/gift01.png) center top no-repeat, -ms-linear-gradient(-90deg, #FFFFFF 0%, #56C6FA 30%, #0055D6 73%);
    background: url(../img/gift01.png) center top no-repeat, linear-gradient(-180deg, #FFFFFF 0%, #FF9CD3 30%, #B54AB9 73%);
}
.promo-testdrive img {
    margin-bottom: 48px;
}
.promo_section_maps {
    position: relative;
    min-width: 960px;
    overflow: hidden;
    height: 446px;
}

.promo_section_wrapper {
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
}
.promo_section_content {
    width: 920px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 100%;
    text-align: center;
}

.promo_center {
    top: 50%;
    -ms-transform: translateY(-50%);
    position: absolute;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.promo_text_center {
    text-align: center;
}
.promo_text_center h1,
.promo_text_center p,
.promo_center h1,
.promo_center p {
    width: 840px;
    display: block;
    margin: 0 auto;
}

.headline {
    font-size: 52px;
    font-weight: 200;
    letter-spacing: -0.014em;
    padding-bottom: 24px;
}
.txt-nowrap {display: inline-block;} /* запрет переноса текста */

.intro {
    font-size: 22px;
    line-height: 1.35417;
    font-weight: 200;
}

.promobtn, #submit, #submit-pay, #submit-blue, .btn-b {
    display: inline-block;
    margin-top: 24px;
    text-decoration: none;
    font-size: 22px;
    border-radius: 4px;
    text-decoration: none !important;
    padding: 12px 26px;
    min-width: 304px;
}
.promobtn_b {
    color: #0079FF !important;
    box-shadow: inset 0px 0px 0px 1px #0079FF;
}
.promobtn_b:hover, #submit:hover, #submit-blue:hover, .btn-b {
    background: #0079FF;
    color: #fff !important;
    text-decoration: none;
}
.promobtn_w, .promobtn_wor, .promobtn_wpink, .promobtn_wred {
    color: #fff !important;
    box-shadow: inset 0px 0px 0px 1px #fff;
    text-decoration: none;
}
.promobtn_w:hover {
    background: #fff;
    color: #0055D6 !important;
    text-decoration: none;
}
.promobtn_wor:hover {
    background: #fff;
    color: #FF9400 !important;
    /*border: 1px solid #fff;*/
    text-decoration: none;
}
.promobtn_wpink:hover {
    background: #fff;
    color: #B701BD !important;
    /*border: 1px solid #fff;*/
    text-decoration:none;
}
.promobtn_wred:hover {
    background: #fff;
    color: #981b1f !important;
    text-decoration:none;
}

.maps {
    background: url(../img/maps.jpg) center center no-repeat;
    background-size: cover;
}
.maps-load {
    background: url(../img/maps_load.jpg) center center no-repeat;
    background-size: cover;
}


/* Cover Promo*/

.amedia_full {
    background: #e7eeed;
    padding: 60px 0;
}

.amedia_cover,
.football_cover,
.promo_internet {
    width: 100%;
    position: relative;
    background-size: 100% auto !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
}
.promo_internet:before {
    content: '';
    display: block;
    /*  Картинка 800*450px, то 450px/800px=0.5625*100 */
    padding-top: 42.770628%;
}
.promo_internet {
    background: url(../img/promo_internet.png);
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

.amedia_cover {
    background-image: url(../img/amedia.jpg);
}

.amedia_cover:before {
    content: '';
    display: block;
    /*  Картинка 800*450px, то 450px/800px=0.5625*100 */
    padding-top: 45.83%;
}

.promo {
    width: 900px;
    margin: 0 auto;
    clear: both;
}

.promo img {
    display: block;
    margin-right: 48px;
    float: left;
    border-radius: 4px;
    -moz-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.20);
}

.promo_desc {
    float: left;
    width: 560px;
}

.promo_desc p {
    margin: 0;
}

.promo_price {
    text-align: right;
    margin: 14px 0 0 0;
}

.football_cover {
    background-image: url(../img/football.jpg);
}

.football_cover:after {
    content: '';
    display: block;
    padding-top: 45.83%;
}


/* Акции */

.action {
    padding: 24px 24px 24px 24px;
    /*width: 864px;*/
    clear: both;
    overflow: hidden;
}

.action-text {
    width: 408px;
}

.action-img {
    width: 431px;
    margin-top: 56px;
}


/* Clear */

.clear {
    clear: both;
}

.clear24 {
    clear: both;
    height: 24px;
}

.clear48 {
    clear: both;
    height: 48px;
}

.clear52 {
    height: 32px;
}


/*  Настройки */

.setcomp {
    clear: both;
    overflow: hidden;
    margin-bottom: 72px;
}

.os {
    float: left;
    width: 448px;
}

.os ul {
    display: block;
    list-style: none;
    margin-top: 78px;
    font-size: 32px;
    text-align: center;
}

.os a {
    text-decoration: none;
    color: #000;
}

.os a:hover {
    color: #0079FF;
}

.os ul img {
    margin-bottom: 14px;
}

.comp {
    float: right;
    width: 448px;
}


/* Колонки */

.col2,
.col4,
.col4_tarif,
.col5,
.col5_tarif {
    clear: both;
    display: block;
    list-style: none;
    overflow: hidden;
    position: relative;
}

.col2,
.col4_tarif,
.col5_tarif {
    padding-bottom: 24px;
}

.col2,
.col4,
.col5 {
    padding-top: 24px;
}

.col2 li {
    display: block;
    float: left;
    width: 448px;
    margin-bottom: 24px;
}
.col2 {width: 920px; margin: 0 auto;}

.first {
    margin-right: 24px;
}

.first20 {
    margin-right: 82px;
}

.last {
    margin-right: 0px;
}

.col5 li,
.col5_tarif li {
    display: block;
    float: left;
    width: 168px;
    overflow: hidden;
    text-align: center;
    color: #666;
}
.col4 li,
.col4_tarif li {
    display: block;
    float: left;
    width: 168px;
    overflow: hidden;
    text-align: center;
    color: #666;
}

.col4 h6, .col5 h6 {
    font-weight: 400;
    color: #999;
    margin-bottom: 0;
}
.col {clear: both; overflow: hidden;}
.column {display: block; float: left; margin-right: 20px; background: #fff;}
.column:last-child {margin-right: 0;}
.tarif {width: 215px; text-align: center; color: #666; position: relative;}

/* Тарифы */

/* ----------------- Тариф "222" ---------------------*/
.tarif222 {
    margin-bottom: 36px;
    color: #FFF;
    padding-top: 24px;
    padding-bottom: 148px;
    text-align: center;
    background: url(../img/promo_222bg.jpg) center bottom no-repeat #981b1f;
    /*height: 640px;*/
}
.tarif222 h1 {padding-bottom: 0;}
.tarif222 h2 {margin-bottom: 12px;}
.tarif222 img {margin-bottom: -38px;}
.tarif222 p {color: #FFF; font-size: 22px; margin: 0;}
.note222 {font-size: 18px !important;}
.tarif222 a {color: #fdca51;}

.tarif333, .tarif444, .tarif555, .tarif777, .tarif999 {
  position: absolute;
}
.tarif333, .tarif444, .tarif555, .tarif777, .tarif999, .layer2 {
    margin-left: 24px;
}
.layer2 {width: 168px;}

input#l1,
input#l3,
input#l5,
input#l7,
input#l9 {
    font-family: "Starnet", Arial, Helvetica, sans-serif !important;
    font-size: 65px !important;
    height: 65px !important;
    font-weight: 200 !important;
    margin-top: 45px !important;
    margin-left: -145px !important;
    width: 120px !important;
    padding: 0 !important;
}

input#l2,
input#l4,
input#l6,
input#l8,
input#l10 {
    visibility: hidden;
}

.tatiflabel {
    margin-top: -70px;
    font-size: 28px;
    color: #0079FF;
    margin-bottom: 20px;
}
.tarif h6 {display: block; font-size: 22px; margin-bottom: 20px; background: url(../img/icon-earth.png) no-repeat 16px center; line-height: 29px;}
.tarif222m h6 {display: block; font-size: 22px; margin-bottom: 20px; background: url(../img/icon-earth-yellow.png) no-repeat 16px center; line-height: 29px;}
.gift222 {display: block; font-size: 22px; margin-bottom: 20px; background: url(../img/icon-gift.png) no-repeat 16px center !important; line-height: 29px;}

.hit {position: absolute; background: url(../img/icon-hot.png) no-repeat center; width: 52px; height: 52px; z-index: 1; right:20px;}


.speed {
    font-size: 60px;
    font-weight: 200;
    line-height: normal;
    margin-bottom: 24px;
}

.speeddesc {
    font-size: 18px;
    display: block;
    font-weight: 400;
}

.blue {
    color: #0079FF;
}

.orange {
    color: #F8B223;
}

.black {
    color: #000;
}
.white {
    color: #FFF;
}
.red {color: red;}

.color333,
.color333note {
    color: #F7931D;
}

.backcolor333 {
    background: #F7931D;
}

.color444,
.color444note {
    color: #38B449;
}

.backcolor444 {
    background: #38B449;
}

.color555,
.color555note {
    color: #00ADEF;
}

.backcolor555 {
    background: #00ADEF;
}

.color777,
.color777note {
    color: #B161A6;
}

.backcolor777 {
    background: #B161A6;
}

.color999,
.color999note {
    color: #F16C6E;
}

.backcolor999 {
    background: #F16C6E;
}

.backcolor333,
.backcolor444,
.backcolor555,
.backcolor777,
.backcolor999 {
    color: #FFF;
    text-align: center;
    padding: 20px 0;
    border-radius: 4px;
    font-size: 32px;
}
.backcolor333 h3,
.backcolor444 h3,
.backcolor555 h3,
.backcolor777 h3,
.backcolor999 h3 {
    font-size: 32px; font-weight: 400;
}
.backcolor333 p,
.backcolor444 p,
.backcolor555 p,
.backcolor777 p,
.backcolor999 p {
    font-size: 18px; line-height: normal; color: #fff; margin: 0;
}

.color333note,
.color444note,
.color555note,
.color777note,
.color999note {
    font-size: 16px;
    margin: 0;
    line-height: normal;
}

.tarif a, .tarif222 {text-decoration: none;}

.social_pack, .base_pack, .hd_pack {
    display: block;
    text-align: left;
    font-size: 22px;
    background: url(../img/icon_tv.png) no-repeat 16px center;
    padding: 13px 0 9px 60px;
    border-bottom: 1px solid #ccc;
}
.leg {height: 46px;}

.tv_pack span {
    font-size: 32px;
    font-weight: 200;
    color: #000;
}

.priceaction {
    display: block;
    font-weight: 400;
}

.price, .price-action {
    font-size: 60px;
    font-weight: 200;
    margin-top: 20px;
    display: block;
}

.priceaction {
    font-size: 50px !important;
    margin: 10px 0 0 0;
}

.error {
    background: #E25B53;
    height: 280px;
    overflow: hidden;
    color: #FFF;
}

.error h2 {
    background: url(../img/error_icon_white.png) no-repeat center 35px;
    font-size: 32px;
    padding-top: 114px;
    margin-bottom: 24px;
    font-style: normal;
    font-weight: 200;
    text-align: center;
}

.error p {
    display: block;
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 1;
    overflow: hidden;
    padding: 0 8px;
    color: #fff;
}

.error a {
    color: #FFF;
    text-decoration: underline;
}

.startray {
    background: #5E7AFB;
    height: 280px;
    overflow: hidden;
    color: #FFF;
    text-align: center;
}

.startray h2 {
    background: url(../img/set_startray1.png) no-repeat center 35px;
    font-size: 32px;
    padding-top: 192px;
    margin-bottom: 0px;
    font-style: normal;
    font-weight: 200;
}

.startray p {
    color: #FFF;
}

.startray a {
    color: #FFF;
    text-decoration: none;
}


/* Акции анимация */

#tv,
#gift,
#percent {
    width: auto;
    height: auto;
    margin-top: 56px;
}

#tv,
#percent {
    float: right;
}

#gift {
    float: left;
}


/* Помощь */

.header_h1,
.header_h2 {
    float: left;
    display: block;
}

.header_link,
.redright {
    float: right;
    display: block;
    margin: 0;
    line-height: 42px;
}

.redright {
    color: #FF3B30;
}

.col2full {
    clear: both;
    display: block;
    list-style: none;
    overflow: hidden;
}

.col2full li {
    display: block;
    float: left;
    width: 50%;
    height: 280px;
}

.col3full {
    clear: both;
    display: block;
    list-style: none;
    padding-bottom: 48px;
    overflow: hidden;
}

.col3full li {
    display: block;
    float: left;
    width: 33.333%;
    height: 308px;
}

.col3full a {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    text-decoration: none;
}

.col3full h2 {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 200;
    margin-top: 216px;
    text-align: center;
}

.hlp_comp a,
.hlp_router a,
.hlp_tv a,
.hlp_startray a,
.hlp_oplata a,
.hlp_dc a {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    text-decoration: none;
}

.hlp_comp h2,
.hlp_router h2,
.hlp_tv h2,
.hlp_startray h2,
.hlp_oplata h2,
.hlp_dc h2 {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 200;
    margin-top: 216px;
    text-align: center;
}

.hlp_comp {
    background: #26A69A url(../img/set_comp.png) no-repeat center 35px;
}

.hlp_router {
    background: #975EFB url(../img/set_router.png) no-repeat center 35px;
}

.hlp_tv {
    background: #5677FC url(../img/set_tv.png) no-repeat center 35px;
}

.hlp_startray {
    background: #5E7AFB url(../img/set_startray.png) no-repeat center 35px;
}

.hlp_oplata {
    background: #F28A44 url(../img/set_oplata.png) no-repeat center 35px;
}

.hlp_dc {
    background: #F7507B url(../img/set_dc.png) no-repeat center 35px;
}

.phone {
    overflow: hidden;
    float: left;
    width: 320px;
    background: url(../img/icon_phone.png) no-repeat center 0px;
    text-align: center;
    margin-top: 48px;
}

.phone h2 {
    margin-top: 192px;
    margin-bottom: 0;
}

.phone_support {
    overflow: hidden;
    float: left;
    width: 600px;
    margin-top: 48px;
}

.phone_support p {
    margin-bottom: 12px;
    line-height: 1.2;
}


/* Оплата */

.payment {
    min-width: 960px;
    overflow: hidden;
    padding: 48px 0;
    margin-bottom: 24px;
    background: url(../img/payback.png) center center no-repeat, -o-linear-gradient(-63deg, #4b95e1 5%, #21d3d5 100%);
    background: url(../img/payback.png) center center no-repeat, -moz-linear-gradient(-63deg, #4b95e1 5%, #21d3d5 100%);
    background: url(../img/payback.png) center center no-repeat, -ms-linear-gradient(-63deg, #4b95e1 5%, #21d3d5 100%);
    background: url(../img/payback.png) center center no-repeat, linear-gradient(153deg, #4b95e1 5%, #21d3d5 100%);
    background-size: cover;
}
.icon-card {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto 24px auto;
    border: 2px solid #fff;
    border-radius: 50%;
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.20);
}
.payform {
    width: 410px;
    margin: 0 auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.payform h2 {
    margin: 0;
    display: block;
    font-size: 24px;
    background: none;
    /*border-bottom: 1px solid #fff;*/
    padding: 8px 0;
    width: 410px;
    color: #fff;
    font-weight: 400;
}
#numberdog-pay, #phone-pay, #total-pay {
    display: block;
    font-size: 24px;
    background: none;
    border-bottom: 1px solid #fff;
    padding: 18px 0;
    width: 410px;
    color: #fff;
    font-weight: 400;
}
#numberdog-pay, #phone-pay, #total-pay, #submit-pay, #submit-back, #submit-blue, .btn-b {
    font-style: normal;
    font-family: "Starnet", Arial, Helvetica, sans-serif;
}
.placeholder::-webkit-input-placeholder {color: #fff;}
.placeholder:focus::-moz-placeholder {color: #fff; text-shadow: none;}
.placeholder:focus:-moz-placeholder {color: #fff; text-shadow: none;}
.placeholder:focus:-ms-input-placeholder {color: #fff;}

#submit-pay, #submit-back, #submit-blue {
    font-size: 22px;
    font-weight: 400;
    padding: 12px 24px;
}
.paybtn {
    background: #0288D1;
    color: #fff;
    cursor:pointer;
    text-decoration: none;
}
.paybtn-back {
    background: #ec4f84;
    color: #fff !important;
    text-decoration: none;
    cursor:pointer;
}
.paydesc {
    margin-bottom: 24px;
    padding-bottom: 24px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif;
    color: #333;
    font-size: 11px;
    border-bottom: 1px solid #d8d8d8;
}
.paydesc-1 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif;
    color: #333;
    font-size: 11px;
    padding: 12px 0 24px 0;
    margin: 0;
}
.header-paydesc {font-size: 14px; font-weight: bold;}
.paydesc p {color: #333;}
.terminal {
    background: url(../img/terminalback.jpg) center bottom no-repeat, #3597cf;
    background-size: cover;
    text-align: center;
    color: #fff;
    padding-bottom: 48px;
}
.qiwilogo {
    width: 150px;
    height: 151px;
    margin: 48px 0;
}


/* Карта */

#map {
    position: relative;
    z-index: 1
}

.select_menu {
    position: relative;
    width: 920px;
    height: 60px;
    background: #F5A41C;
    border-radius: 4px;
    margin: -30px auto 48px auto;
    z-index: 2;
}


/* Банки */

.bank {
    display: block;
    list-style: none;
    overflow: hidden;
    margin-bottom: 48px;
}

.bank li a {
    display: block;
    width: 74px;
    height: 74px;
    float: left;
}

.qiwi a,
.sb a,
.koshel a,
.abank a,
.avangard a,
.psb a,
.volga a,
.voz a,
.mbank a {
    margin-right: 20px;
}

.qiwi a {
    background: url(../img/icon_qiwi_off.png) no-repeat
}

.qiwi a:hover {
    background: url(../img/icon_qiwi_on.png) no-repeat
}

.sb a {
    background: url(../img/icon_sb_off.png) no-repeat
}

.sb a:hover {
    background: url(../img/icon_sb_on.png) no-repeat
}

.koshel a {
    background: url(../img/icon_kosh_off.png) no-repeat
}

.koshel a:hover {
    background: url(../img/icon_kosh_on.png) no-repeat
}

.abank a {
    background: url(../img/icon_alpha_off.png) no-repeat
}

.abank a:hover {
    background: url(../img/icon_alpha_on.png) no-repeat
}

.avangard a {
    background: url(../img/icon_avangard_off.png) no-repeat
}

.avangard a:hover {
    background: url(../img/icon_avangard_on.png) no-repeat
}

.psb a {
    background: url(../img/icon_psb_off.png) no-repeat
}

.psb a:hover {
    background: url(../img/icon_psb_on.png) no-repeat
}

.volga a {
    background: url(../img/icon_volga_off.png) no-repeat
}

.volga a:hover {
    background: url(../img/icon_volga_on.png) no-repeat
}

.voz a {
    background: url(../img/icon_vozr_off.png) no-repeat
}

.voz a:hover {
    background: url(../img/icon_vozr_on.png) no-repeat
}

.mbank a {
    background: url(../img/icon_mb_off.png) no-repeat
}

.mbank a:hover {
    background: url(../img/icon_mb_on.png) no-repeat
}

.vtb a {
    background: url(../img/icon_vtb_off.png) no-repeat
}

.vtb a:hover {
    background: url(../img/icon_vtb_on.png) no-repeat
}


/* Таблица */

.table {
    display: table;
    margin-bottom: 24px;
}

.row {
    display: table-row;
}

.cell_1,
.cell_2,
.cell_grey {
    display: table-cell;
    padding: 12px 0 12px 0;
    border-bottom: #CCC solid 1px;
    vertical-align: middle;
}

.cell_1,
.cell_grey {
    width: 376px;
}

.cell_2 {
    width: 188px;
}

.cell_2,
.cell_grey {
    padding-left: 20px;
}

.cell_grey {
    color: #666;
}

.center {
    display: block;
    margin: 0 auto;
    text-align: center;
}


/* Модальные окна */

.modal_div {
    width: 800px;
    height: 600px;
    background: #fff;
    position: fixed;
    top: 45%;
    left: 50%;
    margin-top: -300px;
    margin-left: -400px;
    display: none;
    opacity: 0;
    z-index: 9999;
    border-radius: 4px;
    -webkit-box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.9);
    box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.9);
    overflow: hidden;
}

.modal_scroll {
    clear: both !important;
    overflow-y: auto !important;
    height: 443px;
    padding: 24px;
    border-top: 1px solid #CCC;
}

.modal_div h2 {
    display: block;
    margin: 24px;
}

.modal_close {
    clear: both;
    display: block;
    padding: 24px;
    text-align: center;
    font-size: 24px;
    border-top: 1px solid #ccc;
    text-decoration: none;
    cursor: pointer;
}

#overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9000;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.center_align {
    text-align: center;
}


/* Конец модальные окна */


/* Плавающие колонки каналов*/

.float_column li {
    list-style: none;
    padding: 0 10px;
    display: inline-block;
    vertical-align: top;
    width: 122px;
    text-align: center;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
}

.float_column img {
    border-radius: 5px;
}

.channels_img {
    display: table-cell;
    width: 98px;
    height: 58px;
    vertical-align: middle;
    text-align: center;
}

.float_column p {
    margin: 6px 0 30px 0;
    font-size: 11px;
}

/* Подключение */
.connect {
    margin-bottom: 24px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.connect_menu {
    width: 780px;
    height: 60px;
    line-height: 60px;
    background: #F5A41C;
    border-radius: 4px;
    margin: 24px auto 48px auto;
    padding: 0 20px;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
}
.connect_menu a {
    color: #fff;
    text-decoration: underline;
}
.connect-form {
    width: 780px;
    margin: 0 auto;
}
.connect-form ul {
    list-style: none;
    display: block;
    float: left;
    width: 366px;
}
.connect-form ul:nth-child(1) {
    margin-right: 48px;

}
.connect-form ul li {
    display: block;
    margin-bottom: 20px;
    line-height: 34px;
    height: 34px;
}
.connect-form input, #select-tarif, #select-street, #select-streets, #select-house, #number-apartment, #newstreet, #newhouse {
    font-style: normal;
    font-family: "Starnet", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 34px;
    height: 34px;
    padding: 0 10px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0);
    background: #F6F6F6;
-moz-box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.10), inset 0px 1px 2px 0px rgba(0,0,0,0.40);
    box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.10), inset 0px 1px 2px 0px rgba(0,0,0,0.40);
     box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.connect-form input:focus {
    background: #fff;
    line-height: 32px;
    height: 32px;
    box-shadow: 0 0 2px 1px #b0d0fa;
    border: 1px solid #b0d0fa;
}
.connect-form p {
    margin: 30px 0;
}
.rednote {
    font-size: 14px;
    color: red;
}
#family, #name, #oldname, #phone, #phone1, #mobile_phone, #city, #mvd, #date, #newstreet {
    width: 240px;
}
#family {/*margin-left: 41px;*/float:right;}
#name {/*margin-left: 79px;*/float:right;}
#oldname {/*margin-left: 40px;*/float:right;}
#birthdate {width: 200px; float:right;}
#phone {/*margin-left: 45px;*/float:right;}
#phone1 {/*margin-left: 52px;*/float:right;}
#mobile_phone {/*margin-left: 52px;*/float:right;}
#numberdrug {width: 150px; margin-left: 24px;}
#serial {width: 68px; text-align: center; margin: 0 12px 0 60px;}
#numberpass {width: 72px; text-align: center; /*margin-left: 22px;*/float:right;}
#date {/*margin-left: 74px;*/float:right;}
#mvd {/*margin-left: 64px;*/float:right;}
#city {/*margin-left: 64px;*/float:right;}
#select-tarif, #select-street, #select-house, #select-streets {
    height: 34px;
    background:#fff url(../img/arrows_select.png) no-repeat 95% center;
    border: none;
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.40);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.40);
}
#select-tarif {
    text-align: center;
    text-align-last:center;
    width: 150px;
    margin-left: 34px;    
}
#select-street, #newstreet, #select-streets {
    width: 240px;
    margin: 0 16px 0 30px;
}
#select-house, #newhouse {
    width: 120px;
    margin: 0 8px;
    text-align: center;
    text-align-last:center;
}
#number-apartment, #newhouse, #newstreet {
    background: #FFFFFF;
    -moz-box-shadow:    inset 0px 1px 2px 0px rgba(0,0,0,0.40);
    box-shadow:         inset 0px 1px 2px 0px rgba(0,0,0,0.40);
    border: none;
}
#number-apartment {
    background: #FFFFFF;
    -moz-box-shadow:    inset 0px 1px 2px 0px rgba(0,0,0,0.40);
    box-shadow:         inset 0px 1px 2px 0px rgba(0,0,0,0.40);
    width: 60px;
    text-align: center;
    margin-left: 6px;
    border: none;
}
#submit-blue {
    height: auto;
    margin-top: 0;
}
/* Чек-бокс iOS */
.checkbox-ios {
  height:17px;
  margin:0 3px 0 0;
  vertical-align:middle;
  width:17px;
}
.checkbox-ios + label{
  cursor:pointer;
}
.checkbox-ios:not(checked) {
  opacity:0;
  position:absolute;
}
.checkbox-ios:not(checked) + label {
  padding:0 0 0 60px;
  position:relative;
}
.checkbox-ios:not(checked) + label::before {
  background-color:#CDD1DA;
  background-position:initial initial;
  background-repeat:initial initial;
  border-bottom-left-radius:13px;
  border-bottom-right-radius:13px;
  border-top-left-radius:13px;
  border-top-right-radius:13px;
  box-shadow:rgba(0, 0, 0, 0.2) 0 2px 3px inset;
  content:'';
  height:26px;
  left:0;
  position:absolute;
  top:-4px;
  width:50px;
}
.checkbox-ios:not(checked) + label::after {
  -webkit-transition:all 0.2s;
  background-color:#FFFFFF;
  background-position:initial initial;
  background-repeat:initial initial;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  box-shadow:rgba(0, 0, 0, 0.298039) 0 2px 5px;
  content:'';
  height:22px;
  left:2px;
  position:absolute;
  top:-2px;
  transition:all 0.2s;
  width:22px;
}
.checkbox-ios:checked + label::before {
  background-color:#9FD468;
  background-position:initial initial;
  background-repeat:initial initial;
}
.checkbox-ios:checked + label::after {
  left:26px;
}
.checkbox-ios:focus + label::before {
  box-shadow:rgba(255, 255, 0, 0.498039) 0 0 0 3px;
}

/* Чек-бокс и радио кнопка */
.radio, .checkbox {
  height:17px;
  margin:0 3px 0 0;
  vertical-align:middle;
  width:17px;
}
.radio + label, .checkbox + label {
  cursor:pointer;
}
.radio:not(checked), .checkbox:not(checked) {
  opacity:0;
  position:absolute;
}
.radio:not(checked) + label, .checkbox:not(checked) + label {
  padding:0 0 0 35px;
  position:relative;
}
.radio:not(checked) + label::before {
  background-color:#FFFFFF;
  background-position:initial initial;
  background-repeat:initial initial;
  border:1px solid #CDD1DA;
  border-radius:50%;
  content:'';
  height:22px;
  left:0;
  position:absolute;
  top:-3px;
  width:22px;
}
.checkbox:not(checked) + label::before, .checkbox:not(checked) + label::after {
  content:'';
  height:24px;
 width:24px;
  
  position:absolute;
  
}
.checkbox:not(checked) + label::before {
  background:url(../img/btn-del.png) no-repeat center center;
    top:-3px;
    left:1px;
}
.checkbox:not(checked) + label::after {
  background:url(../img/btn-ok.png) no-repeat center center;
    opacity:0;
    top:-4px;
    left:0;
}
.radio:not(checked) + label::after {
   background-color:#9FD468;
  background-position:initial initial;
  background-repeat:initial initial;
  border-bottom-left-radius:50%;
  border-bottom-right-radius:50%;
  border-top-left-radius:50%;
  border-top-right-radius:50%;
  box-shadow:rgba(0, 0, 0, 0.498039) 0 1px 1px inset;
  content:'';
  height:16px;
  left:4px;
  opacity:0;
  position:absolute;
  top:1px;
  transition:all 0.2s;
  width:16px;
}
.radio:checked + label::after {
  opacity:1;
}
.checkbox:checked + label::after {
  opacity:1;
    border: 1px solid #79BE00;
    border-radius: 50%;
}


.help {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../img/help_off.png) no-repeat center center;
    margin: 5px 0 0 20px;
    float: right;
}
.help:hover {
    background: url(../img/help_on.png) no-repeat center center;
}
#submit, #submit-blue {
    box-shadow: none;
    cursor:pointer;
}
#submit-blue {background: #0079ff; color: #fff; border: none; line-height: normal;}
button {cursor:pointer;}
#connectmap {
    height: 446px;
}

#connectmap3 {
    height: 746px;
}
.ymaps-2-1-34-controls__control_toolbar {
    visibility: hidden;
}

/* Новости */
.timeline-item {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    clear: both;
}
.timeline-item:before {
  content: "";
  width: 2px;
  height: 100%;
  left: 128px;
  top: 0;
  position: absolute;
}
.timeline-item:before, .timeline-icon {
   background: #536DFE; 
}

.timeline-item:after {
  content: "";
  clear: both;
  display: table;
  width: 100%
}
.timeline-item img, .text img {
    max-width: 100%;
}
.text img {padding: 20px 0;}
.news-date {
    float: left;
    line-height: 50px;
    color: #536DFE;
    width: 80px;
}
.timeline-icon {
    float: left;
    width: 50px;
    height: 50px;
    margin: 0 24px;
    border-radius:50%;
}
.timeline-icon img {
  position: relative;
  top: 9px;
  left: 9px;
}
.timeline-content h2 {
    color: #536DFE;
    margin-top: 10px;
    font-weight: 400;
}
.text h4 {margin-top: 24px; color: #000;}
.timeline-content {
    float: left;
    width: 80%;
}
.timeline-content, .text {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-bottom: 24px;
    text-align: justify;
    color: #666;
}
.text {clear: both;}
.text p {text-indent: 12px;}
.text p.allert, .allert {
    border-left: 2px solid #FF4081;
    text-indent: 0px;
    padding: 8px 24px;
    color: #E91E63;
    background: #FCE4EC;
}
.text p.green, .green {
    border-left: 2px solid #7CB342;
    text-indent: 0px;
    padding: 8px 24px;
    color: #33691E;
    background: #DCEDC8;
}
.code-text {
    font-family: monospace;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 24px;
    display: block;
    margin-bottom: 12px;
}
.timeline-content a:hover {text-decoration: underline;}
.timeline-content ul, .text ul {
    list-style: disc !important;
}
.timeline-content ol, .text ol {
    list-style: decimal !important;
}
.timeline-content ul, .timeline-content ol, .text ul, .text ol {
    margin: 24px 0 24px 48px;
}
.timeline-content ul li, .timeline-content ol li, .text ul li, .text ol li {
    line-height: 1.45;
}
.lic a {
    display: inline-block;
    width: 180px;
    text-align: center;
}

/* Низ */

#footer {
    /*position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;*/
    background: #f2f2f2;
    display: block;
    padding: 24px 0;
}
.ads {
    display: block;
    list-style: none;
    background: #ccc;
    clear: both;
}
.ads li {
    float: left;
    display: block;
    background: #c00;
    width: 468px;
}
.ads li:nth-child(1) {
    margin-right: 24px;

}
.footer-920 {
    width: 920px;
    margin: 0 auto;
    overflow: hidden;
}
.footer-920 ul {
    list-style: none;
    display: block;
    line-height: 1.6em;
    overflow: hidden;
}
.f-menu {
    font-size: 14px;
    color: #666;
    overflow: hidden;
    float: left;
}
.f-menu a {color: #666;}
.f-menu h6 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
}
.f-menu p {margin-bottom: 0px; line-height: 1.6em;}
.f-phone, .f-menu h6, .f-menu p {padding-left: 48px;}
.f-sup h6 { margin-top: 16px;}
.f-phone {
    font-size: 24px;
    background: url(../img/icon-phone.png) 0 0 no-repeat;
    line-height: 32px; 
}
.f-hours, .f-sup {background: url(../img/icon-hours.png) 0 0 no-repeat;}
.f-adr {background: url(../img/icon-adr.png) 0 0 no-repeat;}
.f-phone, .f-adr {margin: 4px 0 16px 0;}
.f-phone a:hover {text-decoration: none;}
.logo-starnet-f {
    display: block;
    float: left;
    width: 120px;
    height: 40px;
    background: url(../img/icon_starnet_big.png) 0 0 no-repeat;
    margin-right: 34px;
    margin-bottom: 12px;
}
.vk, .ok {
    background-image: url(../img/social-icon.png);
    background-repeat: no-repeat;
    display: block;
    width: 32px;
    height: 32px;
    float: left;
    margin-top: 4px;
}
.vk {
    margin-right: 6px;
    background-position: 0 -38px;
}
.vk:hover {background-position: 0 0;}
.ok {background-position: -38px -38px;}
.ok:hover {background-position: -38px 0;}
.f-menu-l {
    clear: both;
    margin-left: 10px;
    float: left;
}
.f-menu-r {float: left; margin-left: 16px;}
.f-c {
    clear: both;
    display: block;
    margin-left: 10px;
    margin-top: 144px;
}
.f-maps {
    display: block;
    width: 219px;
    height: 98px;
    background: url(../img/f-maps.jpg) 0 0 no-repeat;
}
.f-maps:hover {opacity: 0.5;}
/* -- Конец -- */


/* Стили */

h1 {
    font-size: 38px;
    margin-bottom: 24px;
    font-style: normal;
    font-weight: 200;
}

h2 {
    font-size: 32px;
    margin-bottom: 24px;
    font-style: normal;
    font-weight: 200;
}

h3 {
    font-size: 28px;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 200;
}

h4 {
    font-size: 26px;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 200;
}

h5 {
    font-size: 24px;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 200;
}

h6 {
    font-size: 22px;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 400;
}

p {
    margin-bottom: 12px;
    line-height: 1.45;
    font-weight: 400;
    color: #333;
}


/* рубль */

.rouble {
    position: relative;
}

.rouble:before {
    display: block;
    content: "–";
    position: absolute;
    top: 0.05em;
}
.starnetman {
    
}
/* Яндекс */
.ymaps-b-balloon__content-body {margin: 10px;}
.ymaps-b-balloon__content-body h3 {margin-bottom: 10px;}
.ymaps-b-balloon__content-body p {color: #999;}
.ymaps-b-balloon__content-body a {
    text-align: center;
    display: block;
    background: #fff;
    color: #0079ff;
    border-radius: 4px;
    border: 1px solid #0079ff;
    padding: 4px;
    text-decoration: none;
    margin-top: 10px;
}
.ymaps-b-balloon__content-body a:hover {
    background: #0079ff;
    color: #fff;
    text-decoration: none;
}

/* hidden PC */
.footer-m, .top-call, #tv-m, #gift-m, #percent-m, .mobile, .speed-inet, .tab, .spoiler, .tarif222m {display: none;}
.lab {padding: 0;}



/* -----------------Mobile Devices---------------------*/
img {max-width: 100%;}

/* ----------------- 320px - 736px ---------------------*/
@media screen and (min-width:320px) and (max-width:736px) {
    html {font-size:62.5%;}
    a:hover {text-decoration: none;}
    
/* hidden */
    .stickytop, .footer-920, .topmenu, #starnet_logo-promo, #tv, #gift, #percent, #connectmap, .pc, .timeline-icon, .timeline-item:before, .comp, .tarif444, .tarif555, .tarif777, .tarif999, .layer2, .tatiflabel, .leg, .hit, .promo img, .social_pack, .base_pack, .hd_pack, .tarif222-PC {display: none;}
    #starnet_logo-promo {background: url(../img/1px.png);}
/* visible */
    .footer-m, #tv-m, #gift-m, #percent-m, .mobile, .tab, .spoiler, .tarif222m {display: block;}
    
/* Меню */
    /*#MenuTop-container {position: fixed; top: 0; margin: 0 auto; height: 60px; z-index: 2;}*/
    .container-menu {padding: 0 .8rem;}
    .topmenu span {display: none;}
    .topmenu, .topmenu-close {width: 4.4rem; height: 4.4rem; border: none; padding: 0; margin: 0; cursor: pointer; display: block; float: left; }
    .topmenu, .topmenu:hover {background: url(../img/btn-menu-m.png) center no-repeat;}
    .topmenu-close, .topmenu-close:hover {background: url(../img/btn-close-m.png) center no-repeat;}
    .logo-starnet-big {float: none; width: 9.6rem; height: 4.4rem; background: url(../img/logo-starnet-m.svg) left center no-repeat; margin: 0 auto;}
    .top-call {width: 4.4rem; height: 4.4rem; cursor: pointer; display: block; float: right; background: url(../img/btn-call-m.png) center no-repeat;}
    
    #sub-topmenu {padding:0 0 4.4rem; border: none; height: 100vh; background:#EFEFF4; overflow-y: auto;}
    #sub-topmenu ul {font-size: 2rem; text-align: left; background: #fff;}
    #sub-topmenu li {float: none; margin: 0;}
    #sub-topmenu li:hover {opacity: 1;}
    #sub-topmenu a {margin: 0; line-height: 4.4rem; padding: 0 1.6rem 0 6.1rem; border-bottom: 1px solid #ccc; background-image: url(../img/menu-icon-m.png); background-repeat: no-repeat; background-size: auto; }
    .off, .on {background: #fff;}
    .hidden {display: block;}
    .menu-tarif {background-position: 16px 8px;}
    .menu-tv {background-position: 16px -37px;}
    .menu-action {background-position: 16px -82px;}
    .menu-connect {background-position: 16px -127px;}
    .menu-pay {background-position: 16px -172px;}
    .menu-news {background-position: 16px -217px;}
    .menu-help {background-position: 16px -262px;}
    .menu-cabinet {background-position: 16px -307px;}
    .menu-forum {background-position: 16px -352px;}
    .menu-about {background-position: 16px -397px;}    

/* размеры и контейнеры */    
    body, #MenuTop-container, .container-menu, #sub-topmenu ul, #sub-topmenu a, .stickytop, .promo_starnet, #promo_starnet-920, #starnet_logo-promo, .promo_wrapper, .promo_section_maps, .promo_section_content, .container-960, .promo_starnet h1, .container-920, #content, .container-full, .container-920_nopadding, .connect_menu, .connect-form, .payment, .col, .amedia_full {
        height: auto;
        min-width: 320px;
        width: 100%;
    }
    .header_h1, .header_h2, .header_link, .redright, .phone, .phone_support, .action, .action-text, .connect_menu, #family, #name, #oldname, #phone, #mobile_phone, #phone1, #city, #mvd, #date, #newstreet, .news-date, .os, .column, .promo_desc {float: none; line-height: normal;}
    .promo_text_center h1, .promo_text_center p, .promo_center h1, .promo_center p, .phone, .phone_support, .action-text, #select-street, #select-streets #newstreet, #select-house, #newhouse, #number-apartment, #family, #name, #oldname, #phone, #phone1, #mobile_phone, #city, #mvd, #date, #newstreet, #birthdate, #select-tarif, #numberdrug, #serial, #numberpass, .timeline-content, #numberdog-pay, #phone-pay, #total-pay, .payform h2, .os, .col2, .column, .tarif, .promo, .promo_desc, .tarif222 {width: 100%;}
    .promo_section_maps {height: 32rem;}
    .promo_section_content {height: 100%;}
    .f-c, #select-house, #newhouse, #number-apartment, .setcomp {clear: both; margin: 0;}
    .vk, .ok {float: none; display: inline-block; width: 4.4rem; height: 4.4rem; margin-top: .8rem; margin-bottom: 2rem;}
    .col2full li, .connect-form ul li {width: 100%; height: auto;}
    .clear48 {height: 0;}
    .connect-form ul {background: #EFEFF4; float: none; width: 100%;}
    .lab-center {line-height: normal !important; padding: 2rem 0.8rem;}
    #numberdog-pay, #phone-pay, #total-pay {}
    .payform {width: 30.4rem;}
    .os ul li {float: left; width: 50%; text-align: center; padding: 0 0.8rem;}
    .col2 li {width: 100%; margin-bottom: 0;}
    .speed-inet {display: block; float: right; margin-right: 1.6rem; text-align: right; font-size: 2.6rem;}
    .action222 {display: block; float: right; margin-right: 1.6rem; text-align: right;}
    
/* отступы */ 
    #content-fullscreen {}
    .promo_wrapper, .container-920, .container-960, .payment {padding: 2rem 0.8rem;}
    .mobile, .lab, .news-date h4 {padding: 0 0.8rem;}
    .mobile, .lab, .amedia_full {padding: 0 1.6rem;}
    .promo_starnet, #content {margin-top: 4.4rem;}
    .promotv, h1, .phone_support, .connect, .connect_menu, #select-street, #select-streets #newstreet, .connect-form ul:nth-child(1), #select-tarif, #numberdrug, #serial, .payment, .first {margin: 0;}
    #footer, #content, .action {padding: 0;}
    .promo-3plus1 img, .promotv1, .promo-testdrive img, .promo-222 {margin-bottom: 1.6rem;}
    .vk {margin-right: 1.6rem;}
    .timeline-content ul, .timeline-content ol, .text ul, .text ol {margin: 2rem;}
    .text {padding-bottom: 0;}
    h1, .header_link, .lab-center {text-align: center;}
    .phone, .action, .os ul {margin-top: 2rem;}
    #tv-m, #gift-m, #percent-m {margin: 0 auto;}
    #select-street, #select-streets #newstreet, #select-house, #newhouse, #number-apartment, #select-tarif, #serial, #numberpass, .redright {text-align: left; text-align-last: left;}
    .container-920_nopadding {padding-top: 2rem;}
    .connect_menu {padding: 2rem 0.8rem 0.4rem 0.8rem; border-radius: 0;}
    #select-street, #select-streets #newstreet, #select-house, #newhouse, #number-apartment {margin-top: 0.6rem; margin-bottom: 1.6rem;}
    .connect-form ul li {margin-bottom: 0; line-height: 4.4rem;}
    .connect-form input, .connect-form input:focus, #select-street, #select-streets #newstreet, #select-house, #newhouse, #number-apartment, #select-tarif {line-height: 4.4rem; height: 4.4rem; font-size: 2rem; padding-left: 1.6rem; padding-right: 1.6rem;}
    .connect-form input, .connect-form input:focus {border-radius: 0; background: #fff; box-shadow: none; border-bottom: 1px solid #ccc;}
    .connect-form p, .promo_desc {margin: 2rem 0;}
    .news-date h4 {margin-bottom: 0;}
    .text p.green, .green, .paydesc, .paydesc-1, .text p.allert, .allert {padding: 0.8rem;}
    .redright, .promo_desc h2 {margin-bottom: 2rem;}
    .startray h2 {padding-top: 19rem;}
    .col2, .col {padding: 0;}
    .column {margin-right: 0;}
    .m4, .m5, .m7, .m9 {padding-top: 19.8rem;}
    .cell_2 {padding:0; text-align: center;}
    .cell_grey {padding-left: .8rem;}
    .cell_1 {padding-right: .8rem;}
    .cell_1, .cell_2, .cell_grey {width: 33.3333333%; font-size: 1.6rem;}

/* размеры шрифтов */
    .promo_starnet h1 {margin: 0; padding: 0 .8rem 1.6rem; background: none; font-size: 2.8rem; line-height: normal;}
    .headline, h1 {font-size: 3.2rem; padding-bottom: 1.6rem; font-weight: 200;}
    .intro {font-size: 1.8rem; font-weight: 400;}
    .f-c {font-size: 1.4rem;}
    h2, .startray h2, .error h2 {font-size: 2.8rem;}
    h4 {font-size: 2.4rem;}
    #numberdog-pay, #phone-pay, #total-pay, .payform h2, .connect-form ul li {font-size: 2rem;}
    .timeline-content, .text, .phone_support p {text-align: left; text-indent: 0; padding-left: 0.8rem; padding-right: 0.8rem;}
    .text p.green, .green {font-size: 1.6rem;}
    .tarif, .tarif222m {text-align: left;}
    .speeddesc, .speed, .tarif h6, .tarif222m h6 {font-size: 2.2rem;}
    .price, .price-action {font-size: 4.8rem; font-weight: 200; text-align: center;}
    .price {margin: 1.6rem 0;}
    .price-action {margin:0;}
    .backcolor333 h3, .backcolor444 h3, .backcolor555 h3, .backcolor777 h3, .backcolor999 h3 {margin-bottom: 0;}
    

/* кнопки */
    .promobtn, #submit, #submit-blue, .btn-b, #submit-pay, #submit-back, #submit-blue {font-size: 1.8rem; margin-top: 2rem; min-width: 30.4rem; padding: 1.2rem; }
    .f-call, .f-drive {display: inline-block; width: 8rem; height: 8rem; border-radius: 100%;  margin-bottom: 2rem;}
    .f-call {background: url(../img/icon-phone-m.png) center no-repeat, #79BE00; margin-right: 20%;}
    .f-drive {background: url(../img/btn-maps.png) center no-repeat;}
    .bank li a {width: 6.4rem; height: 6.4rem; margin-bottom: 1.6rem;}
    .qiwi a, .sb a, .koshel a, .abank a, .avangard a, .psb a, .volga a, .voz a, .mbank a {margin-right: 1.6rem;}

/* картинки */
    .promo_starnet {width: 100%; position: relative; background-size: 100% auto !important; background-position: center top !important; background-repeat: no-repeat !important; background-image: url(../img/promo_starnet-m.jpg); z-index: 1; overflow: auto;}
    .promo_starnet:before {content: ''; display: block; padding-top: 36.197917%;}
    #promo_starnet-920 {background-color:#CC0101; background-image: none;}
    .promo_internet {background-size: 130% !important;}
    .promo_internet:before {padding-top: 55.598958%;}
    .promo-222 {background: url(../img/promo_222bg-m.jpg) center bottom no-repeat #981b1f; height: 460px;}
    .promo-222 img {margin-bottom: -24px;}
    .tarif222 {background: url(../img/promo_222bg-m.jpg) center bottom no-repeat #981b1f}
    .tarif222 img {margin-top: 12px; margin-bottom: 0px;}
    .promo-3plus1 {background: url(../img/gift01-m.png) center top no-repeat, linear-gradient(-180deg, #FFFFFF 0%, #FDC641 30%, #FF9400 70%);}
    .promo-testdrive {background: url(../img/gift01-m.png) center top no-repeat, linear-gradient(-180deg, #FFFFFF 0%, #FF9CD3 25%, #B54AB9 50%);}
    .maps {background: url(../img/maps-736.jpg) center center no-repeat; background-size: cover;}
    .vk, .ok {background: url(../img/social-icon-m.png) no-repeat;}
    .ok, .ok:hover {background-position: -60px 0;}
    .lic, #tv-m, #gift-m, #percent-m {text-align: center;}
    .payment {background: -o-linear-gradient(-63deg, #4b95e1 5%, #21d3d5 100%); background: -moz-linear-gradient(-63deg, #4b95e1 5%, #21d3d5 100%); background: -ms-linear-gradient(-63deg, #4b95e1 5%, #21d3d5 100%); background: linear-gradient(153deg, #4b95e1 5%, #21d3d5 100%);}
    .m4 {background: url(../img/bg444.png) no-repeat center 20px;}
    .m5 {background: url(../img/bg555.png) no-repeat center 20px;}
    .m7 {background: url(../img/bg777.png) no-repeat center 20px;}
    .m9 {background: url(../img/bg999.png) no-repeat center 20px;}
    .backcolor333, .backcolor444, .backcolor555, .backcolor777, .backcolor999 {padding: 2rem .8rem; font-size: 2.8rem; border-radius: 0;}
    .tarif h6, .tarif222m h6 {display: block; margin-bottom: 0rem; padding: 1.3rem 0 .9rem 6rem; border-bottom: 1px solid #ccc;}
    .speed {font-weight: 400; margin: 0;}
    .price-action, .speeddesc {display: inline-block;}
    .first img, .last img {margin-top: 3.2rem;}
    .amedia_cover {background-size: 150% auto !important;}
    .football_cover {background-size: 117% auto !important;}
    .channels_img {background: #fff;}
    .fullcol img {margin-top: 0;}
    .flip-container, .front, .back {height: 182px !important;}
    
    
/* Спойлер */
    .spoiler {display: none; padding: 2rem 0rem; background: rgba(0, 0, 0, 0.1); overflow: hidden; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .spoiler h4 {font-weight: 400; font-size: 2.2rem;}
    .spoiler_btn {cursor:pointer;}
    .tab {font-size: 2.2rem; border-bottom: 1px solid #ccc; background: url(../img/icon_tv.png) no-repeat 16px center; padding: 1.3rem 1.6rem .9rem 6rem;}
    .tab222m {font-size: 2.2rem; border-bottom: 1px solid #fff; background: url(../img/icon_tv_yellow.png) no-repeat 16px center; padding: 1.3rem 1.6rem .9rem 6rem;}
    .option-data {background: url(../img/arrow-right.svg) no-repeat right center; display: block;}
    .option-data-yellow {background: url(../img/arrow-right-yellow.svg) no-repeat right center; display: block;}
    .float_column li {width: 9.8rem;}
    .float_column p {margin: 6px 0 20px 0;}
    .channels_img {background: none;}
    
}

/* ----------------- 736px ---------------------*/
@media screen and (max-width:736px) and (orientation: landscape) {
    .promo_internet {background-size: 100% !important;}
    .promo_internet:before {padding-top: 42.96875%;}
    .payform {width: 41rem;}
    #numberdog-pay, #phone-pay, #total-pay {font-size: 2.4rem;}
    .col2 li {width: 50%;}
    .amedia_cover, .football_cover {background-size: 100% auto !important;}
}
/* ----------------- 640px - 768px ---------------------*/
@media screen and (min-width:640px) and (max-width:768px) {
    .promo_starnet h1 {font-size: 3.6rem;}
    .flip-container, .front, .back {height: 257px !important;}
}
/* ----------------- 768px - 768px ---------------------*/
@media screen and (min-width:768px) and (max-width:768px) {
    .promo_starnet h1, .headline {font-size: 3.8rem;}
    .headline, .intro {font-weight: 200;}
    .intro, .promobtn, #submit, #submit-pay, #submit-blue, .btn-b, #submit-back {font-size: 2.2rem;}
    .promo_wrapper {padding-top: 2.4rem; padding-bottom: 2.4rem;}
    .col2full li {width: 50%; height: auto;}
    .payform {width: 41rem;}
    #numberdog-pay, #phone-pay, #total-pay {font-size: 2.4rem;}
    .col2 li {width: 100%;}
    .fullcol li {width: 50%;}
    .amedia_cover, .football_cover {background-size: 100% auto !important;}
    .float_column li {width: 12.4rem;}
 }

/* ----------------- p5l ---------------------*/
@media screen and (min-width:568px) and (orientation: landscape) {
    .float_column li, .channels_img {width: 11rem;}
    .col2 li {width: 100%;}
    .fullcol li {width: 50%;}
 }
/* ----------------- p6 ---------------------*/
@media screen and (min-width:375px) and (max-width:375px) {
    .float_column li, .channels_img {width: 11.8rem;}
    .col2 li {width: 100%;}
 }
/* ----------------- p6l ---------------------*/
@media screen and (min-width:667px) and (orientation: landscape) {
    .float_column li, .channels_img {width: 13rem;}
    .col2 li {width: 100%;}
    .fullcol li {width: 50%;}
  }
/* ----------------- p6+ ---------------------*/
@media screen and (min-width:414px) and (max-width:414px) {
    .float_column li, .channels_img {width: 13.2rem;}
    .col2 li {width: 100%;}
 }
/* ----------------- p6l+ ---------------------*/
@media screen and (min-width:736px) and (orientation: landscape) {
    .float_column li, .channels_img {width: 14.2rem;}
    .col2 li {width: 100%;}
    .fullcol li {width: 50%;}
}

@media screen and (min-width:769px) {
   .spoiler {display: none !important;}
    .col2 li {width: 448px;}
    
}
/* ----------------- 800 ---------------------*/
@media screen and (min-width:752px) and (orientation: landscape) {
    .float_column li, .channels_img {width: 9.2rem;}
}

/* ---- переворот 222 -----*/
/* simple */
.flip-container {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d; 
    -ms-transform-style: preserve-3d; 
    /*border: 1px solid #fff;*/
}

/*
.flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    filter: FlipH;
    -ms-filter: "FlipH";
}
*/


/* START: Accommodating for IE */
.flip-container .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container .front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
/* END: Accommodating for IE */

.flip-container, .front, .back {
	width: 100%;
    height: 256px;
    margin: 0 auto;
}

		.flipper {
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
			-ms-transition: 0.6s;

			-moz-transition: 0.6s;
			-moz-transform: perspective(1000px);
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;

			transition: 0.6s;
			transform-style: preserve-3d;

			position: relative;
		}

		.front, .back {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;

		    -webkit-transition: 0.6s;
		    -webkit-transform-style: preserve-3d;
		    -webkit-transform: rotateY(0deg);

		    -moz-transition: 0.6s;
		    -moz-transform-style: preserve-3d;
		    -moz-transform: rotateY(0deg);

		    -o-transition: 0.6s;
		    -o-transform-style: preserve-3d;
		    -o-transform: rotateY(0deg);

		    -ms-transition: 0.6s;
		    -ms-transform-style: preserve-3d;
		    -ms-transform: rotateY(0deg);

		    transition: 0.6s;
		    transform-style: preserve-3d;
		    transform: rotateY(0deg);

			position: absolute;
			top: 0;
			left: 0;
		}

		.front {
			-webkit-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			z-index: 2;
		}

		.back {
			-webkit-transform: rotateY(-180deg);
		    -moz-transform: rotateY(-180deg);
		    -o-transform: rotateY(-180deg);
		    -ms-transform: rotateY(-180deg);
		    transform: rotateY(-180deg);
		}

/* vertical */
.vertical.flip-container {
    position: relative;
}

			.vertical .back {
				-webkit-transform: rotateX(180deg);
				-moz-transform: rotateX(180deg);
				-ms-transform: rotateX(180deg);
				transform: rotateX(180deg);
			}

			.vertical.flip-container .flipper {
				-webkit-transform-origin: 100% 213.5px;
				-moz-transform-origin: 100% 213.5px;
				-ms-transform-origin: 100% 213.5px;
				transform-origin: 100% 213.5px;
			}

			/*
			.vertical.flip-container:hover .flipper {
				-webkit-transform: rotateX(-180deg);
				-moz-transform: rotateX(-180deg);
				-ms-transform: rotateX(-180deg);
				transform: rotateX(-180deg);
			}
			*/

			/* START: Accommodating for IE */
			.vertical.flip-container .back, .vertical.flip-container.hover .back {
			    -webkit-transform: rotateX(0deg);
			    -moz-transform: rotateX(0deg);
			    -o-transform: rotateX(0deg);
			    -ms-transform: rotateX(0deg);
			    transform: rotateX(0deg);
			}

			.vertical.flip-container .front, .vertical.flip-container.hover .front {
			    -webkit-transform: rotateX(180deg);
			    -moz-transform: rotateX(180deg);
			    -o-transform: rotateX(180deg);
			    transform: rotateX(180deg);
			}
		/* END: Accommodating for IE */