@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 100;
    src: local('Work Sans Thin'), local('WorkSans-Thin'), url(https://fonts.gstatic.com/s/worksans/v2/S5P2Ny-Dw8BHKH0UfdbgXSYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 100;
    src: local('Work Sans Thin'), local('WorkSans-Thin'), url(https://fonts.gstatic.com/s/worksans/v2/S5P2Ny-Dw8BHKH0UfdbgXY4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 200;
    src: local('Work Sans ExtraLight'), local('WorkSans-ExtraLight'), url(https://fonts.gstatic.com/s/worksans/v2/u_mYNr_qYP37m7vgvmIYZz0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 200;
    src: local('Work Sans ExtraLight'), local('WorkSans-ExtraLight'), url(https://fonts.gstatic.com/s/worksans/v2/u_mYNr_qYP37m7vgvmIYZ-gdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Work Sans Light'), local('WorkSans-Light'), url(https://fonts.gstatic.com/s/worksans/v2/FD_Udbezj8EHXbdsqLUplz0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Work Sans Light'), local('WorkSans-Light'), url(https://fonts.gstatic.com/s/worksans/v2/FD_Udbezj8EHXbdsqLUpl-gdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Work Sans'), local('WorkSans-Regular'), url(https://fonts.gstatic.com/s/worksans/v2/WB2LNay3rHMH1zU8UJnUHBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Work Sans'), local('WorkSans-Regular'), url(https://fonts.gstatic.com/s/worksans/v2/ElUAY9q6T0Ayx4zWzW63VFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 500;
    src: local('Work Sans Medium'), local('WorkSans-Medium'), url(https://fonts.gstatic.com/s/worksans/v2/Nbre-U_bp6Xktt8cpgwaJD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 500;
    src: local('Work Sans Medium'), local('WorkSans-Medium'), url(https://fonts.gstatic.com/s/worksans/v2/Nbre-U_bp6Xktt8cpgwaJOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Work Sans SemiBold'), local('WorkSans-SemiBold'), url(https://fonts.gstatic.com/s/worksans/v2/z9rX03Xuz9ZNHTMg1_ghGT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Work Sans SemiBold'), local('WorkSans-SemiBold'), url(https://fonts.gstatic.com/s/worksans/v2/z9rX03Xuz9ZNHTMg1_ghGegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Work Sans Bold'), local('WorkSans-Bold'), url(https://fonts.gstatic.com/s/worksans/v2/4udXuXg54JlPEP5iKO5AmT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Work Sans Bold'), local('WorkSans-Bold'), url(https://fonts.gstatic.com/s/worksans/v2/4udXuXg54JlPEP5iKO5Amegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 800;
    src: local('Work Sans ExtraBold'), local('WorkSans-ExtraBold'), url(https://fonts.gstatic.com/s/worksans/v2/IQh-ap2Uqs7kl1YINeeEGj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 800;
    src: local('Work Sans ExtraBold'), local('WorkSans-ExtraBold'), url(https://fonts.gstatic.com/s/worksans/v2/IQh-ap2Uqs7kl1YINeeEGugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 900;
    src: local('Work Sans Black'), local('WorkSans-Black'), url(https://fonts.gstatic.com/s/worksans/v2/Hjn0acvjHfjY_vAK9Uc6gj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 900;
    src: local('Work Sans Black'), local('WorkSans-Black'), url(https://fonts.gstatic.com/s/worksans/v2/Hjn0acvjHfjY_vAK9Uc6gugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}

* {
    outline: 0 !important
}

body {
    font-family: 'Work Sans', Roboto, Lato, sans-serif
}

span, p, div, a, h1, h2, h3, h4, b, tr, td {
    color: rgba(0, 0, 0, .75);
    padding-bottom: 2px
}

div#map>div {
    position: static!important
}

.popup-image {
    top: 10px
}

body *::selection {
    background: #dc291a;
    color: #fff
}

body *::-moz-selection {
    background: #dc291a;
    color: #fff
}

a {
    color: #222;
    font-weight: 500;
    text-decoration: none
}

a:hover {
    color: #7e7e7e
}

table {
    overflow-y: hidden;
    overflow-x: scroll
}

.clear {
    clear: both
}

.clearl {
    clear: left
}

.clearr {
    clear: right
}

.desktop-hidden {
    display: none !important
}

.mobile-hidden {
    display: initial
}

.mobile-nav-toplevel {
    display: none !important;
    font-family: arial;
    position: relative;
    float: right
}

nav.navbar {
    min-height: 90px;
    height: 90px;
    background-color: #ccc;
    background-image: url('/img/navbg.png');
    background-position: right;
    position: fixed;
    box-sizing: border-box;
    :top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999
}

nav.navbar>.brand {
    padding: 0 0 0 40px;
    position: absolute
}

nav.navbar>.brand>a>img {
    max-height: 90px;
    height: 90px
}

nav.navbar>.navtoggle {
    display: none
}

nav.navbar .nav {
    padding-left: 0;
    position: relative;
    margin: auto
}

nav.navbar .nav>li {
    display: inline-block
}

nav.navbar .nav>li>a {
    display: inline-block;
    margin-top: -11px;
    padding: 45px 10px 45px 10px;
    box-sizing: border-box;
    height: 99px
}

nav.navbar .nav>li>ul.submenu {
    display: none;
    position: absolute;
    background: #7e7e7e;
    left: 0;
    right: 0;
    top: 88px;
    z-index: 100;
    box-sizing: border-box;
    padding: 5px;
    text-align: center;
    flex-flow: row wrap;
    justify-content: center
}

nav.navbar ul.submenu>li {
    font-size: 12px;
    text-align: left
}

@media (max-width:801px) {
    img[src="/img/przenies-slide.png"] {
        display: none
    }
}

@media (min-width:1025px) {
    nav.navbar ul.submenu>li:hover {
        color: #fff !important
    }
    nav.navbar ul.submenu>li:hover a {
        background-color: #dc291a !important;
        color: #fff !important
    }
    nav.navbar .nav>li>ul.submenu>li {
        display: inline-block;
        width: 49%
    }
    nav.navbar .nav>li:last-child>ul.submenu>li:last-child {
        width: 100%
    }
    nav.navbar .nav>li>ul.submenu>li>a {
        width: 97%;
        padding: 15px 5px 16px 15px;
        float: left
    }
    nav.navbar .nav>li:hover>ul.submenu {
        display: flex
    }
    nav.navbar .nav>li:hover {
        background-color: #dc291a
    }
    nav.navbar .nav>li:hover a {
        color: #fff
    }
}

@media (max-width:1024px) {
    nav.navbar .nav {
        padding-left: 0 !important
    }
    nav.navbar .nav>li {
        display: block;
        height: 75px
    }
    nav.navbar .nav>li>a {
        cursor: default;
        font-size: 20px
    }
    nav.navbar .nav>li>ul.submenu {
        background: #EBEBEB;
        left: auto;
        top: 15px;
        position: relative
    }
    nav.navbar .nav>li>ul.submenu>li {
        display: block;
        padding: 0;
        top: 0;
        left: 0
    }
    nav.navbar .nav>li>ul.submenu>li>a {
        left: 0;
        right: 0;
        font-size: 20px;
        width: 100%;
        display: block;
        padding: 20px
    }
    .kontakt-zadzwon {
        margin-top: 9px
    }
}

nav.navbar .search {
    background-color: #fff;
    background-image: url('/img/lupa.png');
    background-position: 10px;
    background-repeat: no-repeat;
    border: none;
    box-sizing: border-box;
    display: inline-block;
    float: right;
    height: 37px;
    margin-top: 15px;
    padding-left: 40px;
    margin-right: 1em;
    font-size: .8em
}

nav.navbar .p24 {
    width: 177px;
    height: 37px;
    margin-top: 15px
}

#offer-top button[disabled] {
    background-color: #dd3d31 !important
}

.social {
    clear: both;
    display: flex;
    justify-content: space-between
}

.social a {
    display: inline-block
}

.social-icons div, .social div {
    width: 40px;
    height: 40px;
    background-size: cover;
    margin-bottom: 8px
}

.social-icons a {
    display: inline-block
}

.social-icons div, .social div {
    background-color: #fff
}

.facebook {
    background-image: url('/img/social/facebook.png')
}

.instagram {
    background-image: url('/img/social/instagram.png')
}

.youtube {
    background-image: url('/img/social/youtube.png')
}

.twitter {
    background-image: url('/img/social/twitter.png')
}

.linkedin {
    background-image: url('/img/social/linkedin.png')
}

.facebook:hover {
    background-image: url('/img/social/facebook_hover.png')
}

.instagram:hover {
    background-image: url('/img/social/instagram_hover.png')
}

.youtube:hover {
    background-image: url('/img/social/youtube_hover.png')
}

.twitter:hover {
    background-image: url('/img/social/twitter_hover.png')
}

.linkedin:hover {
    background-image: url('/img/social/linkedin_hover.png')
}

.chat {
    position: fixed;
    bottom: 255px;
    left: -135px;
    z-index: 9999;
    transition: left .2s ease-in-out
}

.chat:hover {
    left: 0
}

header .swinka {
    position: fixed;
    top: 420px;
    right: 0;
    z-index: 9999
}

.stop-scrolling {
    position: fixed;
    overflow-y: hidden
}

.start-scrolling {
    position: static;
    overflow-y: auto
}

.tooltip-wrapper.oszczednik {
    position: fixed;
    float: none;
    width: 48px;
    top: 180px;
    right: 0;
    z-index: 10
}

main {
    background-color: #dcdde1;
    overflow: hidden;
    /*margin-top: 110px;*/
}

main .main-header {
    height: 122px;
    width: 100%;
    background-color: #e9e9e9;
    background-image: url('/img/mainheaderbg.png');
    color: #7e7e7e;
    text-align: center
}

main .main-header h3 {
    font-size: 1.6em
}

main .main-header h1 {
    font-size: 1.9em;
    text-transform: uppercase
}

main .main-header h1 {
    margin-top: 0 !important;
    margin-bottom: 0;
    padding-top: 1em
}

main .main-header h3 {
    margin-top: 0;
    font-weight: 200
}

main .block-container {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-wrap: nowrap;
    height: 440px
}

main .sub-container .block * {
    z-index: 1;
    position: relative
}

main .sub-container .block {
    background-color: #A5A6AA;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    position: relative;
    text-align: center;
    min-height: 445px;
    overflow: hidden;
    transition: 0.4s ease-out
}

main .sub-container .block:after, main .sub-container .block:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

main .sub-container .block:after {
    opacity: 1;
    transition: 0.4s ease-out;
    background-repeat: no-repeat;
    background-position: center bottom
}

main .sub-container .block:before {
    opacity: 0;
    transition: 0.4s ease-out;
    background-repeat: no-repeat;
    background-position: center bottom
}

main .sub-container:hover .block:after {
    opacity: 0
}

main .sub-container:hover .block:before {
    opacity: 1
}

main .sub-container {
    width: 100%;
    position: relative;
    display: inline-block
}

main .sub-container>img {
    position: absolute;
    z-index: 2;
    left: 26%;
    top: -75px;
    transform: scale(1.5) rotate(45deg);
    opacity: 0;
    transition: 0.4s ease-out
}

main .sub-container:hover>img {
    opacity: 1;
    transform: scale(1) rotate(0deg)
}

main .sub-container .block p {
    display: block;
    font-size: 19px;
    min-width: 100%;
    color: white;
    line-height: 1.433;
    text-align: center
}

main .sub-container .block .hover-hide {
    position: absolute;
    bottom: 35px;
    min-width: 100%;
    opacity: 1;
    width: 100%;
    text-align: center;
    transition: 0.4s ease-out
}

main .sub-container:hover .block .hover-hide {
    opacity: 0;
    bottom: -140px
}

main .sub-container .block .hover-show {
    position: absolute;
    bottom: -140px;
    min-width: 100%;
    opacity: 0;
    width: 100%;
    text-align: center;
    transition: 0.4s ease-out
}

main .sub-container:hover .block .hover-show {
    opacity: 1;
    bottom: 35px
}

main .sub-container .block .hover-show a {
    padding: 15px 35px;
    border-radius: 5px;
    color: white;
    background-color: #DD3D31;
    font-size: 20px
}

main .sub-container .block:after, main .sub-container .block:before {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

main .block-container .block.premium:after {
    background-image: url('/img/home/b_w_premium_kafelki-slajdy.jpg')
}

main .block-container .block.premium:before {
    background-image: url('/img/home/premium_kafelki-slajdy.jpg')
}

main .block-container .block.asseco:after {
    background-image: url('/img/home/asseco-block-gray.jpg')
}

main .block-container .block.asseco:before {
    background-image: url('/img/home/asseco-block.jpg')
}

main .block-container .block.ideabank:after {
    background-image: url('/img/taxcare-block_bw.jpg')
}

main .block-container .block.ideabank:before {
    background-image: url('/img/taxcare-block.jpg')
}

main .block-container .block.opencard:after {
    background-image: url('/img/home/opencard-block-gray.jpg')
}

main .block-container .block.opencard:before {
    background-image: url('/img/home/opencard-block.jpg')
}

main .block-container .block.konerg:after {
    background-image: url('/img/home/konerg-block-gray.jpg')
}

main .block-container .block.konerg:before {
    background-image: url('/img/home/konerg-block.jpg')
}

main .block-container .block.taxcare:after {
    background-image: url('/img/home/ideabank-block-gray.jpg')
}

main .block-container .block.taxcare:before {
    background-image: url('/img/home/ideabank-block.jpg')
}

main .block-header {
    background-image: url('/img/home/glowna-wianek-oszcz-bg.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 380px;
    height: 380px;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    background-color: #A5A6AA;
    font-size: 23px;
    color: rgb(238, 238, 238);
    line-height: 1.333;
    text-align: center;
    align-items: center;
    clear: both
}

.subpage-banner {
    max-width: 100%
}

main .block-header>span:nth-child(2) {
    margin-right: 120px
}

@media (max-width:800px) {
    main .block-header>span:nth-child(2) {
        margin-right: 0;
        margin-left: 0
    }
    main .block-header>span:nth-child(2)>img {
        width: 100%;
        height: inherit
    }
    main .block-container {
        flex-flow: row wrap;
        height: auto
    }
    main .block-container .sub-container>img {
        display: none
    }
    main .block-container .sub-container {
        min-height: 447px !important;
        margin-bottom: 1em;
        width: 100% !important
    }
    main .block-container .sub-container .block:after {
        opacity: 1 !important
    }
    main .block-container .sub-container .block:before {
        opacity: 0 !important;
        display: none
    }
    main .block-container .block .hover-show {
        opacity: 1;
        bottom: 35px
    }
    main .block-container .block .hover-hide {
        opacity: 1 !important;
        bottom: 125px !important
    }
}

main .items-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    background-color: #fff
}

@media (min-width:800px) {
    main .items-container .item {
        width: 416px;
        -webkit-transition: margin-left 1.2s cubic-bezier(0.800, 0.000, 0.070, 1.000);
        -moz-transition: margin-left 1.2s cubic-bezier(0.800, 0.000, 0.070, 1.000);
        -o-transition: margin-left 1.2s cubic-bezier(0.800, 0.000, 0.070, 1.000);
        transition: margin-left 1.2s cubic-bezier(0.800, 0.000, 0.070, 1.000);
        margin-left: -6000px;
        position: absolute;
        padding-bottom: 60px
    }
}

main .items-container .ziu {
    margin-left: 0 !important;
    position: static !important;
    text-align: center
}

main .items-container .item img {
    margin: 0 auto
}

main .items-container .item-description {
    box-sizing: border-box;
    padding: 0 50px
}

.items-container .item .item-name {
    height: 23px;
    display: inline-block;
    padding: 5px
}

.items-container .item .item-price {
    font-size: 1.67em;
    color: rgb(220, 41, 26);
    font-weight: bold
}
.button-center {
  display: block!important;
  margin: 0 auto;
  text-align: center;
}
.top-bar-button {
  background-color: #e3382b;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 7px;
}

.wyslij {
  background-color: blue!important;
}
 
.top-bar-button a {
  display: block;
  text-align: center;
  color: #fff;
  color: #fff;
  color: #fff;
  color: #fff;
}
main .items-container .item .button {
    border: 1px solid #4c4c4c;
    padding: 10px;
    float: right;
    text-transform: uppercase;
    font-size: .6em
}

main .items-container .item a:hover {
    color: #dc291a
}

@media (max-height:829px) {
    .chat {
        bottom: 180px !important
    }
}

@media (min-height:830px) {
    .chat {
        top: 350px !important
    }
}

@media (max-width:1024px) {
    header .slider {
        margin-top: 0
    }
    .subpage-banner {
        margin-top: 0
    }
    .row {
        padding: 10px
    }
    .desktop-hidden {
        display: block !important
    }
    .mobile-hidden {
        display: none!important
    }
    .mobile-nav-toplevel {
        display: initial !important;
        pointer-events: initial;
        cursor: pointer;
        float: right
    }
    .navbar {
        min-height: 90px;
        background-color: #ccc;
        background-image: url('/img/navbg.png');
        background-repeat: no-repeat;
        background-position: right;
        position: relative !important;
        box-sizing: border-box;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999
    }
    .offer .fix-navbar {
        top: 0 !important
    }
    nav.navbar>.navtoggle {
        display: inline-block;
        position: relative;
        right: -80%;
        top: 0
    }
    nav.navbar>.navtoggle>img {
        width: 72px;
        height: 72px
    }
    nav.navbar>.brand>a>img {
        margin-left: 0;
        margin-left: 0;
        left: 0;
        max-width: 400px
    }
    nav.navbar .nav {
        position: absolute;
        top: 90px;
        width: 100%;
        list-style: none;
        display: none;
        text-transform: uppercase;
        z-index: 1000000;
        background-color: #CCCCCC
    }
    nav.navbar .nav>li {
        display: inline-block;
        background-color: #ccc;
        position: relative;
        width: 100%
    }
    nav.navbar .nav>li>ul.submenu {
        background: #EBEBEB;
        left: auto;
        position: relative;
        -webkit-overflow-scrolling: touch;
        z-index: 1;
        margin-left: 0 !important;
        width: 100% !important
    }
    nav.navbar .nav>li>ul.submenu>li {
        display: block;
        padding: 0;
        top: 0;
        left: 0
    }
    nav.navbar .nav>li>ul.submenu>li>a {
        left: 0;
        right: 0;
        font-size: 16px;
        width: 100%;
        display: block;
        padding: 15px;
        padding: 10px 0
    }
    nav.navbar ul>li:hover a {
        color: #222
    }
    i.mobile-nav-toplevel.fa.fa-arrow-right {
        right: 140px;
        color: #DD3D31
    }
    main .main-header {
        height: inherit
    }
    main .items-container .item {
        height: inherit;
        margin-bottom: 30px
    }
    main .items-container .item-description {
        box-sizing: border-box;
        padding: 0 20px
    }
    main .block-container .sub-container>img {
        left: 15%
    }
    .showroom>div.row.showroom-pani>div>div:nth-child(2)>p {
        max-width: 65%
    }
    .mapamil, .shrmpani {
        max-width: 100%
    }
    footer .right {
        padding-right: 0
    }
    footer .newsletter {
        clear: both;
        width: 100%;
        margin: 0 auto
    }
    footer {}
    .fill-form img {
        width: 120%;
        max-width: 100%
    }
    .obrazki img {
        display: block !important;
        clear: both;
        position: relative !important;
        margin-top: 100px !important
    }
    .obrazki {
        height: 400px
    }
    img.onas-img-r.ziu {
        margin-left: -150px !important;
        margin-top: -50px !important
    }
    img.onas-img-l.ziu {
        margin-left: 100px !important
    }
    .partnerzy p {
        text-align: center
    }
    footer .left {
        padding: 0
    }
    .hover-hide img {
        max-width: 90%
    }
    .topimg {
        margin-top: 0 !important
    }
}

@media (max-width:800px) {
    .obrazki img {
        display: block !important;
        clear: both;
        position: relative !important;
        margin-top: 100px !important
    }
    .obrazki {
        height: 700px
    }
    img.onas-img-r.ziu {
        margin-left: -560px !important;
        margin-top: -50px !important;
        max-width: 200% !important
    }
    img.onas-img-l.ziu {
        margin-left: -150px !important;
        max-width: 200%
    }
    .onas-bg {
        visibility: collapse
    }
    .showroom-magicmargin {}
}

.copy {
    clear: both;
    width: 100%;
    text-align: center;
    font-weight: 100
}

.copy a {
    color: #a7a7a7;
    font-weight: 100 !important;
    text-transform: initial;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px
}

.share-btn-wrp object {
    pointer-events: none;
    height: 25px;
    width: 25px;
    cursor: pointer
}

.share-btn-wrp svg:hover {
    cursor: pointer
}

.share-btn-wrp li {
    display: inline-block;
    background: rgb(255, 255, 255);
    padding: 6px;
    width: 40px;
    height: 40px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 4px;
    cursor: pointer
}

.share-btn-wrp li:hover {
    border: 1px solid rgb(170, 170, 170)
}

.text-center {
    text-align: center
}

.page-oferta {
    font-family: 'Work Sans', sans-serif;
    max-width: 100% !important
}

.page-oferta>.row {
    margin-left: 0;
    margin-right: 0
}

.page-oferta .onas-img {
    margin-top: -540px
}

.page-oferta .telefony img {
    margin: 0 auto;
    display: block;
    max-width: 100%
}

.page-oferta h1.light {
    font-weight: 300;
    font-size: 24px;
    margin-bottom: -1.4em
}

.page-oferta h1.bold {
    font-weight: 700;
    font-size: 36px;
    color: #dc291a
}

.page-oferta h1 {
    margin: 1em auto
}

.page-oferta .showroom {
    font-weight: 300;
    font-size: 36px;
    text-transform: uppercase;
    color: #dc291a
}

.button-oszczednosci {
    background: rgb(26, 108, 220);
    display: block;
    width: 200px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    padding: 14px;
    margin: .5em auto 2em
}

.bg-white {
    background-color: #fff
}

.bg-gray {
    background-color: #e9e9e9
}

.onas-img-r {}

.onas-img-r {
    -webkit-transition: margin-left 1.4s cubic-bezier(0.800, 0.000, 0.070, 1.000);
    -moz-transition: margin-left 1.4s cubic-bezier(0.800, 0.000, 0.070, 1.000);
    -o-transition: margin-left 1.4s cubic-bezier(0.800, 0.000, 0.070, 1.000);
    transition: margin-left 1.4s cubic-bezier(0.800, 0.000, 0.070, 1.000);
    margin-left: -8000px !important;
    margin-top: -420px
}

.onas-img-l {
    -webkit-transition: margin-left 1.2s cubic-bezier(0.800, 0.000, 0.070, 1.000);
    -moz-transition: margin-left 1.2s cubic-bezier(0.800, 0.000, 0.070, 1.000);
    -o-transition: margin-left 1.2s cubic-bezier(0.800, 0.000, 0.070, 1.000);
    transition: margin-left 1.2s cubic-bezier(0.800, 0.000, 0.070, 1.000);
    margin-left: -6000px !important
}

.ziu {
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: static !important
}

.ziu a {
    display: inline-block
}

.subpage-footer-container {
    display: flex;
    margin: 0 40px;
    justify-content: center;
    margin: auto
}

.subpage-footer-container .element {
    margin: auto 0
}

main {
    background: #fff
}

.roaming {
    color: #7e7e7e;
    background: #fff
}

.roaming .roaming-h {
    color: rgb(220, 41, 26);
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 400
}

.roaming h2 {
    text-transform: uppercase;
    color: rgb(126, 126, 126);
    font-weight: 500;
    margin-top: 55px
}

.roaming img {
    margin-top: 4.5em
}

.lte {
    color: #7e7e7e
}

.lte-horizontal-banner {
    background-repeat: no-repeat;
    background: url('/img/lte-horizontal-banner.png') no-repeat;
    background-size: cover;
    color: #000;
    min-height: 281px;
    width: 100%;
    background-position-x: 100%
}

.btn-red-sq {
    background: #dc291a;
    color: #fff;
    padding: 16px;
    display: block;
    margin: 20px;
    width: 333px;
    font-weight: 700;
    border: 0
}

.btn-blue-sq {
    display: block;
    width: 200px;
    background: #1a6cdc;
    color: #fff;
    padding: 16px;
    margin: 20px;
    width: 157px;
    border: 0
}

span.czerwonykwadrat {
    width: 1em;
    height: 1em;
    background: rgb(220, 41, 26);
    display: inline-block;
    margin-right: .3em
}

.roaming img {
    max-width: 100%
}

.roaming .inquire {
    width: 150px;
    height: 150px;
    background: rgb(220, 41, 26);
    padding-top: 20px;
    position: relative;
    top: -120px;
    left: 200px;
    z-index: 1
}

.roaming .inquire img {
    margin: auto;
    width: 52px;
    height: 51px;
    display: block
}

.roaming .inquire a {
    display: block;
    border: 1px solid rgb(255, 255, 255);
    width: 90%;
    padding: .5em .25em;
    margin: 20px auto;
    color: rgb(255, 255, 255);
    font-weight: 300
}

@media (max-width:800px) {
    main .main-header {
        margin-top: 25px
    }
    footer {
        min-height: 0;
        margin-top: 10px;
    }
    .subpage-footer-container img {
        width: 100%
    }
    .subpage-footer-container {
        display: block
    }
    .subpage-footer-container .element {
        padding: 30px;
        text-align: center;
        float: none
    }
    .block, body>footer>div.subpage-footer-container>div.left.element>div:nth-child(3) {
        text-align: left
    }
    body>footer>div.subpage-footer-container>div.right.element>div:nth-child(4) {
        margin-bottom: 30px
    }
    footer .element.right {
        margin-top: 0;
        padding-top: 0
    }
    .dlaczego-my, .offer {
        margin-top: 0 !important
    }
}

nav.navbar ul.submenu>li:hover a {
    color: rgb(220, 41, 26) !important;
    background-color: rgb(255, 255, 255) !important
}

nav.navbar ul.submenu>li.empty:hover, nav.navbar ul.submenu>li.empty:hover a {
    color: transparent !important;
    background-color: transparent !important
}

nav.navbar ul.submenu>li.disabled:hover a {
    color: rgba(220, 41, 26, 0.5) !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
    cursor: default
}

.dok-do-umowy a {
    color: #dc291a
}

.dok-do-umowy .collapsible-item {
    margin-bottom: 1.2em
}

.dok-do-umowy .collapsible-item .body {
    color: #7e7e7e;
    padding-left: 1em
}

.dok-do-umowy span.big {
    font-size: 1.255em
}

.btn-red-rnd {
    background: #dc291a;
    color: #fff !important;
    padding: 16px;
    display: inline-block;
    margin: 20px;
    font-weight: 700;
    border-radius: 3px
}

.btn-blue-rnd {
    display: inline-block;
    width: 200px;
    background: #1a6cdc;
    color: #fff !important
}

.btn-blue-rnd, .btn-red-rnd {
    width: 42%;
    text-align: center;
    border-radius: 3px;
    padding: 16px;
    margin: 20px
}

.dok-do-umowy .btn-blue-sq {
    margin: 20px auto
}

.dok-do-umowy .red-form {
    background: #dc291a;
    padding: 20px
}

.dok-do-umowy form input, .dok-do-umowy form select {
    display: block;
    margin: 10px auto;
    padding: 16px;
    color: #aeaeae;
    border: 1px solid #222
}

.dok-do-umowy input[type=checkbox] {
    margin: .3em;
    border: 1px solid #7e7e7e;
    background: #f00;
    display: inline
}

.dok-do-umowy .checkbox {
    display: block;
    margin-top: 1em
}

.container.contact {
    */
}

.subpage-footer-container img.logo {
    max-width: 184px;
    height: auto
}

.dlaczego-my {
    color: #7e7e7e;
    font-weight: 400;
    margin-top: 150px;
    padding: 5px
}

.dlaczego-my p {
    text-align: left
}

.dlaczego-my img {
    max-width: 100%
}

.dlaczego-my img:first-child {
    margin-top: 2.5em
}

.dlaczego-my .brazek {
    width: 84px;
    height: 84px;
    margin: auto
}

.dlaczego-my .brazek.pierwszy {
    background: url('/img/chat_a.png')
}

.dlaczego-my .brazek.pierwszy:hover {
    background: url('/img/chat_b.png')
}

.dlaczego-my .brazek.drugi {
    background: url('/img/brick_a.png');
    background-position: center
}

.dlaczego-my .brazek.drugi:hover {
    background: url('/img/brick_b.png')
}

.dlaczego-my .brazek.trzeci {
    background: url('/img/gift_a.png')
}

.dlaczego-my .brazek.trzeci:hover {
    background: url('/img/gift_b.png')
}

.dlaczego-my .brazek.czwarty {
    background: url('/img/wallet_a.png')
}

.dlaczego-my .brazek.czwarty:hover {
    background: url('/img/wallet_b.png')
}

.dlaczego-my .brazek.piaty {
    background: url('/img/time_a.png')
}

.dlaczego-my .brazek.piaty:hover {
    background: url('/img/time_b.png')
}

.dlaczego-my h1 {
    font-weight: 500;
    margin-top: 0;
    font-size: 27px;
    color: #dc291a
}

.dlaczego-my h2 {
    color: #dc291a;
    width: 500px;
    margin: 60px auto;
    text-align: center;
    max-width: 100%
}

.dlaczego-my .flextainer {
    display: flex
}

.dlaczego-my .flextem {
    margin: auto
}

.dlaczego-my .flextem:hover {
    color: #dc291a
}

.dlaczego-my .flextem img {
    margin: 12px auto;
    width: 84px;
    height: 84px;
    display: block
}

.dlaczego-my .flext {
    display: block;
    text-align: center;
    margin: auto;
    font-size: 20px;
    font-weight: 700
}

.container-fluid.showroom {
    max-width: 100%;
    color: #7e7e7e;
    font-weight: 300
}

.container-fluid.showroom .row {
    max-width: 1170px;
    margin: auto
}

.showroom h1 {
    font-weight: 300 !important
}

.red {
    color: #e3382b!important
}

.redwhite {
    background-color: #e3382b;
    color: #fff
}

.container-fluid.showroom .row.showroom-pani {
    background-color: #f2f0f0;
    width: 100% !important;
    max-width: 100% !important;
    height: 700px
}

.showroom-pani img {}

.showroom-container {
    width: 1170px;
    margin: auto;
    height: 600px
}

.showroom .gallrow {
    text-align: center
}

.showroom .image-gallery img, .showroom .gallery img {
    height: 180px;
    width: auto;
    margin: 12px
}

.light {
    font-weight: 300
}

.range {
    background: url('/img/roaming-bg.jpg') no-repeat -30% bottom;
    font-size: 14px;
    font-family: "Work Sans", sans-serif;
    color: #7e7e7e;
    margin-top: 110px
}

.range .roaming {
    padding: 10px;
    border: 1px solid #7e7e7e;
    background: transparent;
    margin: 20px 0;
    display: inline-block;
    font-weight: 700
}

.range img {
    margin-bottom: 40px
}

.range h2 {
    font-size: 24px
}

.range h3 {
    font-size: 18px
}

.range p {
    text-align: justify
}

@media (max-width:800px) {
    .range {
        margin-top: 100px;
        text-align: center
    }
    .range img {
        max-width: 100%
    }
}

@media (max-width:992px) {}

.codes {}

.codes-1 {
    font-family: "Work Sans", sans-serif;
    font-size: 14px;
    background-size: cover;
    color: #7e7e7e
}

.codes-1 h2 {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 40px
}

.codes-1 img {
    float: right
}

.codes-1 img:last-child {
    margin-right: 0
}

.codes-1 strong img {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0
}

.codes-1 .codes-items p {
    margin: 2px 0
}

.codes-1 .red {
    color: #dc291a;
    font-size: 18px;
    font-weight: 700;
    margin: 50px 0 10px 0
}

.codes-2 h2 {
    font-size: 24px;
    font-weight: 800;
    display: inline-block;
    margin-right: 40px;
    vertical-align: middle
}

.codes-2 .blue, .codes-2 .red {
    padding: 20px 30px;
    color: #fff;
    background-color: #1a6cdc;
    font-size: 16px
}

.codes-2 .red {
    padding: 20px 15px;
    font-size: 18px;
    background-color: #dc291a;
    margin: 20px 0;
    display: inline-block
}

.codes-2 img {
    max-width: 100%
}

.codes-items strong {
    float: right
}

@media (max-width:1200px) {
    .codes-2 h2 {
        display: block
    }
    .codes-2 .blue {
        display: inline-block;
        width: 220px;
        text-align: center
    }
    .butn-rappend {
        display: block !important;
        margin-top: 1em
    }
}

@media (max-width:992px) {
    .codes-2 {
        text-align: center
    }
}

main {
    background: #fff
}

.finance {}

.finance .grey-bg {
    background-color: #ebebeb
}

.finance .grey-bg label {
    display: block;
    color: #464646;
    font-size: 14px;
    font-weight: 500;
    padding-left: 15px;
    margin: 15px 0 12px 0
}

.finance .grey-bg input {
    background-color: #ffffff;
    border: 1px solid #c1c1c1;
    padding: 15px;
    font-size: 12px;
    color: #bfbfbf;
    width: 100%
}

.finance .btn {
    background-color: #1a6cdc;
    padding: 15px 30px;
    border: none;
    color: #fff;
    margin: 22px 10px 22px 0;
    font-size: 14px
}

.finance .grey-bg a {
    color: #dc291a;
    font-size: 12px;
    font-weight: 600
}

.finance img {
    max-width: 100%
}

.finance .segment {
    background: url('/img/finanse-bg.jpg') no-repeat;
    width: 100%;
    max-width: 495px;
    height: 126px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px
}

.finance .register {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 500
}

.finance .register a {
    color: #dc291a;
    font-weight: 700
}

@media (max-width:1200px) {
    .finance .btn {
        margin: 16px 10px 16px 0
    }
}

@media (max-width:992px) {
    .finance>.row>.col-md-6:last-child, .finance .register {
        text-align: center
    }
    .finance .segment {
        margin: 40px auto 20px auto
    }
}

@media (max-width:800px) {
    .finance {
        margin-top: 0 !important
    }
    footer .right .block {
        width: 100%
    }
    div.partnerzy, div.roaming {
        margin-top: 0 !important
    }
    .container-fluid, .codes {
        margin-top: 0 !important
    }
}

@media (max-width:480px) {
    .finance .segment {
        height: auto;
        background-size: cover;
        padding: 15px
    }
    .dlaczego-my .flextainer {
        display: block
    }
    .dlaczego-my .flextainer .flextem {
        display: block
    }
    .showroom h1 {
        width: 375px;
        max-width: 100%
    }
}

.customer-service {
    background: url('/img/obsluga-bg.png') repeat-x;
    padding-top: 60px;
    color: #7e7e7e
}

.customer-service form {
    background: #e3382b;
    padding: 15px;
    text-align: center
}

.customer-service form input, .customer-service form select {
    display: block;
    width: 100%;
    margin: 7px auto;
    padding: 15px;
    color: #454545;
    font-weight: 500;
    font-size: 14px;
    border: none
}

.customer-service input[required] {
    background: #fff url('/img/obsluga-reqired.png') no-repeat top right
}

.customer-service form .btn-blue-sq {
    margin: 15px auto 0 auto
}

.customer-service input[type=checkbox] {
    margin: .3em;
    border: 1px solid #7e7e7e;
    background: #f00
}

.customer-service .cs-1 h3 {
    font-size: 24px;
    color: rgb(220, 41, 26);
    font-weight: 400
}

.customer-service .cs-box {
    padding: 30px;
    background: url('/img/obsluga-img-1.jpg') no-repeat;
    background-size: cover
}

.customer-service .cs-box h3 {
    color: #000;
    font-size: 36px;
    font-weight: 700;
    margin-top: 0
}

.customer-service .btn-red-sq, .customer-service .btn-blue-sq {
    display: inline-block;
    width: auto;
    text-align: center;
    font-size: 24px;
    margin-left: 0
}

.customer-service .btn-blue-sq {
    font-size: 20px
}

.customer-service .ch-box {
    font-size: 10px
}

.customer-service .ch-box label {
    display: inline-block;
    width: 86%;
    vertical-align: top;
    margin: 0 0 10px 10px
}

.customer-service .ch-box input {
    display: inline-block
}

.customer-service .req-star {
    font-size: 16px;
    color: #e3382b;
    font-weight: 600;
    margin: auto 10px auto 20px
}

.configure>form>.row {
    margin: -25px 0 0 0;
    padding: 30px 0;
    min-height: 210px
}

.configure .gray {
    left: 0;
    right: 0;
    position: absolute;
    margin-left: 0;
    margin-right: 0;
    background-color: #dedddd;
    min-height: 165px;
    padding: 30px 0
}

.configure .nowrap {
    white-space: nowrap
}

.configure .gray>.container-fluid {
    margin-top: 0
}

.configure .gray>.container-fluid>.row {
    margin-left: 0
}

.configure .top {
    margin-top: 22px
}

.configure .badge {
    margin-right: -50px
}

.configure .badge div {
    background-color: #c9c9c9;
    border-radius: 50%;
    height: 23px;
    width: 23px;
    color: white;
    font-weight: 800;
    padding-top: 2px;
    text-align: center
}

.configure button[type=submit] {
    background-color: #dd3d31;
    border: 0 !important;
    padding: 14px !important;
    color: rgb(255, 255, 255) !important;
    border-radius: 3px !important
}

.configure input.captcha {
    background-color: transparent
}

main {
    background-color: white
}

.configure {
    font-weight: 300;
    background: #fff
}

.configure em {
    font-size: 13px;
    text-decoration: underline
}

.configure input, select {
    background-color: rgb(255, 255, 255);
    background-image: none;
    border: 1px solid #888888;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    color: rgb(85, 85, 85);
    display: inline-block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857143;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    width: 164px
}

.configure input {
    height: 34px
}

.configure select {
    height: 34px
}

.configure div.captcha {
    background: url('/img/captcha-mockup.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 200px;
    height: 34px;
    display: inline-block;
    position: relative
}

.contact {
    font-family: "Work Sans", sans-serif;
    letter-spacing: -0.5px;
    color: #5a5a5a
}

.contact-lm {}

.contact h2 {
    color: #e3382b
}

.contact h2 span {
    font-size: 22px;
    font-weight: 300
}

.contact h2 span:last-child {
    font-size: 18px
}

.contact h2.border-bottom {
    color: #e3382b;
    padding-bottom: 17px;
    border-bottom: 3px solid #e6e6e6
}

.grey-box {
    background-color: #e6e6e6;
    color: #474747;
    padding-bottom: 20px;
    margin-bottom: 50px
}

.grey-box>.row {
    margin-left: 0;
    margin-right: 0
}

.grey-box .premium-1 {
    text-align: center;
    font-size: 24px;
    padding-top: 20px
}

.grey-box .premium-1 p {
    margin-top: 7px
}

.grey-box .premium-2 {
    margin-top: 25px;
    color: #15151a;
    font-size: 14px;
    font-weight: 500;
    padding-right: 15px
}

.grey-box input {
    display: block;
    background-color: #f9f9f9;
    padding: 15px 20px;
    margin: 0 auto 10px auto;
    border: 1px solid #d5d5d5;
    width: 86%;
    font-size: 14px;
    color: #777779
}

.contact .btn {
    background-color: transparent;
    margin-left: 15%;
    border: 1px solid #4c4c4c;
    padding: 15px 35px;
    font-size: 13px;
    color: #4c4c4c
}

.grey-box a {
    color: #4c4c4c;
    font-size: 10px
}

.contact-2>h2 {
    margin-top: 65px
}

.contact-box .item {
    display: inline-block;
    margin: 20px 30px
}

.contact-box .item img, .contact-box .item .data {
    display: inline-block;
    vertical-align: top
}

.contact-box .item img {
    margin-right: 20px
}

.contact-box .item p {
    margin: 0;
    color: #777779
}

.contact-box .item .desc {
    font-size: 18px
}

.contact-box .item .number {
    margin-top: 10px;
    font-size: 18px;
    font-weight: 600
}

.contact-box .item .info {
    font-size: 12px
}

.contact .reqired-info {
    text-align: right
}

.contact .reqired-info span {
    color: #e3382b;
    font-weight: 800
}

.contact-form input, .contact-form select, .contact-form textarea {
    background-color: #f1f1f1;
    border: 1px solid #dbdbdb;
    padding: 3px 30px;
    height: 35px;
    width: 100%;
    margin: 7px auto;
    color: #777779
}

.contact-form textarea {
    height: 160px
}

.contact-form input[required='required'], .contact-form textarea[required='required'] {
    background: #f1f1f1 url('/img/kontakt-wymagane.png') no-repeat
}

.contact-form .btn {
    margin: 25px 0
}

.question {
    background-color: #dc291a;
    padding: 12px;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    margin-top: 60px
}

.question strong {
    font-weight: 600
}

.question img {
    margin-right: 20px
}

.contact .next-attachment {
    background-color: #dfdfdf;
    padding: 7px 15px;
    font-size: 12px;
    margin-top: 15px;
    border: 0;
    display: inline-block
}

.contact input[type=file]:hover:before {
    background: #e9e9e9
}

.contact #files-box .col-md-4 {
    height: 50px
}

.contact input[type=file]:before {
    content: 'Wybierz plik';
    background: #f1f1f1;
    width: 100%;
    height: 35px;
    display: block;
    text-align: left;
    position: relative;
    margin: 0 5px;
    left: -6px;
    border: 1px solid #E0E0E0;
    top: -1px;
    line-height: 35px;
    color: #B6B6B6;
    padding-left: 5px;
    cursor: pointer
}

.contact input[type=file] {
    height: 0;
    background-color: transparent;
    border: 0;
    padding: 0;
    width: 110px;
    display: inline-block
}

.contact .text-file {
    display: inline-block;
    padding: 14px 0
}

@media (max-width:1200px) {
    .contact-lm {
        margin-left: initial
    }
}



.contact h2.border-bottom {
    font-weight: 600;
    margin-top: 80px;
    clear: both
}
@media (max-width:800px) {
    .contact {
        /*margin-top: 100px*/
    }
    .contact h2.border-bottom {
      margin-top: 0;
    }
}
label {
    display: block;
    color: #888;
    font-weight: 300;
    word-wrap: break-word;
    max-width: 150px
}

.slidermenuhover {
    filter: grayscale(.95) blur(1.5px);
    -webkit-filter: grayscale(.95) blur(1.5px);
    transition: filter .4s ease-in-out;
    transition: -webkit-filter .4s ease-in-out
}

#preload * {
    visibility: hidden;
    position: absolute;
    top: -5000px;
    left: -5000px
}

#preload .itum {
    background: url('/img/chat_b.png');
    background: url('/img/brick_b.png');
    background: url('/img/gift_b.png');
    background: url('/img/wallet_b.png');
    background: url('/img/time_b.png')
}

.order-footer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 502px;
    width: 502px;
    background-color: white;
    min-height: 61px;
    text-transform: none
}

@media (max-width:1024px) {
    .order-footer {
        width: auto;
        padding: 11px
    }
    .top, #historia>.container-fluid, #biuro>.container-fluid {
        margin-top: 0 !important
    }
}

@media (max-width:520px) {
    .order-premium+.container-fluid label {
        display: block !important;
        width: 90% !important;
        margin: auto !important;
        max-width: 90% !important;
        padding-left: 1em;
        text-align: center
    }
    .order-premium+.container-fluid input, .order-premium+.container-fluid select {
        width: 90% !important;
        display: block !important;
        margin: auto !important
    }
    .order-premium+.container-fluid select {
        width: 116px !important
    }
}

.order-footer div:nth-child(1) {
    height: 61px
}

.order-footer div:nth-child(2) {
    padding: 11px;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Work Sans', Roboto, Lato, sans-serif
}

.order-footer div:nth-child(3) {
    border: 1px solid black;
    margin-left: 26px;
    font-size: 12px;
    padding: 13px 8px;
    font-weight: bold;
    font-family: 'Work Sans', Roboto, Lato, sans-serif
}

.tooltip-wrapper {}

.tooltip-wrapper .tooltip {
    background: #7E7E7E;
    box-sizing: content-box;
    color: #fff;
    margin-top: 10px;
    opacity: 0;
    padding: 10px 20px;
    width: 137px;
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.tooltip-wrapper:hover .tooltip {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.fill-form a {
    display: flex
}

@media (max-width:800px) {
    .fill-form a {
        justify-content: center !important
    }
}

@media (max-width:425px) {
    #left-box>div>div>h3:nth-child(3)>strong.red {
        display: block;
    }
    .codes-2 {
        width: 350px;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }
    .codes-2 iframe {
        width: 350px;
        overflow-x: scroll
    }
}

.form, .form-inline {
    padding: 10px !important
}

li.year, li.month, li.day {
    display: none !important
}

div.partnerzy, div.roaming {}

.navbarmargin, .partnerzy {}

div#lhc_header {
    background: rgb(220, 41, 26) !important;
    color: rgb(255, 255, 255) !important
}

div#lhc_container {
    border-radius: 0 !important
}

#lhc_title>a>img {
    display: none
}

.calc {
    text-align: center
}

.poweredbyplus {
    max-width: 20rem;
    height: auto;
    margin-left: -9px
}

nav .poweredbyplus {
    float: right;
    margin: 0;
    max-width: 170px;
    height: auto
}

.kontakt-zadzwon {
    margin-left: 68px;
    margin-top: -9px
}

.wianek img {
    width: 100%;
    height: auto;
    margin-top: -89px
}

@media (max-width:600px) {
    .wianek img {
        width: 100%;
        height: auto;
        margin-top: initial
    }
}

@media (max-width:1280px) {
    .wianek img {
        width: 100%;
        height: auto;
        margin-top: initial
    }
}

main .more {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-bottom: 4em
}

main .more:hover {
    color: #000
}

main .more * {
    border: 1px solid #4c4c4c;
    padding: 10px;
    text-transform: uppercase;
    font-size: .8em;
    cursor: pointer;
    color: #dc291a
}

main .partnerem {
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1.111
}

.cs-box {
    margin-bottom: 20px
}

p.opisplus {
    text-align: center;
    color: rgba(0, 0, 0, .75)
}

.dok-do-umowy label {
    color: rgb(0, 0, 0);
    display: inline;
    position: relative;
    font-size: 80%
}

.dok-do-umowy form select.oddo {
    margin: 0;
    display: inline-block
}

.button-przenies {
    font-size: .85em;
    background: rgb(220, 41, 26);
    padding: 1.0em;
    color: rgb(255, 255, 255)
}

a.gopremium {
    margin-top: 35px
}

.lte>.row:first-child>.col-sm-12>h1 {
    font-weight: 400;
    color: rgb(220, 41, 26)
}

span.item-info {
    font-size: 12px;
    display: block
}

.switch-responsive {
    text-align: center
}

@media (min-width:1024px) {
    .switch-responsive {
        display: none
    }
    .calc {
        margin-left: 30px
    }
}

footer .right .block:nth-child(2) a {
    display: block;
    font-weight: 400;
    font-size: 13px;
    word-wrap: break-word
}

.subpage-footer-container * {
    font-size: 13px
}

.roaming .question img {
    margin-top: 22px
}

a.butn:hover {
    color: rgb(0, 0, 0)
}

.biginfo {
    font-size: 17px;
    font-weight: 600;
    color: rgb(119, 119, 121) !important
}

.alert.alert-dismissible.fade.in.alert-success {
    text-align: center;
    padding: 40px;
    color: rgb(80, 80, 80);
    width: 20%;
    margin: auto;
    box-shadow: rgb(128, 128, 128) 1px 0 8px;
    margin: 20% 40%;
    position: absolute;
    background: #fff;
    z-index: 2000
}

.agreements {
    margin-top: 0!important
}

.agreements h2 {
    color: #E3382B;
    font-weight: 700;
    font-size: 24px
}

.checkboksy span:before {
    margin-right: 11px;
    vertical-align: middle;
    content: "\f0c8";
    font: normal normal normal 16px/1 FontAwesome;
    color: #e1dfde !important
}

.checkboksy span:after {
    content: " ";
    margin-right: 0
}

.checkboksy input:checked+span:before {
    margin-right: 12px;
    vertical-align: middle;
    content: "\f0c8";
    font: normal normal normal 14px/1 FontAwesome;
    color: black !important
}

.checkboksy input:checked+span:after {
    margin-right: 11px;
    vertical-align: middle;
    content: "\f14a";
    font: normal normal normal 16px/1 FontAwesome;
    color: #e1dfde !important;
    margin-left: -24px
}

.modal-contact-div .checkboksy input:checked+span:after {
    margin-right: 22px
}

.modal-contact-div .checkboksy span:before {
    margin-right: 22px
}

.checkboksy input[type=radio], .checkboksy input[type=checkbox] {
    margin: 0;
    opacity: 0;
    margin-left: -24px;
    display: inline;
    height: 0;
    width: 0
}

.checkboksy label {
    max-width: none;
    display: inline;
    padding-left: 25px;
}

.home-blocks.owl-carousel .owl-item img {
    width: initial !important;
    margin: auto !important
}

.home-blocks.owl-carousel .owl-stage-outer {
    overflow: visible
}

.mobile-nav-toplevel.fa.fa-arrow-circle-right {
    color: #DD3D31;
    font-size: 25px;
    position: absolute;
    right: 10px;
    top: 27px
}

.owl-carousel .owl-stage-outer {}

header {
    position: relative
}

header * {
    font-size: 14px
}

header .disabled {
    color: gray
}

header h2 {
    margin: 0;
    font-size: 14px;
    color: inherit;
    text-transform: uppercase
}

header span.menuu {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-left: auto
}

header .fixedbar * {
    font-size: 13px
}

header .fixedbar i {
    font-size: 15px
}

header .fixedbar {
    background: #edefef;
    color: rgba(0, 0, 0, .75);
    position: absolute;
    min-width: 100%;
    top: 90px
}

header .fixedbar ul {
    padding-left: 0;
    list-style: none;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center
}

header .fixedbar ul li {
    line-height: 53px;
    margin: 0 10px
}

.offer .redtable tr {
    display: block
}

.redtable .czworeczka {
    border-radius: 1px;
    box-shadow: 1px 0 9px 0 #000;
    z-index: 999
}

.redtable td {
    min-width: 122px
}

.red-star {
    color: #DC291A;
    display: inline
}

.slider.top-slider.owl-carousel.owl-theme.owl-loaded {
    display: block
}

.menu-social img {
    margin-bottom: 17px;
    margin-right: 12px
}

@media (max-width:1350px) {
    header span.menuu {
        margin-left: 100px
    }
}

@media (max-width:1250px) {
    nav.navbar .nav {
        margin: 0
    }
    header span.menuu {
        margin-left: 200px
    }
}

@media (max-width:1024px) {
    header nav.navbar .nav>li.desktop-hidden>a {
        font-size: 17px !important
    }
    nav.navbar .nav>li>ul.submenu>li {
        width: 100%
    }
    nav.navbar ul.submenu>li {
        text-align: left
    }
    nav.navbar .nav>li>a {
        min-width: 50%
    }
    nav.navbar .nav>li>a:hover, nav.navbar .nav>li>a:focus {
        color: #DD3D31
    }
    .mobile-nav-toplevel.fa.fa-arrow-circle-right {
        font-size: 43px !important
    }
    header .fixedbar {
        height: auto;
        display: none
    }
    header .fixedbar ul {
        display: block
    }
    header span.menuu>ul {
        right: 600px
    }
    header span.menuu {
        display: block;
        margin-left: 0
    }
    main .block-header>span:first-child {
        display: none
    }
}

@keyframes grow {
    0 {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0;
        transform: scale(0)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.modal {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    z-index: 9999;
    padding: 3em;
    box-sizing: border-box;
    background: #fff;
    transform: scale(0);
    opacity: 0;
    transition: transform .4s ease-in-out, opacity .4s ease-in-out;
    -webkit-animation: grow .4s ease-out reverse;
    animation: grow .4s ease-out reverse;
    padding-bottom: 4em
}

.modal#modal-contact-offer:target {
    width: 100%;
    height: 100%
}

.modal:target, .modal.open {
    display: block;
    width: 695px;
    height: 736px;
    max-width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    margin: 0 auto;
    left: 0;
    -webkit-animation: grow .4s ease-in;
    animation: grow .4s ease-in;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    z-index: 10000000000
}

#modal-form-sent, #modal-form-arleady-sent {
    top: 20px;
    height: 300px;
    border: 1px solid #DBDBDB;
    -webkit-box-shadow: -1px 0px 75px -2px rgba(51, 51, 51, 0.57);
    -moz-box-shadow: -1px 0px 75px -2px rgba(51, 51, 51, 0.57);
    box-shadow: -1px 0px 75px -2px rgba(51, 51, 51, 0.57);
}

#modal-form-sent .close, #modal-form-arleady-sent .close{

    position: absolute;
    top: 10px;
    right: 10px;
}

.modal h1 {
    display: inline-block;
    font-weight: 300
}

.modal hr {
    border-top: 1px solid #222;
    clear: both
}

.close {
    float: right;
    border-radius: 50%;
    width: 6em
}

.close svg {
    display: block
}

.close-x {
    stroke: black;
    fill: transparent;
    stroke-linecap: round;
    stroke-width: 3
}

@media (max-width:425px) {
    .popup, .notif, .mobile-hidden {
        display: none!important
    }
    .desktop-hidden {
        display: initial!important
    }
    .home-blocks .home-background-ideabank {
        background: none;
        padding-left: 0
    }
    .home .phones .phone-image img {
        width: 100%;
        height: auto
    }
}

.swip {
    display: none;
    width: 50px;
    height: auto;
    margin: auto
}

.modal-contact-div {
    width: 600px;
    height: 90%;
    margin: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    word-wrap: break-word
}

@media (max-width:600px) {
    .modal-contact-div {
        width: 100%;
        overflow-y: scroll
    }
    .popup, .notif {
        display: none!important
    }
}

@media (max-width:375px) {
    .close svg {
        margin-top: -100px
    }
    footer .menu .footer-element {
        display: block!important;
        margin: auto!important;
        width: 90%!important
    }
}

@media (max-width:350px) {
    .border {
        height: 487px
    }
    .home .width-constrained {
        margin: 0 15px!important;
        max-width: 100%!important;
        word-wrap: normal
    }
}

div.tel img, .border img {
    max-height: 100%;
    margin-bottom: 20px !important
}

.tel img.img-responsive {
    max-height: 265px
}

.border {
    min-height: 585px
}

.bottomMenuOffer {
    list-style: none;
    padding-left: 0
}

.offer-product-view .border {
    transition-duration: 0.3s
}

.offer-product-view:hover .border {
    border-color: #E3382B
}

@media screen and (min-width:425px) {
    .backtotop {
        display: none
    }
}

@keyframes splash {
    from {
        opacity: 0;
        transform: scale(0, 0)
    }
    50% {
        opacity: 1;
        transform: scale(1.2, 1.2)
    }
    to {
        transform: scale(1, 1)
    }
}

.splash {
    animation: splash 1s normal forwards ease-in-out
}

.ui-tooltip {
    padding: 10px 20px;
    border-radius: 5px;
    box-shadow: 0 0 7px black;
    text-align: center;
}
@media(max-width: 1280px) {
  .floater-changer {
    float: left!important;
  }
}
@media (max-width: 425px) {
    .info-package img.img-responsive {
        padding-bottom: 30px;
        float: left;
    }
}
.inline-block{
    display: inline-block;
}