/* ___| document |_____________________ */@import url('normalize.css');@import url('bootstrap-grid.min.css');@import url('bxslider.css');@import url('font-awesome.min.css');@import url('magnific-popup.css');@import url('https://fonts.googleapis.com/css?family=Rubik:400,500&subset=latin-ext');body { font-family: 'Rubik', sans-serif; font-weight: 400; color: #7a7d84; background: #fff; }/* ___| header |_____________________ */.header { box-shadow: 0 0 1.125rem rgba(0, 0, 0, .16); position: relative; z-index: 10; }.header__top { height: 3.75rem; line-height: 3.75rem; vertical-align: middle; background: #7a7d84; font-size: 0.875rem; }.header__tel { padding-right: 1rem; color: #fff; text-decoration: none; display: inline-block; }.header__tel i { padding: 0 0.7rem 0 0; font-size: 1.5rem; }.header__tel i:before { float: left; margin: 7px 0 -7px 0; }.header__tel strong { padding-left: 1rem; line-height: 1.7rem; vertical-align: middle; font-size: 1.25rem; display: inline-block; transition: 0.3s; -webkit-transition: 0.3s; }.header__tel:hover strong { color: #60a9db; }.help__online { padding-right: 2.1rem; color: #bec1c8; }.help__online i { padding: 0 0.3rem 0 0; color: #48c24d; font-size: 0.5rem; }.help__online i:before { float: left; margin: -1px 0 1px 0; }.header__mail { margin-top: -2px; font-size: 0.875rem !important; }.header__mail i { padding: 0 0.6rem 0 0 !important; }.header__mail i:before { float: left; margin: 5px 0 -5px 0; }.header__login { margin-top: -2px; padding: 0 1.85rem 0 1.7rem; font-size: 0.875rem !important; background: #74777f; float: right; }.header__login i { padding: 0 0.6rem 0 0 !important; }.header__login i:before { float: left; margin: 5px 0 -5px 0; }.header > .container > .row > .col-xl-4 { padding-right: 0; }.header__logo { margin: 2.0625rem 0 0 0; display: block; float: left; }.header__logo img { width: auto; height: auto; transition: 0.3s; -webkit-transition: 0.3s; }.header__claim { padding: 3rem 0 0 1.6rem; font-size: 0.7rem; line-height: 1.15rem; color: #a7a7a7; display: block; float: left; }.header__claim strong { font-size: 1.0625rem; color: #7a7d84; font-weight: 500; display: block; }.navigation { margin-left: 1.5rem; }.navigation__item { margin: 0; font-weight: 500; font-size: 1.0625rem; list-style: none; float: left; }.navigation__item a { margin: 0 1.4rem; color: #231f20; text-decoration: none; display: block; line-height: 8.375rem; height: 8.375rem; position: relative; }.navigation__item a:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: #eb203e; transition: 0.3s; -webkit-transition: 0.3s; }.navigation__item a:hover, .navigation__item.is--active a { color: #7a7d84; }.navigation__item a:hover:before, .navigation__item.is--active a:before { height: 3px; transition: 0.3s; -webkit-transition: 0.3s; }.button--navigation { margin-top: 2.6rem; float: right; }.show--responsive { display: none; }.navigation__responsive { line-height: 50px; font-weight: 500; font-size: 1.0625rem; color: #231f20; vertical-align: middle; display: none; padding: 0; cursor: pointer; position: absolute; top: 42px; right: 15px; transition: .25s; z-index: 101; }.navigation__responsive:hover { background: #fff; }.navigation__responsive span { margin-left: 1rem; float: right; display: block; width: 50px; height: 50px; line-height: 56px; text-align: center; vertical-align: middle; color: #fff; background: #eb203e; border-radius: 3px; transition: 0.3s; }.navigation__responsive span i { transition: 0.3s; font-size: 1.6rem; }.navigation__responsive.responsive--active span { border-radius: 3px 3px 0 0; }.navigation__responsive.responsive--active span i { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }/* ___| content |_____________________ */.content { padding: 3.75rem 0 3.125rem 0; }.content h1 { margin-bottom: 0; color: #231f20; font-size: 40px; line-height: 40px; font-weight: 300; }.content h2 { margin-top: 2rem; margin-bottom: 1.25rem; font-size: 1.7rem; line-height: 2.2rem; font-weight: 400; color: #413e3f; }.content h3 { margin-bottom: 1.6rem; font-size: 1.5rem; line-height: 1.75rem; color: #413e3f; font-weight: 500; }.content h4 { margin-bottom: 1.4rem; font-size: 1.35rem; line-height: 1.65rem; color: #60a9db; font-weight: 500; }.content p { margin-bottom: 2.2rem; font-size: 1rem; line-height: 1.625rem; font-weight: 400; }.content a, .services a { text-decoration: underline; color: #7a7d84; }.content a:hover, .services a:hover { text-decoration: none; color: #60a9db; }.content ul, .content ol, .service ul { margin: 1rem 0 2.2rem 0; }.content ul li, .content ol li, .service ul li { margin-bottom: 0.5em; padding-left: 1.8rem; font-size: 1em; line-height: 1.467em; list-style: none; position: relative; }.content ol li { margin-left: 1rem; padding-left: 0.8rem; list-style: decimal; }.content ul li:before, .service ul li:before { content: ""; width: 12px; height: 3px; background: #eb203e; position: absolute; top: 10px; left: 1px; }.content small { line-height: 0.2rem !important; }.content dd, .content dt { margin: 0 0 0.5rem 0; display: block; box-sizing: border-box; }.section__tit { margin-bottom: 3.1rem; font-size: 3rem; font-weight: 500; color: #413e3f; text-transform: uppercase; }.section__subtit { margin: 0.8rem 0 0.5rem 0; font-size: 2rem; color: #585657; font-weight: 500; }.section__subperex { margin-bottom: 3rem; font-size: 1.25rem; color: #585657; }.image--full { margin: 0 0 30px 0; width: 100%; display: block; }strong { font-weight: 500; }hr { margin: 2rem 0; height: 1px; border: none; font-size: 0; border-top: 1px solid #f7f7f7; }.tag { padding: 0.25rem 0.5rem 0.1rem 0.5rem; font-size: 0.875rem; line-height: 1; color: #fff; background: #7a7d84; display: inline-block; border-radius: 3px; }.quote { padding: 0.5rem 0 0.5rem 1.3rem; border-left: 3px solid #60a9db; transition: 0.3s; }.quote:hover { border-color: #eb203e; }.help { margin-bottom: 2rem; color: #413e3f; font-style: normal; font-size: 1.5rem !important; }.help strong { color: #eb203e; }.help .help__online { padding: 1.2rem 0 0 0; font-size: 0.875rem; display: block; }.tabs { display: block; }.tabs li { margin: 0; list-style: none; display: block; box-sizing: border-box; }.tabs__item { font-size: 21px !important; background: none; color: #7a7d84; font-size: 1.125rem; display: block; padding: 1.875rem 0; cursor: pointer; color: #413e3f; text-align: center; font-weight: 500; border: 1px solid #bdbdbd; border-bottom: 0; border-radius: 3px 3px 0 0; transition: 0.3s; -webkit-transition: 0.3s; }.tabs__item:hover { color: #60a9db; background: rgba(0, 0, 0, 0.02); }.tabs__item.is--active { background: #fff; border-color: #fff; }.tabs__content { display: none; }.tabs__content.is--active { display: inherit; }.arrow a { margin: 0 0 0 -1px; width: 46px; height: 46px; border: 1px solid #f7f7f7; display: block; float: right; line-height: 46px; vertical-align: middle; text-align: center; color: #acacac; font-size: 1.7rem; cursor: pointer; }.arrow a:hover { color: #eb203e; border-color: #eb203e; z-index: 10; position: relative; }.arrow--white a { border-color: rgba(255, 255, 255, 0.4); color: #fff; float: left; }.arrow--white a:hover { color: #fff; border-color: #fff; }.link { font-size: 0.9375rem; color: #fff; text-decoration: none; font-weight: 400; display: inline-block; }.link i { padding: 0 6px 0 0; font-size: 1.1rem; }.link span { border-bottom: 1px solid #a2a4a9; transition: 0.3s; -webkit-transition: 0.3s; }.link:hover span { border-color: #fff; }.button { padding: 0.95rem 1.5rem; color: #fff !important; font-weight: 500; font-size: 0.9375rem; text-decoration: none !important; border: none; text-align: center; background: #eb203e; border-radius: 3px; box-shadow: 0 3px 0 #b81b31; transition: 0.3s; -webkit-transition: 0.3s; display: inline-block; position: relative; }.button:hover { background: #f93653; box-shadow: none; }.button--bordered { padding-top: 0.8rem; padding-bottom: 0.8rem; color: #413e3f !important; background: #fff; box-shadow: none; font-weight: 400; border: 2px solid #f2f2f2; }.button--bordered:hover { background: #413e3f; color: #fff !important; border-color: #413e3f; }.button--grey { padding-top: 0.85rem; padding-bottom: 0.85rem; color: #eb203e !important; background: #f7f7f7; box-shadow: 0 3px 0 #e8e8e8; }.button--grey:hover { background: #413e3f; color: #fff !important; }.button--white { padding-top: 0.85rem; padding-bottom: 0.85rem; color: #eb203e !important; background: #fff; box-shadow: 0 3px 0 #e8e8e8; }.button--white:hover { background: #e8e8e8; }.button--rounded { padding: 0.55rem 1.2rem; color: #60a9db !important; font-size: 0.875rem; background: #fff; box-shadow: none; font-weight: 400; border-radius: 30px; border: 2px solid #cfe5f4; }.button--rounded:hover, .button--rounded.is--active { background: #60a9db; color: #fff !important; border-color: #60a9db; }.button--inline { display: inline-block !important; }.button--mini { margin-left: 0.4rem; padding: 0.2rem 0.6rem 0.1rem; display: inline !important; line-height: 1; white-space: nowrap; }.bx-wrapper { margin: 0 auto; }.bx-wrapper .bx-viewport { box-shadow: none; -webkit-box-shadow: none; left: 0; border: none; background: none; }.text-red { color: #eb203e !important; }.text-blue { color: #60a9db !important; }.text-center { text-align: center !important; }.contact__map { width: 100%; height: 540px; border: none; }.contact__phone { margin: 0; padding: 0.6rem 0; font-size: 1.9rem; color: #eb203e; display: block; font-weight: 500; }.contact__phone i { margin-right: 0.5rem; min-width: 45px; text-align: center; padding: 0.5rem 0 0.4rem 0; border-radius: 3px; background: #eb203e; color: #fff; line-height: 1; }.contact__phone a { color: #eb203e; text-decoration: none; }.contact__phone a:hover { color: #eb203e; text-decoration: underline; }.ico__mini { display: inline-block; min-width: 25px; }#map_canvas { margin: 2rem 0 3rem 0; width: 100%; height: 600px; }.map__label { cursor: pointer; margin: 0 1rem 1rem 0; white-space: nowrap; display: inline-block; }.map__label input { margin-right: 0.3rem; }.map__desc { margin: 0.7rem 1.3rem 0.3rem 0; display: block; float: left; vertical-align: middle; }.map__desc img { margin: -5px 0.5rem 0 0; display: block; float: left; }.table__channels { vertical-align: middle; }.table__channels img { margin: 0.2rem 0.6rem; }.content .down-file { margin-bottom: 1rem; padding: 1rem 1rem 1rem 110px; display: block; text-decoration: none; color: #413e3f; font-weight: 500; background: #f7f7f7; position: relative; border-radius: 3px; }.content .down-file:before { content: ""; display: block; background: #eb203e; height: 100%; width: 85px; text-align: center; vertical-align: middle; transition: 0.3s; color: #fff; font: normal normal normal 40px/84px FontAwesome; position: absolute; top: 0; left: 0; border-radius: 3px 0 0 3px; }.content .down-file.file--pdf:before { content: "\f1c1"; }.content .down-file span { color: #aaa; font-weight: 400; display: block; font-size: 0.8rem; }.content .down-file:hover { color: #60a9db; }.content .down-file:hover:before { background: #60a9db; }.table-responsive { margin-bottom: 2.6rem; max-width: 100%; overflow: auto; }.table-responsive table { width: 100%; background: #fff; border-collapse: separate; border-radius: 3px; border: 2px solid #f2f2f2; }.table-responsive table th { padding: 1.12rem 1.5rem; line-height: 1.6rem; transition: 0.25s; text-align: left; }.table-responsive table td { padding: 0.9rem 1.5rem; line-height: 1.6rem; transition: 0.25s; text-align: left; }.table-responsive table thead { background: #f4f4f4 url("../img/shadow.png") repeat-x bottom; }.table-responsive table th { color: #413e3f; font-size: 1.2rem; font-weight: 500; white-space: nowrap; vertical-align: top; }.table-responsive table th.th-nobg { background: #f4f4f4; border-bottom: 1px solid rgba(0, 0, 0, 0.04); }.table-responsive tbody tr td { border-bottom: 1px solid #f2f2f2; background: #fff; }.table-responsive tbody tr:nth-of-type(even) td { background: #fbfbfb; }.table-responsive tbody tr:nth-last-of-type(1) td { border-bottom: none; }.table-responsive tbody tr:hover td { background-color: #f9f9f9; }.content .pagination { display: block; padding-left: 0; margin: 2rem auto; text-align: center; }.content .pagination > li { margin: 0; padding: 0; display: inline; }.content .pagination > li:before { display: none; }.content .pagination > li > a, .pagination > li > span { position: relative; display: inline-block; padding: 0.8rem 1.3rem; margin: 0 -3px; margin-bottom: -1px; line-height: 1.42857143; font-weight: 500; color: #acacac; text-decoration: none; background-color: #fff; border: 1px solid #f5f5f5; }.content .pagination > li > a:hover, .pagination > li > span:hover, .content .pagination > li.is--active > a, .pagination > li.is--active > span { color: #fff; background-color: #eb203e; border: 1px solid #eb203e; z-index: 20; }.popup__box { background: #fff url("../img/bg-sauron.png") no-repeat right -13px bottom -60px; text-align: left; max-width: 630px; margin: 40px auto; position: relative; border-radius: 3px; }.popup__inner { padding: 1.8rem 1.6rem; }.popup__title { padding: 1.3rem 70px 1.3rem 1.6rem; background: #eb203e; color: #fff; font-size: 1.5rem; font-weight: 500; border-radius: 3px 3px 0 0; }.popup__title span { font-weight: 300; color: rgba(255, 255, 255, 0.6); }.mfp-close-btn-in .mfp-close { margin: 17px 17px 17px 0; width: 36px; height: 36px; background: #b81b31; color: #222; font-size: 2rem; line-height: 1; border-radius: 3px; }.popup__box ul { margin: 0 0 1.5rem 0; }.popup__box ul li { margin-bottom: 0.6em; padding-left: 1.8rem; font-size: 1em; line-height: 1.467em; list-style: none; position: relative; }.popup__box ul li:before { content: ""; width: 12px; height: 3px; background: #60a9db; position: absolute; top: 10px; left: 1px; }.form__demand { margin-bottom: 2.3rem; background: #f7f7f7; padding: 2.5rem; }.form-group { margin-bottom: 1.6rem; }.form-group label { display: inline-block; max-width: 100%; margin-bottom: 0.7rem; font-weight: 500; }.form-group label span { font-weight: 300; }.checkbox { margin-top: 0.2rem; }.checkbox label { font-weight: 300; cursor: pointer; }.checkbox label input { margin-right: 0.4rem; }.form-control { display: block; width: 100%; height: 42px; padding: 6px 12px; font-size: 0.9rem; line-height: 1.42857143; color: #555; background: #fff; border: 1px solid #ccc; box-sizing: border-box; }.form-control:focus { border-color: #aaa; outline: none; }/* ___| banner |_____________________ */.banner { padding: 3.125rem 0 0 0; min-height: 490px; background-color: #60a9db; position: relative; box-sizing: border-box; }.banner--hp { padding: 0; min-height: 0; background-color: #f7f7f7; }.banner--sub { padding-bottom: 3.125rem; min-height: 0; }.banner--surf { background-image: url("../files/banner-sub.jpg"); background-repeat: no-repeat; background-position: bottom right; background-size: auto 100%; }.banner__breadcrumb { margin: -0.9rem 0 2.2rem; color: #fff; font-size: 0.875rem; line-height: 1.3rem; }.banner__breadcrumb a { color: #fff; text-decoration: none; border-bottom: 1px solid #90c3e6; }.banner__breadcrumb a:hover { border-bottom-color: #fff; }.banner__breadcrumb i { padding: 0 0.875rem; }.banner__subtit { margin-bottom: 1.8rem; color: rgba(255, 255, 255, 0.7); font-size: 1rem; font-style: normal; font-weight: 400; text-transform: uppercase; display: block; }.banner__tit { margin-bottom: 2rem; color: #fff; font-size: 3rem; line-height: 3.875rem; font-weight: 500; text-transform: uppercase; }.banner__perex { font-size: 1.25rem; line-height: 2.25rem; color: #fff; }.banner .button { color: #60a9db !important; }.banner__icobox p { margin: 0.8rem 0 0 0; font-size: 1.125rem; line-height: 1.625rem; color: #fff; }.icobox__image { margin: 0 1.5rem 0 0; float: left; }.icobox__image img { display: block; }.banner__slider > li { padding-top: 3.125rem; padding-bottom: 3.125rem; min-height: 490px; box-sizing: border-box; background-repeat: no-repeat; background-size: cover; background-position: right top; }.banner--internet { background-image: url('../files/banners/banner-internet.jpg'); background-color: #06acde; }.banner--televize { background-image: url('../files/banners/banner-televize.jpg'); background-color: #130c2d; }.banner--mobil { background-image: url('../files/banners/banner-mobil.jpg'); background-color: #777d97; }.banner--voip { background-image: url('../files/banners/banner-voip.jpg'); background-color: #e8803f; }.banner__slider > li .banner__tit { font-size: 2.6rem; line-height: 3.4rem; }.banner .row { position: relative; }.banner__control { margin-left: -558px; position: absolute; top: 400px; left: 50%; }.arrow--white a.bx-prev { border-right-color: rgba(255, 255, 255, 0); }.arrow--white a.bx-prev:hover { border-left: 1px solid #fff; }/* ___| services |_____________________ */.services { padding: 1.9rem 0 0 0; background: #f7f7f7; }.service { margin-bottom: 1.9rem; padding: 2.5rem 1.7rem; background: #fff; border-radius: 3px; }.service.service--tv { margin-top: 1.9rem; padding: 1.7rem 1.7rem 2rem; }.service.service--tv ul { margin-bottom: 1.5rem; }.service__ico { margin-right: 1.8rem; margin-bottom: 1.8rem; max-width: 122px; float: left; display: block; }.service__desc { display: table; }.service__tit { margin-bottom: 1.1rem; font-size. 1.5rem; font-weight: 500; color: #413e3f; }.service__perex { margin-bottom: 1.4rem; line-height: 1.625rem; }.service__info { padding-top: 0.4rem; font-size: 0.875rem; line-height: 1.45rem; color: #a7a7a7; }.service__info strong { color: #eb203e; display: block; }.info--inline { margin-bottom: 1.5rem; font-size: 1rem; line-height: 1.625rem; }.info--inline strong { display: inline; }.service .button { padding-top: 0.8rem; padding-bottom: 0.8rem; font-weight: 400; display: block; }.services .table-responsive { margin-top: 2rem; margin-bottom: 1rem; }.services .table-desc { margin-bottom: 3rem; }.services .guide { margin: 0.5rem 0 2.5rem 0; color: #eb203e; display: block; text-decoration: none; }.services .guide.guide--bordered { border-right: 1px solid rgba(0, 0, 0, 0.05); }.services .guide__text { display: table; }.services .guide__icon { display: block; float: left; width: 120px; text-align: center; font-size: 3.3rem; transition: 0.3s; }.services .guide h2:hover{text-decoration: none;}.services .guide h2 { margin-bottom: 0.25rem; font-weight: 500; color: #000; text-decoration: underline; }.services .guide p { color: #7a7d84; }.services .guide:hover .guide__icon { color: #60a9db; }/* ___| map |_____________________ */.map { padding: 3.125rem 0; background: url("../files/bg-map.jpg") no-repeat top center; background-size: cover; }.redbox { padding: 2rem 2rem 2.2rem; background: #eb203e; border-radius: 3px; }.redbox__tit { margin-bottom: 1.8rem; font-size: 1.25rem; line-height: 2rem; font-weight: 400; color: #fff; }.redbox__tit a { font-weight: 500; border-bottom: 1px solid #f16378; text-decoration: none; color: #fff; }.redbox__tit a:hover { border-color: #fff; }/* ___| news |_____________________ */.news { padding: 3.75rem 0 3.125rem 0; }.new { margin-bottom: 3.125rem; padding: 1.875rem 2.5rem; background: #f7f7f7; display: block; text-decoration: none !important; border-radius: 3px; transition: 0.5s; -webkit-transition: 0.5s; }.new:hover { background: #eee; }.new__date { margin-bottom: 1rem ; font-size: 0.875rem; color: #a7a7a7; }.new__tit { font-weight: 500; margin-bottom: 1rem; font-size: 1.35rem; line-height: 1.75rem; color: #413e3f; }.new__tit span { border-bottom: 1px solid #c0bfbf; transition: 0.5s; -webkit-transition: 0.5s; }.new:hover .new__tit span { border-color: #eee; }.new__perex { margin-bottom: 0 !important; font-size: 0.875rem; line-height: 1.625rem; color: #7a7d84; }.content .new { margin-bottom: 2.1rem; }.content .new__date { margin-bottom: 1rem; font-size: 0.875rem; }.content .new__tit { margin-bottom: 1rem; line-height: 2.1rem; }.content .new__perex { margin-bottom: 0; }.news__date { margin: 0 0 2.2rem 0; padding: 0.8rem 1.2rem; background: #eb203e; color: #fff; font-size: 0.9rem; display: inline-block; border-radius: 3px; }.news__date:before { margin-right: 0.8rem; display: inline-block; content: "\f073"; font: normal normal normal 14px/1 FontAwesome; color: #fff; }/* ___| tariffs |_____________________ */.tariffs { padding: 3.75rem 0 3.125rem 0; }.tarrifs__row { margin-bottom: 1rem; }.tariff { margin-bottom: 3.125rem; padding: 1.25rem 90px 1.6rem 5.125rem; background: #fff; display: block; text-decoration: none; border-radius: 3px; border: 2px solid #f2f2f2; transition: 0.5s; -webkit-transition: 0.5s; position: relative; }.tariff:hover { border-color: #fff; box-shadow: 3px 3px 16px rgba(0, 0, 0, 0.1); }.tariff__sticker { width: 4.375rem; display: block; background: #eb203e; line-height: 3.4375rem; vertical-align: middle; font-size: 1.125rem; font-weight: 500; color: #fff; text-align: center; border-radius: 3px 3px 3px 0; position: absolute; top: 1.25rem; left: -10px; }.tariff__sticker:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 8px 7px 0; border-color: transparent #b81b30 transparent transparent; display: block; position: absolute; bottom: -7px; left: 0; }.tariff__tit { margin-bottom: 0.2rem; font-size: 1.5rem; line-height: 1.75rem; color: #413e3f; font-weight: 500; }.tariff__type { margin-bottom: 1rem; font-size: 0.875rem; color: #a7a7a7; text-transform: uppercase; }.tariff__type span { border-bottom: 1px solid #e4e4e4; transition: 0.5s; -webkit-transition: 0.5s; }.tariff__perex { margin-bottom: 1rem; font-size: 0.875rem; line-height: 1.375rem; color: #7a7d84; }.tarrifs__row .tariff .graph { position: absolute; top: 1.25rem; right: 1.5rem; }.offer__tit, .content .offer__tit { margin-bottom: 2.8rem; padding: 0.7rem 2rem 0 120px; font-size: 1.5rem; line-height: inherit; color: #413e3f; font-weight: 400; position: relative; }.offer__tit .tariff__sticker { top: -4px; left: 1rem; font-size: 1.5rem; }.offer__tit .button { margin-top: -0.2rem; float: right; }.tariff--line { margin-bottom: 0.625rem; padding: 0.8rem 1.25rem 0.8rem 0; }.tariff__graph { padding-right: 0; /*width: 12%;*/ text-align: center; }.tariff__name { margin-bottom: 0; font-size: 1.5rem; line-height: 80px; vertical-align: middle; color: #60a9db; font-weight: 500; }.tariff__param { padding-top: 1.75rem; margin-bottom: 0 !important; }.tariff__param i { padding-right: 3px; color: #60a9db; }.tariff__price-info { padding: 1.4rem 1.3125rem 0 1.3125rem; text-align: right; }.tariff__price { padding-top: 0.9rem; padding-right: 0; width: /*11.666%;*/ }.tariff__info { margin-bottom: 0; padding: 1.4rem 1.3125rem 0 1.3125rem; }.tariff__info p { margin-bottom: 0.5rem !important; }.graph { padding-top: 1.4rem; display: inline-block; width: 80px; height: 80px; background: url("../img/graph.png") no-repeat 0 0; text-align: center; font-size: 0.875rem; line-height: 1.1rem; color: #a7a7a7; }.graph strong { font-size: 1.5rem; color: #60a9db; }/* ___| footer |_____________________ */.footer { padding: 2.8rem 0 0 0; background: #7a7d84; }.footer .row .col-md-2:nth-last-of-type(1) { padding-left: 0; }.button--footer { margin: 0 0 1.5rem -1rem; white-space: nowrap; }.footer__tit { margin-bottom: 2.6rem; font-size: 1.125rem; color: #fff; font-weight: 500; }.footer__tit a { text-decoration: none; color: #fff; transition: 0.3s; }.footer__tit a:hover { border-bottom: 1px solid #fff; }.footer__nav { margin-bottom: 3rem; }.footer__nav li { padding-bottom: 1rem; list-style: none; font-size: 0.9375rem; }.footer__nav li a { color: #bec1c8; text-decoration: none; }.footer__nav li a:hover { color: #fff; }.footer__sub { background: #74777f; height: 4.875rem; line-height: 4.875rem; vertical-align: middle; font-size: 0.875rem; font-weight: 300; }.footer__copy { color: #fff; box-sizing: border-box; }.footer__made { float: right; text-align: right; color: #bec1c8; box-sizing: border-box; }.footer__made a { color: #bec1c8; text-decoration: none; border-bottom: 1px solid #8a8d95; }.footer__made a:hover { color: #fff; border-color: #fff; }/* ___| responsive |_____________________ */@media (max-width: 1450px) {  .banner__slider > li { background-position: bottom right -280px; }}@media (min-width: 1200px) {  /* document */  .container { width: 1150px; }  /* header */  .navigation__body { display: inline !important; }}@media (max-width: 1199px) {  /* header */  .header { min-height: 194px; }  .navigation { margin: 0; padding: 0 15px; width: 100%; box-sizing: border-box; position: relative; }  .navigation__body { margin: 0; padding: 0; width: 100%; display: none; position: absolute; top: 92px; right: 0; background: #eb203e; border-radius: 3px 0 3px 3px; z-index: 101; box-sizing: border-box; box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); }  .navigation__body .navigation__item { float: none; }  .navigation__body .navigation__item a { margin: 0; padding: 1rem 1.5rem; line-height: inherit; height: inherit; color: #fff; background: none !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }  .navigation__responsive { display: block; right: 0; }  .button--navigation { margin: -1px 0 0 0; display: block; float: none; background: #b81b31; border-radius: 0 0 3px 3px; }  /* content */  .banner--sub { background-position: bottom right -350px; }  .banner__slider > li .banner__tit { font-size: 2.4rem; line-height: 3.2rem; }  .banner__control { margin-left: -464px; }  /* footer */  .button--footer { white-space: normal; }}@media (max-width: 991px) {  /*header*/  .header__tel strong { padding-left: 0; }  .header__tel span { display: none; }  .header .help__online { display: none; }  /* content */  .banner--sub { background-position: bottom right -480px; }  .banner__slider > li { background-position: bottom right -480px; }  .banner__control { margin-left: -344px; top: 390px; }  .tariff { padding-right: 0; }  .tariff .graph { display: none; }  .tariff.tariff--line .graph { display: block; }  .offer__tit { margin-bottom: 2.3rem; }  .offer__tit .button { margin-top: 1rem; float: none; }  .tariff__graph { /*width: 16%;*/ }  .tariff--line { padding-left: 1.25rem; }  .tariff__price-info { padding-top: 1rem; text-align: left; }  .tariff__price { padding-top: 1rem; padding-bottom: 0.8rem; width: auto; }  /* footer */  .button--footer { margin-left: -1.3rem; }  .footer .link { margin-left: -2rem; }}@media (max-width: 767px) {  /* header */  .header__tel strong { font-size: 1rem; }  .header__mail, .header__login.link { font-size: 0.8rem !important; }  .header__tel i { padding: 0 0.2rem 0 0; font-size: 1.3rem; }  .header__mail i { padding: 0 0.2rem 0 0; font-size: 1.1rem; }  .header__claim { display: none; }  /* content */  .banner__slider > li .banner__tit { font-size: 2.1rem; line-height: 2.9rem; }  .banner__control { margin-left: -253px; top: 400px; }  .tariff__info .t--right { float: none !important; text-align: left !important; }  .banner__tit { font-size: 2.2rem; line-height: 2.5rem; }  .banner__icobox { padding-top: 0.5rem; padding-right: 0.5rem; clear: both; }  .icobox__image { min-width: 82px; }  .tariff__name { padding-left: 95px; line-height: 2.5rem; margin-bottom: 0.8rem; }  .tariff__param { padding-left: 95px; padding-top: 0; }  .tariff__graph { width: 80px; position: absolute; top: 15px; left: 0; }  .form__demand { padding: 1.5rem; }  /* footer */  .footer { padding-top: 1rem; }  .footer__tit { margin: 0 -15px; padding: 1rem; border-bottom: 1px dotted rgba(255, 255, 255, 0.1); cursor: pointer; }  .footer__tit:after { content: "\f067"; position: absolute; top: 22px; right: 20px; display: inline-block; font: normal normal normal 13px/1 FontAwesome; color: rgba(255, 255, 255, 0.3); }  .footer__tit.is--active:after { content: "\f068"; color: #eb203e; }  .footer__nav { margin: 0 -15px; padding: 1rem 1rem 0; background: rgba(255, 255, 255, 0.1); display: none; }  .footer__nav li a { display: block; }  .footer .row .col-md-2:nth-last-of-type(1) { padding-top: 1.5rem; padding-left: 15px; padding-bottom: 0.5rem; }  .button--footer { margin-left: 0; }  .footer .link { margin-left: 0; margin-top: 1rem; }}@media (max-width: 575px) {  /* header */  .header { min-height: 128px; }  .header__top { height: 2.9rem; line-height: 2.9rem; }  .header__tel strong, .header__mail span { display: none; }  .header__logo { margin: 1rem 0 0 0 }  .header__logo img { height: 50px; }  .header__login { margin-right: -15px; padding: 0 1rem; }  .navigation__responsive { top: 14px; }  .navigation__body { top: 64px; }  /* content */  .banner--sub { background-image: none; min-height: 0; }  .banner__slider > li { padding-top: 2rem; padding-bottom: 2rem; min-height: 320px; }  .banner__slider > li .banner__tit { font-size: 1.8rem; line-height: 2.3rem; }  .banner__control { margin: 0; left: auto; right: 15px; top: 255px; }  .arrow a { border-color: #fff; }  .service .button { margin-bottom: 1rem; }  .section__tit { text-align: center; }  .news__arr { clear: both; margin: -28px 0 30px 0; float: left; width: 100%; }  #news--prev, #news--next { display: block; }  #news--prev { padding-right: 50%; margin-right: -48px; }  .new { margin-bottom: 1rem; }  .news .bx-wrapper .bx-viewport { margin-bottom: 1.5rem; }  .tariff__name { padding-left: 0; }  .tariff__param { padding-left: 0; }  .tariff__graph {display: none; }  .offer__tit { padding-left: 40px; padding-top: 70px; }  .offer__tit .button { margin: 0.5rem 0 0 0; }  /* footer */  .footer { padding-top: 0; }  .footer__sub { padding: 1.1rem 0; height: auto; line-height: 1.6rem; }  .footer__copy, .footer__made { float: none; text-align: center; }  .footer .row .col-md-2:nth-last-of-type(1) { text-align: center; }  .button--footer, .footer .link { display: block; float: none !important; }  .footer .link { margin-bottom: 1rem; }}@media (max-width: 480px) {  /* content */  .banner__slider > li { min-height: 0; padding-bottom: 1.5rem; background-position: bottom right -540px; }  .banner__control { display: none; }}/* ___| retina disp |_____________________ */@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {}/* custom */.mtdv{  margin-top: 20px;} .right{     float: right;} .top-fix{    line-height: 36px;}