nav {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

nav,
section {
    display: block
}

html {
    box-sizing: border-box;
}

* {
    box-sizing: inherit;
}

.nav__table--mobile {
    display: none!important;
}

@media (min-width: 1200px) {
    .nav__table--mobile {
        display: block!important;
    }
}

.nav__reference--desktop {
    display: none!important;
}

@media (min-width: 1200px) {
    .nav__reference--desktop {
        display: block!important;
    }
}

.nav__reference--mobile {
    display: block!important;
}
@media (min-width: 1200px) {
    .nav__reference--mobile {
        display: none!important;
    }
}

.nav__reference--mobile:hover {
    cursor: pointer;
}

.img-responsive {
    width: 100%;
    height: 100%
}

.nav,
footer {
    position: relative;
    font-family: "Lato", sans-serif;
}

.nav a:focus,
a:hover,
a:active {
    text-decoration: none;
}

.nav__content {
    width: 100%;
    height: 53px;
    z-index: 1002;
    position: fixed;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 79, .2);
    border-bottom: 1px solid #ddd;
}

@media (min-width: 1920px) {
    .nav__content {
        height: 70px;
    }
}

.nav__icon {
    width: 33px;
    height: 45px;
    margin-left: 10px;
    display: inline-block;
    position: relative;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer
}

@media (min-width:1200px) {
    .nav__icon {
        display: none
    }
}

.nav__element {
    display: block;
    position: absolute;
    height: 2px;
    width: 50%;
    background: #393939;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: .25s ease-in-out
}

.nav__element:nth-child(even) {
    left: 50%
}

.nav__element:nth-child(odd) {
    left: 10px
}

.nav__element:first-child,
.nav__element:nth-child(2) {
    top: 22px
}

.nav__element:nth-child(3),
.nav__element:nth-child(4) {
    top: 27px
}

.nav__element:nth-child(5),
.nav__element:nth-child(6) {
    top: 32px
}

.nav .nav__icon.open .nav__element:first-child,
.nav .nav__icon.open .nav__element:nth-child(6) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nav .nav__icon.open .nav__element:nth-child(2),
.nav .nav__icon.open .nav__element:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.nav .nav__icon.open .nav__element:first-child {
    left: 10px;
    top: 23px
}

.nav .nav__icon.open .nav__element:nth-child(2) {
    left: calc(50% - 0);
    top: 23px
}

.nav .nav__icon.open .nav__element:nth-child(3) {
    left: -50%;
    opacity: 0
}

.nav .nav__icon.open .nav__element:nth-child(4) {
    left: 100%;
    opacity: 0
}

.nav .nav__icon.open .nav__element:nth-child(5) {
    left: 10px;
    top: 30px
}

.nav .nav__icon.open .nav__element:nth-child(6) {
    left: calc(50% - 0);
    top: 30px
}

.nav__logo {
    position: absolute;
    display: inline-block;
    width: 130px;
    margin: 0 auto;
    left: calc(50% - 65px);
    top: 12px;
    z-index: 10;
}

@media (min-width:320px) {
    .nav__logo {
        /*        position: absolute;
                left: calc(50% - 81px);
                top:10px;
                margin: 0 auto;*/
    }
}

@media (min-width:1200px) {
    .nav__logo {
        position: static;
        margin-left: 20px;
        margin-right: 21px;
        width: 140px;
    }

    .nav__logo img {
        margin-bottom: 3px;
    }
}

@media (min-width:1920px) {
    .nav__logo {
        width: 162px;
    }

    .nav__logo img {
        margin-bottom: 0;
    }
}

.nav__list {
    height: 450px;
    width: 200px;
    overflow-y: scroll;
    z-index: 2;
    top: 53px;
    left: -210px;
    background-color: #fff;
    transition: 0.3s;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.22), 0 10px 24px 0 rgba(0, 0, 0, 0.30);
}

@media screen and (max-height) {
    .nav__list {
        padding-top: 15px;
    }
}

.nav__list::-webkit-scrollbar {
    width: 8px;
    height: 20px !important;
    margin-right: 10px;
}

.nav__list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px transparent;
    background: #fff;
    margin-right: 10px;
}

.nav__list::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px #999999;
    background: #999999;
    margin-right: 10px;
}

.nav__open {
    left: 0 !important;
}

.nav__link {
    width: 100%;
    padding: 14px 0 12px 20px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    color: #393939 !important;
    display: block;
    transition: .3s;
    border-bottom: 1px solid #979797
}

@media screen and (max-height: 450px) {
    .nav__link {
        font-size: 18px;
    }
}

.nav__link:hover {
    background: #d8d8d8;
    text-decoration: none;
}

.nav__log {
    width: 100%;
    font-weight: normal;
    text-transform: capitalize;
    text-align: center;
    padding-right: 23px
}

@media (min-width:1200px) {
    .nav__log {
        display: none !important
    }
}

.nav__menu {
    display: none;
    text-align: center;
}

@media (min-width:1200px) {
    .nav__menu {
        display: inline-block;
        border-right: 1px solid #dddddd;
        background-color: #fff;
    }
}

.nav__services {
    display: none;
    width: 100%;
    position: absolute;
    top: -810px;
    z-index: 10000;
    background: #fff;
    box-shadow: 0 24px 24px 0 rgba(0, 0, 0, .3), 0 0 24px 0 rgba(0, 0, 0, .22);
    transition: all 0.4s ease-in-out;
    /*    box-sizing: inherit;*/
}

@media (min-width:1200px) {
    .nav__services {
        display: block;
    }
}

.nav__services.open {
    top: 0;
}

.nav__closing {
    display: block;
    height: 37px;
    margin: 14px 0 30px 16px;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.nav__closing:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.nav__service {
    display: inline-block;
    width: 28%;
    padding-left: 37px;
    margin-bottom: 39px;
}

.nav__antenne {
    display: inline-block;
    width: 68%;
    vertical-align: top;
    padding-left: 40px;
}

@media (min-width: 1513px) {
    .nav__antenne {
        width: 59%;
    }
}

@media (min-width: 1763px) {
    .nav__antenne {
        width: 50%;
    }
}

.nav__header {
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 29px;
    color: #6a6a6a;
    text-transform: uppercase;
}

.nav__item {
    width: 315px;
    height: 42px;
    display: block;
    margin: 12px 0;
    background-color: #fff;
    padding: 13px 13px 0 17px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .22);
    border: .5px solid rgba(255, 255, 255, .8);
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #6a6a6a !important;
}

.nav__item:first-of-type {
    margin-top: 30px;
}

.nav__item:hover {
    background: #dadada;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3), 0 0 2px 0 rgba(0, 0, 0, .22);
    text-decoration: none;
}

.nav__cover {
    display: inline-block;
    text-align: center;
    width: 145px;
    height: 81px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding-top: 29px;
    float: left;
}

.nav__cover:hover {
    box-shadow: 0 24px 24px 0 rgba(0, 0, 0, .3), 0 0 24px 0 rgba(0, 0, 0, .22);
}

.tvp-1 {
    background: #00a8e5;
}

.tvp-2 {
    background: #e77a34;
}

.tvp-3 {
    background: #064a89;
}

.abc {
    background: #bfeddc;
    padding-top: 20px;
}

.tvp-rozrywka {
    background: #c62777;
    padding-top: 23px;
}

.tvp-hd {
    background: #00548f;
}

.tvp-info {
    background: #c11e43;
}

.tvp-kultura {
    background: #1a1919;
    padding-top: 20px;
}

.tvp-historia {
    background: #C38B34;
    padding-top: 20px;
}

.tvp-seriale {
    background: #5a2167;
    padding-top: 20px;
}

.tvp-sport {
    background: #df542a;
    padding-top: 23px;
}

.tvp-parlament {
    background: #536eaf;
}

.tvp-bielsat {
    background: #fff;
}

.tvp-polonia {
    background: #d82332;
    padding-top: 20px;
}

.nav__img {
    height: 55px;
    margin: 25px 10px;
    width: 80%;
}

.nav__large {
    height: 35px;
    vertical-align: super;
}

.nav__medium {
    height: 20px;
    vertical-align: super;
}

.nav__small {
    height: 70px;
}

.nav__right {
    font-size: 24px;
    margin: -5px;
    float: right;
}

.nav__image {
    display: block;
    width: 82px;
    height: 69px;
    padding-top: 14px;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.nav__image:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #f5f5f5;
    transition: all .3s;
}

.nav__image span {
    margin-top: 10px;
    font-size: 9px;
    display: block;
    text-transform: uppercase;
    color: #535353;
}

@media (min-width: 1200px) {
    .nav__image {
        height: 53px;
        padding-top: 14px;
    }
}

@media (min-width: 1920px) {
    .nav__image {
        height: 70px;
        padding-top: 22px;
    }
}

@-moz-document url-prefix() {
    @media (min-width: 1200px) {
        .nav__navigation {
            width: auto;
        }
    }
}

@media (max-width:1199px) {
    .nav__navigation {
        position: fixed;
        left: -210px;
    }
}

@media (min-width: 1200px) {
    .nav__navigation {
        display: inline-block;
        height: 54px;
        vertical-align: top;
    }
}

@media (min-width:1920px) {
    .nav__navigation {
        height: 70px;
    }
}

.nav__table {
    display: block;
}

@media (min-width:1200px) {
    .nav__table {
        display: inline-block;
        margin-left: -4px;
        position: relative;
    }

    .nav__table .nav__more a {
        padding-right: 29px;
    }

    .nav__more {
        display: none;
        position: relative
    }
}


.nav__more:hover .nav__down {
    opacity: 0
}

.nav__more:hover .nav__up {
    opacity: 1
}

.nav__more .nav__reference {
    padding-right: 30px;
    margin-left: -3px
}

@media (min-width:1200px) {
    .nav__more {
        display: inline-block
    }
}

.nav__submenu {
    background: #fff;
    transition: all 0.5s;
}

@media (min-width: 1200px) {
    .nav__submenu {
        display: none;
        width: 190px;
        position: absolute;
        top: 64px;
        left: -3px;
        box-shadow: 0 0 24px 0 rgba(0, 0, 0, .22), 0 24px 24px 0 rgba(0, 0, 0, .3);
    }
}

@media (min-width: 1200px) {
    .nav__submenu {
        top: 52px;
    }

    .nav__submenu li {
        margin-left: 0;
    }
}

@media (min-width: 1920px) {
    .nav__submenu {
        top: 70px;
    }
}

.nav__submenu .nav__table {
    width: 100%;
}

.nav__submenu .nav__table:nth-of-type(7) {
    text-transform: uppercase;
}

.nav__submenu .nav__reference {
    width: 100%;
    padding: 14px 20px;
    display: block;
    text-decoration: none;
    color: #393939 !important;
    position: relative;
    border-color: transparent;
    line-height: 1.37;
    margin-left: 0px;
}

.nav__reference {
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    color: #222222 !important;
    transition: all 0.3s;
}

.nav__reference:first-letter {
    text-transform: capitalize;
}

@media (min-width:1200px) {
    .nav__reference {
        padding: 17px 9px 18px;
    }
}

@media (min-width:1920px) {
    .nav__reference {
        padding: 27px 10px 25px;
    }
}

.nav__reference:hover {
    background: #f5f5f5;
    text-decoration: none;
}

.nav__submenu .nav__open {
    display: block;
}

.nav__show {
    display: none;
}

@media (min-width: 1200px) {
    .nav__show {
        display: block;
    }
}

@media (min-width: 1200px) {
    .nav__more .nav__show {
        margin-left: 0;
    }
}

.nav__down,
.nav__up {
    opacity: 1;
    position: absolute;
    color: #b91d21;
    font-size: 20px;
    transition: all .3s
}

@media (min-width: 320px) {

    .nav__down,
    .nav__up {
        top: 23px;
    }
}

@media (min-width: 1200px) {

    .nav__down,
    .nav__up {
        top: 15px;
    }
}

@media (min-width: 1920px) {

    .nav__down,
    .nav__up {
        top: 23px;
    }
}

.nav__up {
    opacity: 0;
}

.nav__input {
    position: absolute;
    right: 7px;
    top: 2px;
    display: block;
    width: 0;
    color: #000;
    border: 2px solid transparent;
    font-size: 18px;
    background: #fff;
    padding: 15px 20px;
    opacity: 0;
}

@media (min-width:1200px) {
    .nav__input {
        right: 351px;
        top: 12px;
        display: inline-block;
        padding: 9px 20px;
    }
}

.nav__input.open {
    width: calc(100% - 50px);
    opacity: 1;
    transition: all .2s;
}

@media (min-width:1200px) {
    .nav__input.open {
        width: calc(100% - 445px);
    }
}

.nav__input.close {
    width: 0;
    opacity: 0;
    transition: all .2s;
    padding: 9px 0;

}

.nav__cancel {
    position: absolute;
    background: transparent;
    border-color: transparent;
    cursor: pointer;
    opacity: 0;
    display: none;
}

@media (min-width:1200px) {
    .nav__cancel {
        font-size: 16px;
        right: 408px;
        top: 26px;
    }
}

.nav__cancel.show {
    opacity: 1;
    transition: all .4s ease-in-out;
}

.nav__loup-wrapper {
    float: right;
    position: relative;
    padding: 17px 0 5px;
    z-index: 1;
    width: 0;
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}

@media (min-width: 1920px) {
    .nav__loup-wrapper {
        padding-top: 25px;
    }
}

.nav__loup-wrapper .phrase {
    background-color: #ffffff;
    border: 0;
    font-size: 15px;
    color: #222222;
    float: right;
    width: 0;
    box-sizing: border-box;
    border-bottom: 0 solid #dddddd;
    margin-right: 56px;
    padding-bottom: 6px;
    padding-top: 2px;
    outline: none;
}

.nav__loup-wrapper .phrase::-webkit-input-placeholder {
    color: #222222;
    opacity: 0.3;
}

.nav__loup-wrapper .phrase::-moz-placeholder {
    color: #222222;
    opacity: 0.3;
}

.nav__loup-wrapper .phrase:-ms-input-placeholder {
    color: #222222;
    opacity: 0.3;
}

.nav__loup-wrapper .phrase:-moz-placeholder {
    color: #222222;
    opacity: 0.3;
}

.nav__loup-wrapper.opened .phrase {
    width: 100%;
    border-bottom: 1px solid #dddddd;
}

.nav__loup-wrapper.opened .phrase.error-phrase {
    border-bottom: 1px solid #bb183a;
}

nav__loup-wrapper .open {
    background-color: transparent;
    border: 0;
    float: right;
    position: absolute;
    right: 10px;
    z-index: 100;
}

nav__loup-wrapper .open:hover {
    cursor: pointer;
}

nav__loup-wrapper .open:hover i {
    color: #6d6d6d;
}

nav__loup-wrapper .open .hide {
    display: none;
}

nav__loup-wrapper .open i {
    color: #bdbdbd;
    font-size: 21px;
    outline: none;
}

.nav__loup-wrapper .opened-wrapper .send {
    background-color: transparent;
    border: 0;
    float: right;
    top: 17px;
    position: absolute;
    right: 10px;
    z-index: 100;
    outline: none;
}

@media (min-width: 1920px) {
    .nav__loup-wrapper .opened-wrapper .send {
        top: 25px;
    }
}

.nav__loup-wrapper .opened-wrapper .send:hover {
    cursor: pointer;
}

.nav__loup-wrapper .opened-wrapper .send i {
    color: #bdbdbd;
    font-size: 21px;
}

.nav__loup-wrapper .opened-wrapper .send i:hover i {
    color: #6d6d6d;
}

.nav__loup-wrapper .opened-wrapper .send .hide {
    display: none;
}

.nav__loup-wrapper .opened-wrapper .send .error-phrase i {
    color: #bb183a;
}

.nav__loup-wrapper .close {
    background-color: #ffffff;
    border: 0;
    opacity: 0;
    position: absolute;
    right: 50px;
    z-index: 100;
    cursor: default;
    padding-bottom: 5px;
    top: 18px;
    outline: none;
}

@media (min-width: 1920px) {
    .nav__loup-wrapper .close {
        top: 26px;
    }
}

.nav__loup-wrapper .close i {
    color: #bdbdbd;
    font-size: 14px;
    outline: none;
}

.nav__loup-wrapper .close i:hover {
    cursor: pointer;
}

.nav__loup-wrapper .close i:hover i {
    color: #6d6d6d;
}

@media (min-width:1920px) {
    .nav__loup-wrapper .close i:hover i {
        top: 26px;
    }
}

.nav__loup-wrapper .open {
    background-color: transparent;
    border: 0;
    float: right;
    position: absolute;
    right: 10px;
    z-index: 100;
    outline: none;
}

.nav__loup-wrapper .open:hover {
    cursor: pointer;
}

.nav__loup-wrapper .open:hover i {
    color: #6d6d6d;
}

.nav__loup-wrapper .open i {
    color: #bdbdbd;
    font-size: 21px;
}

.nav__loup-wrapper.hide {
    display: none;
}

.nav__loup-wrapper .send {
    background-color: transparent;
    border: 0;
    float: right;
    position: absolute;
    right: 10px;
    z-index: 100;
    top: 17px;
}

nav__loup-wrapper .send:hover {
    cursor: pointer;
}

nav__loup-wrapper .send:hover i {
    color: #6d6d6d;
}

@media (min-width:1920px) {
    .nav__loup-wrapper .send {
        top: 25px;
    }
}

.nav__loup-wrapper .send i {
    color: #bdbdbd;
    font-size: 21px;
}

.nav__loup-wrapper .send.hide {
    display: none;
}

.nav__loup-wrapper .send.error-phrase i {
    color: #bb183a;
}

.nav__loup-wrapper.opened {
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    float: right;
    z-index: 1000;
    width: calc(100% - 75px);
    background-color: #ffffff;
}

@media (min-width:960px) {
    .nav__loup-wrapper.opened {
        width: 310px;
    }
}

@media (min-width:1200px) and (max-width: 1490px) {
    .nav__loup-wrapper.opened {
        width: 150px;
    }
}

.phrase:-webkit-input-placeholder {
    color: #222222;
    opacity: 0.8;
}

.phrase::-moz-placeholder {
    color: #222222;
    opacity: 0.8;
}

.phrase:-ms-input-placeholder {
    color: #222222;
    opacity: 0.8;
}

.phrase:-moz-placeholder {
    color: #222222;
    opacity: 0.8;
}

.nav__loup-wrapper.opened .close {
    opacity: 1;
    cursor: pointer;
}

.nav__loup-wrapper .phrase {
    background-color: #fff;
    border: 0;
    font-size: 15px;
    color: #222;
    float: right;
    width: 0;
    box-sizing: border-box;
    border-bottom: 0 solid #ddd;
    margin-right: 56px;
    padding-bottom: 6px;
    padding-top: 2px;
    transition: width .3s ease-in-out;
}

#top-search::-webkit-input-placeholder {
    color: #222222;
    opacity: 1;
}

#top-search:-moz-placeholder {
    /* Firefox 18- */
    color: #222222;
    opacity: 1;
}

#top-search::-moz-placeholder {
    /* Firefox 19+ */
    color: #222222;
    opacity: 1;
}

#top-search:-ms-input-placeholder {
    color: #222222;
    opacity: 1;
}

/*@media (min-width:1200px) {
    .nav__loup-wrapper {
        height: 64px;
        border-left: 1px solid #b2b2b2
    }
}*/

/*.nav__loup {
    position: absolute;
    top: 19px;
    right: 14px;
    color: #575757;
    background: transparent;
    border-color: transparent;
    cursor: pointer;
    font-size: 18px;

}

@media (min-width:1200px) {
    .nav__loup {
        right: 378px;
        top: 22px;
    }
}*/

.nav__images {
    height: 16px;
    width: 17px;
}

.nav__desktop {
    display: none;
}

@media (min-width:1200px) {
    .nav__desktop {
        height: 70px;
        display: inline-block;
        float: right;
    }
}

.nav__social {
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

@media (min-width: 1200px) {
    .nav__social {
        margin-right: 21px;
    }
}

.nav__graphics {
    display: inline-block;
    margin: 13px 6px 0 0;
    border-radius: 50%;
    border: solid 1px #ebebeb;
    font-size: 18px;
    padding: 9px 0 0 2px;
    transition: all 0.2s;
}

@media (min-width: 1200px) {
    .nav__graphics {
        width: 32px;
        height: 32px;
        padding: 4px 0 3px 0;
    }
}

@media (min-width: 1920px) {
    .nav__graphics {
        height: 43px;
        width: 43px;
        padding: 8px 0 0 3px;
        margin-top: 14px;
    }
}

.nav__symbol {
    color: #bdbdbd;
    transition: all 0.2s;
}

@media (min-width: 1920px) {
    .nav .facebook {
        padding: 8px 0 0 3px;
    }
}

.nav .facebook:hover {
    border: 1px solid #3880d3;
}

.nav .facebook:hover .icon-facebook {
    color: #3880d3;
}

.nav .twitter:hover {
    border: 1px solid #3dc1ec;
}

.nav .twitter:hover .icon-twitter {
    color: #3dc1ec;
}

.nav .youtube:hover {
    border: 1px solid #b91d21;
}

.nav .youtube:hover .icon-youtube-play:hover {
    color: #b91d21;
}

.nav__login {
    display: inline-block;
    padding: 8px 17px 11px;
    margin: 13px 39px 0 30px;
    vertical-align: super;
    background-color: #fff;
    border: 1px solid #979797;
}

.nav__login:hover {
    border: 1px solid #cacaca;
    transition: all 1s ease-in-out;
}

.nav__connect {
    color: #6a6a6a;
    font-size: 14px;
}

.nav__active {
    background: #d8d8d8;
}

.nav__open {
    display: block;
}

.nav__fake {
    z-index: 1000;
    width: calc(100% - 100px);
    position: fixed;
    height: 50px;
    background-color: #fff;
    top: -70px;
    left: 100px;
    visibility: hidden;
}

.nav__fake--text {
    font-size: 20px;
    font-weight: 900;
    color: #000;
    display: inline-block;
    padding-top: 18px;
}

@media (min-width:1200px) {
    .nav__fake--text {
        padding-top: 17px;
    }
}

@media (min-width: 1920px) {
    .nav__fake--text {
        padding-top: 22px;
    }
}

.nav__fake--social {
    width: 300px;
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 10px;
    background-color: #fff;
    margin-top: 10px
}

@media (min-width:1200px) {
    .nav__fake--social {
        margin-top: 8px;
    }
}

@media (min-width:1920px) {
    .nav__fake--social {
        margin-top: 13px;
    }
}

.nav__fake--social span {
    font-size: 18px;
    font-weight: 900;
    color: #000;
    position: relative;
    top: -14px;
    margin-right: 10px;
}

.nav__fake--social i {
    font-size: 22px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.nav__fake--social a {
    display: inline-block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: relative;
}

.nav__fake--social .facebook {
    border: 3px solid #3880d3;
}

.nav__fake--social .facebook i {
    color: #3880d3;
}

.nav__fake--social .twitter {
    border: 3px solid #00abee;
}

.nav__fake--social .twitter i {
    color: #00abee;
}

.nav__fake--social .gplus {
    border: 3px solid #900000;
}

.nav__fake--social .gplus i {
    font-size: 16px;
    color: #900000;
    margin-left: -2px;
}

.nav__fake--social .mail {
    border: 3px solid #b91d21;
}

.nav__fake--social .mail i {
    font-size: 16px;
    color: #b91d21;
}

.nav__fake.show {
    top: 0;
}

@media (min-width: 1200px) {
    .nav__fake.show {
        height: 50px;
    }
}

@media (min-width: 1920px) {
    .nav__fake.show {
        height: 68px;
    }
}

@media (min-width:1024px) {
    .nav__fake {
        visibility: visible;
    }
}

@media (min-width:1200px) {
    .nav__fake {
        height: 64px;
    }
}

.nav-after {
    height: 60px;
}

@media (min-width:1920px) {
    .nav-after {
        height: 70px;
    }
}

@media (min-width: 1920px) {
    .icon-youtube-play.nav__symbol:before {
        margin: 2px 1px 0 0;
    }
}

@media (min-width: 1920px) {
    .icon-facebook.nav__symbol:before {
        margin: 0 4px 0 0;
    }
}

a {
    transition: color .2s linear
}

.nav__fake {
    transition: all .2s linear
}

#WeatherTodayDetails {
    margin-top: 15px;
    margin-bottom: 15px;
}

.city-select {
    margin-bottom: 10px;
}

.days-detailed li:first-child {
    width: 365px;
    min-height: 150px;
}

.cisnienie {
    /*margin-top:15px;*/
}

.day-detail.value,
.day-detail.value {
    margin-bottom: 10px;
}

.days-detailed li:first-child .temperatura {
    margin-bottom: 15px;
}

.table-select {
    height: 56px !important;
    padding-top: 0 !important;
}

.table-option {
    height: 56px !important;
}

h1.title.line,
article h1.title.line,
.website h1.title {
    font-size: 20px;
    border-bottom: 5px solid #D7D8D9;
    margin: 0 0 20px;
}

@media (min-width: 768px) {

    h1.title.line,
    article h1.title.line,
    .website h1.title {
        margin-right: 23px;
        font-size: 30px;
    }
}

@media (min-width: 1024px) {

    h1.title.line,
    article h1.title.line,
    .website h1.title {
        margin-right: 24px;
    }
}

h1.line a,
h2.line a,
h3.line a,
.line span.line-bot,
span.line-bot {
    border-bottom: 5px solid #b91d21;
    padding-bottom: 1px;
}

.website span.line-bot {
    padding-bottom: 0;
}

@font-face {
    font-family: fontello;
    src: url(../css/font/fontello.eot?11793406);
    src: url(../css/font/fontello.eot?11793406#iefix) format("embedded-opentype"), url(../css/font/fontello.woff2?11793406) format("woff2"), url(../css/font/fontello.woff?11793406) format("woff"), url(../css/font/fontello.ttf?11793406) format("truetype"), url(../css/font/fontello.svg?11793406#fontello) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"]:before,
[class^=icon-]:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-down-micro:before {
    content: "\e800"
}

.icon-up-micro:before {
    content: "\e801"
}

.icon-left-open:before {
    content: "\e802"
}

.icon-right-open-mini:before {
    content: "\e803"
}

.icon-cancel:before {
    content: "\e804"
}

.icon-volume-off:before {
    content: "\e805"
}

.icon-right-open:before {
    content: "\e806"
}

.icon-volume-down:before {
    content: "\e807"
}

.icon-left-open-big:before {
    content: "\e808"
}

.icon-tag:before {
    content: "\e809"
}

.icon-facebook:before {
    content: "\e80a"
}

.icon-up-open-mini:before {
    content: "\e80b"
}

.icon-clock-ico:before {
    content: "\e80c"
}

.icon-share:before {
    content: "\e80d"
}

.icon-right-open-big:before {
    content: "\e80e"
}

.icon-search:before {
    content: "\e80f"
}

.icon-play:before {
    content: "\e810"
}

.icon-play-circled:before {
    content: "\e811"
}

.icon-camera:before {
    content: "\e812"
}

.icon-down-open-mini:before {
    content: "\e813"
}

.icon-twitter:before {
    content: "\f099"
}

.icon-gplus:before {
    content: "\f0d5"
}

.icon-mail-alt:before {
    content: "\f0e0"
}

.icon-youtube-play:before {
    content: "\f16a"
}

.icon-facebook-official:before {
    content: "\f230"
}

.nav__search {
    display: none;
}

.footer {
    background: #000;
    border-top: 5px solid #b91d21;
    text-align: center;
}

@media (max-width: 1023px) {
    .footer__news {
        display: list-item !important;
    }
}

.footer a {
    color: #ffffff;
}

.footer a:hover {
    text-decoration: none;
}

.footer__social {
    border-bottom: 1px solid #fff
}

@media (min-width:768px) {
    .footer__social {
        padding-bottom: 15px;
        border-bottom-color: transparent
    }
}

@media (min-width:1024px) {
    .footer__social {
        padding-bottom: 25px;
    }
}

@media (min-width:1200px) {
    .footer__social {
        padding-bottom: 20px;
    }
}

.footer__title {
    font-size: 26px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    margin: 35px 0 25px;
}

@media (min-width:768px) {
    .footer__title {
        font-size: 36px;
        margin: 53px 0 30px;
    }
}

.footer__graphics {
    display: inline-block;
    height: 66px;
    width: 66px;
    margin: 0 18px 38px 0;
    padding-top: 18px;
    vertical-align: top;
    border-radius: 50%;
    transition: all .2s;
}

@media (min-width:768px) {
    .footer__graphics {
        height: 91px;
        width: 91px;
        padding-top: 23px;
    }
}

.footer__facebook {
    background: #3880d3;
}

.footer__facebook:hover {
    background: #fff;
}

.footer__facebook:hover .icon-facebook-official {
    color: #3880d3;
}

.footer__twitter {
    background: #3dc1ec;
    padding-left: 3px;
    padding-top: 18px;
}

@media (min-width:768px) {
    .footer__twitter {
        padding-top: 25px;
    }
}

.footer__twitter:hover {
    background: #fff;
}

.footer__twitter:hover .icon-twitter {
    color: #3dc1ec;
}

.footer__youtube {
    background: #b91d21
}

@media (min-width:768px) {
    .footer__youtube {
        padding-top: 24px
    }
}

.footer__youtube:hover {
    background: #fff
}

.footer__youtube:hover .icon-youtube-play {
    color: #b91d21
}

.footer__icon {
    font-size: 30px;
    color: #fff;
    position: relative;
    top: 12px;
}

@media (min-width:768px) {
    .footer__icon {
        font-size: 40px;
        top: 17px;
    }
}

@media (min-width:768px) {
    .footer__wrap {
        display: table;
        margin: 0 auto;
        width: 665px
    }
}

@media (min-width:1024px) {
    .footer__wrap {
        width: 100%;
        border-collapse: collapse
    }
}

.footer__wrapper {
    margin-top: 20px
}

@media (min-width:768px) and (max-width:1023px) {
    .footer__wrapper {
        float: left;
        text-align: left;
        padding-right: 50px
    }
}

@media (min-width:1024px) {
    .footer__wrapper {
        display: table-header-group;
        margin-top: 12px;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff
    }
}

.footer__menu {
    display: inline-grid;
    text-align: left;
    margin-top: 23px
}

.footer__menu:first-child {
    margin-right: 60px
}

@media (min-width:768px) {
    .footer__menu:first-child {
        margin-right: 70px
    }
}

@media (min-width:1024px) {
    .footer__menu {
        display: inline-block;
    }
}

@media (min-width:1024px) {
    .footer__menu:first-child {
        margin: 15px 0 0
    }
}

@media (min-width:768px) {
    .footer__menu {
        margin-top: 4px
    }
}

@media (min-width:1200px) {
    .footer__menu {
        margin-top: 25px
    }
}

@media (min-width:1024px) {
    .footer__news {
        display: inline-block !important;
    }
}

.footer__item {
    font-size: 14px;
    font-weight: 700;
    line-height: 2.21;
    color: #fff;
    text-transform: uppercase
}

@media (min-width:768px) {
    .footer__item {
        margin-right: 5px
    }
}

@media (min-width:800px) {
    .footer__item {
        margin-right: 8px
    }
}

.footer__content {
    border-bottom: 1px solid #fff;
    padding-bottom: 30px
}

@media (min-width:768px) {
    .footer__content {
        display: inline-block;
        border-bottom-color: transparent;
        border-left: 1px solid #fff;
        padding-left: 60px;
        padding-bottom: 5px
    }
}

@media (min-width:1024px) {
    .footer__content {
        display: table-footer-group;
        border-left-color: transparent
    }
}

.footer__detail {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 2.5
}

@media (min-width:768px) {
    .footer__detail {
        margin-right: 22px
    }
}

@media (min-width:1024px) {
    .footer__hide {
        display: none
    }
}

.footer__show {
    display: none !important;
}

@media (min-width:1024px) {
    .footer__show {
        display: inline-block;
    }
}

.footer__box {
    padding-top: 5px;
}

@media (max-width: 1023px) {
    .footer__box {
        display: list-item !important;
    }
}

.footer__box:first-of-type,
.footer__box:last-of-type {
    padding-top: 0
}

.footer__box:last-of-type {
    margin-top: -2px
}

@media (min-width:1024px) {
    .footer__box {
        display: inline-block;
        padding: 10px 0
    }
}

.footer__copyright {
    color: #818181;
    font-size: 14px;
    padding: 27px 0 28px;
    line-height: 1.3
}

@media (min-width:768px) {
    .footer__copyright {
        padding: 60px 0 45px
    }
}

@media (min-width:1024px) {
    .footer__copyright {
        padding: 40px 0 20px
    }
}

@media (min-width:768px) {
    .footer__use {
        display: inline-block;
        margin-right: 2px
    }
}

.footer__stream {
    line-height: 1.5
}

.footer .stream {
    display: block
}

@media (min-width:768px) {
    .footer .stream {
        margin-bottom: -20px;
    }
}

@media (min-width:1024px) {
    .footer .stream {
        display: inline-block;
        margin-left: 3px;
    }
}


@media (max-width: 1199px) {
    .nav__navigation {
        height: 450px;
        width: 200px;
        overflow-y: scroll;
        z-index: 2;
        top: 53px;
        background-color: #fff;
        transition: .3s;
        box-shadow: 0 0 24px 0 rgba(0, 0, 0, .22), 0 10px 24px 0 rgba(0, 0, 0, .3);
        position: fixed;
        left: -210px;
    }
}

.nav__open {
    left: 0 !important;
    display: block;
}

@media (max-width: 1199px) {
    .nav__reference {
        width: 100%;
        padding: 14px 20px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 900;
        /* text-transform: uppercase; */
        color: #393939;
        display: block;
        transition: .3s;
        border-bottom: 1px solid #979797;
        font-weight: 900;
    }

    .nav__reference.nav__show {
        display: none;
    }

    .nav__submenu .nav__table {
        border-bottom: 1px solid #979797;
    }

    .nav__log {
        padding-left: 0;
    }
}

::-webkit-scrollbar {
    width: 8px;
    height: 20px !important;
    margin-right: 10px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px transparent;
    background: #fff;
    margin-right: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px #999999;
    background: #999999;
    margin-right: 10px;
}

@media only screen and (max-width: 768px) {
    .days-list>li {
        width: 50% !important;
    }

    .days-detailed li:first-child {
        padding-left: 0;
        min-height: 270px;
    }

    .days-detailed li {
        margin-left: 0 !important;
    }
}



/* NOWE MENU - NADPISANIE :(  */

/* header.nav nav.nav__content .nav__navigation .nav__reference--active {
  border-bottom: 4px solid #b91d21;
}
header.nav nav.nav__content .nav__navigation .all__programs {
  color: #b91d21;
  border-top: 1px solid rgba(218, 218, 218, 0.77);
}
header.nav nav.nav__content .nav__navigation .all__programs .icon-down-micro {
  color: #b91d21;
  top: 50%;
  position: absolute;
  right: 10px;
  transform: translateY(-50%);
}
header.nav nav.nav__content .nav__navigation .all__programs .icon-down-micro:before {
  transform: rotate(-90deg);
}
header.nav nav.nav__content .nav__navigation .all__programs--text {
  padding-bottom: 5px;
}
header.nav nav.nav__content .nav__loup-wrapper {
  padding-top: 21px;
}
header.nav nav.nav__content .nav__loup-wrapper button.open {
  position: relative;
}
header.nav nav.nav__content .nav__loup-wrapper button.open:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #dddddd;
}
header.nav nav.nav__content .nav__loup-wrapper button.open .icon-search {
  font-size: 23px;
}
header.nav nav.nav__content .nav__desktop .nav__social {
  margin-right: 61px;
  margin-top: 6px;
}
header.nav nav.nav__content .nav__desktop .nav__social .nav__graphics {
  height: 32px;
  width: 32px;
  padding: 4px 2px 0 2px;
}
header.nav nav.nav__content .nav__desktop .nav__social .facebook {
  padding: 4px 0 0 3px;
} */