body {
    padding: 0;
    margin: 0;
    font-family: Tahoma, Verdana, Arial;
    font-size: 12px;
    color: #000000;
    background: url('../images/bodybg-orange.jpg') 0 -50px repeat-x;
}

form {
    margin: 0;
    padding: 0;
}

.central {
    width: 1000px;
    margin: 0 auto;
}

.clear {
    clear: both;
}

.hr1 {
    border-top: solid 1px #D2D2D2;
    margin-bottom: 10px;
}

div {
    border: solid 0 red;
}

#toptext {
    float: left;
    margin-top: 5px;
    width: 430px;
    overflow: hidden;
}

#toptext div {
    font-family: Arial, Tahoma;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

#toppanel {
    float: left;
    width: 570px;
    height: 50px;
    color: #fff;
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
}

#toppanel .topmenu {
    float: left;
    margin-top: 5px;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 15px;
}

#toppanel a {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
}

#toppanel a:hover {
    color: #fff;
    text-decoration: underline;
}

#toppanel #search {
    float: left;
    margin-left: 40px;
    margin-top: 13px;
    margin-right: 13px;
}

#toppanel #search #input-text {
    color: #AFAFAF;
    width: 180px;
    padding-left: 5px;
    background: url('../images/search.png') white right no-repeat;
}

#toppanel #search #input-text:hover {
    background: url('../images/search-hover.png') white right no-repeat;
}

#topphone {
    margin: 3px 0 0 0;
}

#topphone b {
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    font-family: Arial;
}

#topphone em {
    font-weight: normal;
    font-style: normal;
    font-size: 38px;
    font-family: Arial;
}

#topphone #call_us {
    font-size: 12px;
    font-weight: bold;
    margin: 25px 0 116px 50px;
}

#mainmenu ul, #right-inner-bar .green ul {
    list-style-image: none;
    margin-left: 0;
    padding-left: 0;
}

#mainmenu li, #right-inner-bar .green li {
    list-style-type: none;
    margin-bottom: 4px;
    margin-left: 0;
    padding: 5px;
    padding-left: 20px;
    font-family: Arial, Tahoma;
    font-size: 16px;
    color: #3A3A3A;
    font-weight: bold;
}

#mainmenu li a, #right-inner-bar .green li a {
    color: #000;
    text-decoration: none;
    vertical-align: bottom;
}

#mainmenu .orange li {
    background: url('../images/mmbull2-orange.gif') left no-repeat;
}

#mainmenu .orange li:hover {
    background-color: #FEBC64;
}

#mainmenu .gray li {
    background: url('../images/mmbull2-gray.gif') left no-repeat;
}

#mainmenu .gray li:hover {
    background-color: #C0C0C0;
}

#mainmenu .blue li:hover {
    background-color: #ADD8FF;
}

#mainmenu .green li, #right-inner-bar .green li {
    background: url('../images/mmbull2-green.gif') left no-repeat;
}

#mainmenu .green li:hover, #right-inner-bar .green li:hover {
    background-color: #abdfb5;
}

#mainmenu h1, #mainmenu .h1 {
    font-family: Tahoma, Arial;
    font-size: 18px;
    line-height: 20px;
    width: 400px;
    font-weight: normal;
    padding-left: 15px;
    padding-top: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
    height: 30px;
}

#bottom_logo {
    float: left;
    margin: 10px 50px 10px 20px;
}

#bottom_text {
    float: left;
    width: 800px;
    margin-top: 20px;
}

#bottom_text #copyright {
    float: left;
    font-weight: bold;
    font-size: 12px;
    margin-left: 10px;
    width: 213px;
}

#bottom_text #copyright a {
    color: #F55C10;
    text-decoration: none;
}

#bottom_text #phone {
    float: left;
    margin-left: 55px;
    width: 200px;
    font-family: Arial;
    color: #666666;
    font-size: 12px;
}

#bottom_text #phone b {
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
}

#bottom_text #phone em {
    font-weight: normal;
    font-style: normal;
    color: #000;
    font-size: 26px;
}

#bottom_text #rss {
    float: left;
    margin-left: 30px;
    width: 50px;
}

#bottom_text #sitemap {
    float: left;
    margin-left: 20px;
    width: 50px;
}

#bottom_menu {
    float: left;
    margin-top: 10px;
}

#bottom_menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

#bottom_menu ul li {
    display: inline;
    margin: 10px;
    color: #545454;
    font-weight: bold;
}

#bottom_menu ul li a {
    color: #000;
    text-decoration: none;
}

#bottom_menu ul li a:hover {
    color: #000;
    text-decoration: underline;
}

#content h1 {
    font-size: 24px;
    font-weight: bold;
}

#content h2 {
    font-size: 20px;
}

#content h3 {
    font-size: 14px;
}

#content h4, #content h5, #content h6 {
    font-size: 12px;
}

#content p {
    font-size: 13px;
    color: #000000;
}

#content td {
    font-size: 13px;
    color: #000000;
}

#path {
    color: #757575;
    font-family: Tahoma, Arial;
    font-size: 13px;
    margin-top: 10px;
    width: 554px;
    height: 16px;
    overflow: hidden;
    position: relative;
}

#path div {
    overflow: visible;
    white-space: nowrap;
    position: absolute;
    left: 0;
}

#path a {
    color: #757575;
    text-decoration: none;
}

#path a:hover {
    color: #757575;
    text-decoration: underline;
}

#menu {
    margin-top: 20px;
}

#menu ul {
    margin: 0;
    padding: 0;
    float: left;
    font: bold 13px Arial, Tahoma;
    list-style: none;
}

#menu ul li {
    float: left;
    display: inline;
    list-style: none;
    position: relative;
    margin-right: 1px;
}

#menu ul li a {
    padding: 4px 6px;
    text-decoration: none;
    display: block;
}

#menu ul li a:hover {
    text-decoration: underline;
}

#menu ul li.selected {
}

#menu ul li ul {
    display: none;
}

.mega_promo {
    text-align: center;
    background: url('../images/BG50.jpg');
    overflow: hidden;
    width: 100%;
    position: relative;
}

.mega_promo div {
    position: relative;
    width: 1700px;
    left: 50%;
    margin-left: -850px;
}

.paginator_list {
    list-style: none;
    text-align: center;
}

.paginator_list li {
    margin: 0 5px;
    display: inline-block;
}

#right-inner-bar {
    float: left;
    width: 250px;
    margin-top: 30px;
}

#err {
    font: 12px Arial;
    margin: 7px 0 0 0;
    display: block;
}

.radio-frame body {
    display: none;
}

center.lcabinet {
    display: block;
    position: relative;
}

a.lcabinet {
    display: block;
    z-index: 1;
    height: 163px;
}

a.instructions {
    display: block;
    position: absolute;
    z-index: 2;
    color: #F87F1B;
    bottom: 40px;
    left: 30px;
}

.iptv-adv {
    width: 553px;
    height: 355px;
    padding: 20px;
    background: url('/images/iptv-info-back.jpg');
    border-radius: 10px;
    margin-top: 30px;
}

.iptv-adv .item {
    margin-bottom: 20px;
    background: rgba(240, 240, 240, 0.92);
    padding: 15px 20px;
    font-family: Verdana;
    border-radius: 10px;
}

.iptv-adv .item:hover {
    background: rgba(240, 240, 240, 0.98);
}

.iptv-adv .item h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #000 !important;
    margin: 0;
}

.iptv-adv .item p {
    font-size: 12px !important;
    color: #000 !important;
    margin-bottom: 0;
}

p.grey {
    color: #686868 !important;
}

.smotreshka {
    width: 100%;
}

.smotreshka:after {
    clear: both;
    content: " ";
    display: block;
}

.smotreshka .offer {
    float: left;
    background: url('/images/smotreshka-bg.jpg');
    height: 140px;
    margin-right: 3px;
    margin-top: 15px;
    width: 198px;
}

.smotreshka .offer:nth-child(3n+1) {
    clear: both;
    content: " ";
    display: block;
}

.smotreshka .offer:nth-child(3n) {
    margin-right: 0;
}

.smotreshka .offer .name {
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    padding: 6px 0;
}

.smotreshka .offer .count {
    padding-top: 10px;
    text-align: center;
}

.smotreshka .offer .price {
    color: #F3641E;
    font-weight: bold;
    text-align: center;
    padding-top: 8px;
    float: right;
    margin-right: 20px;
}

.smotreshka .offer .image {
    display: block;
    margin-left: 10px;
    margin-top: -11px;
}

#content .smotreshka .offer .link a {
    background: url('/images/sm-button.png') no-repeat;
    color: #fff;
    width: 86px;
    height: 29px;
    display: block;
}

#content .smotreshka .offer .plug-link {
    margin-left: 8px;
    margin-top: 17px;
}

#content .smotreshka .offer .plug-link a {
    background: url('/images/sm-plug.png') no-repeat;
    color: #fff;
    width: 86px;
    height: 29px;
    display: block;
}

#content .smotreshka .offer .link {
    margin: 0 8px 0 0;
    float: right;
}

.channels {
    list-style-type: none;
    padding: 0;
    float: left;
    margin-right: 55px;
}

.channels img {
    margin-right: 12px;
    float: left;
}

.channels li {
    margin-bottom: 15px;
}

.channels li .number {
    padding-right: 12px;
    width: 14px;
    text-align: center;
}

.channels li .channels-name, .channels li .number {
    float: left;
    margin-top: 40px;
}

.channels li:after {
    display: block;
    content: " ";
    clear: both;
}

#content ul.channels:nth-child(2n+1) {
    margin-right: 0;
}

.tarif div {
    margin-top: 25px;
}

.offer.offer-dop {
    background: url('/images/dop-bg.png');
    height: 179px;
    margin-right: 1px;
    margin-top: 15px;
    width: 199px;
}

.offer.offer-dop .image {
    margin: 0 auto;
    text-align: center;
    height: 87px;
}

.offer.offer-dop .image img {
    padding-top: 7px;
}

.offer.offer-dop .buttons {
    position: relative;
    bottom: -19px;
}

.smotreshka .offer.offer-dop .price {
    width: 199px;
    margin: 0;
}

.additional_service {
    margin-top: 200px;
    padding: 0;
}

.additional_service li {
    list-style-type: none;
    position: relative;
    display: inline-block;
    min-height: 181px;
    min-width: 177px;
    margin-bottom: 20px;
}

.additional_service li a {
    position: relative;
}

.additional_service li a:before {
    content: '';
    bottom: 0;
    left: 0;
    position: absolute;
    height: 181px;
    width: 177px;
}

.additional_service li.video a:before {
    background: url('/images/video.jpg') no-repeat;
}

.additional_service li.protection a:before {
    background: url('/images/signal.jpg') no-repeat;
}

.additional_service li.sms a:before {
    background: url('/images/sms.jpg') no-repeat;
    bottom: 13px;
}

.additional_service li.realip a:before {
    background: url('/images/ip-adress.jpg') no-repeat;
}

.additional_service li.iptv a:before {
    background: url('/images/iptv-serv.jpg') no-repeat;
}

.additional_service li.iptel a:before {
    background: url('/images/voip.png') no-repeat;
}


#right-inner-bar .gray li {
    background: url(../images/mmbull2-gray.gif) left no-repeat;
}

#right-inner-bar .gray ul {
    list-style-image: none;
    margin-left: 0;
    padding-left: 0;
}

#right-inner-bar .gray li a {
    color: #000;
    text-decoration: none;
    vertical-align: bottom;
}

#right-inner-bar .gray li {
    list-style-type: none;
    margin-bottom: 4px;
    margin-left: 0;
    padding: 5px;
    padding-left: 20px;
    font-family: Arial, Tahoma;
    font-size: 16px;
    color: #3A3A3A;
    font-weight: bold;
}

#right-inner-bar .panel {
    float: left;
    width: 240px;
    height: 260px;
    margin-right: 4px;
}

#right-inner-bar .gray li {
    padding-top: 5px;
    padding-bottom: 5px;
}

#right-inner-bar .gray li:hover {
    background-color: #C0C0C0;
}

.smotreshka_hero {
    position: fixed;
    bottom: 50px;
    right: 0;
    width: 300px;
    height: 321px;
    z-index: 99;
    text-align: right;
}

.smotreshka_hero .smotreshka01 {
    background: url(../images/smotreshka01.gif);
    width: 321px;
    height: 250px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.smotreshka_hero .exit_hero {
    position: absolute;
    top: 100px;
    left: 3px;
    cursor: pointer;
    display: none;
    z-index: 11;
}

.smotreshka_hero:hover .exit_hero {
    display: table;
}

.search-input {
    background: url('../images/search.png') right no-repeat;
}

.social {
    float: left;
    padding-top: 7px;
    padding-left: 5px;
}

.footer-social {
    float: left;
    font-weight: bold;
}

.footer-social a {
    vertical-align: top;
    color: #000;
    text-decoration: none;
}

.footer-social a:hover {
    text-decoration: underline;
}

.footer-social img {
    margin-top: -10px;
    margin-left: 5px;
}

.connect-btn {
    display: block;
    width: 209px;
    height: 37px;
    text-align: center;
    font-size: 22px;
    color: #eeeeee;
    text-decoration: none;
    text-shadow: 1px 1px 2px #545556;
    line-height: 1.5em;
    border-radius: 6px;
    border: 1px gray;
}

.connect-btn {
    background: orange;
    box-shadow: 0 -150px 70px -120px orange inset,
    0 -220px 70px -120px darkorange inset,
    0 -280px 70px -120px orangered inset;
    animation: background 6s infinite alternate;
}

@keyframes background {
    from {
        background: orange;
        box-shadow: 0 -150px 70px -120px orange inset,
        0 -220px 70px -120px darkorange inset,
        0 -280px 70px -120px orangered inset;
    }
    15% {
        background: white;
        box-shadow: 0 -140px 70px -120px lightgray inset,
        0 -210px 70px -120px lightgray inset,
        0 -280px 70px -120px white inset;
    }
    25% {
        background: orange;
        box-shadow: 0 -150px 70px -120px orange inset,
        0 -220px 70px -120px darkorange inset,
        0 -280px 70px -120px orangered inset;
    }
    to {
        background: orange;
        box-shadow: 0 -150px 70px -120px orange inset,
        0 -220px 70px -120px darkorange inset,
        0 -280px 70px -120px orangered inset;
    }
}

a.lcabinetMain {
    display: block;
    z-index: 1;
    width: 209px;
    height: 37px;
    background: url("../images/cabinet.png") no-repeat;
}

a.lcabinetMain:hover {
    background: url("../images/cabinet-hover.png") no-repeat;
}

.bonuses-block {
    padding-top: 20px;
}

.bonuses-block td {
    padding-right: 18px;
}

#map {
    margin-top: 10px;
    width: 450px;
    height: 400px;
}

.connect-table tr td {
    padding: 4px 0;
}

.connect-submit {
    border: 1px solid #ccc;
    border-radius: 6px;
    width: 209px;
    height: 37px;
    font-family: Tahoma, sans-serif;
    font-size: 20px;
    color: #e56a05;
    background: rgb(246, 246, 246);
    background: -moz-linear-gradient(top, rgba(246, 246, 246, 1) 36%, rgba(227, 227, 227, 1) 91%, rgba(227, 227, 227, 1) 95%);
    background: -webkit-linear-gradient(top, rgba(246, 246, 246, 1) 36%, rgba(227, 227, 227, 1) 91%, rgba(227, 227, 227, 1) 95%);
    background: linear-gradient(to bottom, rgba(246, 246, 246, 1) 36%, rgba(227, 227, 227, 1) 91%, rgba(227, 227, 227, 1) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e3e3e3', GradientType=0);
}

.connect-submit:hover {
    color: #f6ebe2;
    text-shadow: 2px 1px 2px #734a16;
    background: rgb(254, 213, 182);
    background: -moz-linear-gradient(top, rgba(254, 213, 182, 1) 0%, rgba(242, 141, 64, 1) 63%, rgba(248, 113, 10, 1) 68%, rgba(251, 168, 105, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(254, 213, 182, 1) 0%, rgba(242, 141, 64, 1) 63%, rgba(248, 113, 10, 1) 68%, rgba(251, 168, 105, 1) 100%);
    background: linear-gradient(to bottom, rgba(254, 213, 182, 1) 0%, rgba(242, 141, 64, 1) 63%, rgba(248, 113, 10, 1) 68%, rgba(251, 168, 105, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fed5b6', endColorstr='#fba869', GradientType=0);
}

.tarif_wrapper {
    background: url("../images/tarif_selection.png") no-repeat;
    min-width: 200px;
    min-height: 74px;
}

.tarif_wrapper p {
    margin: 0 0 0 15px;
    padding-top: 12px;
}

.tarif_wrapper select {
    margin: 10px 0 0 15px;
}

.faq_list {
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*justify-content: space-between;*/
}

.faq_list .item {
    border-bottom: 1px solid #f55c10;
    padding: 20px 0;
}

.faq_list .item:first-child {
    padding-top: 0;
}

.faq_list .item .head {
    margin-bottom: 10px;
}

.faq_list .item .head .question {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 5px;
}

.faq_list .item .head .author {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: flex-end;
}

.faq_list .item .head .author .name {
    font-size: 12px;
}

.faq_list .item .head .author .date {
    font-size: 12px;
}

.faq_list .item .answer {
    padding-left: 10px;
    font-size: 15px;
}

iframe.widget {
    width: 150px;
    height: 50px;
    transform: scale(0.8);
    margin-top: -2px;
}


#toppanel #search {
    margin: 0 0 0 25px;
}

#toppanel {
    display: flex;
}

@media (max-width: 1024px) {
    iframe.widget {
        margin: 0;
    }

    #toppanel #search {
        margin: 0;
    }

    #toptext {
        text-align: center;
    }

    #toppanel {
        justify-content: center;
    }

}

@media (max-width: 600px) {
    #toppanel #search {
        display: block !important;
    }

    #toppanel {
        padding: 0 !important;
    }
}

@media (max-width: 448px) {
    iframe.widget {
        transform: scale(0.6);
        margin-top: -9px;
    }
}
