@font-face {
    font-family: 'Calibri-light';
    src: url('../fonts/calibri_light.woff') format('woff'), url('../fonts/calibri_light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {
    position: relative;
    min-height: 100%;
    overflow-y: scroll;
}

body {
    font-family: Calibri-light, sans-serif;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
}

body > .container {
    min-height: 100%;
    height: 100%;
    background: #ffffff;
    padding: 0 15px 10px;
}

/*.stripe {*/
/*    width: 100%;*/
/*    height: 35px;*/
/*}*/

/*.spacer {*/
/*    width: 50px;*/
/*    border: 1px solid red;*/
/*    display: inline-block*/
/*}*/

.logo {
    padding: 15px 5px 5px;
}
.logo img {
    max-width: 372px;
}


.login {
    width: 100%;
    height: 50px;
    background: #ebebec;
    padding: 10px;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

form[name="ulogin"] ~ .btn-blue {
    float: right;
    position: absolute;
    right: 80px;
}

form[name="ulogin"] ~ .btn-orange {
    float: right;
    position: absolute;
    right: 205px;
}

form[name="ulogin"] img {
    vertical-align: middle;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.nav {
    padding: 10px 5px 20px 0;
}

.navbar-nav li {
    height: 30px;
    margin-right: 20px;
    font-size: 16px;
    text-transform: uppercase;
}

.navbar-nav li.select_lg {
    float: right;
    height: 30px;
    margin-top: -5px;
    margin-right: 0;
}

.navbar-nav a:hover {
    border-bottom: 2px solid #00aeef;
    padding-bottom: 0;
}

.navbar-toggle {
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 8px;
}

li.select_lg a {
    text-decoration: none !important;
    border: none !important;
}

.lngswith, .lngswith_ua, .lngswith::after, .lngswith_ua::after {
    background: url("../img/lng_switcher.svg") no-repeat;
    -webkit-background-size: 60px auto;
    background-size: 60px auto;
}

.lngswith, .lngswith_ua {
    display: inline-block;
    float: right;
    width: 60px;
    height: 29px;
    position: relative;
}

.lngswith::after, .lngswith_ua::after {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.lngswith {
    background-position: 0 -29px;
}

.lngswith::after {
    background-position: 0 0;
}

.lngswith_ua {
    background-position: 0 0;
}

.lngswith_ua::after {
    background-position: 0 -29px;
}

.lngswith:hover::after, .lngswith_ua:hover::after {
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

footer {
    margin-top: auto;
    width: 100%;
    background: #9c9c9c;
}

footer > .container {
    clear: both;
    margin: 0 auto;
    padding: 20px 15px 10px;
    font-size: 16px;
    color: #dcddde;
}

footer .btn {
    margin-bottom: 10px;
}

.h15 {
    height: 15px;
}

.h25 {
    height: 25px;
}

.h45 {
    height: 45px;
}

.h65 {
    height: 65px !important;
    line-height: 30px !important;
}

.h75 {
    height: 75px !important;
}

.h85 {
    height: 85px;
}

.h150 {
    height: 150px;
}

/*.light {*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

.light-middle {
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
}

.hiden-promo {
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
}

h1, h2, h3 {
    font-weight: normal;
    font-style: normal;
}

.pr {
    position: relative;
    color: white;
    height: 128px;
    padding: 0 5px 0 190px !important;
    font-size: 12pt;
    font-weight: 100;
    margin-top: 10px;
}

.pr span {
    position: relative;
    top: 0;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.pr p {
    position: relative;
    font-size: 16pt;
    font-style: normal;
    font-weight: 700;
    margin: 5px;
    padding-top: 7px;
}

.pr1, .pr2, .pr3 {
}

.pr1 {
    background: url("../img/pr_sprite.png") 0 0 no-repeat, #00aeef;
}

.pr2 {
    background: url("../img/pr_sprite.png") 0 -256px no-repeat, #00aeef;
}

.pr3 {
    background: url("../img/pr_sprite.png") 0 -512px no-repeat, #00aeef;
}

.pr1::before, .pr2::before, .pr3::before {
    content: "";
    background-size: 183px auto;
    opacity: 0;
    transition: opacity 0.5s;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.pr1::before {
    background: url("../img/pr_sprite.png") 0 -128px no-repeat, #f5821f;
}

.pr2::before {
    background: url("../img/pr_sprite.png") 0 -384px no-repeat, #f5821f;
}

.pr3::before {
    background: url("../img/pr_sprite.png") 0 -640px no-repeat, #f5821f;
}

.pr1:hover::before, .pr2:hover::before, .pr3:hover::before {
    opacity: 1;
    transition: opacity 0.5s;
}

.pr:hover > span {
    top: 2px;
}

.iptv-main-card {
    background: #00ADEF;
    border-radius: 20px;
    color:white!important;
}

.iptv-card {
    display: inline-block;
    margin: 10px 10px 20px 10px;
    width: calc((100% - 3*30px)/4);
    padding: 50px 20px;
    border-radius: 14px;
    background: white;
    box-shadow: 0 0 40px rgba(0, 0, 0 , 0.05);
}

.news {
    display: inline-block;
    margin: 10px 10px 20px 10px;
    width: calc((100% - 2*30px)/3);
    height: 280px;
    padding: 25px 20px 20px;
    border-radius: 14px;
    background: white;
    box-shadow: 0 0 40px rgba(0, 0, 0 , 0.1);
}

.news-title {
    font-size: 14pt;
    color: #00aeef;
    margin: 5px 0 10px;
}

.news, .modal_container {
    color: #808080 !important;
    text-align: justify;
    font-size: 12pt !important;
    font-weight: 100;
}

.news time, .modal_container time {
    font-size: 11pt;
    display: block;
    line-height: 2;
}

.news li, .modal_container li {
    list-style-type: circle;
    display: list-item;
}

.news .date-new:after {
    width: 28px;
    height: 28px;
    display: inline-block;
    content: '';
    position: absolute;
    top: -14px;
    right: 20px;
    /*margin-left: 7px;*/
    background: url("../img/badge.svg") no-repeat;
    background-size: 28px 28px;
}

a.readmore {
    display: none;
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 125px;
    text-align: center;
    margin: 10px 20px 5px 0;
    padding: 5px 10px;
    vertical-align: middle;
    font-size: 11pt;
    color: #fff;
    text-decoration: none;
    user-select: none;
    background: #999999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

a.readmore:hover {
    background: #b8b8b8;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.arrow img {
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.arrow:hover img {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.imgffb, .imgffb::after {
    background: url("../img/fb_footer.svg") no-repeat;
    -webkit-background-size: 65px auto;
    background-size: 65px auto;
}

.imgfig, .imgfig::after {
    background: url("../img/ig_footer.svg") no-repeat;
    -webkit-background-size: 65px auto;
    background-size: 65px auto;
}

.imgffb, .imgfig {
    display: inline-block;
    width: 65px;
    height: 65px;
    position: relative;
    background-position: 0 0;
}

.imgffb::after, .imgfig::after {
    background-position: 0 -65px;
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.imgffb:hover::after, .imgfig:hover::after {
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.icon-contacts {
    position: relative;
    padding-left: 25px;
    display: inline-block;
    margin-bottom: 4px;
    color: #dcddde !important;
}

.icon-contacts:before {
    background: url(../img/phones.svg?v=2) no-repeat;
    content: '';
    width: 20px;
    height: 20px;
    background-size: 20px auto;
    margin-top: -10px;
    margin-left: -25px;
    position: absolute;
    top: 50%;
    opacity: 0.3;
    transition: opacity 0.5s;
}

.icon-contacts-lc:hover:before,
.icon-contacts-ks:hover:before,
.icon-contacts-vf:hover:before,
.icon-contacts-ut:hover:before,
.icon-contacts-up:hover:before {
    opacity: 0.9;
}

.icon-contacts-ut:before {
    background-position: 0 0;
}

.icon-contacts-vf:before {
    background-position: 0 -20px;
}

.icon-contacts-lc:before {
    background-position: 0 -40px;
}

.icon-contacts-ks:before {
    background-position: 0 -60px;
}

.icon-contacts-up:before {
    background-position: 0 -80px;
}

.offset:before {
    display: block;
    content: '';
    height: 225px; /* Give height of your fixed element */
    margin-top: -225px; /* Give negative margin of your fixed element */
    visibility: hidden;
}

.btn-orange {
    color: #ffffff;
    background-color: #F68220;
    border-color: transparent;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
    color: #ffffff;
    background-color: #F59F58;
    border-color: transparent;
}

.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
    background-image: none;
}

.btn-orange.disabled,
.btn-orange[disabled],
fieldset[disabled] .btn-orange,
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled:active,
.btn-orange[disabled]:active,
fieldset[disabled] .btn-orange:active,
.btn-orange.disabled.active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange.active {
    background-color: #F68220;
    border-color: transparent;
}

.btn-orange .badge {
    color: #F68220;
    background-color: #ffffff;
}

.btn-blue {
    color: #ffffff;
    background-color: #00AEF0;
    border-color: transparent;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.open .dropdown-toggle.btn-blue {
    color: #ffffff;
    background-color: #43C1F2;
    border-color: transparent;
}

.btn-blue:active,
.btn-blue.active,
.open .dropdown-toggle.btn-blue {
    background-image: none;
}

.btn-blue.disabled,
.btn-blue[disabled],
fieldset[disabled] .btn-blue,
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled:active,
.btn-blue[disabled]:active,
fieldset[disabled] .btn-blue:active,
.btn-blue.disabled.active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue.active {
    background-color: #00AEF0;
    border-color: transparent;
}

.btn-blue .badge {
    color: #00AEF0;
    background-color: #ffffff;
}

.btn-default {
    color: #ffffff;
    background-color: #808080;
    border-color: transparent;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #bababa;
    border-color: transparent;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #808080;
    border-color: transparent;
}

.btn-default .badge {
    color: #808080;
    background-color: #ffffff;
}

.btn-border {
    background-color: #ffffff;
}

.btn-orange.btn-border {
    color: #F68220;
    border: 1px solid #F68220;
}

.btn-orange.btn-border.disabled, .btn-orange.btn-border.disabled:hover {
    background-color: #ffffff;
    border: 1px solid #F68220;
}

.btn-blue.btn-border {
    color: #00AEF0;
    border: 1px solid #00AEF0;
}

.btn-blue.btn-border.disabled, .btn-blue.btn-border.disabled:hover {
    background-color: #ffffff;
    border: 1px solid #00AEF0;
}

.btn-default.btn-border {
    color: #808080;
    border: 1px solid #808080;
}

.btn-default.btn-border.disabled, .btn-default.btn-border.disabled:hover {
    background-color: #ffffff;
    border: 1px solid #808080;
}

.btn-border:hover,
.btn-border:focus,
.btn-border:active {
    color: #ffffff;
    border-color: transparent;
}

.btn-act {
    color: #FFFFFF;
    background-color: #BCBDC0;
    border-color: transparent;
}

.btn-act:hover,
.btn-act:focus,
.btn-act:active,
.btn-act.active,
.open .dropdown-toggle.btn-act {
    color: #FFFFFF;
    background-color: #969696;
    border-color: transparent;
}

.btn-act:active,
.btn-act.active,
.open .dropdown-toggle.btn-act {
    background-image: none;
}

.btn-act.disabled,
.btn-act[disabled],
fieldset[disabled] .btn-act,
.btn-act.disabled:hover,
.btn-act[disabled]:hover,
fieldset[disabled] .btn-act:hover,
.btn-act.disabled:focus,
.btn-act[disabled]:focus,
fieldset[disabled] .btn-act:focus,
.btn-act.disabled:active,
.btn-act[disabled]:active,
fieldset[disabled] .btn-act:active,
.btn-act.disabled.active,
.btn-act[disabled].active,
fieldset[disabled] .btn-act.active {
    background-color: #BCBDC0;
    border-color: transparent;
}

.btn-act .badge {
    color: #BCBDC0;
    background-color: #FFFFFF;
}

.imgfb, .imgfb::after {
    background: url("../img/fb.svg") no-repeat;
    -webkit-background-size: 30px auto;
    background-size: 30px auto;
}

.imgfb {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    background-position: 0 0;
}

.imgfb::after {
    background-position: 0 -30px;
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.imgfb:hover::after {
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

/* hide vk link */

.imgvk, .imgvk::after {
    background: url("../img/vk.svg") no-repeat;
    -webkit-background-size: 30px auto;
    background-size: 30px auto;
}

.imgvk {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    background-position: 0 0;
}

.imgvk::after {
    background-position: 0 -30px;
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.imgvk:hover::after {
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.imgvk, .imgfvk {
    display: none;
}

/* hide vk link */

#navbar a {
    color: #77787b;
}

#navbar a:hover {
    color: #00aeef;
    border-bottom: 3px solid #00aeef;
}

form[name="ulogin"] .form-group > input {
    margin: 0 5px;
    width: 135px;
}

.vertical-padding {
    padding: 10px 0;
}

.grey_bg {
    background: #ebebec;
    margin-left: -15px;
    margin-right: -15px;
}

.tariffs-menu {
    margin-left: -15px;
    margin-right: -15px;
}

.tariffs-menu > div {
    position: relative;
    background: #ebebec;
    height: 45px;
}

.tariffs-menu nav {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-size: 13pt;
}

.tariffs-menu nav ul {
    padding-left: 0;
}

.tariffs-menu nav li {
    display: inline-block;
}

.tariffs-menu li.active, .tariffs-menu li:hover {

}

.tariffs-menu a {
    color: #77787b;
    padding: 10px 15px;
}

.tariffs-menu a:hover, .tariffs-menu li.active > a {
    color: #00aeef;
    text-decoration: none;
    padding: 10px 15px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background: #ffffff;
}

.tariff-description {
    float: left;
    width: 20%;
    margin-right: 10px;
}

.tariff-description .tariff-tr {
    border: none;
}

.tariff-description, .tariff-details {
    padding-bottom: 45px;
}

.tariff-details {
    float: left;
    width: 19%;
    text-align: center;
    margin-right: 8px;
}

.tariff-details:hover {
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
}

.tariff-details:hover .tariff-head {
    background: #f68220;
}

.tariff-details button {
    width: 100%;
}

.tariff-details:hover button {
    visibility: visible;
}

.tariff-details:last-child {
    margin-right: 0;
}

.tariff-head {
    padding: 10px 15px 0 15px;
    color: white;
    text-align: center;
    font-size: 26pt;
    height: 85px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background: #999999;
}

.tariff-head label {
    display: block;
    font-size: 15pt;
    font-weight: 200;
}

.tarrifs-iptv .tariff-details {
    width: 19%;
}

.orange-bg {
    background: #f68220;
}

.blue-bg {
    background: #01aef0;
}

.dark-blue-bg {
    background: #0189bd;
}

.fraction {
    display: inline;
    position: absolute;
    text-align: center;
    font-size: 10pt;
    margin: 6px 0 0 5px;
}

.numerator {
    border-bottom: 1px solid white;
}

.denominator {
    display: block;
}

.tariff-tr {
    height: 35px;
    padding: 10px 4px;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
}

.tariff-details .tariff-tr:nth-last-child(2) {
    border: 1px solid #d5d5d5;
}

.tariff-details .tariff-tr:nth-last-child(1) {
    border: none;
}

.tariff-details .h150 {
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
}

.tariff-details .h150 img {
    padding: 10px 5px;
    margin: 0 auto;
}

.progress {
    position: relative;
    width: 100%;
    z-index: 1;
    border-left: 30px solid transparent;
    border-right: 45px solid transparent;
}

.progress:before {
    position: absolute;
    top: 3px;
    left: -25px;
    z-index: 999;
}

.ua-ix .progress:before {
    content: url("../img/ua-ix.png");
}

.world .progress:before {
    content: url("../img/world.png");
    top: 1px;
}

.progress-bg {
    width: 100%;
    height: 20px;
    position: absolute;
    top: 0;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    background: #cccccc;
    z-index: 999;
    max-width: 97%;
}

.premium .progress-bg {
    background: #fec722;
}

.world .progress-fill {
    background: #01aef0;
}

.progress-fill {
    /*width:60%;*/
    max-width: 97%;
    height: 20px;
    position: absolute;
    top: 0;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    background: #f78320;
    z-index: 999;
}

.progress label {
    position: absolute;
    top: 0;
    right: 5px;
    margin-right: -50px;
    z-index: 999;
    font-weight: lighter;
}

.spd {
    width: 45px;
    display: inline-block;
    font-size: 10px !important;
    line-height: 10px;
    margin-left: 5px;
    vertical-align: middle;
}

.spd b {
    font-size: 16px !important;
}

.ua-ix {
    color: #f78320;
}

.world {
    color: #01aef0;
}

.service-price colgroup col:nth-child(1) {
    width: 75%;
}

.service-price colgroup col:nth-child(2) {
    width: 25%;
    text-align: center;
}

.old-tariff-description {
    width: 13.5%;
}

.old-tariff-details {
    width: 13.5%;
}

.old-tariff-details label {
    font-size: 13pt;
}

.old-tariff-details .tariff-tr {
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-top: none;
    border-bottom: none;
}

.old-tariff-details .tariff-tr:nth-last-child(1) {
    border-bottom: 1px solid #d5d5d5;
}

.bsns {
    height: 290px;
    background: url(../img/b_bg.png);
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.bsns li {
    list-style: none;
    text-align: center;
    display: inline-block;
    margin-top: 85px;
}

.bsns li:last-child {
    float: right;
    height: 290px;
    margin: 1px -5px 0 0;
    background: linear-gradient(#e6f1f3, #eef6f8);
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;
}

.bsns li:last-child h1 {
    /*margin-top:30px;*/
}

span.phones {
    display: inline-block;
    vertical-align: -5px;
    font-size: 30px;
    position: relative;
    padding: 10px 0 0 20px;
}

.phones sup {
    font-size: 16px;
    position: absolute;
    bottom: 30px;
    right: 100px;
}

.phones sup:before {
    content: url(../img/phones.png);
}

.noresize {
    resize: none;
}

/* Модальные окна */
.fixed-overlay {
    display: none;
    position: fixed;
    overflow: auto;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.80);
    z-index: 999;
}

.fixed-overlay__modal {
    text-align: center;
    white-space: nowrap;
}

.fixed-overlay__modal::after {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
    content: '';
}

.modal {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-width: 960px;
    margin: auto auto;
}

.modal_container {
    position: relative;
    margin: 50px;
    padding: 40px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    color: #000;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.modal_close {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 26px;
    height: 26px;
    background: url(../img/close.svg);
    cursor: pointer;
}

/* --- end --- */

.middle {
    vertical-align: middle;
}

.red {
    color: red
}

.green {
    color: green;
}

.orange {
    color: #f68220;
}

.blue {
    color: #00aeef;
}

.down-sign:after {
    content: '';
    position: absolute;
    right: 40%;
    bottom: -21px;
    margin-left: 140px;
    border: 7px solid transparent;
    border-bottom: 7px solid #ebebec;
}

.contacts {
    color: #808080;
}

.contacts > div {
    position: relative;
    display: table;
    margin: auto;
}

.c1, .c2, .c3 {
    width: 60px;
    height: 60px;
    float: left;
    position: absolute;
    left: -55px;
    top: 5px;
}

.rounding {
    border-collapse: separate;
    border-spacing: 0 10px;
    text-align: center;
}

.rounding th {
    font-size: 16pt;
    text-transform: uppercase;
    color: #333333;
}

.rounding tr:hover > td {
    background: linear-gradient(#fed98a, #feef8a);
}

.rounding td {
    background: linear-gradient(#ededed, #e2e2e2);
    padding: 10px 15px;
}

.rounding td:first-child {
    margin-left: 10px;
    text-align: left;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.rounding td:last-child {
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
}

.drw {
    background: linear-gradient(#9dd56a, #7ac043) !important;
    color: white;
}

.drwh {
    background: none !important;
    text-align: center !important;
    color: #333333;
}

.light-grey-bg {
    background: #f5f5f5;
}

.pb li img {
    display: block;
    margin: 15px auto;
}

.panel-new {
    border-bottom: 1px solid #f0f0f0;
}

.panel-new .panel-heading {
    padding-right: 40px;
    border-top: 1px solid #f0f0f0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
}

.panel-new .panel-title {
    font-size: 200%;
    padding: 10px 10px;
    color: #00adef;
}

span.arrow-collapse {
    width: 3.5rem;
    height: 3.5rem;
    display: inline-block;
    position: absolute;
    margin: 0 1rem;
    content: '';
    right: 0;
    top: 25%;
}

span.arrow-collapse span {
    top: 1.5rem;
    position: absolute;
    width: 2.05rem;
    height: .2rem;
    background-color: #00ADEF;
    display: inline-block;
    transition: all .2s ease;
}

span.arrow-collapse span:first-of-type {
    left: 0;
    transform: rotate(-45deg);
}

span.arrow-collapse span:last-of-type {
    right: 0;
    transform: rotate(45deg);
}

.panel-heading.collapsed span.arrow-collapse span:first-of-type {
    transform: rotate(45deg);
}

.panel-heading.collapsed span.arrow-collapse span:last-of-type {
    transform: rotate(-45deg);
}

.panel-new .panel-heading:hover, .panel-new .panel-heading[aria-expanded="true"] {
    background: #f0f0f0;
}

.panel-new .panel-heading[aria-expanded="true"] ~ .panel-collapse {
    background: #fcfcfc;
}

.abon-resources {
    padding: 1px 0 0 1px;
    display: flex;
    flex-wrap: wrap;
}

.resource {
    display: inline-block;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    margin: -1px 0 0 -1px;
    width: 33.3333%;
}

a.resource {
    padding: 25px;
    font-size: 20px;
}

.panel-heading {
    cursor: pointer;
}

.panel-heading:hover {
    background: #cacaca;
}

.panel-body {
    border: none !important;
    padding: 10px 28px;
}

ul.payments li {
    list-style-type: circle;
    margin: 5px;
}

.payments img {
    vertical-align: middle;
    opacity: .50;
    -ms-filter: 'alpha(opacity=50)'; /* ie 8 */
    filter: alpha(opacity=50); /* ie lt 7 */
    -moz-opacity: .50; /* ff lt 1.5, netscape */
}

.payments img:hover {
    opacity: 1.0;
}

.nav-tabs img {
    margin: 7px;
}

.res {
    margin-top: 20px;
    padding: 0 40px;
    font-size: 24px;
    color: #77787b;
}

i.icon {
    content: '';
    display: inline-block;
    background: url("../img/icons_sprite.svg") no-repeat;
    width: 48px;
    height: 48px;
    margin-right: 5px;
    vertical-align: middle;
    background-size: auto 48px;
    -webkit-background-size: auto 48px;
}

.icon--video {
    background-position: -0px -0px;
}

.icon--file {
    background-position: -48px -0px !important;
}

.icon--iptv {
    background-position: -96px -0px !important;
}

.icon--forum {
    background-position: -144px -0px !important;
}

.icon--adv {
    background-position: -192px -0px !important;
}

.icon--news {
    background-position: -240px -0px !important;
}

.icon--promo {
    background-position: -288px -0px !important;
}

.icon--pay {
    background-position: -336px -0px !important;
}

.icon--sale {
    background-position: -384px -0px !important;
}

.icon--supp {
    background-position: -432px -0px !important;
}

.icon--info {
    background-position: -480px -0px !important;
}

.icon--faq {
    background-position: -528px -0px !important;
}

.icon--device {
    background-position: -576px -0px !important;
}

.icon--loyalty {
    background-position: -624px -0px !important;
}

.icon--docs {
    width: 16px !important;
    height: 16px !important;
    background-size: auto 16px !important;
    -webkit-background-size: auto 16px !important;
    background-position: -224px -0px !important;
}

.icon--monitoring {
    background-position: -720px -0px !important;
}

ul.docs_other li {
    list-style-type: circle;
    margin: 5px;
}

#map {
    height: 435px;
}

.map-wrapper {
    position: relative;
}

.legend-1, .legend-2 {
    position: absolute;
    color: white;
    text-align: center;
    right: 5px;
    width: 150px;
    height: 30px;
    line-height: 30px;
    z-index: 999;
}

.legend-1 {
    background: #00adef;
    bottom: 55px;
}

.legend-2 {
    background: #9c9c9c;
    bottom: 20px;
}

.link {
    bottom: 60px;
    right: 10px;
    background: #00adef;
}

.nolink {
    bottom: 10px;
    right: 10px;
    background: #9c9c9c;
}

.zero {
    margin: 0;
    padding: 0;
}

.archive th {
    text-align: center;
}

[name="google_conversion_frame"] {
    display: none !important;
}

.mapbox-logo {
    visibility: hidden;
}

.icon-bar {
    border: 2px solid #808080;
}

.style1 {
    font-size: 175%;
    color: #0189bd;
    vertical-align: middle;
}

img[src*="api.merchenta.com/"] {
    display: none;
}

/* список телеканалов */
.tv-list .panel h4 {
    color: white;
}

.tv-list .panel > a {
    text-decoration: none;
}

.tv-list .panel-heading:hover {
    background: #f68220;
}

.panel-blue, .panel-grey, .panel-dark-blue, .panel-orange, .panel-blue .panel-heading, .panel-grey .panel-heading, .panel-dark-blue .panel-heading, .panel-orange .panel-heading {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
}

.panel-orange {
    border: 1px dashed #f68220;
}

.panel-orange > .panel-heading {
    background: #f68220;
}

.panel-dark-blue {
    border: 1px dashed #0189bd;
}

.panel-dark-blue .panel-heading {
    background: #0189bd;
}

.panel-blue {
    border: 1px dashed #00aeef;
}

.panel-blue .panel-heading {
    background: #01aef0;
}

.panel-grey {
    border: 1px dashed #c0c0c0;
}

.panel-grey .panel-heading {
    background: #c0c0c0;
}

/* END список телеканалов */

.hovered:hover {
    cursor: pointer;
}

.brdr-btm {
    border-bottom: 1px solid #d5d5d5 !important;
}

.brdr-tp {
    border-top: 1px solid #d5d5d5;
}

.tv-tr {
    padding-left: 10px;
    margin-bottom: -2px;
    border: 1px solid #d5d5d5 !important;
    border-right: none !important;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.desaturated > img {
    -webkit-filter: grayscale(100%);
    opacity: 0.3;
}

.desaturated > img:hover {
    -webkit-filter: grayscale(0%);
    opacity: 1;
}

.instruction .scrn {
    display: block;
    margin: 15px auto;
}

.logged > div {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-style: italic;
    line-height: 0.95em;
    padding: 0 5px;
}

.logged > img {
    content: url("../img/key_login.svg");
    -moz-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
}

.logged span {
    font-weight: bold;
}

.bonus div {
    padding: 15px 5px 0 15px;
    margin-bottom: 25px;
    height: 125px;
}

.gift {
    background: #00aeef;
    color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.gift:hover {
    background: #f68220;
}

.gift span {
    text-align: center;
    margin: 10px 0;
    display: block;
    font-size: 150%;
}

.tariff-description:nth-child(n+2) {
    display: none;
}

.carousel-control {
    width: 10%;
}

.carousel-control.left, .carousel-control.right {
    background-image: none !important;
}

.carousel-indicators {
    bottom: 5px;
}

.carousel-indicators li {
    border-radius: 3px;
}

.corner-ribbon {
    width: 90px;
    font-size: 16px;
    border-bottom: 20px solid #ff3448;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    height: 0;
    position: absolute;
    text-align: center;
    line-height: 20px;
    letter-spacing: 1px;
    color: #f0f0f0;
    z-index: 999;
}

.corner-ribbon.top-left {
    top: 15px;
    left: -19px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.btn-action:hover {
    color: #ffffff;
    background-color: #F68220;
    border-color: transparent;
}

.devices .btn {
    margin-top: 15px;
    margin-bottom: 15px;
}

.device_promo {
    position: relative;
}

.device_promo:after {
    content: url("../img/sale.svg");
    position: absolute;
    top: 15px;
    right: 15px;
    width: 64px;
    height: 64px;
    /*!*background: url("../img/sale.svg");*!*/
}

.logos {
    height: 250px;
}

.logos img {
    max-height: 200px;
    vertical-align: middle;
}

.phones_btn, .footer__btns {
    display: block;
    position: fixed;
    right: 50px;
    bottom: 20px;
    z-index: 99999;
}

#phnumbers {
    display: none;
    position: relative;
    text-align: justify;
    left: 0;
    bottom: 75px;
    background: #f68220;
    color: white;
    font-size: 20px;
    padding: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

#phnumbers a {
    font-size: 24px;
    color: white !important;
    font-weight: lighter;
}

#phnumbers:after {
    content: "";
    position: absolute;
    right: 18px;
    bottom: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #f68220;
}

.phbutton, .footer__btns .footer__btn-play {
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
    background: url("../img/phone.svg");
    width: 55px;
    height: 55px;
    z-index: 99999;
    animation-delay: 1.7s;
}

.phbutton {
    background: url("../img/phone.svg");
}

.footer__btns .footer__btn-play {
    background: url("../img/btn-play.svg");
}

.shine {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
}

.phbutton_shine, .btn_shine {
    position: absolute;
    width: 61px;
    height: 61px;
    right: -3px;
    bottom: -3px;
    z-index: 99998;
    border: 1px solid rgba(246, 130, 32, 0.2);
    border-radius: 35px;
    -webkit-border-radius: 35px;
    background: radial-gradient(at center, rgba(246, 130, 32, 0.1), rgba(246, 130, 32, 0.1), rgba(246, 130, 32, 0.1), rgba(246, 130, 32, 0.3), rgba(246, 130, 32, 0.7));
    -webkit-animation: pulse 1.4s 4.6 cubic-bezier(0.1, 0.2, 0.2, 3);
}

.phbutton:hover ~ .shine > .phbutton_shine, .footer__btn-play:hover .shine > .btn_shine {
    -webkit-animation: pulse 1.4s infinite cubic-bezier(0.1, 0.2, 0.2, 3);
}

.grayscale {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.promonavs li a img {
    opacity: 0.65;
}

.promonavs li.active a img, .promonavs li:hover a img {
    opacity: 1.0;
}

.yesnoimg, .yesnoimg_reset {
    cursor: pointer;
}

.vacancy ul {
    padding-bottom: 15px;
}

.vacancy h2 img {
    display: block;
    margin: 0 auto;
    padding-top: 15px;
}

ul.dash {
    list-style: none;
    padding-left: 10px;
    padding-right: 10px;
    /*margin: 0;*/
}

ul.dash li {
    /*padding: 0 10px;*/
    margin-left: -5px;
}

ul.dash li:before {
    content: "-";
    position: relative;
    left: -5px;
}


/* ---------- Оплаты ---------- */

.payment-system {
    height: 21px;
    display: inline-block;
    margin-left: 5px;
}

.payments-card {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.payments-card__item {
    flex-basis: 18.3%;
    margin: 10px;
}

.payments-card__item__logo {
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .5rem;
    margin-bottom: 15px;
}

.payments-card__item__logo img,
.payments-nav > li > a img {
    margin-top: 15px;
    margin-bottom: 20px;
}

.payments-card__item__title {
    display: block;
    font-size: 140%;
    margin: 0 0 10px;
}

.payments-card__item__body {
    padding: 0 0 10px;
    height: 2em;
}

.payments-card__item__links {
    margin-bottom: 35px;
}

.payments__btn {
    width: 100px;
}

.nav-tabs > li > a {
    background: #F8F9F9;
    border: 1px solid #ddd;
    border-radius: .25rem;
    font-size: 125%;
    text-transform: uppercase;
    color: #77787b;
}

.nav-tabs li.active > a {
    background: none !important;
    border-bottom: none !important;
    color: #00adef !important;
}

/* ---------- End Оплаты ---------- */

/* ---------- Телеканалы и оборудование ---------- */

.channels-list, .devices-list {
    padding: 1px 0 0 1px;
    display: flex;
    flex-wrap: wrap;
}

.channels-list__item, .more-button, .devices-list__item {
    display: inline-block;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    margin: -1px 0 0 -1px;
}

.channel__quality, .more-button__header {
    display: block;
    width: 100%;
    height: 24px;
}

.channel__logo, .more-button__body {
    width: 150px;
    height: 85px;
    margin: 0 auto;
}

.channel__title, .more-button__footer {
    text-align: center;
    font-size: 14px;
    height: 32px;
    margin-bottom: 14px;
}

.bg--family {
    background: #effbff;
}

.bg--vip {
    background: #fef6ef;
}

.channel_hd {
    position: relative;
}

.channel_hd:after {
    display: inline-block;
    content: "";
    width: 24px;
    height: 24px;
    background: url("../img/chnl_hd.svg") no-repeat;
    position: absolute;
    top: 10px;
    right: 10px;
}

.more-button {
    background: #00adef;
    color: white;
}

.more-button:hover {
    color: #00adef;
    cursor: pointer;
    background: white;
    border: 1px solid #00adef;
}

.more-button__body {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 7rem;
}

.devices-list__item {
    padding: 15px;
    position: relative;
    overflow: hidden;
}

.device__deals {
    position: absolute;
    top: 12px;
    right: -25px;
    transform: rotate(45deg);
    text-align: center;
    width: 100px;
    height: 24px;
    background: red;
    color: white;
}

.device__deals a {
    color: white !important;
}

.device__label {
    height: 24px;
    position: absolute;
    top: 15px;
    left: 25px;
}

.device__picture {
    padding: 25px 15px;
    text-align: center;
}

.device__title {
    height: 54px;
    font-size: 18px;
    font-weight: bold;
}

.device__info {
    margin-bottom: 15px;
    height: 80px;
    font-size: 14px;
    line-height: 20px;
}

.device__price--buy {
    font-size: 24px;
    height: 32px;
    color: #00ADEF;
}

.device__price--buy .currency {
    font-size: 18px;
}

.device__price--rent {
    font-size: 14px;
    height: 24px;
    margin-bottom: 25px;
}

.device__btn {
    width: 115px;
    margin-right: 15px
}

.device__btn:last-of-type {
    margin-right: 0;
}

.badge {
    font-weight: normal;
    background: #f68220;
}

.out_of_stock {
    opacity: 0.85;
}

.out_of_stock .device__picture img {
    opacity: 0.35;
}

.out_of_stock .device__price--buy {
    color: #808080;
}

.hidden {
    display: none;
}


input[type="radio"][id="devices-routers"]:checked ~ .devices-list:not(.devices--routers) {
    display: none;
}

input[type="radio"][id="devices-mesh"]:checked ~ .devices-list:not(.devices--mesh) {
    display: none;
}

input[type="radio"][id="devices-switch"]:checked ~ .devices-list:not(.devices--switch) {
    display: none;
}

input[type="radio"][id="devices-stb"]:checked ~ .devices-list:not(.devices--stb) {
    display: none;
}

input[type="radio"][id="devices-cameras"]:checked ~ .devices-list:not(.devices--cameras) {
    display: none;
}

input[type="radio"][id="devices-different"]:checked ~ .devices-list:not(.devices--parts) {
    display: none;
}


input[type="radio"][id="genre--entertainment"]:checked ~ .tab-channels > .channels-list .channels-list__item:not(.genre--entertainment) {
    display: none;
}

input[type="radio"][id="genre--information"]:checked ~ .tab-channels > .channels-list .channels-list__item:not(.genre--information) {
    display: none;
}

input[type="radio"][id="genre--children"]:checked ~ .tab-channels > .channels-list .channels-list__item:not(.genre--children) {
    display: none;
}

input[type="radio"][id="genre--cinema"]:checked ~ .tab-channels > .channels-list .channels-list__item:not(.genre--cinema) {
    display: none;
}

input[type="radio"][id="genre--cognitive"]:checked ~ .tab-channels > .channels-list .channels-list__item:not(.genre--cognitive) {
    display: none;
}

input[type="radio"][id="genre--cognitive"]:checked ~ .tab-channels > .channels-list .channels-list__item:not(.genre--cognitive) {
    display: none;
}

input[type="radio"][id="genre--music"]:checked ~ .tab-channels > .channels-list .channels-list__item:not(.genre--music) {
    display: none;
}

input[type="radio"][id="genre--sports"]:checked ~ .tab-channels > .channels-list .channels-list__item:not(.genre--sports) {
    display: none;
}

input[type="radio"][id="genre--radio"]:checked ~ .tab-channels > .channels-list .channels-list__item:not(.genre--radio) {
    display: none;
}

input[type="radio"][name="devices"]:checked + label,
input[type="radio"][name="channels"]:checked + label {
    background: #00ADEF;
    color: white;
}

input[type="radio"][name="devices"],
input[type="radio"][name="channels"] {
    display: none;
}

input[name="devices"] + label,
input[name="channels"] + label {
    border: 1px solid #00ADEF;
    color: #00ADEF;
    border-radius: 4px;
    display: inline-block;
    padding: 6px 12px;
    margin-left: 10px;
    margin-bottom: 15px;
    font-weight: normal;
}

input[name="devices"]:hover + label,
input[name="channels"]:hover + label {
    cursor: pointer;
    background: #00ADEF;
    color: white;
}


input[type="radio"][id="genre--entertainment"]:checked ~ .tab-channels > .channels-list .genre--entertainment.hidden,
input[type="radio"][id="genre--information"]:checked ~ .tab-channels > .channels-list .genre--information.hidden,
input[type="radio"][id="genre--children"]:checked ~ .tab-channels > .channels-list .genre--children.hidden,
input[type="radio"][id="genre--cinema"]:checked ~ .tab-channels > .channels-list .genre--cinema.hidden,
input[type="radio"][id="genre--cognitive"]:checked ~ .tab-channels > .channels-list .genre--cognitive.hidden,
input[type="radio"][id="genre--music"]:checked ~ .tab-channels > .channels-list .genre--music.hidden,
input[type="radio"][id="genre--sports"]:checked ~ .tab-channels > .channels-list .genre--sports.hidden,
input[type="radio"][id="genre--radio"]:checked ~ .tab-channels > .channels-list .genre--radio.hidden {
    display: inline-block !important;
}

input[type="radio"][id="genre--entertainment"]:checked ~ .tab-channels > .channels-list .more-button,
input[type="radio"][id="genre--information"]:checked ~ .tab-channels > .channels-list .more-button,
input[type="radio"][id="genre--children"]:checked ~ .tab-channels > .channels-list .more-button,
input[type="radio"][id="genre--cinema"]:checked ~ .tab-channels > .channels-list .more-button,
input[type="radio"][id="genre--cognitive"]:checked ~ .tab-channels > .channels-list .more-button,
input[type="radio"][id="genre--music"]:checked ~ .tab-channels > .channels-list .more-button,
input[type="radio"][id="genre--sports"]:checked ~ .tab-channels > .channels-list .more-button,
input[type="radio"][id="genre--radio"]:checked ~ .tab-channels > .channels-list .more-button {
    display: none;
}

a.applink {
    filter: invert(90%);
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

a.applink:hover {
    text-decoration: none;
    filter: invert(0%);
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

a.applink.disabled {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
}

/* ---------- Телеканалы и оборудование ---------- */


.channel--archive {
    outline: 1px solid #eeeeee;
    padding: 10px;
    outline-offset: -5px;
    text-align: center;
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 140px;
}

.channel--archive .channel a {
    display: block;
}

.channel--archive [class*='chnl_'] {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    margin: 0 auto;
    width: 88px;
    height: 50px;
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-5 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}

/* -------------------------------------------- lg -------------------------------------------- */

@media (min-width: 1260px) {
    body {
        /*padding-bottom: 220px;*/
    }

    .login {
        max-width: 760px;
    }

    .navbar {
        margin-top: -35px;
    }

    .headbutton {
        width: 120px;
    }

    .headbutton a {
        color: white !important;
        text-decoration: none;
    }

    #myCarousel {
        height: 417px;
    }

    .abon_bg {
        height: 435px;
    }

    footer {
        width: 100%;
        background: #9c9c9c;
    }

    .tariff-description, .tariff-details {
        padding-bottom: 5px;
    }

    .tariff-tr button {
        visibility: hidden;
    }

    ul.docs_other {
        margin: 15px 0;
    }

    footer:before {
        content: '';
        width: 100%;
        max-width: 1260px;
        height: 100vh;
        background: #ffffff;
        position: absolute;
        bottom: 221px;
        left: 50%;
        z-index: -999;
        margin-left: -630px;
    }

    .channels-list__item, .more-button {
        width: 16.6667%;
        min-width: 200px;
    }

    .devices-list__item {
        width: 25%;
    }
}

/* -------------------------------------------- md -------------------------------------------- */

@media (max-width: 1259px) {
    .tariff-description:nth-child(1) {
        display: inline-block;
    }

    .promonavs li a img {
        max-width: 150px;
        height: auto;
    }

    .resource {
        width: 50%;
    }

    .channels-list__item, .more-button {
        width: 25%;
        min-width: 200px;
    }

    .devices-list__item {
        width: 33.3333%;
    }

    .payments-card__item {
        flex-basis: 30.3%;
    }

    .news {
        width: calc((100% - 2*30px)/3);
    }
    .iptv-card {
        width: calc((100% - 2*30px)/2);
    }
    .headbutton a {
        color: white !important;
        text-decoration: none;
    }
}

/* -------------------------------------------- sm -------------------------------------------- */

@media (max-width: 991px) {

    ul.docs_other {
        padding-left: 10px;
    }

    .tarrifs-iptv .tariff-description, .tarrifs-iptv .tariff-details, .tariff-description, .tariff-details {
        width: 31%;
        margin: 0 5px;
    }

    .select_lg {
        position: relative;
        bottom: 90px;
    }

    .tariff-description:nth-child(5), .tariff-description:nth-child(9) {
        display: inline-block;
    }

    .resource {
        width: 50%;
    }

    .channels-list__item, .more-button {
        width: 33.3333%;
        min-width: 200px;
    }

    .devices-list__item {
        width: 50%;
    }

    .payments-card__item {
        flex-basis: 46.3%;
    }
    .news {
        width: calc((100% - 20px));
    }
    .iptv-card {
        width: calc((100% - 20px));
    }

}

/* -------------------------------------------- xs -------------------------------------------- */

@media (max-width: 767px) {
    /*form[name='ulogin'] {*/
        /*clear: both;*/
        /*margin: auto !important;*/
    /*}*/

    [name='ulogin'] .form-group > input {
        display: inline-block;
        width: 35% !important;
    }

    .navbar-toggle {
        border: 1px solid #888888;
    }

    [name='tariffs'] > a {
        margin-right: 15px;
        margin-top: -1px;
        padding: 0;
        font-size: 16px;
        text-transform: uppercase;
    }

    [name='tariffs'] > a.dropdown-toggle:hover {
        text-decoration: none;
    }

    [name='tariffs'] > a.dropdown-toggle, [name='tariffs'] > a.dropdown-toggle:hover, [name='tariffs'] > a.dropdown-toggle:active {
        background: none;
        box-shadow: none;
    }

    [name='tariffs'] > ul li {
        padding: 5px 0;
        font-size: 16px;
        text-transform: uppercase;
    }

    .navbar-nav li {
        margin-right: 15px;
    }

    .navbar-nav li:last-child {
        margin-right: 0;
    }

    .news {
        width: calc((100% - 20px));
    }
    .iptv-card {
         width: calc((100% - 20px));
     }

    .news p {
        text-align: center;
    }

    .tarrifs-iptv .tariff-description, .tarrifs-iptv .tariff-details, .tariff-description, .tariff-details {
        width: 50%;
        margin: 0;
        padding-right: 5px;
    }

    .old-tariff-description, .old-tariff-details {
        padding-bottom: 15px;
    }

    .tariff-tr .invisible {
        visibility: visible !important;
        display: block !important;
    }

    .tariff-tr .style1 {
        font-size: 150%;
    }

    .tariff-head {
        font-size: 20pt;
    }

    .tariff-head label {
        font-size: 14pt;
    }

    .fraction {
        margin: -2px 0 0 5px;
    }

    .rounding th {
        font-size: 8pt;
    }

    .rounding td {
        padding: 5px;
    }

    ul.payments {
        padding: 5px;
    }

    .modal_container {
        margin: 0;
        padding: 15px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    #accordion ul {
        margin-left: 10px;
        padding-left: 5px;

    }

    .select_lg {
        position: relative;
        bottom: 21px;
    }

    .tariff-description:nth-child(n) {
        display: inline-block;
    }

    .carousel-indicators li {
        display: none
    }

    .phones_btn, .footer__btns {
        bottom: 25px;
        right: 25px;
    }

    .channel {
        width: 45%;
    }

    .resource {
        width: 100%;
    }

    .channels-list__item, .more-button {
        width: 50%;
        min-width: 150px;
    }

    .devices-list__item {
        width: 100%;
    }

    footer {
        padding-bottom: 20px;
    }

    .footer-contacts {
        text-align: center;
        margin-top: 15px;
    }

    .payments-card__item {
        flex-basis: 100%;
    }
}


/*-- spacing utilities --*/
.m-0 {
    margin: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mr-1 {
    margin-right: 0.25rem !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1 {
    margin-left: 0.25rem !important;
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ml-auto {
    margin-left: auto !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pr-1 {
    padding-right: 0.25rem !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1 {
    padding-left: 0.25rem !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pr-2 {
    padding-right: 0.5rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2 {
    padding-left: 0.5rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pr-4 {
    padding-right: 1.5rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.pl-5 {
    padding-left: 3rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

@media (min-width: 768px) {
    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0 {
        margin-left: 0 !important;
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1 {
        margin-left: 0.25rem !important;
    }

    .mx-sm-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2 {
        margin-left: 0.5rem !important;
    }

    .mx-sm-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3 {
        margin-left: 1rem !important;
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4 {
        margin-left: 1.5rem !important;
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5 {
        margin-left: 3rem !important;
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto {
        margin-left: auto !important;
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0 {
        padding-left: 0 !important;
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1 {
        padding-left: 0.25rem !important;
    }

    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2 {
        padding-left: 0.5rem !important;
    }

    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3 {
        padding-left: 1rem !important;
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4 {
        padding-left: 1.5rem !important;
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5 {
        padding-left: 3rem !important;
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}

@media (min-width: 992px) {
    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0 {
        margin-left: 0 !important;
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1 {
        margin-left: 0.25rem !important;
    }

    .mx-md-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2 {
        margin-left: 0.5rem !important;
    }

    .mx-md-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3 {
        margin-left: 1rem !important;
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4 {
        margin-left: 1.5rem !important;
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5 {
        margin-left: 3rem !important;
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto {
        margin-left: auto !important;
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0 {
        padding-left: 0 !important;
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1 {
        padding-left: 0.25rem !important;
    }

    .px-md-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2 {
        padding-left: 0.5rem !important;
    }

    .px-md-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3 {
        padding-left: 1rem !important;
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4 {
        padding-left: 1.5rem !important;
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5 {
        padding-left: 3rem !important;
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}

@media (min-width: 1260px) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0 {
        margin-left: 0 !important;
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1 {
        margin-left: 0.25rem !important;
    }

    .mx-lg-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2 {
        margin-left: 0.5rem !important;
    }

    .mx-lg-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3 {
        margin-left: 1rem !important;
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4 {
        margin-left: 1.5rem !important;
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5 {
        margin-left: 3rem !important;
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto {
        margin-left: auto !important;
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0 {
        padding-left: 0 !important;
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1 {
        padding-left: 0.25rem !important;
    }

    .px-lg-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2 {
        padding-left: 0.5rem !important;
    }

    .px-lg-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3 {
        padding-left: 1rem !important;
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4 {
        padding-left: 1.5rem !important;
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5 {
        padding-left: 3rem !important;
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}

@media print {

    body:before {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        width: 350px;
        height: auto;
        content: url(../img/logo.svg);
    }

    header, #myCarousel, footer, .readmore, .bsns {
        display: none !important;
    }

    .promo .nav, .pay .nav {
        display: none !important;
    }

}