/* */
html {}
body {margin: 0;}

a {background-color: transparent}
a:active,a:hover {outline: 0}

img {border: 0}
svg:not(:root) {overflow: hidden}
button,input,select,textarea {color: inherit;font: inherit;margin: 0}
button {overflow: visible}
button,select {text-transform: none}
button,input[type=submit] {-webkit-appearance: button;cursor: pointer}
button[disabled],html input[disabled] {cursor: default}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0}
input {line-height: normal}
input[type=checkbox],input[type=radio] {box-sizing: border-box;padding: 0}
fieldset {border: 1px solid silver;margin: 0 2px;padding: .35em .625em .75em}
textarea {overflow: auto}
table {border-collapse: collapse;border-spacing: 0}
td,th {padding: 0}

html, body, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, code, del, em, img, q, small, strong, sub, sup, tt, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, footer, header, hgroup, menu, nav, section, summary, time, mark {
    padding: 0px;margin: 0px;border: 0px none;}

/**/

/* -- FONTS */

/* FONTS -- */


*, :after, :before, input[type=search] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {font-size: 10px;}
body {
    /*font-family: 'Roboto', Arial , sans-serif;
    font-family: 'Lato', Arial ,sans-serif;
    font-family: Arial ,sans-serif;font-family: 'Roboto', sans-serif;*/
    font-family: 'Museo Sans Cyrl 300', sans-serif;
    font-size: 14px;line-height: 1.42857;color: #25292e;background-color: #fff;
       

}

button,input,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;outline:none;}
.xlink,a {color: #000;text-decoration: none;cursor: pointer;outline: none;}
.xlink:hover,a:hover {text-decoration: none;}
.no-focus {outline: none}
img {vertical-align: middle;}
img {max-width:100%;}
h1,h2,h3,h4,h5 {font-family: inherit;font-weight: 400;line-height: 1.1;color: inherit}

h1 {font-size: 20px}
h2 {font-size: 24px}
h3 {font-size: 24px}
p {margin: 0 0 1em;}
ul, ol {list-style: none;margin: 0;padding: 0;}
a {-webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}


/* -- LAYOUT */

.layout {margin: 0 auto;max-width: 1144px;padding: 0 12px;width: 100%;}
.layout.tv {max-width: 1270px;}
.layout-page {max-width: 1350px;margin: 0 auto;padding: 0 10px;display: flex;
    flex-direction: column;}
.layout-inner {}
.sidebar {width: 100%;flex-shrink: 0;display:none; }
.content {width: 100%;min-height: 400px;}

.header {/*position: absolute;-webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 18%);  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 18%);*/
  width: 100%;z-index: 17;/*background: #2197f2;;*/background: linear-gradient(90deg,#005bea,#46a7ff);
}
.header-container {height: 54px;padding: 0 8px;max-width: 1270px;
    /*padding: 38px 10px;*/margin: 0 auto;
    display: flex;flex-wrap: nowrap;align-items: center;justify-content: stretch;}
.header-personal {display: flex;flex-wrap: nowrap;align-items: center;margin-left: auto;}

.products-list {display: flex;flex-flow: row wrap;background: #fff;padding: 4px 8px;}

.c-nav-layout {margin: 0 auto;max-width: 1260px;display: flex;}
.b-crumbs {margin: 0 auto;max-width: 1500px;display: flex;padding: 20px 30px;}




/* LAYOUT -- */

.icon-gift {
    background-image: url(gift.svg);
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background-size: 16px;
    opacity: .9;
}
.icon-user {
    background-image: url(user.svg);
    display: inline-block;
    width: 21px;
    height: 21px;

    background-size: 21px;
    opacity: .9;
}
.icon-phone {
    background-image: url(phone.svg);
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-right: 10px;
    background-size: 21px;
    opacity: .9;
}
.icon-card {
    background-image: url(credit-card.svg);
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-right: 10px;
    background-size: 21px;
    opacity: .9;
}
.categories-mobile-ul .icon-card {background-image: url(credit-card-b.svg);}
.categories-mobile-ul .icon-phone {background-image: url(phone-b.svg);}


/* -- HEADER */
.site-menu {
    
    margin: 0 2px;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;

}

.js-menu {
    border-radius: 3px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
}
.js-menu-ico {
    
    width: 30px;
    height: 30px;
    
    background-image: url(menu.svg);
    background-position: 50%;
    background-size: 25px;
    background-repeat: no-repeat;

}
.js-menu:hover {background-color: #3190f8;}

.logo {width: 130px;margin-left: 10px;}
.logo a {font-size: 26px;
    font-family: 'Museo Sans Cyrl 900';
    color: #FFF;
    font-style: italic;}
.header-links {display: none;margin-left: 80px;}
.header-user {margin-left: auto;}


.header-links a {color: #FFF;font-size: 16px;margin: 0 16px;font-family: 'Museo Sans Cyrl 500';opacity: 0.9;display: flex;}
.header-links-item:hover {-webkit-transition: color .3s ease-in-out;transition: color .3s ease-in-out;opacity: 1;}
.header-links a.active {border-bottom: 1px dashed;}
.header-user {display: flex;}
.personal-link a, .header-user input[type=submit] {color: #FFF; font-size: 16px;display: flex;align-items: center; opacity: 0.9; height: 46px;
    width: 46px;
    background-image: url(user.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 28px;}
.personal-link a span {display: none;}
.personal-link a span {padding-left: 34px;}
.personal-link a:hover {-webkit-transition: color .3s ease-in-out;transition: color .3s ease-in-out;opacity: 1;}
.header-user input[type=submit] {border:none;}

.left-nav {margin-top: 20px;}
.left-nav a {display: block;color: #949ca0;}
.left-nav>ul>li>a {padding: 20px;font-size: 16px;font-weight: 700;}
.left-nav>ul>li>ul>li>a {display: block;padding: 12px;}
.left-nav>ul>li>ul {padding-left: 20px;display:none;}
.left-nav a:hover {color: #3b4952;}

.left-nav i {display:none;}

.left-nav>ul>li.active>ul {display:block;}
.left-nav>ul>li.active>a {color: #3b4952;}

.page-head {text-align: center;margin-top: 40px;    margin-bottom: 40px;}
.page-title h1 {margin: 0 0 10px;font-family: 'Museo Sans Cyrl 500';font-size: 32px;}
.page-text {font-size: 18px;}


.tab {display: none;}
.tarrifs-tabs-navigation {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center;
        background: #fff;
    }
    .tabs-link {
        position: relative;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-decoration: none;
        height: 45px;
        padding: 0 30px;
        color: #222;
        font-size: 16px;
        font-weight: 600;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        padding: 12px 16px;
        border-radius: 28px;
        border: 3px solid #eee;
        margin: 0 5px;
    }
    .tabs-link.selected {
        color: #00afee;
    }
    .tabs-link.selected {
    background: #fff;
    border: 3px solid #005bea;
   
    
    color: #1c1c1c;
}



.tarrifs-slider {padding-top: 28px;}
.tarrifs-list {display: flex;justify-content: center;flex-wrap: wrap;flex-direction: row;}
.tarrif-item {padding: 12px;/*width: 286px;*/    width: 100%;}
.tarrif-item-top {border-bottom: 2px solid #edf1f5;padding: 26px 24px 0;}
.tarrif-item-bottom {padding: 18px 24px 18px;}
.tarrif-item-block {border: 2px solid #edf1f5;border-top: 4px solid #fae470;
    -webkit-box-shadow: 0 4px 16px rgb(0 0 0 / 8%);box-shadow: 0 4px 16px rgb(0 0 0 / 8%);}
.tarrif-item-bottom-block {}
.tarrif-item_title {display: block;height: 56px;margin-bottom: 24px;}
.tarrif-item_title ._name {font-family: 'Museo Sans Cyrl 500';font-size: 24px;
        line-height: 28px;}
.tarrif-item_title ._note {}
.tarrif-item_info {margin: 0 0 16px;}

.tarrif-item_speed {font-family: 'Museo Sans Cyrl 700';font-size: 32px;line-height: 27px;white-space: nowrap;}
.tarrif-item_speed .after {padding-right: 4px;font-size: 16px;}
.tarrif-item_speed .before {padding-left: 4px;font-size: 16px;}
.tarrif-item_text-info {letter-spacing: -0.4px;font-size: 14px;line-height: 20px;font-family: 'Museo Sans Cyrl 300';margin-bottom: 6px;
display: flex;
}

.tarrif-item_text-info.mb32 {margin-bottom: 32px;}


.tarrif-item_price {font-family: 'Museo Sans Cyrl 500';font-size: 26px;line-height: 32px;}
.tarrif-item_price span {margin-left: 4px;font-size: 16px;}
.tarrif-item_old-price {margin-right: 4px;color: #88929e;text-decoration: line-through;}

.tarrif-item_btn {background-color: #cee800;display: block;margin-top: 16px;width: 100%;
  font-family: 'Museo Sans Cyrl 700';padding: 12px 14px;border-radius: 28px; color: #25292e;font-size: 16px;
    line-height: 20px;text-align: center;}




.page-article {/*padding: 30px 0;*/color: #3b4952;}
.page-article h1 {font-size: 24px;margin-bottom: 20px;}
.page-article h3 {font-size: 20px;margin-bottom: 20px;margin-top: 36px;}
.page-article p {font-size: 16px;line-height: 1.3;}
.page-article strong {font-size: 15px;}




/* channels */
.tv-channel {margin-top: 30px;margin-bottom: 250px;}
.tv-channel-text {text-align:center;font-size:24px;margin-top:30px;font-weight: 600;}
.channels {
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.75rem;
}
.channels>* {
    width: -webkit-calc(8.333% - 1.5rem);
    width: calc(8.333% - 1.5rem);
    margin: 0.75rem;
}

.channel_block_ico {
    width: 100%;
    height: 0;
    padding-bottom: 77%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    position: relative;
}
.c_acc_block, .channel_block_ico {
    border: 1px solid rgba(199,213,235,.5);
}

.channel_block_ico {
    overflow: hidden;
}
.channel_block_ico img, .channel_block_ico svg {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}



.footer {padding: 44px 30px 36px;color: #A9B0B4;
    background: #f5f7fa;text-align: center;
    font-size: 16px;margin-top: 50px;}

/* 404 */
.page404 {min-height: 400px;
    text-align: center;
    padding: 100px 0;
}
.page404 h1 {font-size: 36px;font-family: 'Museo Sans Cyrl 500', sans-serif;
    margin-bottom: 10px;}
.page404 div {font-size: 18px;}
/*  */
.mobile-menu-overlay, .mobile-menu-w {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.categories-mobile {z-index: 3333; height: 100%;overflow-y: scroll;background: #FFF; 
    -webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	width: 100%;
    
}
.categories-mobile .row-cats {height: 54px;background:#f6f7fa; padding: 0 8px;
        display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    
    
}
.categories-mobile.loaded {-webkit-transform: translateX(0px);transform: translateX(0px);box-shadow: 1px 0 21px #1e1b1f;} 
    
.categories-mobile .js-close-mobile-categories {
   
    width: 46px;
    height: 46px;
    background-image: url(close.svg);
    background-position: 50%;
    background-size: 25px;
    background-repeat: no-repeat;

}
.m-logo {font-size: 26px;font-family: 'Museo Sans Cyrl 900';color: #005bea;font-style: italic;width: 130px;margin-left: 10px;}
.mobile-menu-w {}
.mobile-menu-w, .mobile-menu-w ul li ul{
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	transition: all 200ms;
}
.mobile-menu-overlay{
	display: none;
	cursor: pointer;
	z-index: 10200;
	background: rgba(0, 0, 0, 0.5);
}
/*.mobile-menu-w {
	-webkit-transform: translateX(-300px);
	transform: translateX(-300px);
	width: 300px;
	overflow: hidden;
	z-index: 10201;
	
}*/
/*.mobile-menu-w.loaded{
   	-webkit-transform: translateX(0px);
   	transform: translateX(0px);box-shadow: 1px 0 21px #1e1b1f;*/
}
.mobile-menu-w .mobile-menu-c {padding-bottom: 20px;border-bottom: 1px solid #3a3a3a;}
.mobile-menu-w ul{margin: 0;padding: 0;padding: 20px 30px;}
.mobile-menu-cn {
    display: block;
    padding: 25px 15px 12px;
    border-top: 1px solid #3a3a3a;
    text-transform: uppercase;
    font-size: 11px;    color: #787679;
}
.mobile-menu-w ul li{list-style: none;}
.mobile-menu-w ul li a{display: flex;
	align-items: center;
	padding: 12px 0px;
	line-height: 20px;
	
	text-decoration: none;
	    color: #698392;
    font-weight: 700;
    font-size: 16px;
}
.mobile-menu-w ul li a.parent{
	padding-right: 50px;
	background: #3884da url("images/arrow_right.svg") right 20px center no-repeat;
	background-size: 20px;
}
.mobile-menu-w ul li a.parent:hover{
	background: #3c8de8 url("images/arrow_right.svg") right 20px center no-repeat;
	background-size: 20px;
}
.mobile-menu-w ul li a.back{
	padding-left: 50px;
	background: #3c8de8 url("images/arrow_left.svg") left 20px center no-repeat;
	background-size: 20px;
	box-sizing: border-box;
	min-height: 50px;
}
.mobile-menu-w ul li a.back:hover{background: #3c8de8 url("images/arrow_left.svg") left 20px center no-repeat;background-size: 20px;}
.mobile-menu-w ul li a:hover, .mobile-menu-w ul li.active a {color: #229fff;}
.mobile-menu-w ul li ul{
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #3884da;
	z-index: 2;
}
.mobile-menu-w ul li ul.loaded{
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}
.mobile-menu-w ul li ul.activity{
	overflow-y: auto;
	overflow-x: hidden;
}


.mobile-menu-a {}




.breadcrumbs {padding: 24px 0px 16px 0px;}
.breadcrumbs ol {display: flex;}
.breadcrumbs ol li a:after {background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjEyIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS4yIiBkPSJNMSAxbDUgNSAtNSA1Ii8+PC9zdmc+");
     display: inline-block;   content: "";        width: 6px;
    height: 10px;margin-left: auto; opacity: .5;background-size: 6px;margin: 0 9px;}

.list-element {border-bottom: 2px solid #f6f7fa;}
.list-element-inner { /*   display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;*/
    padding: 24px 10px;
    /*background-color: #f6f7fa;*/}

.list-element .title  {font-size: 20px;margin-bottom: 8px;display: block;}

.list-element .link {/* border: 1px solid #2396fd;display: block;padding: 10px 20px;border-radius: 20px;*/
    color: #2396fd;}
.list-element .link:hover {color: #FFF;background: #2396fd;}
.list-element .text {padding-right: 20px;}


/* RESPONSIVE */


@media (min-width: 480px){




}
@media (max-width: 600px){
.channels>* {
    width: -webkit-calc(20% - 1.5rem);
    width: calc(20% - 1.5rem);
    margin: 0.75rem;
}
}
@media (max-width: 1024px){
header {position: -webkit-sticky;position: sticky;top: 0;}
.channels>* {
    width: -webkit-calc(20% - 1.5rem);
    width: calc(20% - 1.5rem);
}
}
@media (min-width: 1024px){
    .sidebar {width: 310px;padding-right: 31px;display:block;}
    .layout-page {flex-direction: row;}
    .header-container {height: 74px;}
    .header-links {display: flex;margin-left: 40px;}
    .logo {width: 140px;}
    .layout-page {padding: 0 30px;}
    .personal-link a span {display: block;}
    .page-article h1 {font-size: 30px;margin-bottom: 20px;}
    .personal-link a {width: auto;background-position: 0% 50%;}
    .site-menu {display: none;}
    .tarrif-item {width: 25%;}
    .logo a {font-size: 36px;}
    .tabs-link {
        padding: 12px 32px;
       margin: 0 10px;
    }
    
}


@media (min-width: 1200px){


}

/* friend block */
.friend-page-section{
    padding:20px 0;    
    display: flex;
    justify-content: center;
    width: 100%;
}

.friend-container {
    max-width: 1200px;
    width: 100%;
}
/* Title */
.friend-title{
    font-family: 'Roboto Condensed', sans-serif;
}

.friend-lead {
    font-size: 16px;
}
.friend-container h3 {margin-top:16px;margin-bottom:16px;font-weight:700;}
.friend-text-center {
    text-align: center;
}

.friend-section-title {
  border-bottom-width: 0px;
  margin-bottom: 40px;
  position: relative;
}
.friend-section-title h1{
    text-transform:uppercase;
    text-align:center;
    font-size: 44px;	
    font-weight: normal;
    margin: 0 0 12px;
    padding: 14px 0;
}

.friend-text-color {
	color: #ffba00;
}

.friend-post-list .post-image.pull-left{
    margin-right:20px;
}