/**
 * @section              Style ogólne
 */


/* ------------------------------------------------------------------------- */

body {
    background: #21323D;
    margin: 0;
    overflow-x: hidden;
    padding: 142px 0 50px 0;
    font-family: 'Ubuntu', sans-serif;
    font-size: 9pt;
    line-height: 12pt;
    font-weight: 400;
    color: #ffffff;
}

.clear,
.Clear {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

a {
    text-decoration: none;
    color: #ffffff;
}

a:hover {
    text-decoration: underline;
}

p {
    font-size: 9pt;
    line-height: 12pt;
    padding: 0 0 10px 0;
}

strong,
b {
    font-weight: bold;
}

em,
i {
    font-style: italic;
}

input,
select,
textarea {
    font-family: 'Ubuntu', sans-serif;
    line-height: 16px;
    font-size: 9pt;
}

input:focus,
select:focus,
textarea:focus {
    box-shadow: 0;
    outline: none;
}

h1 {
    color: #ffffff;
    font-size: 30px;
    line-height: 36px;
    margin: 0;
    padding: 0 0 20px 0;
    font-weight: 700;
}

h2 {
    color: #ffffff;
    font-size: 18pt;
    line-height: 20pt;
    margin: 0;
    padding: 0 0 10px 0;
    font-weight: 500;
}

h3 {
    color: #ffffff;
    font-size: 15pt;
    line-height: 20pt;
    margin: 0;
    padding: 0 0 10px 0;
    font-weight: 500;
}

h6 {
    color: #ffffff;
    font-size: 10pt;
    line-height: 12pt;
    margin: 0;
    padding: 0 0 5px 0;
    font-weight: 500;
}

.wrap {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

@media screen and (max-width: 1280px) {
    body,
    p {
        font-size: 9pt;
        font-weight: 400;
    }
    .wrap {
        width: 790px;
    }
    a.wyborczyLink {
        font-size: 8px !important;
    }
}

@media screen and (max-width: 800px) {
    body {
        overflow-x: auto;
        min-width: 790px;
    }
}

.nagrody {
    position: relative;
}

.lupa-nagrody {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.nagrody:hover>.lupa-nagrody {
    display: block;
}


/**
 * @section              SHARED
 */


/* ------------------------------------------------------------------------- */

.select {
    position: relative;
    background: #ffffff;
    display: inline-block;
    color: #0d529b;
    z-index: 3;
    text-align: left;
}

.select .selected {
    background: #ffffff url('../images/parent_h_small.png') right center no-repeat;
    cursor: pointer;
    color: #0d529b;
    font-weight: 700;
    padding: 5px 17px 3px 5px;
    text-transform: uppercase;
}

.select .options {
    display: none;
    text-align: left;
    position: absolute;
    right: 0;
    top: 100%;
    box-shadow: 0 5px 5px 0 #21323D;
    min-width: 100%;
    white-space: nowrap;
    padding: 0;
    margin: 0;
}

.select .options .option {
    padding: 3px 10px;
    background: #ffffff;
    border-top: 1px solid #e5e5e5;
}

.select .options .option:hover {
    background: #ffffff;
    cursor: default;
    color: #333333;
}

.select.blue .selected {
    background: #0d529b url('../images/parent_small.png') right center no-repeat;
    color: #ffffff;
}

.select .options .option {
    background: #0d529b;
    color: #ffffff;
    border-top: 1px solid #034182;
}


/* ikony kategorii */

.icoCat {
    display: inline-block;
    width: 40px;
    height: 44px;
    position: relative;
}

.icoCat.on {
    background-image: url('../images/cat_on.png');
}

.icoCat.off {
    background-image: url('../images/cat_off.png');
}

.icoCat.cat1 {
    background-position: 0 0;
}

.icoCat.cat2 {
    background-position: 0 -44px;
}

.icoCat.cat3 {
    background-position: 0 -88px;
}

.icoCat.cat4 {
    background-position: 0 -132px;
}

.icoCat.cat5 {
    background-position: 0 -176px;
}

.icoCat.cat6 {
    background-position: 0 -220px;
}

.icoCat.cat7 {
    background-position: 0 -264px;
}

.icoCat.cat8 {
    background-position: 0 -308px;
}

.icoCat.cat9 {
    background-position: 0 -352px;
}

.icoCat.cat10 {
    background-position: 0 -396px;
}

.icoCat.cat11 {
    background-position: 0 -440px;
}

.icoCat.cat12 {
    background-position: 0 -484px;
}

.icoCat.cat13 {
    background-position: 0 -528px;
}

.icoCat.cat14 {
    background-position: 0 -572px;
}

.icoCat.cat15 {
    background-position: 0 -616px;
}

.icoCat .title {
    position: absolute;
    left: 0px;
    top: 45px;
    text-transform: uppercase;
    background: #ffffff;
    white-space: nowrap;
    color: #0d52a0;
    font-weight: 700;
    font-size: 12pt;
    display: none;
    padding: 5px 10px;
}


/**
 * @section              HEADER
 */


/* ------------------------------------------------------------------------- */

header {
    background: #21323D;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0 30px 0 #21323D;
}

.fullscreen header {
    background: transparent;
    box-shadow: none;
}

header .wrap {
    height: 122px;
    z-index: 4;
}

header.christmas .wrap {
    background: url('../images/prezenty_na_strone-01.png') 370px 20px no-repeat;
}

header #logo {
    float: left;
    margin: 9px 20px 0 0;
}

header.niepodleglosci #logo {
    background: url('/static/images/logo_a.png') 0 0 no-repeat;
    width: 333px;
}

header .fb-like {
    float: left;
    margin: 18px 0 0 0;
}

header .searchBox {
    float: right;
    margin: 18px 0 0 0;
}

header .searchBox input[type=text] {
    float: left;
    margin: 0 15px 0 0;
    padding: 4px 10px;
    height: 16px;
    width: 325px;
    border: none;
    color: #7f7f7f;
    font-style: italic;
    font-size: 10pt;
    line-height: 13pt;
}

header .searchBox input[type=submit] {
    float: left;
    cursor: pointer;
    width: 19px;
    height: 24px;
    background: url('../images/ico_search.png') 0 0 no-repeat;
    margin: 2px 0 0 0;
    border: none;
}

header .searchBox .showHideButton,
header .searchBox img {
    display: none;
}

#searchAjaxSugestion {
    background: #ffffff;
    position: absolute;
    width: 325px;
    padding: 0 10px;
    text-align: center;
    z-index: 999;
    color: #000;
    margin-top: 24px;
    font-style: italic;
    font-size: 9pt;
    line-height: 13pt;
}

#searchAjaxSugestion img {
    border: 10px solid #ffffff;
}

#searchAjaxSugestion ol {
    margin: 0 0 0 -10px;
    width: 345px;
    padding: 0;
    list-style: none;
    text-align: left;
}

#searchAjaxSugestion ol li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#searchAjaxSugestion a {
    color: #262626;
    display: block;
    padding: 3px 10px;
    overflow: hidden;
}

#searchAjaxSugestion a:hover {
    color: #ffffff;
    background: #0D529B;
    text-decoration: none;
}

#searchAjaxSugestion a span {
    font-size: 8pt;
    color: #808080;
    margin: 0 5px 0 0;
}

#searchAjaxSugestion a:hover span {
    color: #b9dbff;
}

header nav {
    background: #0d529b;
    height: 30px;
    position: absolute;
    bottom: 32px;
    left: 0;
    width: 100%;
    z-index: 2;
}

header nav>ul {
    height: 30px;
    margin: 0;
    padding: 0;
    list-style: none;
}

header nav>ul>li {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

header nav>ul>li>a {
    display: block;
    margin: 0;
    padding: 6px 20px 0 20px;
    height: 24px;
}

header nav>ul>li>a.active,
header nav>ul>li>a:hover {
    background: #ffffff;
    color: #21323D;
    text-decoration: none;
}

header nav>ul>li.parent>a {
    padding-right: 30px;
    background: url('../images/parent.png') right center no-repeat;
}

header nav>ul>li.parent>a.active,
header nav>ul>li.parent>a:hover {
    background: #ffffff url('../images/parent_h.png') right center no-repeat;
}

header nav>ul>li>a.konkursLink.active,
header nav>ul>li>a.konkursLink {
    background: #fdaa33;
    color: #21323D;
}

header nav>ul>li>a.konkursLink:hover {
    background: #ffffff;
    color: #21323D;
}

header nav>ul>li>a.wyborczyLink {
    background: #FFD72F;
    color: #21323D;
    -webkit-animation: wyborczyButton 2s linear 0s infinite normal forwards;
    animation: wyborczyButton 2s linear 0s infinite normal forwards;
}

header nav>ul>li>a.wyborczyLink:hover {
    background: #fdaa33;
    color: #21323D;
    -webkit-animation: none;
    animation: none;
}

header nav>ul>li>a.plebiscytLink {
    background: #fdaa33;
    color: #21323D;
}

header nav>ul>li>a.plebiscytLink:hover {
    background: #f18c53;
    color: #0d52a0;
}

#navWiesci {
    left: 210px;
}

@-webkit-keyframes wyborczyButton {
    0% {
        background-color: #ffc92f;
        -webkit-animation-timing-function: linear
    }
    50% {
        background-color: #f28d53;
        -webkit-animation-timing-function: linear
    }
    100% {
        background-color: #ffc92f;
        -webkit-animation-timing-function: linear
    }
}

@keyframes wyborczyButton {
    0% {
        background-color: #ffc92f;
        animation-timing-function: linear
    }
    50% {
        background-color: #f28d53;
        animation-timing-function: linear
    }
    100% {
        background-color: #ffc92f;
        animation-timing-function: linear
    }
}

header .subnav {
    background: #0d529b;
    position: absolute;
    left: 0;
    top: 100%;
    padding: 10px 0;
    display: none;
}

header .hover .subnav {
    display: block;
}

header .subnav .col {
    float: left;
    margin: 0 10px;
    padding: 0;
    list-style: none;
    width: 180px;
    line-height: 14px;
}

header .subnav .col li {
    margin: 0;
    padding: 7px 0;
    list-style: none;
}

header .subnav .col li span {
    color: #80B6FF;
}

header .subnav .col li a {}

header .subnav .col li a:hover {
    text-decoration: none;
    color: #80B6FF;
}
.linksBox {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    background: #dedede;
    z-index: 1;
}
    .linksBox__list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
        .linksBox__listItem {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
            .linksBox__listItem--link {
                line-height: 30px;
                text-decoration: none;
                display: block;
                width: 100%;
                text-align: center;
                color: #0d5294;
            }
            .linksBox__listItem--link:hover {
                background: #F28D53;
                color: #0d5294;
                text-decoration: none;
            }

@media screen and (max-width: 1280px) {
    header {}
    header nav>ul>li>a {
        padding: 6px 4px 0 7px;
    }
    header nav>ul>li.parent>a {
        padding-right: 15px;
        background: url('../images/parent_small.png') right center no-repeat;
    }
    header nav>ul>li.parent>a:hover {
        background: #ffffff url('../images/parent_h_small.png') right center no-repeat;
    }
}


/**
 * @section               MAIN
 */


/* ------------------------------------------------------------------------- */

#main {
    padding: 0 0 30px 0;
    z-index: 8;
}

.column {
    width: 380px;
    float: left;
    margin: 0 0 0 30px;
}

.column:first-child {
    margin: 0;
}

#main #content {
    float: left;
    width: 790px;
    position: relative;
    z-index: 2;
}

#main #right {
    float: right;
    width: 380px;
    position: relative;
    z-index: 1;
}


/**
 * @section              banner
 */


/* ------------------------------------------------------------------------- */

.banner-main-page img {
    margin-top: 23px;
}


/**
 * @section               RIGHT
 */


/* ------------------------------------------------------------------------- */

#right.side {
    position: absolute;
    z-index: 10;
    background: url('../images/right.png') 0 0 repeat;
    right: -440px;
    top: 90px;
    min-height: 90%;
    padding: 20px 30px;
    width: 380px;
}

#main #right .showHideButton {
    display: none;
}

#right.side .showHideButton {
    position: fixed;
    display: block;
    cursor: pointer;
    right: 0;
    top: 50%;
    margin: -125px 0 0 0;
    width: 30px;
    height: 250px;
    background: url('../images/right_showhide.png') 0 0 repeat;
}

#right.side .showHideButton:hover {
    background: url('../images/right_showhide.png') -30px 0 repeat;
}

#right.side .showHideButton.active {
    background: url('../images/right_showhide.png') -60px 0 repeat;
}

.pogoda {
    background: #0d52a0;
    padding: 10px 0;
    margin: -20px 0 40px 0;
}

@media screen and (max-width: 800px) {
    #right.side {
        position: fixed;
    }
}

#calendarBox {
    margin: 0 0 28px 0;
    position: relative;
}

#calendarBox .calendarHeader {
    text-align: center;
    padding: 0 0 10px 0;
}

#calendarBox .calendarHeader .select {
    margin: 0 5px;
}

#calendarBox .calendarHeader #selectMonth {
    width: 110px;
}

#calendarBox table {
    font-weight: 700;
    color: #ffffff;
    font-size: 14pt;
    width: 210px;
    margin: 0 auto;
    line-height: 18px;
}

#calendarBox table td {
    height: 30px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
}

#calendarBox table td.today {
    background: #0d529b;
}

#calendarBox table td.saturday,
#calendarBox table td.saturday a {
    color: #ffad2e;
}

#calendarBox table td.holiday,
#calendarBox table td.holiday a,
#calendarBox table td.sunday,
#calendarBox table td.sunday a {
    color: #ff5850;
}

#calendarBox table td.special {
    background: #f3d647;
    color: #21323D;
}

#calendarBox table td.special a {
    color: #21323D;
}

#calendarBox table td.other {
    opacity: 0.4;
}

#calendarBox table td:hover a,
#calendarBox table td a:hover {
    text-decoration: none;
    color: #0D529B;
}

#calendarBox table td:hover {
    background: #ffffff;
    color: #0D529B;
    cursor: dafault;
}

#calendarBox table td p {
    padding: 0;
    font-size: 14pt;
    line-height: 28px;
    position: relative;
    height: 100%;
}

#calendarBox table td.holiday .patronatTitile,
#calendarBox table td.special .patronatTitile {
    display: none;
    position: absolute;
    text-transform: uppercase;
    left: 100%;
    top: 100%;
    z-index: 2;
    background: #f3d647;
    font-size: 12pt;
    line-height: 17px;
    color: #423500;
    text-align: left;
    padding: 5px;
}

#calendarBox table td.holiday .patronatTitile {
    background: #ff5850;
    color: #ffffff;
}

#calendarBox table td.holiday:hover .patronatTitile,
#calendarBox table td.special:hover .patronatTitile {
    display: block;
}

#calendarBox .calendarNav {
    display: block;
    height: 13px;
    width: 13px;
    position: absolute;
    top: 50%;
    margin: -6px 0 0 0;
}

#calendarBox .calendarNav.prev {
    background: url('../images/arrows.png') 0 0 no-repeat;
    left: 50px;
}

#calendarBox .calendarNav.next {
    background: url('../images/arrows.png') -13px 0 no-repeat;
    right: 50px;
}

.buttonSurvey {
    font-size: 15pt;
    line-height: 15pt;
    display: block;
    margin: 0 0 28px 0;
    padding: 13px 20px 17px 20px;
    font-weight: bold;
    background: #ffa633;
    color: #331b00;
}

.buttonSurvey:hover {
    text-decoration: none;
    background: #ffffff;
    color: #333333;
}

.buttonDebata {
    display: block;
    margin: 0;
    padding: 0;
    height: 50px;
    background: url('../images/wybory2015/ban_debata.png') 0 0 no-repeat;
    overflow: hidden;
    text-indent: -9999px;
}

.buttonDebata:hover {
    background: url('../images/wybory2015/ban_debata-highlight.png') 0 0 no-repeat;
}

.buttonNaZywo {
    display: block;
    margin: 0 0 28px 0;
    padding: 0;
    height: 50px;
    background: url('../images/wybory2015/ban_na-zywo.png') 0 0 no-repeat;
    overflow: hidden;
    text-indent: -9999px;
}

.buttonNaZywo:hover {
    background: url('../images/wybory2015/ban_na-zywo-highlight.png') 0 0 no-repeat;
}

.buttonPlebiscyt {
    display: block;
    margin: 0 0 28px 0;
    padding: 0;
    height: 50px;
    background: url('../images/plebiscyt/button.png') 0 0 no-repeat;
    overflow: hidden;
    text-indent: -9999px;
}

.buttonPlebiscyt:hover {
    background: url('../images/plebiscyt/button-hover.png') 0 0 no-repeat;
}

.buttonWybory {
    display: block;
    margin: 0 0 28px 0;
    padding: 0;
    height: 50px;
    background: url('../images/plebiscyt_banner.png?ver=002') 0 0 no-repeat;
    overflow: hidden;
    text-indent: -9999px;
}

.buttonWybory:hover {
    background: url('../images/plebiscyt_banner_h.png?ver=002') 0 0 no-repeat;
}

.buttonKonkurs2014 {
    display: block;
    margin: 0 0 28px 0;
    padding: 0;
    height: 50px;
    background: url('../images/choinkowy-zawrot-glowy.png') 0 0 no-repeat;
    overflow: hidden;
    text-indent: -9999px;
}

.buttonKonkurs2014:hover {
    background: url('../images/choinkowy-zawrot-glowy.png') 0 bottom no-repeat;
}

.buttonHorizontal {
    font-size: 15pt;
    line-height: 15pt;
    display: block;
    margin: 0 0 28px 0;
    padding: 13px 20px 17px 74px;
    font-weight: bold;
    background: #0d529b url('../images/horizontal.png') 17px center no-repeat;
}

.buttonHorizontal:hover {
    text-decoration: none;
    background: #ffffff url('../images/horizontal-h.png') 17px center no-repeat;
    color: #333333;
}

.buttonPersonalization {
    font-size: 15pt;
    line-height: 15pt;
    font-weight: 700;
    display: block;
    margin: 0 0 28px 0;
    padding: 12px 20px 18px 60px;
    background: #0d529b url('../images/personalization.png') 10px center no-repeat;
}

.buttonPersonalization:hover {
    text-decoration: none;
    background: #ffffff url('../images/personalization-hover.png') 10px center no-repeat;
    color: #333333;
}

.buttonPersonalization.used,
.buttonPersonalization.used:hover {
    background: #00b367 url('../images/personalization.png') 10px center no-repeat;
    color: #ffffff;
}

#newsletterBox {
    background: #0d529b url('../images/newsletter.png') 15px 13px no-repeat;
    padding: 10px 20px 20px 50px;
    margin: 0 0 28px 0;
    position: relative;
    color: #ffffff;
}

#newsletterBox .formline {
    padding: 0 0 10px 0;
}

#newsletterBox .buttons {
    padding: 0;
}

#newsletterBox input[type=text] {
    float: left;
    width: 290px;
    font-style: italic;
}

#newsletterBox input[type=checkbox] {
    margin: 0 10px 0 0;
}

#newsletterBox label {
    height: auto;
    float: left;
}

#newsletterBox .req {
    color: #ff594c;
}

#newsletterBox p.req {
    height: auto;
    float: left;
    padding: 0 0 0 22px;
}

#weatherBox {
    background: #0d529b;
    padding: 41px 20px 42px 20px;
    margin: 0 0 28px 0;
    position: relative;
    font-size: 20pt;
    line-height: 20pt;
    color: #ffffff;
    font-weight: 700;
}

#weatherBox p {
    font-size: 20pt;
    line-height: 20pt;
    padding: 0;
}

#weatherBox .day,
#weatherBox .night {
    position: absolute;
    right: 20px;
}

#weatherBox .day {
    top: 20px;
}

#weatherBox .night {
    bottom: 20px;
    color: #75acf5;
}

#wyboryBox {
    background: #ff594d;
    color: #ffffff;
    padding: 0;
    margin: 0 0 28px 0;
    position: relative;
}

#wyboryBox h2 {
    margin: 0;
    padding: 0;
}

#wyboryBox h2 a {
    height: 30px;
    padding: 10px 10px 10px 50px;
    line-height: 28px;
    position: relative;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    display: block;
}

#wyboryBox h2 a:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 10px;
    top: 10px;
    background: #ffffff;
}

#wyboryBox h2 a:after {
    content: '';
    display: block;
    width: 14px;
    height: 2px;
    position: absolute;
    left: 18px;
    top: 13px;
    background: #ff594d;
}

#wyboryBox h2 a:hover {
    text-decoration: none;
    color: #000000;
    background: #ffd72f;
}

#wyboryBox h2 a:hover:after {
    background: #ffd72f;
}

#wyboryBox h2 a:hover:before {
    background: #000000;
}

#scrolllableWybory {
    margin: 0 0 28px 0;
}

#scrolllableWybory .scrolllableWybory {
    height: 50px;
    width: 100%;
    overflow: hidden;
    position: relative;
    box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1);
}

#scrolllableWybory .scrolllableWybory .items {
    position: absolute;
    width: 20000em;
    top: 0;
}

#scrolllableWybory .scrolllableWybory .items .item {
    display: block;
    text-align: center;
    float: left;
    width: 380px;
    height: 50px;
    padding: 0;
    margin: 0;
}

#autopromocjaBox {
    margin: 0 0 33px 0;
    position: relative;
}

#autopromocjaBox h2 {
    position: absolute;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    font-size: 36px;
    line-height: 48px;
    padding: 0;
    margin: 0;
    font-weight: bold;
    color: #ffffff;
    z-index: 2;
    text-align: center;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

#autopromocjaBox h2 a {
    text-decoration: none;
    height: 96px;
    display: block;
    padding: 47px 0;
}

#autopromocjaBox .scrolllableAutopromocja {
    height: 190px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

#autopromocjaBox .scrolllableAutopromocja .items {
    position: absolute;
    width: 20000em;
    top: 0;
}

#autopromocjaBox .scrolllableAutopromocja .item {
    float: left;
    width: 380px;
    height: 190px;
    display: block;
}

#popularBox {
    background: #0d529b;
    padding: 10px 15px;
    margin: 0 0 28px 0;
    position: relative;
}

#popularBox .tabs {
    position: absolute;
    margin: 0;
    padding: 0;
    right: 15px;
    top: 10px;
    font-size: 15pt;
    line-height: 20pt;
}

#popularBox .tabs li {
    float: left;
    margin: 0;
    padding: 0 5px;
}

#popularBox .tabs li a {
    display: block;
    margin: 0;
    padding: 0;
    color: #7ab1fa;
}

#popularBox .tabs li a:hover {
    color: #ffffff;
    text-decoration: none;
}

#popularBox .tabs li a.current {
    color: #ffffff;
}

#popularBox .tabsContent {
    position: relative;
}

#popularBox .tabPage {
    display: none;
}

#popularBox .tabPage a {
    vertical-align: middle;
    color: #7ab1fa;
    display: inline-block;
    width: 365px;
    padding: 2px 0 5px 15px;
    margin: 0 0 0 -15px;
}

#popularBox .tabPage a .lp {
    vertical-align: middle;
    display: inline-block;
    font-weight: 700;
    width: 20px;
}

#popularBox .tabPage a .title {
    vertical-align: middle;
    color: #ffffff;
    display: inline-block;
    width: 275px;
    font-weight: 500;
}

#popularBox .tabPage a .count {
    vertical-align: middle;
    display: inline-block;
    width: 50px;
    text-align: right;
    background: url('../images/count.png') 5px -16px no-repeat;
}

#popularBox .tabPage a:hover .count {
    background: url('../images/count.png') 5px 0 no-repeat;
}

#popularBox .tabPage a:hover {
    background: #ffffff;
    color: #0d529b;
}

#popularBox .tabPage a:hover .title {
    color: #262626;
}

#nordaFmBox {
    margin: 0 0 28px 0;
    height: 50px;
    background: url('../images/nordafm2.jpg') 0 bottom no-repeat;
}

#nordaFmBox a {
    display: block;
    height: 30px;
    cursor: pointer;
}

#nordaFmBox a:first-child {
    height: 20px;
}

#nordaFmBox a.logo {
    float: left;
    width: 190px;
}

#nordaFmBox a.logo:hover {
    background: url('../images/nordafm2_h.jpg') 0 0 no-repeat;
}

#nordaFmBox a.listen {
    float: right;
    width: 190px;
}

#nordaFmBox a.listen:hover {
    background: url('../images/nordafm2_h.jpg') right 0 no-repeat;
}

#cameraBox {
    margin: 0 0 28px 0;
    width: 380px;
    height: 190px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 0 5px rgba(13, 82, 155, 0.4);
}

#cameraBox .items {
    width: 20000em;
    height: 190px;
    position: absolute;
    top: 0;
}

#cameraBox .camera {
    position: relative;
    width: 380px;
    height: 190px;
    display: block;
    float: left;
}

#cameraBox .camera .city {
    position: absolute;
    z-index: 3;
    left: 15px;
    top: 130px;
    display: block;
    font-weight: 700;
    font-size: 20pt;
    line-height: 24pt;
    margin: 0;
}

#cameraBox .camera .title {
    position: absolute;
    z-index: 3;
    left: 15px;
    top: 162px;
    display: block;
    padding: 0 0 10px 0;
    color: #ffffff;
}

#cameraBox .camera .overflow {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('../images/overflow_380x190.png') 0 0 no-repeat;
}

#nadmorski24Box {
    padding: 0;
    margin: 0 0 28px 0;
}

#nadmorski24Box>a {
    display: block;
    margin: 0 0 10px 0;
}

#nadmorski24Box article {
    padding: 10px 0 0 0;
}

#nadmorski24Box article .photo {
    display: block;
    width: 380px;
    height: 190px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 0 5px rgba(13, 82, 155, 0.4);
    margin: 0 0 10px 0;
}

#nadmorski24Box article .photo:hover {
    box-shadow: 0 0 0 5px #ffffff;
}

#nadmorski24Box .date {
    display: block;
    padding: 0 0 5px 0;
    color: #ffffff;
}

#nadmorski24Box .title {
    display: inline-block;
    color: #ee7302;
    font-weight: 700;
    max-width: 100%;
    font-size: 20pt;
    line-height: 24pt;
    padding: 0 5px;
    margin: 0 0 5px -5px;
}

#nadmorski24Box .title:hover {
    color: #ffa255;
    text-decoration: none;
}

#partnersBox {
    background: #ffffff;
    padding: 10px 15px;
    position: relative;
}

#partnersBox h3 {
    color: #0d529b;
}

#partnersBox .browse {
    display: block;
    cursor: pointer;
    height: 13px;
    width: 13px;
    position: absolute;
    top: 85px;
    margin: -6px 0 0 0;
}

#partnersBox .browse.left {
    background: url('../images/arrows_2.png') 0 0 no-repeat;
    left: 20px;
}

#partnersBox .browse.right {
    background: url('../images/arrows_2.png') -13px 0 no-repeat;
    right: 20px;
}

#partnersBox .scrollable {
    position: relative;
    overflow: hidden;
    height: 80px;
    width: 300px;
    margin: 0 auto;
}

#partnersBox .scrollable .items {
    position: absolute;
    top: 0;
    width: 20000em;
}

#partnersBox .scrollable .item {
    float: left;
    height: 80px;
    padding: 0;
    height: 80px;
    width: 300px;
    text-align: center;
}

#partnersBox .scrollable .item a {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}

#serwisBox {
    background: #0d529b;
    padding: 10px 15px;
    margin: 0 0 28px 0;
    position: relative;
}

#serwisBox ol {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 10pt;
    line-height: 16pt;
}

#serwisBox ol li {
    padding: 0;
    margin: 0;
    list-style: none;
}

#serwisBox ol li a {
    padding: 2px 15px 2px 45px;
    text-decoration: none;
    width: 320px;
    display: block;
    margin: 0 0 0 -15px;
    position: relative;
    font-weight: 400;
}

#serwisBox ol li a span {
    position: absolute;
    left: 0;
    top: 2px;
    width: 35px;
    text-align: right;
    font-weight: 700;
    color: #75acf5;
}

#serwisBox ol li a:hover {
    background: #ffffff;
    color: #333333;
}

#serwisBox ol li.playing a {
    background: #ffffff url('../images/count.png') 360px 5px no-repeat;
    color: #333333;
}

#serwisBox ol li.playing a span,
#serwisBox ol li a:hover span {
    color: #195ba0;
}

#archiveBox {
    background: #0d529b;
    padding: 10px 15px;
    margin: 0 0 28px 0;
    position: relative;
}

#archiveBox ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 10pt;
    line-height: 16pt;
}

#archiveBox ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

#archiveBox ul li a {
    position: relative;
    display: block;
    text-decoration: none;
    padding: 2px 35px 2px 15px;
    width: 330px;
    margin-left: -15px;
}

#archiveBox ul li a span {
    float: right;
    color: #75acf5;
}

#archiveBox ul li a:hover {
    background: #ffffff;
    color: #333333;
}

#archiveBox ul li.playing a {
    background: #ffffff url('../images/count.png') 360px 5px no-repeat;
    color: #333333;
}

#episodeBox {
    background: #0d529b;
    padding: 10px 15px;
    margin: 0 0 28px 0;
    position: relative;
}

#scrollableEpisode {
    width: 380px;
    margin: 0 0 0 -15px;
    overflow: hidden;
    position: relative;
    min-height: 25px;
}

#scrollableEpisode .items {
    position: absolute;
    top: 0;
    width: 20000em;
}

#scrollableEpisode .items .item {
    float: left;
    width: 350px;
    padding: 0 15px;
}

#episodeBox ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 10pt;
    line-height: 16pt;
}

#episodeBox ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

#episodeBox ul li a {
    padding: 2px 35px 2px 45px;
    text-decoration: none;
    width: 300px;
    display: block;
    margin: 0 0 0 -15px;
    position: relative;
    font-weight: 400;
}

#episodeBox ul li a.withSeason {
    padding-right: 105px;
    width: 230px;
}

#episodeBox ul li a .episode {
    position: absolute;
    left: 0;
    top: 2px;
    width: 35px;
    text-align: right;
    font-weight: 700;
    color: #75acf5;
}

#episodeBox ul li a .season {
    position: absolute;
    right: 35px;
    top: 2px;
    float: right;
    text-align: right;
    color: #75acf5;
}

#episodeBox ul li a:hover .season {
    display: none;
}

#episodeBox ul li a .date {
    position: absolute;
    right: 35px;
    top: 2px;
    float: right;
    text-align: right;
    color: #75acf5;
    background: #ffffff;
    box-shadow: -10px 0 0 0 #ffffff;
    display: none;
}

#episodeBox ul li a:hover .date {
    display: block;
}

#episodeBox ul li a:hover {
    background: #ffffff;
    color: #333333;
}

#episodeBox ul li a:hover:after {
    content: ' ';
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -8px 0 0 0;
    width: 6px;
    height: 16px;
    background: url('../images/count.png') 0 -1px no-repeat;
}

#episodeBox ul li.playing a {
    background: #ffffff;
    color: #333333;
}

#episodeBox ul li.playing a:after {
    content: ' ';
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -8px 0 0 0;
    width: 6px;
    height: 16px;
    background: url('../images/count.png') 0 -17px no-repeat;
}

#episodeBox ul li a:hover span {
    color: #195ba0;
}

#episodeBox nav {
    display: inline-block;
    /* height: 22px; overflow: hidden; max-width: 280px; */
}

#episodeBox .paggination a {
    cursor: pointer;
}

#dayBox {
    background: #0d529b;
    padding: 10px 15px;
    margin: 0 0 28px 0;
    position: relative;
}

#dayBox ul {
    margin: 0;
    pading: 0;
    list-style: none;
}

#dayBox ul li {
    margin: 0;
    pading: 0;
    list-style: none;
}

#dayBox>ul>li>a {
    font-weight: 700;
    display: block;
    color: #7ab2fa;
    font-size: 14pt;
    line-height: 18pt;
    padding: 3px 0;
}

#dayBox>ul>li>a:hover {
    text-decoration: none;
    color: #ffffff;
}

#dayBox ul li li a {
    padding: 2px 15px 2px 45px;
    font-size: 10pt;
    line-height: 16pt;
    text-decoration: none;
    width: 320px;
    display: block;
    margin: 0 0 0 -15px;
    position: relative;
    font-weight: 400;
}

#dayBox ul li li a span {
    position: absolute;
    left: 0;
    top: 2px;
    width: 35px;
    text-align: right;
    font-weight: 700;
    color: #75acf5;
}

#dayBox ul li li.playing a {
    background: #ffffff url('../images/count.png') 360px 5px no-repeat;
    color: #333333;
}

#dayBox ul li li a:hover {
    background: #ffffff;
    color: #333333;
}

#dayBox ul li li a:hover span {
    color: #195ba0;
}

#latestUploads {
    background: #0d529b;
    padding: 10px 15px;
    margin: 0 0 28px 0;
    position: relative;
}

#latestUploads ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 10pt;
    line-height: 16pt;
}

#latestUploads ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

#latestUploads ul li a {
    position: relative;
    display: block;
    text-decoration: none;
    padding: 2px 15px;
    width: 350px;
    margin-left: -15px;
}

#latestUploads ul li a span {
    float: right;
    width: 40px;
    text-align: left;
    color: #75acf5;
}

#latestUploads ul li a:hover {
    background: #ffffff;
    color: #333333;
}

#latestUploads ul li.playing a {
    background: #ffffff url('../images/count.png') 360px 5px no-repeat;
    color: #333333;
}

#adRight1 {
    margin: 0 auto 28px auto;
    width: 320px;
    height: 100px;
}


/**
 * @section               telecast
 */


/* ------------------------------------------------------------------------- */

#telecast {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 100px;
}

#telecast .list {
    position: absolute;
    top: 0;
    width: 20000em;
    height: 100%;
}

#telecast .day {
    float: left;
    width: 380px;
    padding: 0 30px 0 0;
}

#telecast .day .dayTitle {
    width: 350px;
    height: 55px;
    padding: 15px 15px 0 15px;
    position: relative;
    background: #0d529c;
    font-weight: 700;
    color: #ffffff;
    font-size: 18pt;
    line-height: 24pt;
    margin: 0;
}

#telecast .day.today .dayTitle {
    background: #ffffff;
    color: #333333;
}

#telecast .day .dayTitle small {
    position: absolute;
    color: #91c0fa;
    font-weight: 400;
    font-size: 10pt;
    top: 50%;
    right: 15px;
    margin: -8px 0 0 0;
    height: 16px;
    line-height: 16px;
}

#telecast .day.today .dayTitle small {
    color: #80b7ff;
}

#telecast .day .item {
    width: 360px;
    height: 50px;
    padding: 5px 10px;
    position: relative;
    background: #1a3d5c;
    margin: 25px 0 0 0;
    line-height: 13pt;
}

#telecast .day.today .item {
    background: #0d529c;
}

#telecast .day .item .time {
    color: #80b7ff;
    font-size: 11pt;
    font-weight: 700;
    display: block;
}

#telecast .day .item .title {
    color: #ffffff;
    font-size: 11pt;
    font-weight: 700;
    display: block;
}

#telecast .day .item small {
    color: #ffffff;
    font-size: 9pt;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
}

#telecast .day .item .category {
    position: absolute;
    right: 10px;
    bottom: 5px;
    font-size: 9pt;
    color: #80b7ff;
}

#telecast .day .item.now {
    background: #ffffff;
}

#telecast .day .item.now .time {
    color: #0d529c;
}

#telecast .day .item.now .title {
    color: #333333;
}

#telecast .day .item.now small {
    color: #333333;
}

#telecast .day .item.now .category {
    color: #80b7ff;
}

.browseTelecast {
    display: block;
    height: 13px;
    width: 13px;
    position: fixed;
    top: 50%;
    margin: -6px 0 0 0;
}

.browseTelecast.left {
    background: url('../images/arrows.png') 0 0 no-repeat;
    left: 50%;
    margin-left: -650px;
}

.browseTelecast.right {
    background: url('../images/arrows.png') -13px 0 no-repeat;
    right: 50%;
    margin-right: -650px;
}

.browseTelecast.disabled {
    opacity: 0.8;
}


/**
 * @section               Our Programs
 */


/* ------------------------------------------------------------------------- */

#ourPrograms .navi {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    font-size: 18pt;
    line-height: 30px;
    height: 50px;
    margin: 0 0 1px 0;
}

#ourPrograms .navi li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

#ourPrograms .navi li a {
    margin: 0;
    padding: 8px 0 12px 0;
    cursor: pointer;
    text-decoration: none;
    display: block;
    background: #0d529c;
    height: 30px;
    color: #80b6ff;
    width: 400px;
}

#ourPrograms .navi li a:hover,
#ourPrograms .navi li.active a {
    color: #ffffff;
}

#scrollableOurPrograms {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 100px;
    clear: both;
}

#scrollableOurPrograms .items {
    position: absolute;
    top: 0;
    width: 20000em;
    height: 100%;
}

#scrollableOurPrograms .item {
    float: left;
    width: 1200px;
    padding: 0;
}

#scrollableOurPrograms .program {
    display: block;
    float: left;
    width: 380px;
    height: 90px;
    margin: 0 0 25px 30px;
}

#scrollableOurPrograms .program.left {
    margin-left: 0;
}

#scrollableOurPrograms .program:hover {
    background: #1a3d5c;
}

#ourPrograms .browse {
    display: block;
    height: 13px;
    width: 13px;
    position: fixed;
    top: 50%;
    margin: -6px 0 0 0;
}

#ourPrograms .browse.left {
    background: url('../images/arrows.png') 0 0 no-repeat;
    left: 50%;
    margin-left: -650px;
}

#ourPrograms .browse.right {
    background: url('../images/arrows.png') -13px 0 no-repeat;
    right: 50%;
    margin-right: -650px;
}

#ourPrograms .browse.disabled {
    opacity: 0.8;
}

@media screen and (max-width: 1280px) {
    #ourPrograms .navi {
        font-size: 16px;
    }
    #ourPrograms .navi li a {
        width: 263px;
    }
    #scrollableOurPrograms .item {
        width: 790px;
    }
    #scrollableOurPrograms .program.odd {
        margin-left: 0;
    }
    #scrollableOurPrograms .program.even {
        margin-left: 30px;
    }
}


/**
 * @section               HOME
 */


/* ------------------------------------------------------------------------- */

#categories {
    width: 1200px;
    margin: 0 auto;
    padding: 8px 0;
    position: relative;
    z-index: 3;
}

@media only screen and (max-width:1280px) {
    header .searchBox {
        position: absolute;
        float: right;
        right: 0;
        margin: 18px 0 0 0;
    }
}

@media only screen and (max-width:1280px) {
    #categories {
        width: 790px
    }
}

@media only screen and (max-width:820px) {
    #categories {
        width: 100%
    }
}

@media only screen and (max-width:666px) {
    body {
        padding: 110px 0 50px 0;
    }
}

#categories .icoCat {
    clear: both;
}

.nowLive {
    height: 50px;
    margin: 0 0 30px 0;
    overflow: hidden;
}

.nowLive p {
    color: #ffffff;
    width: 165px;
    height: 30px;
    padding: 18px 5px 2px 5px;
    position: relative;
    float: left;
    margin: 0 0 0 30px;
}

.nowLive p:first-child {
    margin: 0;
}

.nowLive p .time {
    position: absolute;
    left: 5px;
    top: 1px;
    color: #7ab1f9;
}

.nowLive p .length {
    position: absolute;
    right: 5px;
    bottom: 0;
    color: #7ab1f9;
}

.nowLive p small {
    font-size: 8pt;
}

.nowLive p.was1 {
    background: #1d3850;
}

.nowLive p.was2 {
    background: #1d3850;
}

.nowLive p.was3 {
    background: #1d3850;
}

.nowLive p.now {
    background: #ffffff;
    color: #262626;
}

.nowLive p.now span {
    color: #0d529b;
}

.nowLive p.next1 {
    background: #114c88;
}

.nowLive p.next2 {
    background: #154575;
}

.nowLive p.next3 {
    background: #193f63;
}

@media screen and (max-width: 1280px) {
    .nowLive p:first-child {
        margin: 0 0 0 -175px;
    }
    .nowLive p.was1 {
        margin: 0;
    }
}


/* news */

article.big {
    width: 790px;
    height: 400px;
    position: relative;
    padding: 0 0 30px 0;
}

article.big .photo {
    display: block;
    width: 790px;
    height: 400px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    box-shadow: 0 0 0 5px rgba(13, 82, 155, 0.4);
    margin: 0 0 10px 0;
}

article.big .photo .overflow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('../images/overflow_790x400.png') 0 0 no-repeat;
}

article.big.yellow .photo .overflow {
    background: url('../images/overflow_yellow_790x400.png') 0 0 no-repeat;
}

article.big .photo:hover {
    box-shadow: 0 0 0 5px #ffffff;
}

article.big .categories {
    position: absolute;
    z-index: 2;
    left: 10px;
    top: 240px;
    height: 44px;
}

article.big .categories .icoCat {
    float: left;
    margin: 0 5px 0 0;
}

article.big .additional {
    position: absolute;
    z-index: 2;
    left: 20px;
    top: 20px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    background: #0d529b;
    font-size: 7pt;
    line-height: 13px;
    padding: 0 5px 2px 5px;
    display: inline-block;
}

article.big .additional.premiera {
    background: #ffac33;
    color: #0d529b;
}

article.big .date {
    position: absolute;
    z-index: 2;
    left: 15px;
    top: 285px;
    display: block;
    padding: 0 0 10px 0;
    color: #80b6ff;
}

article.big.yellow .date {
    color: #ffffff;
}

article.big .title {
    position: absolute;
    z-index: 2;
    left: 15px;
    top: 302px;
    height: 32px;
    max-width: 760px;
    padding: 0;
    overflow: hidden;
    display: block;
    font-weight: 700;
    font-size: 20pt;
    line-height: 24pt;
    margin: 0 0 5px 0;
}

article.big .title:hover {
    text-decoration: none;
    color: #cce4ff;
}

article.big .author {
    position: absolute;
    z-index: 2;
    left: 15px;
    top: 337px;
    display: block;
    padding: 0 0 10px 0;
}

article.big p {
    position: absolute;
    z-index: 2;
    left: 15px;
    top: 358px;
    display: block;
    padding: 0;
    max-width: 760px;
}

article.big.noLink .photo:hover {
    box-shadow: 0 0 0 5px rgba(13, 82, 155, 0.4);
}

article.big.noLink .title:hover {
    color: #ffffff;
}

article.big.noLink a:hover {
    cursor: default;
}

.news.list article {
    float: left;
    width: 380px;
    position: relative;
    padding: 0 0 20px 0;
}

.news.list article.odd {
    clear: left;
}

.news.list article.even {
    margin-left: 30px;
    float: right;
}

.news.list article .photo {
    display: block;
    width: 380px;
    height: 190px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 0 5px rgba(13, 82, 155, 0.4);
    margin: 0 0 10px 0;
}

.news.list article .photo .overflow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('../images/overflow_380x190.png') 0 0 no-repeat;
}

.news.list article .photo:hover {
    box-shadow: 0 0 0 5px #ffffff;
}

.news.list article .categories {
    position: absolute;
    left: 10px;
    top: 140px;
    height: 44px;
}

.news.list article .categories .icoCat {
    float: left;
    margin: 0 5px 0 0;
}

.news.list article .additional {
    position: absolute;
    text-decoration: none;
    left: 20px;
    top: 20px;
    font-size: 7pt;
    line-height: 13px;
    text-transform: uppercase;
    font-weight: 700;
    background: #0d529b;
    padding: 0 3px 1px 3px;
    display: inline-block;
}

.news.list article .additional.premiera {
    background: #ffac33;
    color: #0d529b;
}

.news.list article .date {
    display: block;
    padding: 0 0 3px 0;
    color: #80b6ff;
}

.news.list article .title {
    display: inline-block;
    max-width: 100%;
    font-weight: 700;
    font-size: 20pt;
    padding: 0 5px;
    line-height: 24pt;
    margin: 0 0 5px -5px;
}

.news.list article .title:hover {
    text-decoration: none;
    color: #cce4ff;
}

.news.list article .author {
    display: block;
    padding: 0 0 10px 0;
}

.news.list.cameras article {
    height: 190px;
    padding: 0;
    margin-bottom: 30px;
}

.news.list.cameras article .title {
    position: absolute;
    top: 130px;
    left: 15px;
    margin: 0;
    padding: 0;
}

.news.list.cameras article .exactly {
    position: absolute;
    top: 162px;
    left: 15px;
}


/**
 * @section               PLAYER
 */


/* ------------------------------------------------------------------------- */

.playerPage {}

.playerPage h1.programTitle {
    float: left;
    height: 70px;
    margin: -10px 0 0 0;
    padding: 0;
    overflow: hidden;
}

.playerPage h1.programTitle img {
    position: relative;
    top: -10px;
}

.displayTime {
    height: 50px;
    margin: 0 0 30px 0;
    overflow: hidden;
    float: right;
    width: 790px;
}

.displayTime p {
    color: #ffffff;
    width: 165px;
    height: 30px;
    padding: 18px 5px 2px 5px;
    position: relative;
    float: left;
    margin: 0 0 0 30px;
}

.displayTime p:first-child {
    margin: 0;
}

.displayTime p .time {
    position: absolute;
    left: 5px;
    top: 1px;
    color: #7ab1f9;
}

.displayTime p .length {
    position: absolute;
    right: 5px;
    bottom: 0;
    color: #7ab1f9;
}

.displayTime p small {
    font-size: 8pt;
}

.displayTime p.was1 {
    background: #1d3850;
}

.displayTime p.was2 {
    background: #1d3850;
}

.displayTime p.was3 {
    background: #1d3850;
}

.displayTime p.now {
    background: #ffffff;
    color: #262626;
}

.displayTime p.now span {
    color: #0d529b;
}

.displayTime p.next1 {
    background: #114c88;
}

.displayTime p.next2 {
    background: #154575;
}

.displayTime p.next3 {
    background: #193f63;
}

@media screen and (max-width: 1280px) {
    .displayTime {
        width: 380px;
    }
}

#player {
    width: 790px;
    position: relative;
    padding: 0 0 30px 0;
    z-index: 2;
}

#player .movie {
    display: block;
    width: 720px;
    height: 404px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    /* box-shadow: 0 0 0 5px rgba(13,82,155,0.4); */
    margin: 0 auto 35px auto;
}

#player .movie.kamera {
    display: block;
    width: 806px;
    height: 444px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    /* box-shadow: 0 0 0 5px rgba(13,82,155,0.4); */
    margin: 0 0 35px -8px;
}

#player .dotacje {
    display: block;
    width: 720px;
    height: 51px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: -5px auto 35px auto;
}

#player .dotacje a {
    display: block;
    float: left;
    height: 51px;
    background: #ffffff;
}

#player .dotacje a.zkp {
    width: 325px;
    background: url('../images/dotacje.jpg?ver=003') 0 0 no-repeat;
}

#player .dotacje a.zkp:hover {
    background: url('../images/dotacje.jpg?ver=003') 0 -51px no-repeat;
}

#player .dotacje a.mswia {
    width: 395px;
    background: url('../images/dotacje.jpg?ver=003') 0 -102px no-repeat;
}

#player .dotacje a.mswia:hover {
    background: url('../images/dotacje.jpg?ver=003') 0 -153px no-repeat;
}

#player .date {
    display: block;
    padding: 0 0 3px 0;
    color: #80b6ff;
}

#player .title {
    display: inline-block;
    max-width: 100%;
    font-weight: 700;
    font-size: 20pt;
    padding: 0;
    line-height: 24pt;
    margin: 0 0 5px 0;
}

#player .author {
    display: block;
    padding: 0 0 10px 0;
}

#player .count {
    float: right;
    vertical-align: middle;
    display: inline-block;
    font-size: 18pt;
    width: auto;
    text-align: right;
    padding: 0 0 0 20px;
    background: url('../images/arrows.png') -13px center no-repeat;
}

#player .meta {
    clear: both;
    float: right;
    padding: 10px 0 0 0;
    position: relative;
}

#player .meta .n24 {
    float: left;
    text-decoration: none;
    line-height: 14px;
    padding: 0 55px 3px 0;
    margin: 1px 0 0 0;
    background: url('../images/n24.png') right 0 no-repeat;
}

#player .meta .n24:hover {
    background: url('../images/n24_white.png') right 0 no-repeat;
}

#player .meta .fbLike {
    float: left;
    margin: 0 15px;
    min-width: 100px;
    min-height: 20px;
}

#player .meta .embedLink {
    float: left;
    text-decoration: none;
    background: #ffffff;
    color: #0d529c;
    font-weight: 700;
    text-transform: uppercase;
    padding: 2px 5px;
}

#player .meta .embedLink:hover {
    background: #0d529c;
    color: #ffffff;
}

#player .meta .embedBox {
    display: none;
    position: absolute;
    right: 0;
    top: 90%;
    width: 520px;
    padding: 15px;
    background: #ffffff;
    z-index 2;
}

#player .meta .embedBox .fl {
    width: 100px;
}

#player .meta .embedBox label {
    display: block;
    color: #333333;
    margin: 0;
    padding: 0 0 5px 0;
}

#player .meta .embedBox textarea {
    float: right;
    width: 370px;
    padding: 5px 10px;
    border: 1px solid #9ebad9;
    font-size: 9pt;
}

#comments {
    margin: 0 0 25px 0;
}


/**
 * @section               PAGGINATION
 */


/* ------------------------------------------------------------------------- */

.paggination {
    clear: both;
    text-align: center;
    line-height: 20px;
    font-size: 11pt;
    vertical-align: top;
}

.paggination .page {
    display: inline-block;
    height: 22px;
    width: 22px;
    text-align: center;
    margin: 0 3px;
    text-decoration: none;
}

.paggination .page.active {
    font-size: 16pt;
    position: relative;
    top: 2px;
}

.paggination .left,
.paggination .right,
.paggination .prev,
.paggination .next {
    display: inline-block;
    margin: 0 10px 0 0;
    height: 13px;
    background: url('../images/arrows.png') 0 0 no-repeat;
    width: 13px;
    position: relative;
    top: 2px;
}

.paggination .next,
.paggination .right {
    background: url('../images/arrows.png') -13px 0 no-repeat;
    margin: 0 0 0 10px;
}

.paggination a.page:hover {
    color: #333333;
    background: #ffffff;
}


/**
 * @section               STATIC
 */


/* ------------------------------------------------------------------------- */

.static .colLeft {
    float: left;
    width: 380px;
}

.static .colRight {
    float: right;
    width: 380px;
}

.static .intro {
    font-weight: bold;
    font-size: 11pt;
    line-height: 16pt;
}

.static #content a {
    color: #80C3FF;
}

.static #content ol,
.static #content ul {
    padding: 0 0 20px 0;
}

.static #content ul ol,
.static #content ol ul {
    margin: 0 0 0 15px;
    padding: 0;
}

.static #content li {
    padding: 4px 0;
}

.static #content ul>li {
    list-style: disc;
}

.static #content ol>li {
    list-style: decimal;
}

.konkursy {}

.konkursy .movie {
    width: 720px;
    height: 400px;
    margin: 0 auto 20px auto;
}

.konkursy h5 {
    text-align: center;
    padding: 0 0 15px 0;
    margin: 0;
    font-size: 12px;
    line-height: 16px;
}

.aboutUs #content {
    position: relative;
    z-index: 2;
}

.awards {
    height: 300px;
    position: relative;
    z-index: 2;
}

.awards img {
    position: absolute;
    left: 0;
    top: 0;
}

.awards>div {
    float: left;
    height: 300px;
    position: relative;
}

.awards .aw1 {
    width: 80px;
}

.awards .aw2 {
    width: 105px;
}

.awards .aw3 {
    width: 80px;
}

.awards .aw4 {
    width: 110px;
}

.awards .aw5 {
    width: 220px;
}

.awards .aw6 {
    width: 80px;
}

.awards .aw7 {
    width: 115px;
}

.awards .tooltip {
    background: #ffd42f;
    color: #332700;
    padding: 5px;
    position: absolute;
    font-size: 12px;
    line-height: 16px;
    top: 57%;
    left: 50%;
    white-space: nowrap;
    opacity: 0;
}

.awards>div:hover .tooltip {
    opacity: 1;
}

.awards .tooltip+.tooltip {
    margin: 80px 0 0 0;
}

.awards .aw5 .tooltip+.tooltip {
    margin: 112px 0 0 0;
}

.awards .tooltip strong {
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
}


/**
 * @section               KONTAKT
 */


/* ------------------------------------------------------------------------- */

.contact {}

.contact h1 {
    font-size: 18pt;
}

.contact p {
    line-height: 17pt;
    padding: 0 0 20px 0;
}

.contact p a {
    color: #80C3FF;
}

form {}

form fieldset {}

form .formline {
    float: left;
    width: 100%;
    position: relative;
    padding: 14px 0;
}

form .buttons {
    text-align: right;
    width: 100%;
    position: relative;
    padding: 10px 0 0 0;
}

form .formline.half {
    width: 50%;
}

form .formline label {
    position: absolute;
    left: 0;
    top: 50%;
    height: 16px;
    line-height: 16px;
    margin: -8px 0 0 0;
    width: 90px;
    padding: 0 20px 0 0;
    color: #80c3ff;
    text-align: right;
}

form .formline label span {
    color: #ffad33;
    position: relative;
    top: -2px;
}

form .formline.checkboxline label {
    position: relative;
    left: 0;
    top: 0;
    float: right;
    width: 255px;
    text-align: left;
    padding: 6px 0 0 0;
    color: #ffffff;
}

form .formline.checkboxline label a {
    color: #80c3ff;
}

form .formline input[type=text],
form .formline input[type=email],
form .formline input[type=password] {
    float: right;
    border: none;
    background: #ffffff;
    height: 16px;
    color: #333333;
    padding: 4px 10px;
}

form .formline input[type=checkbox] {
    float: left;
    margin: 0 0 0 115px;
    width: 12px;
    padding: 0;
}

form .formline textarea {
    float: right;
    border: none;
    background: #ffffff;
    color: #333333;
    padding: 4px 10px;
}

form .formline textarea {
    float: right;
}

form .formline input[type=submit] {
    float: right;
    border: none;
    background: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    height: 24px;
    color: #0d529c;
    padding: 0 10px 3px 10px;
    cursor: pointer;
}

form .formline #recaptcha_widget_div {
    float: right;
}

form .formline #recaptcha_table {
    background: #fff
}

form .formline #recaptcha_table td {
    padding: 2px!important
}

form .formline #recaptcha_table td+td:last-child {
    display: none
}

form .formline #recaptcha_table #recaptcha_response_field {
    border: 1px solid #eee!important;
    width: 280px!important;
    float: none!important;
}

form .formline span.error {
    display: block;
    position: absolute;
    color: #f00;
    bottom: -5px;
    right: 0;
}

#map_canvas {
    height: 415px;
}

.button {
    display: inline-block;
    cursor: pointer;
    color: #333333;
    font-size: 12px;
    border: none;
    line-height: 20px;
    padding: 1px 10px 3px 10px;
    font-weight: 700;
    text-transform: uppercase;
    background: #ffffff;
}

input.button {
    height: 24px;
    padding: 0 10px 2px 10px;
}

.button.red {
    background: #ff594c;
    color: #ffffff;
}

.button.green {
    background: #3cb46e;
    color: #ffffff;
}

.button:hover {
    text-decoration: none;
    opacity: 0.9;
}

#formBox {
    background: #0d529b;
    padding: 10px 15px;
    margin: 0 0 28px 0;
    position: relative;
}

#formBox input[type=text],
#formBox input[type=email] {
    width: 220px;
}

#formBox textarea {
    width: 220px;
    height: 110px;
}

#ngmBox {
    background: #0d529b;
    padding: 10px 15px;
    margin: 0 0 28px 0;
    position: relative;
}

#ngmBox h3 {
    color: #80B7FF;
}

#ngmBox p {
    padding: 0 0 5px 40px;
    line-height: 15pt;
}

#ngmBox p strong {
    font-size: 10pt;
}

#ngmBox p a {
    color: #80C3FF;
}


/**
 * @section               WYŚLIJ FILM
 */


/* ------------------------------------------------------------------------- */

.sendForm .colLeft {
    float: left;
    width: 395px;
}

.sendForm .colRight {
    float: right;
    width: 395px;
}

.sendForm #mapPreview {
    float: right;
    width: 280px;
    height: 280px;
    background: #0D529B;
}

.sendForm form .formline input[type=text],
.sendForm form .formline input[type=email] {
    width: 260px;
}

.sendForm textarea {
    width: 260px;
    height: 68px;
}

form .formline.uploadline label {
    top: 17px;
    margin: 0;
}

form .formline.uploadline label.button {
    position: relative;
    top: auto;
    left: auto;
    overflow: hidden;
    float: left;
    background: #ffffff;
    margin: 0 0 5px 115px;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    height: 14px;
    padding: 5px;
    color: #0d529c;
    text-transform: uppercase;
    cursor: pointer;
}

form .formline.uploadline label.button input {
    position: absolute;
    top: 0;
    left: -1000px;
}

.uploadline ul {
    float: right;
    width: 280px;
}

.uploadline ul li {
    margin: 0 0 5px 0;
    display: block;
    padding: 3px 25px 3px 5px;
    background: #0d529c;
    color: #fffff;
    position: relative;
}

.uploadline ul li a {
    position: absolute;
    right: 5px;
    top: 50%;
    margin: -8px 0 0 0;
    font-size: 14px;
    line-height: 14px;
    height: 14px;
    font-weight: 700;
}


/**
 * @section               DOSTĘP
 */


/* ------------------------------------------------------------------------- */

.accessPage {
    background: #0d529c;
    color: #ffffff;
    padding: 10px;
}

.accessPage::after {
    content: '';
    display: block;
    clear: both;
}

.accessPage h1 {
    color: #ffffff;
}

.accessPage h2 {
    color: #ffffff;
}

.accessPage h3 {
    color: #ffffff;
    font-size: 20px;
}

.accessPage .signup {
    position: relative;
    width: 55%;
    float: left;
    box-sizing: border-box;
    padding-right: 25px;
    padding-bottom: 24px;
    padding-left: 55px;
    background: url('../images/lock.png') 7px 4px no-repeat;
}

.accessPage .signinAndReminder {
    width: 45%;
    float: left;
    box-sizing: border-box;
    padding-left: 25px;
    padding-right: 15px;
    padding-bottom: 24px;
}

.accessPage .signin {
    width: 100%;
    float: left;
    padding: 0 0 37px 0;
}

.accessPage .reminder {
    width: 100%;
    float: left;
}

.msg.error {
    padding: 5px 10px;
    background: #ff5850;
    color: #ffffff;
    margin: 0 0 10px 0;
}

.rulesLine {
    color: #80c3ff;
    margin: 0;
    padding: 5px 0 0 0;
}

.rulesLine a {
    color: #80c3ff;
    text-decoration: underline;
}

.accessPage form {}

.accessPage form fieldset {}

.accessPage form fieldset .formline {
    padding: 10px 0 10px 110px;
    position: relative;
    box-sizing: border-box;
}

.accessPage form fieldset .formline label {
    position: absolute;
    left: 0;
    top: 14px;
    margin: 0;
    color: #80c3ff;
}

.accessPage form fieldset .formline input[type=text],
.accessPage form fieldset .formline input[type=email],
.accessPage form fieldset .formline input[type=password] {
    float: none;
    width: 100%;
    height: 24px;
    box-sizing: border-box;
    box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1);
    background: #f5f5f5;
}

.accessPage form fieldset .formline input[type="submit"] {
    background: #ffffff;
    color: #333333;
}

.accessPage .signup form fieldset .formline input[type="submit"] {
    background: #3cb36e;
    color: #ffffff;
}

.logout {
    background: rgba(13, 82, 169, 0.07);
    padding: 10px;
    margin: 10px 0 0 0;
    text-align: right;
}

.logout::after {
    content: '';
    display: block;
    clear: both;
}

.logout a {
    color: #0d529c;
    text-transform: uppercase;
    font-weight: 700;
    height: 24px;
}

.logout p {
    margin: 0;
    padding: 0;
}

.movie+.logout {
    text-align: left;
    margin-bottom: 20px;
}

.movie+.logout a {
    float: right;
}


/**
 * @section               O NAS
 */


/* ------------------------------------------------------------------------- */

#officeBox {}

#officeBox p {
    height: 72px;
    padding: 8px 10px 0 10px;
    position: relative;
    margin: 0 0 28px 0;
    background: #0d529c;
}

#officeBox p strong {
    font-size: 14pt;
}

#officeBox p .phone {
    position: absolute;
    right: 10px;
    bottom: 23px;
}

#officeBox p .email {
    position: absolute;
    right: 10px;
    bottom: 7px;
}

#officeBox p a {
    color: #80C3FF;
}

.movies .item {
    float: left;
    width: 380px;
    position: relative;
    padding: 10px 0 20px 0;
}

.movies .item.even {
    margin-left: 30px;
}

.movies .item .photo {
    display: block;
    width: 380px;
    height: 190px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 0 5px rgba(13, 82, 155, 0.4);
    margin: 0 0 10px 0;
}

.movies .item .photo .overflow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('../images/overflow_380x190.png') 0 0 no-repeat;
}

.movies .item .photo:hover {
    box-shadow: 0 0 0 5px #ffffff;
}

.movies .item .title {
    display: inline-block;
    max-width: 100%;
    font-weight: 700;
    font-size: 20pt;
    padding: 0 5px;
    line-height: 24pt;
    margin: 0 0 5px -5px;
}

.movies .item .title:hover {
    text-decoration: none;
    color: #cce4ff;
}


/**
 * @section               PATRONAT
 */


/* ------------------------------------------------------------------------- */

#patronatBox {
    background: #0d529b;
    padding: 10px 15px;
    margin: 0 0 28px 0;
    position: relative;
}

#patronatBox ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 10pt;
    line-height: 16pt;
}

#patronatBox ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

#patronatBox ul li a {
    position: relative;
    display: block;
    color: #ffffff;
    text-decoration: none;
    padding: 2px 35px 2px 15px;
    width: 330px;
    margin-left: -15px;
}

#patronatBox ul li a span {
    float: right;
    color: #75acf5;
}

#patronatBox ul li a:hover {
    background: #ffffff;
    color: #333333;
}


/*
#TtmPlayerAdvert { position: absolute; background: #0d529c; opacity: 0.9; font-size: 12px; line-height: 20px; text-align: center; padding: 10px 0; z-index: 3000; width: 100%; height: 20px; bottom: 0; display: block; }
#TtmPlayerAdvertEnd { position: absolute; text-decoration: none; background: #80c3ff; opacity: 0.9; z-index: 3000; width: 100%; height: 40px; bottom: 0; display: none; }
#TtmPlayerAdvertEnd:hover { opacity: 1; text-decoration: none; }
	#TtmPlayerAdvertEnd a { text-decoration: none; font-size: 12px; line-height: 20px; text-align: center; padding: 10px 0; width: 100%; height: 20px; display: block; }
*/

#TtmPlayerAdvert {
    position: absolute;
    background: #0d529c;
    opacity: 0.9;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    padding: 0;
    z-index: 3000;
    width: 100%;
    height: 26px;
    bottom: 8px;
    left: 0;
    display: block;
}

#TtmPlayerAdvertEnd {
    position: absolute;
    text-decoration: none;
    text-indent: -9999px;
    background: url('../images/skip.png?ver=003') 0 0 no-repeat;
    cursor: pointer;
    z-index: 3000;
    width: 720px;
    margin: 0px auto;
    height: 26px;
    bottom: 8px;
    left: 0;
    display: none;
}

#TtmPlayerAdvertEnd:hover {
    text-decoration: none;
    background: url('../images/skipover.png?ver=003') 0 0 no-repeat;
}

#TtmPlayerAdvertEnd a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-indent: -9999px;
    overflow: hidden;
}


/**
 * @section               FOOTER
 */


/* ------------------------------------------------------------------------- */

footer {
    background: #0d529b;
    margin: 0 auto 30px auto;
    padding: 0 0 25px 0;
    z-index: 7;
    position: relative;
}

#cookies {
    background: #ffffff;
    padding: 5px 0;
    text-align: left;
    font-family: 'Ubuntu';
    color: #0d5294;
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1000;
}

#cookies p {
    padding: 0 0 0 10px;
}

#cookies a {
    color: #0D529B;
    float: right;
    font-weight: 700;
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -9px 0 0 0;
    text-decoration: none;
}

#cookies a:hover {
    color: #21323D;
}

footer .contactData {
    float: left;
    padding: 25px 0 25px 30px;
}

footer .contactData p {
    float: left;
    padding: 0 60px 0 0;
}

footer .copyright {
    float: right;
    padding: 47px 30px 25px 0;
}

footer .ngmBox {
    background: #0e5baf url('../images/ngm.jpg') 0 0 no-repeat;
    height: 70px;
    padding: 0 0 0 305px;
    margin: 0 30px;
}

footer .ngmBox a {
    float: left;
    display: block;
    height: 40px;
    margin: 15px 0 0 50px;
}

footer .ngmBox a.lChopin {
    width: 98px;
    background: url('../images/ngm.png') 0 0 no-repeat;
}

footer .ngmBox a.lTtm {
    width: 122px;
    background: url('../images/ngm.png') 0 -40px no-repeat;
}

footer .ngmBox a.lNadmorski {
    width: 140px;
    background: url('../images/ngm.png') 0 -80px no-repeat;
}

footer .ngmBox a.lNorda {
    width: 77px;
    background: url('../images/ngm.png') 0 -120px no-repeat;
}

footer .ngmBox a.lTtr {
    width: 87px;
    background: url('../images/ngm.png') 0 -160px no-repeat;
}

@media screen and (max-width: 1280px) {
    footer .contactData {
        padding-left: 20px;
    }
    footer .contactData p {
        padding-right: 20px;
    }
    footer .copyright {
        padding-right: 20px;
    }
    footer .ngmBox {
        background: #0e5baf url('../images/ngm_small.jpg') 0 0 no-repeat;
        padding: 0 0 0 190px;
        margin: 0 20px;
    }
    footer .ngmBox a {
        margin-left: 20px;
    }
}


/**
 * @section               PERSONALIZACJA
 */


/* ------------------------------------------------------------------------- */

.ttmLightbox {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}

.ttmLightbox .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #21323d;
    opacity: 0.9;
}

.ttmLightbox .lightboxContent {
    width: 670px;
    padding: 50px 60px;
    position: absolute;
    left: 50%;
    top: 25px;
    margin: 0 0 0 -395px;
}

#personalizationLightbox h2 {
    background: url('../images/personalization.png') 0 0 no-repeat;
    padding: 0 0 10px 40px;
}

#personalizationLightbox ol {
    list-style: decimal;
    padding: 10px 0;
}

#personalizationLightbox ol li {
    list-style: decimal
}

#personalizationLightbox ol li span {
    color: #ffb21a;
}

#personalizationLightbox form {
    display: block;
    padding: 0 0 0 40px;
}

#personalizationLightbox form input[type=radio],
#personalizationLightbox form input[type=checkbox] {
    display: none;
}

#personalizationLightbox #categoriesSelect {
    height: 44px;
}

#personalizationLightbox #categoriesSelect>label {
    float: left;
}

#personalizationLightbox #categoriesSelect .icoCat .title {
    left: 0;
    top: -40px;
}

#weatherCitiesSelect {}

#weatherCitiesSelect .select {
    margin-right: 5px;
}

#weatherCitiesSelect .add {
    font-weight: 700;
    font-size: 18px;
    padding: 0 3px;
}

#weatherCitiesSelect .add:hover {
    text-decoration: none;
}

#newsCitiesSelect {
    text-transform: uppercase;
    font-weight: 700;
}

#newsCitiesSelect .column {
    margin: 0;
    width: 200px;
}

#newsCitiesSelect .level {
    padding: 0 0 0 10px;
}

#pageLayoutSelect {}

#newsCitiesSelect p {
    display: inline-block;
    padding: 4px 5px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 5px 0;
}

#newsCitiesSelect p.active {
    background: #ffffff;
    color: #333333;
}

.radioOptions .selectSub {
    display: inline-block;
    padding: 4px 5px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 5px 0;
}

.radioOptions .selectSub.active {
    background: #ffffff;
    color: #333333;
}

.radioOptions .selectSub:hover {
    text-decoration: none;
}

.radioOptions label {
    display: inline-block;
    padding: 4px 5px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 5px 0;
}

.radioOptions label.active {
    background: #ffffff;
    color: #333333;
}

#personalizationLightbox .button.green {
    margin-left: 10px;
}


/**
 * @section               Pop-up Start
 */


/* ------------------------------------------------------------------------- */

.PopUpStart {
    top: 5% !important;
}

.PopUpStart p {
    width: 554px;
    margin: 20px 0 0 40px;
}

.PopUpStart #buttons {
    float: right;
    margin: 30px 0 0 0;
}

.PopUpStart h2 {
    background: url('../images/popupstart.png') 0 0 no-repeat;
    padding: 0 0 10px 40px;
    color: #ffffff !important;
}

.PopUpStart .button:hover {
    background: #fff;
    color: #333333;
}

.PopUpStart.wyboryPopup h2 {
    background: url('../images/wybory2014_ico.png') 0 0 no-repeat;
}


/**
 * @section               FULLSCREEN
 */


/* ------------------------------------------------------------------------- */

body.fullscreen {
    overflow: hidden;
}

#fullsreeen {
    position: fixed;
    top: 0;
    left: 0;
    background: #21323D;
    z-index: 99;
    display: none;
}

#fullsreeen .scrollableFull {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

#fullsreeen .slides {
    position: absolute;
    left: 0;
    top: 0;
    width: 20000em;
    height: 100%;
}

#fullsreeen .slide {
    position: relative;
    float: left;
    overflow: hidden;
}

#fullsreeen .slide article {}

#fullsreeen .close {
    position: absolute;
    right: 50%;
    top: 120px;
    cursor: pointer;
    margin: 0 -600px 0 0;
    height: 36px;
    width: 36px;
    z-index: 4;
    background: url('../images/close.png') 0 0 no-repeat;
}

#fullsreeen .close:hover {
    background: url('../images/close-h.png') 0 0 no-repeat;
}

#fullsreeen .browse {
    position: absolute;
    top: 50%;
    margin: -23px 0 0 0;
    width: 45px;
    height: 46px;
    z-index: 3;
    cursor: pointer;
}

#fullsreeen .browse::after {
    position: absolute;
    width: 25px;
    height: 26px;
    top: 10px;
    left: 10px;
    content: '';
}

#fullsreeen .browse.left {
    left: 100px;
}

#fullsreeen .browse.left::after {
    background: url('../images/arrows_big.png') 0 0 no-repeat;
}

#fullsreeen .browse.right {
    right: 100px;
}

#fullsreeen .browse.right::after {
    background: url('../images/arrows_big.png') -25px 0 no-repeat;
}

#fullsreeen .naviFull {
    position: absolute;
    z-index: 4;
    right: 50%;
    top: 124px;
    margin: 0 -560px 0 0;
    font-size: 0;
    line-height: 0;
    padding: 10px;
}

#fullsreeen .naviFull a {
    display: inline-block;
    cursor: pointer;
    width: 8px;
    height: 8px;
    margin: 0;
    background: #0d5294;
    border-radius: 50%;
}

#fullsreeen .naviFull a+a {
    margin: 0 0 0 10px;
}

#fullsreeen .naviFull a.active {
    background: #7db0f4;
}

#fullsreeen .naviFull a:hover {
    background: #ffffff;
}

#fullsreeen .overflow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/fullscreen.png') center center no-repeat;
    background-attachment: fixed;
    background-size: cover;
    z-index: 2;
}

article.inFull {
    padding: 0;
    position: absolute;
    left: 50%;
    width: 760px;
    bottom: 0;
    margin: 0 0 50px -600px;
    z-index: 3;
}

article.inFull .others {
    position: absolute;
    bottom: 100%;
    left: 0;
}

article.inFull .categories {
    position: relative;
    height: 44px;
    display: block;
    margin: 0 0 5px 0;
    max-width: 200px;
}

article.inFull .categories .icoCat {
    float: left;
    margin: 0 5px 0 0;
}

article.inFull .additional {
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    background: #ffffff;
    color: #333333;
    font-size: 9pt;
    line-height: 16px;
    padding: 2px 5px 4px 5px;
    display: inline-block;
}

article.inFull .additional.premiera {
    background: #ffac33;
    color: #0d529b;
}

article.inFull .article {
    text-decoration: none;
}

article.inFull .date {
    position: relative;
    text-decoration: none;
    display: block;
    padding: 10px 0;
    color: #80b6ff;
    font-size: 16px;
    line-height: 22px;
}

article.inFull .title {
    position: relative;
    max-width: 760px;
    padding: 0;
    display: block;
    font-weight: 700;
    font-size: 24pt;
    line-height: 30pt;
    margin: 0 0 15px 0;
}

article.inFull .title:hover {
    text-decoration: none;
    color: #cce4ff;
}

article.inFull .author {
    position: relative;
    display: block;
    padding: 0 0 10px 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
}

article.inFull .desc {
    position: relative;
    text-decoration: none;
    display: block;
    padding: 0;
    max-width: 760px;
    font-size: 16px;
    line-height: 22px;
}

@media screen and (max-width: 1280px) {
    #fullsreeen .close {
        margin: 0 -395px 0 0;
    }
    #fullsreeen .slide article {
        width: 790px;
        margin: 0 0 0 -395px;
        padding: 0 0 30px 0;
    }
    article.inFull {
        width: 790px;
        margin: 0 0 0 -395px;
    }
    article.inFull .additional {
        font-size: 7pt;
        line-height: 13px;
        padding: 0 5px 2px 5px;
    }
    article.inFull .date {
        font-size: 12px;
        line-height: 16px;
    }
    article.inFull .title {
        font-size: 20pt;
        line-height: 24pt;
        margin: 0 0 5px 0;
    }
    article.inFull .author {
        font-size: 12px;
        line-height: 16px;
    }
    article.inFull p {
        font-size: 12px;
        line-height: 16px;
    }
    #right {
        visibility: hidden;
    }
}


/* komentarze */

.commentsBox {
    position: relative;
}

.commentsBox h3 {
    padding: 0 0 5px 0;
    margin: 0;
}

.commentsTabs {
    height: 30px;
    background: #f6f7fa;
    border-radius: 5px 5px 0 0;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 5px;
    right: 0;
}

.commentsTabs li {
    float: left;
    height: 30px;
}

.commentsTabs li a {
    display: block;
    height: 22px;
    padding: 8px 10px 0 10px;
    border-radius: 5px 5px 0 0;
    text-align: center;
}

.commentsTabs li.active a {
    background: #eef0f5;
}

.commentsAddition {
    border-top: 3px solid #0d529b;
    border-bottom: 1px solid white;
    background: transparent;
    font-family: Arial;
    padding: 10px 20px;
    margin: 0 0 10px 0;
}

.commentsAddition .avatar {
    float: left;
    width: 50px;
    height: 50px;
    padding: 1px;
    margin: 0 10px 5px 0;
    border: 1px solid #eef0f5;
}

.commentsAddition .avatar .photo {
    dispaly: block;
    width: 50px;
    height: 50px;
    overflow: hidden;
}

.commentsAddition label {
    color: white;
    display: block;
    font-size: 13px;
    padding: 0 0 3px 0;
}

.commentsAddition label img {
    vertical-align: middle;
    margin: 0 5px;
}

.commentsAddition .oddzielnik {
    width: 100%;
    height: 1px;
    display: block;
    background: #dbdcdc;
    margin: 0 0 10px 0;
}

.commentsAddition label.nick {
    font-size: 16px;
    padding: 20px 0 0 0;
}

.commentsAddition input.text {
    outline: none;
    font-family: Arial;
    background: transparent;
    color: white;
    border: 2px solid #0d529b;
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 11px;
    line-height: 16px;
    margin: 0 0 10px 0;
    height: 16px;
}

.commentsAddition textarea {
    font-family: Arial;
    background: transparent;
    border: 2px solid #0d529b;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 11px;
    line-height: 16px;
    margin: 0 0 10px 0;
    resize: none;
    width: 588px;
}

.commentsAddition input.submit {
    cursor: pointer;
    font-family: Arial;
    background: #0d529b;
    float: right;
    border: none;
    padding: 0 0 2px 0;
    font-size: 13px;
    line-height: 16px;
    margin: 0;
    height: 22px;
    width: 66px;
    color: #ffffff;
}

.commentsAddition p.info {
    float: left;
    color: white;
    font-size: 13px;
    padding: 0;
}

.commentsAddition p.info a {
    color: white;
    text-decoration: underline;
}

.commentsList {
    padding: 5px 0;
    font-family: Arial;
}

.commentsList h3 {
    border-bottom: 3px solid #0d529b;
}

.commentsList .item {
    padding: 5px 0;
}

.commentsList .lvl2 {
    margin: 0 0 0 40px;
}

.commentsList .lvl3 {
    margin: 0 0 0 80px;
}

.commentsList .avatar {
    float: left;
    width: 28px;
    height: 33px;
    border: 1px solid #d9dee9;
    margin: 0 10px 5px 0;
}

.commentsList .avatar .frame {
    display: block;
    width: 26px;
    height: 31px;
    border: 1px solid #ffffff;
    overflow: hidden;
}

.commentsList .author {
    float: left;
    color: white;
    font-size: 15px;
    line-height: 22px;
    display: block;
    padding: 5px 0;
}

.commentsList .date {
    float: left;
    color: #868686;
    font-size: 11px;
    vertical-align: bottom;
    line-height: 22px;
    display: block;
    padding: 10px 0 0 15px;
}

.commentsList .attention {
    float: right;
    color: #444444;
    font-size: 11px;
    margin: 7px 0 0 0;
}

.commentsList .attention span {
    float: left;
    color: #444444;
    font-size: 11px;
    margin: 7px 0 0 0;
}

.commentsList .attention .thumbs {
    float: left;
}

.commentsList .attention a {
    float: left;
    padding: 2px 10px;
    margin: 2px 0;
    color: #444444;
}

.commentsList .attention a:hover {
    text-decoration: none;
    color: #034F88;
}

.commentsList .attention a.warning,
.commentsList .attention a.respone {
    border-left: 1px solid #e5e5e5;
}

.commentsList .attention a.thumbsUp,
.commentsList .attention a.thumbsDown {
    padding: 4px 10px 4px 25px;
    margin: 0;
}

.commentsList .attention a.thumbsUp:hover {
    color: #4cb80c;
}

.commentsList .attention a.thumbsDown:hover {
    color: #ba0000;
}

.commentsList .attention a.thumbsUp {
    background: url('../layout/thumbs_up.png') 0 0 no-repeat;
}

.commentsList .attention a.thumbsDown {
    background: url('../layout/thumbs_down.png') 0 0 no-repeat;
}

.commentRate {
    float: right;
    color: #444444;
    font-size: 12px;
}

.commentRate span {
    float: left;
    padding: 2px 10px 2px 0;
}

.commentRate span strong {
    font-size: 14px;
}

.commentRate span strong.minus {
    color: #c20b0b;
}

.commentRate span strong.plus {
    color: #08671a;
}

.commentsList .commentRate a {
    float: left;
    border-left: 1px solid #e5e5e5;
    padding: 2px 10px;
    color: #444444;
}

.commentsList .commentRate a:hover {
    color: #000000;
    text-decoration: none;
}

.commentsList .commentRate a img {
    margin: 0 0 0 10px;
    vertical-align: middle;
}

.commentText {
    clear: both;
    border-bottom: 1px solid white;
    background: #0d529b;
    padding: 20px 20px 30px 20px;
    position: relative;
}

.commentText p {
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    color: white;
}

.commentText a.reply {
    float: right;
    color: #444444;
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
}

.commentText .date {
    position: absolute;
    right: 95px;
    bottom: 5px;
    font-size: 10px;
    line-height: 13px;
    color: #808080;
    text-shadow: 0 1px 0 #ffffff;
}

.commentText .buttons {
    position: absolute;
    bottom: 10px;
    right: 5px;
    background: #707784;
    display: block;
    line-height: 17px;
    height: 17px;
    padding: 0 5px;
    color: #fff;
    font-size: 11px;
    font-family: Arial;
    border: 1px solid #cccccc;
    border-radius: 5px;
}

.commentText .buttons a {
    color: #fff;
}

.commentText .buttons a:first-child {
    padding: 0 3px 0 0;
    border-right: 1px solid #cccccc;
}

.commentInfo {
    font-size: 10px;
    line-height: 14px;
    color: #808080;
    font-family: Arial;
}


/**
 * @section               ADDITIONAL
 */


/* ------------------------------------------------------------------------- */

body>a.konkursLink {
    width: 176px;
    height: 508px;
    position: fixed;
    z-index: 101;
    right: 50%;
    top: 50%;
    margin: -254px -776px 0 0;
    background: url(../images/konkurs_button-02.png) 0 0 no-repeat;
}

body>a.konkursLink:hover {
    background: url(../images/konkurs_oven-02.png) 0 0 no-repeat;
}

@media screen and (max-width: 1280px) {
    body>a.konkursLink {
        margin-right: -571px;
        z-index: 9;
    }
}


/*
#TtmPlayerAdvert
{
	position: absolute;
	z-index: 2555;
	width: 50%;
	background: red;
	height: 20px;
	bottom: 0px;
	padding: 10px;
}
*/

.reporterEmail {
    text-decoration: underline;
}

.reporterEmail:hover {
    text-decoration: none;
}

.gwd-div-9j87 {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 60px;
    width: 450px;
}

.gwd-img-0sih {
    position: absolute;
    border-style: none;
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
    border-width: 0px;
}

.gwd-img-ms5v {
    position: absolute;
    border-style: none;
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
    border-width: 0px;
}

.gwd-img-ve9v {
    position: absolute;
    border-style: none;
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
    border-width: 0px;
}

.gwd-gen-n9p8gwdanimation {
    -webkit-animation: gwd-gen-n9p8gwdanimation_gwd-keyframes 2.5s linear 0.2s infinite forwards;
    -moz-animation: gwd-gen-n9p8gwdanimation_gwd-keyframes 2.5s linear 0.2s infinite forwards;
    animation: gwd-gen-n9p8gwdanimation_gwd-keyframes 2.5s linear 0.2s infinite forwards;
}

.gwd-gen-15a7gwdanimation {
    -webkit-animation: gwd-gen-15a7gwdanimation_gwd-keyframes 2.5s linear 0s infinite forwards;
    -moz-animation: gwd-gen-15a7gwdanimation_gwd-keyframes 2.5s linear 0s infinite forwards;
    animation: gwd-gen-15a7gwdanimation_gwd-keyframes 2.5s linear 0s infinite forwards;
}

.gwd-gen-tzupgwdanimation {
    -webkit-animation: gwd-gen-tzupgwdanimation_gwd-keyframes 2.5s linear 0.1s infinite forwards;
    -moz-animation: gwd-gen-tzupgwdanimation_gwd-keyframes 2.5s linear 0.1s infinite forwards;
    animation: gwd-gen-tzupgwdanimation_gwd-keyframes 2.5s linear 0.1s infinite forwards;
}

.gwd-img-iza7 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
}

.gwd-img-2uob {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
}

.gwd-img-o9rl {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
}

.gwd-gen-fwyzgwdanimation {
    -webkit-animation: gwd-gen-fwyzgwdanimation_gwd-keyframes 1.8s linear 0.7s infinite forwards;
    -moz-animation: gwd-gen-fwyzgwdanimation_gwd-keyframes 1.8s linear 0.7s infinite forwards;
    animation: gwd-gen-fwyzgwdanimation_gwd-keyframes 1.8s linear 0.7s infinite forwards;
}

.gwd-gen-2619gwdanimation {
    -webkit-animation: gwd-gen-2619gwdanimation_gwd-keyframes 1.8s linear 0.8s infinite forwards;
    -moz-animation: gwd-gen-2619gwdanimation_gwd-keyframes 1.8s linear 0.8s infinite forwards;
    animation: gwd-gen-2619gwdanimation_gwd-keyframes 1.8s linear 0.8s infinite forwards;
}

.gwd-gen-uf8pgwdanimation {
    -webkit-animation: gwd-gen-uf8pgwdanimation_gwd-keyframes 1.8s linear 0.9s infinite forwards;
    -moz-animation: gwd-gen-uf8pgwdanimation_gwd-keyframes 1.8s linear 0.9s infinite forwards;
    animation: gwd-gen-uf8pgwdanimation_gwd-keyframes 1.8s linear 0.9s infinite forwards;
}

@-webkit-keyframes gwd-gen-15a7gwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        -webkit-animation-timing-function: cubic-bezier(1, -0.002, 1, 0.098);
    }
    4% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        border-width: 3px;
        -webkit-animation-timing-function: linear;
    }
    8% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        -webkit-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        -webkit-animation-timing-function: linear;
    }
}

@-moz-keyframes gwd-gen-15a7gwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        -moz-animation-timing-function: cubic-bezier(1, -0.002, 1, 0.098);
    }
    4% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        border-width: 3px;
        -moz-animation-timing-function: linear;
    }
    8% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        -moz-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        -moz-animation-timing-function: linear;
    }
}

@keyframes gwd-gen-15a7gwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        animation-timing-function: cubic-bezier(1, -0.002, 1, 0.098);
    }
    4% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        border-width: 3px;
        animation-timing-function: linear;
    }
    8% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        animation-timing-function: linear;
    }
}

@-webkit-keyframes gwd-gen-tzupgwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        -webkit-animation-timing-function: cubic-bezier(1, -0.002, 1, 0.007);
    }
    4% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        border-width: 0px;
        -webkit-animation-timing-function: linear;
    }
    8% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        -webkit-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        -webkit-animation-timing-function: linear;
    }
}

@-moz-keyframes gwd-gen-tzupgwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        -moz-animation-timing-function: cubic-bezier(1, -0.002, 1, 0.007);
    }
    4% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        border-width: 0px;
        -moz-animation-timing-function: linear;
    }
    8% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        -moz-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        -moz-animation-timing-function: linear;
    }
}

@keyframes gwd-gen-tzupgwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        animation-timing-function: cubic-bezier(1, -0.002, 1, 0.007);
    }
    4% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        border-width: 0px;
        animation-timing-function: linear;
    }
    8% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        animation-timing-function: linear;
    }
}

@-webkit-keyframes gwd-gen-n9p8gwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        -webkit-animation-timing-function: cubic-bezier(1, 0.002, 1, 0.007);
    }
    4% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        border-width: 0px;
        -webkit-animation-timing-function: linear;
    }
    8% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        -webkit-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 3px;
        -webkit-animation-timing-function: linear;
    }
}

@-moz-keyframes gwd-gen-n9p8gwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        -moz-animation-timing-function: cubic-bezier(1, 0.002, 1, 0.007);
    }
    4% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        border-width: 0px;
        -moz-animation-timing-function: linear;
    }
    8% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        -moz-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 3px;
        -moz-animation-timing-function: linear;
    }
}

@keyframes gwd-gen-n9p8gwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        animation-timing-function: cubic-bezier(1, 0.002, 1, 0.007);
    }
    4% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        border-width: 0px;
        animation-timing-function: linear;
    }
    8% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 0px;
        animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        border-width: 3px;
        animation-timing-function: linear;
    }
}

@-webkit-keyframes gwd-gen-fwyzgwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(1, 0.007, 1, -0.008);
    }
    5.55556% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        -webkit-animation-timing-function: linear;
    }
    11.1111% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }
}

@-moz-keyframes gwd-gen-fwyzgwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: cubic-bezier(1, 0.007, 1, -0.008);
    }
    5.55556% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        -moz-animation-timing-function: linear;
    }
    11.1111% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: linear;
    }
}

@keyframes gwd-gen-fwyzgwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: cubic-bezier(1, 0.007, 1, -0.008);
    }
    5.55556% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        animation-timing-function: linear;
    }
    11.1111% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: linear;
    }
}

@-webkit-keyframes gwd-gen-2619gwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(1, 0.002, 1, 0.007);
    }
    5.55556% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        -webkit-animation-timing-function: linear;
    }
    11.1111% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }
}

@-moz-keyframes gwd-gen-2619gwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: cubic-bezier(1, 0.002, 1, 0.007);
    }
    5.55556% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        -moz-animation-timing-function: linear;
    }
    11.1111% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: linear;
    }
}

@keyframes gwd-gen-2619gwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: cubic-bezier(1, 0.002, 1, 0.007);
    }
    5.55556% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        animation-timing-function: linear;
    }
    11.1111% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: linear;
    }
}

@-webkit-keyframes gwd-gen-uf8pgwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(1, 0.002, 1, 0.007);
    }
    5.55556% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        -webkit-animation-timing-function: linear;
    }
    11.1111% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }
}

@-moz-keyframes gwd-gen-uf8pgwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: cubic-bezier(1, 0.002, 1, 0.007);
    }
    5.55556% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        -moz-animation-timing-function: linear;
    }
    11.1111% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: linear;
    }
}

@keyframes gwd-gen-uf8pgwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: cubic-bezier(1, 0.002, 1, 0.007);
    }
    5.55556% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        animation-timing-function: linear;
    }
    11.1111% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: linear;
    }
}

.gwd-img-jsqs {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
}

.gwd-img-uaya {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
}

.gwd-img-7y72 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
}

.gwd-gen-o6u0gwdanimation {
    -webkit-animation: gwd-gen-o6u0gwdanimation_gwd-keyframes 2.2s linear 0.3s infinite forwards;
    -moz-animation: gwd-gen-o6u0gwdanimation_gwd-keyframes 2.2s linear 0.3s infinite forwards;
    animation: gwd-gen-o6u0gwdanimation_gwd-keyframes 2.2s linear 0.3s infinite forwards;
}

.gwd-gen-36mtgwdanimation {
    -webkit-animation: gwd-gen-36mtgwdanimation_gwd-keyframes 2.2s linear 0.4s infinite forwards;
    -moz-animation: gwd-gen-36mtgwdanimation_gwd-keyframes 2.2s linear 0.4s infinite forwards;
    animation: gwd-gen-36mtgwdanimation_gwd-keyframes 2.2s linear 0.4s infinite forwards;
}

.gwd-gen-zunvgwdanimation {
    -webkit-animation: gwd-gen-zunvgwdanimation_gwd-keyframes 2.2s linear 0.5s infinite forwards;
    -moz-animation: gwd-gen-zunvgwdanimation_gwd-keyframes 2.2s linear 0.5s infinite forwards;
    animation: gwd-gen-zunvgwdanimation_gwd-keyframes 2.2s linear 0.5s infinite forwards;
}

@-webkit-keyframes gwd-gen-o6u0gwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(1, 0.002, 1, 0.007);
    }
    4.54545% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        -webkit-animation-timing-function: linear;
    }
    9.09091% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }
}

@-moz-keyframes gwd-gen-o6u0gwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: cubic-bezier(1, 0.002, 1, 0.007);
    }
    4.54545% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        -moz-animation-timing-function: linear;
    }
    9.09091% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: linear;
    }
}

@keyframes gwd-gen-o6u0gwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: cubic-bezier(1, 0.002, 1, 0.007);
    }
    4.54545% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        animation-timing-function: linear;
    }
    9.09091% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: linear;
    }
}

@-webkit-keyframes gwd-gen-36mtgwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.98, -0.018, 1, 0.007);
    }
    4.54545% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        -webkit-animation-timing-function: linear;
    }
    9.09091% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }
}

@-moz-keyframes gwd-gen-36mtgwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: cubic-bezier(0.98, -0.018, 1, 0.007);
    }
    4.54545% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        -moz-animation-timing-function: linear;
    }
    9.09091% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: linear;
    }
}

@keyframes gwd-gen-36mtgwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: cubic-bezier(0.98, -0.018, 1, 0.007);
    }
    4.54545% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        animation-timing-function: linear;
    }
    9.09091% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: linear;
    }
}

@-webkit-keyframes gwd-gen-zunvgwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(1, -0.012, 1, 0.007);
    }
    4.54545% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        -webkit-animation-timing-function: linear;
    }
    9.09091% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }
}

@-moz-keyframes gwd-gen-zunvgwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: cubic-bezier(1, -0.012, 1, 0.007);
    }
    4.54545% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        -moz-animation-timing-function: linear;
    }
    9.09091% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: linear;
    }
}

@keyframes gwd-gen-zunvgwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: cubic-bezier(1, -0.012, 1, 0.007);
    }
    4.54545% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        animation-timing-function: linear;
    }
    9.09091% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: linear;
    }
}

.gwd-img-cmd9 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
}

.gwd-img-ep69 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
}

.gwd-img-td4z {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
}

.gwd-gen-95wlgwdanimation {
    -webkit-animation: gwd-gen-95wlgwdanimation_gwd-keyframes 1.1s linear 1.4s infinite forwards;
    -moz-animation: gwd-gen-95wlgwdanimation_gwd-keyframes 1.1s linear 1.4s infinite forwards;
    animation: gwd-gen-95wlgwdanimation_gwd-keyframes 1.1s linear 1.4s infinite forwards;
}

.gwd-gen-zpyygwdanimation {
    -webkit-animation: gwd-gen-zpyygwdanimation_gwd-keyframes 1.1s linear 1.5s infinite forwards;
    -moz-animation: gwd-gen-zpyygwdanimation_gwd-keyframes 1.1s linear 1.5s infinite forwards;
    animation: gwd-gen-zpyygwdanimation_gwd-keyframes 1.1s linear 1.5s infinite forwards;
}

.gwd-gen-gzllgwdanimation {
    -webkit-animation: gwd-gen-gzllgwdanimation_gwd-keyframes 1.1s linear 1.6s infinite forwards;
    -moz-animation: gwd-gen-gzllgwdanimation_gwd-keyframes 1.1s linear 1.6s infinite forwards;
    animation: gwd-gen-gzllgwdanimation_gwd-keyframes 1.1s linear 1.6s infinite forwards;
}

@-webkit-keyframes gwd-gen-95wlgwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(1, 0.002, 1, 0.007);
    }
    9.09091% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        -webkit-animation-timing-function: linear;
    }
    18.1818% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }
}

@-moz-keyframes gwd-gen-95wlgwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: cubic-bezier(1, 0.002, 1, 0.007);
    }
    9.09091% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        -moz-animation-timing-function: linear;
    }
    18.1818% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: linear;
    }
}

@keyframes gwd-gen-95wlgwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: cubic-bezier(1, 0.002, 1, 0.007);
    }
    9.09091% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        animation-timing-function: linear;
    }
    18.1818% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: linear;
    }
}

@-webkit-keyframes gwd-gen-zpyygwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(1, 0.002, 1, 0.007);
    }
    9.09091% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        -webkit-animation-timing-function: linear;
    }
    18.1818% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }
}

@-moz-keyframes gwd-gen-zpyygwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: cubic-bezier(1, 0.002, 1, 0.007);
    }
    9.09091% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        -moz-animation-timing-function: linear;
    }
    18.1818% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: linear;
    }
}

@keyframes gwd-gen-zpyygwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: cubic-bezier(1, 0.002, 1, 0.007);
    }
    9.09091% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        animation-timing-function: linear;
    }
    18.1818% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: linear;
    }
}

@-webkit-keyframes gwd-gen-gzllgwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(1, -0.008, 1, 0.012);
    }
    9.09091% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        -webkit-animation-timing-function: linear;
    }
    18.1818% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }
}

@-moz-keyframes gwd-gen-gzllgwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: cubic-bezier(1, -0.008, 1, 0.012);
    }
    9.09091% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        -moz-animation-timing-function: linear;
    }
    18.1818% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        -moz-animation-timing-function: linear;
    }
}

@keyframes gwd-gen-gzllgwdanimation_gwd-keyframes {
    0% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: cubic-bezier(1, -0.008, 1, 0.012);
    }
    9.09091% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 1;
        animation-timing-function: linear;
    }
    18.1818% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: linear;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 451px;
        height: 61px;
        opacity: 0;
        animation-timing-function: linear;
    }
}

.gwd-gen-n9p8gwdanimation-gen-animation0keyframe {
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
    border-width: 0px;
}

.gwd-gen-15a7gwdanimation-gen-animation0keyframe {
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
    border-width: 0px;
}

.gwd-gen-tzupgwdanimation-gen-animation0keyframe {
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
    border-width: 0px;
}

.gwd-gen-fwyzgwdanimation-gen-animation0keyframe {
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
}

.gwd-gen-2619gwdanimation-gen-animation0keyframe {
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
}

.gwd-gen-uf8pgwdanimation-gen-animation0keyframe {
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
}

.gwd-gen-o6u0gwdanimation-gen-animation0keyframe {
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
}

.gwd-gen-36mtgwdanimation-gen-animation0keyframe {
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
}

.gwd-gen-zunvgwdanimation-gen-animation0keyframe {
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
}

.gwd-gen-95wlgwdanimation-gen-animation0keyframe {
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
}

.gwd-gen-zpyygwdanimation-gen-animation0keyframe {
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
}

.gwd-gen-gzllgwdanimation-gen-animation0keyframe {
    top: 0px;
    left: 0px;
    width: 451px;
    height: 61px;
    opacity: 0;
}

ul._offers_list {
    margin: 0;
    padding: 0;
}

ul._offers_list>li {
    display: block;
    border-bottom: 1px solid #e1e1e1;
}

ul._offers_list>li>strong {
    color: #6b6b6b;
    font-size: 14px;
    text-decoration: none;
    line-height: 20px;
    padding: 15px;
    display: block;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
    font-weight: 400;
    cursor: pointer;
}

ul._offers_list>li ul {
    margin-left: 30px;
}

ul._offers_list>li>._offer {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;
    padding: 0 20px;
}

ul._offers_list li:hover ._offer {
    max-height: 1100px;
}


/* widok posredni boxy */

.indirect-box1,
.indirect-box5,
.indirect-box3 {
    width: 380px;
    margin-right: 15px;
    box-sizing: border-box;
}

.indirect-box2,
.indirect-box6,
.indirect-box4 {
    width: 380px;
    margin-left: 15px;
    box-sizing: border-box;
}

.indirect-box2 #calendarBox {
    width: 100%;
    height: 256px;
}

.indirect-box7 article {
    width: 50%;
    float: left;
    min-height: 400px;
    box-sizing: border-box;
}

.indirect-box7 article:nth-child(even) {
    margin-right: 10px;
    width: calc(50% - 10px);
}

.indirect-box7 article:nth-child(odd) {
    margin-left: 10px;
    width: calc(50% - 10px);
}

#content-indirect-box .right-banner-box1,
#content-indirect-box .right-banner-box2,
#content-indirect-box .buttonHorizontal,
#content-indirect-box .buttonPersonalization {
    display: none!important;
}

/*
ADBLOCK INFO
*/

.blockcontent {
    position: fixed;
    display: none;
    visibility: hidden;
    width: 100%;
    background: rgba(255, 255, 255, 0.71);
    z-index: -10000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    line-height: 1.1;
    font-weight: 400;
    z-index: 6000200;
    font-size: 16px;
}

.blockcontent.active {
    display: block;
    visibility: visible;
    z-index: 10000;
}

.blockcontent .blockcontent_box {
    width: 800px;
    height: 270px;
    position: absolute;
    display: block !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #0d529b;
    color: white;
    padding: 50px;
    text-align: center;
}

.blockcontent .blockcontent_box p, .blockcontent .blockcontent_box h2 {
    margin-bottom: 20px;
    color: white;
}

.blockcontent .blockcontent_box .button {
    display: inline-block;
    background-color: #F28D53;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    padding: 10px;
    color: white;
    cursor: pointer;
    text-decoration: none;
}

.blockcontent .blockcontent_box .button:hover {
    background-color: white;
    color: #f2715c;
}

.blockbody {
    overflow: hidden;
}

.blockbody .staticArticle {
    filter: blur(8px);
    -webkit-filter: blur(8px);
}

/*
END ADBLOCK INFO
*/