@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,400italic,500,600,600italic,700,900,700italic,900italic&subset=latin,latin-ext);
/*
* Skin: Blue
* ----------
*/


#szukajaside {
    display: none;
    height: 50px;
    background: #006294;
    border: 0;
    border-radius: 0;
    width: 100%;
    color: #fff;
    font-weight: 600;
}





.skin-blue .main-header .navbar {
    background-color: #fff;
}
.skin-blue .main-header .navbar .nav > li > a {
    color: #ffffff;
}
.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-header .navbar .nav .open > a,
.skin-blue .main-header .navbar .nav .open > a:hover,
.skin-blue .main-header .navbar .nav .open > a:focus,
.skin-blue .main-header .navbar .nav > .active > a {
    background: rgba(0, 0, 0, 0.1);

    color: #f6f6f6;
}
.skin-blue .main-header .navbar .sidebar-toggle {
    color: #ffffff;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1);
}
.skin-blue .main-header .navbar .sidebar-toggle {
    color: #000;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #367fa9;
}
@media (max-width: 767px) {
    .skin-blue .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .skin-blue .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }
    .skin-blue .main-header .navbar .dropdown-menu li a:hover {
        background: #367fa9;
    }
    .chattt img {
        top: 90px !important;
    }
}
.skin-blue .main-header .logo {
    background-color: #fff;
}
.skin-blue .main-header .logo img {
    margin-left: -35px;
}
.skin-blue .main-header li.user-header {
    background-color: #3c8dbc;
}
.skin-blue .content-header {
    background: transparent;
}
.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
    background-color: #0092dd;
}
.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a {
    color: #fff;
}
.skin-blue .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}
.skin-blue .sidebar-menu > li > a {
    border-left: 3px solid transparent;
    font-size: 16px;
}
.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a {
    color: #ffffff;
    background: #004061;
    font-size: 16px;
    transition: color 0.3s ease;
}
.skin-blue .sidebar-menu > li > .treeview-menu {
    background: #006ea7;
}
.skin-blue .sidebar a {
    color: #fff;
    font-weight: 600;
    transition: color 0.3s ease;
}
.skin-blue .sidebar a:hover {
    text-decoration: none;
}
.skin-blue .treeview-menu > li > a {
    color: #fff;
}
.skin-blue .treeview-menu > li.active > a,
.skin-blue .treeview-menu > li > a:hover {
    color: #ffffff;
    background: hsla(200,100%,36%,1);
}
.skin-blue .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}
.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.skin-blue .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
}
.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666;
}
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
}
.skin-blue .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0;
}
.skin-blue.layout-top-nav .main-header > .logo {
    background-color: #3c8dbc;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}
.skin-blue.layout-top-nav .main-header > .logo:hover {
    background-color: #3b8ab8;
}
.fa-copy:before, .fa-files-o:before, .fa-photo:before, .fa-image:before, .fa-picture-o:before, .fa-laptop:before {
    font-size: 24px;
}
.sidebar-menu > li > a > .fa {
    vertical-align: middle;
}

.fa-files-o:before {
    content: url('/img/icons/oferta-icon.png')!important;
}

.fa-envira:before {
    content: url('/img/icons/ue-white-icon.png')!important;
}
/*

.sidebar-menu li:hover .fa-envira:before,
.sidebar-menu li.active .fa-envira:before {
content: url('/img/icons/ue-white-icon.png');
}
*/

/*
.sidebar-menu li:hover .fa-files-o:before,
.sidebar-menu li.active .fa-files-o:before {
content: url('/img/icons/oferta-icon.png');
}
*/
.fa-laptop:before {
    content: url('/img/icons/kontakt-icon.png')!Important;
}
/*
.sidebar-menu li:hover .fa-laptop:before,
.sidebar-menu li.active .fa-laptop:before{
content: url('/img/icons/kontakt-icon.png');
}
*/
.fa-picture-o:before {
    content: url('/img/icons/obrazek-icon.png')!Important;
}
/*
.sidebar-menu li:hover .fa-picture-o:before,
.sidebar-menu li.active .fa-picture-o:before{
content: url('/img/icons/obrazek-icon.png');
}
*/
.sidebar-menu > li span {
    margin-left: 25px;
}
nav .phonenr, nav .phonenr:active, nav .phonenr:visited, nav .phonenr:focus {
    font-size: 11px;
}
.phonenr, .phonenr:active, .phonenr:visited, .phonenr:focus {
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-left: 0px;
    background-color: #dd127a;
    padding: 10px 6px;
    border-radius: 25px;
    height: 35px;
    margin-top: 34px;
}

.phonenr:hover {
    color: #fff;
}



.phonenr-top, .phonenr-top:active, .phonenr-top:visited, .phonenr-top:focus {
    text-decoration: none;
    line-height: 32px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-left: 15px;
    background-color: #dd127a;
    padding: 10px 20px;
    border-radius: 25px;
    transition: all 200ms ease-in-out;
    position: relative;
    left: 31%;
    top: 16px;
}

.homebuteffect {
    transition: all 250ms ease-in-out;
}
.homebuteffect:hover {
    border-radius: 0px!important;
}
.menu-top {
    line-height: 99px;
}
.menu-top a {
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    color: #525252;
    position: relative;
    right: 25px;
}
.menu-top .fa {
    vertical-align: middle;
    margin: 0 10px 0 60px;
}

.menu-top .fa-laptop:before {
    content: url('/img/icons/kontakt-icon-black.png')!Important;
}
.menu-top .fa-files-o:before {
    content: url('/img/icons/obrazek-icon-black.png')!Important;
}
.menu-top .fa-search:before {
    content: url('/img/icons/szukaj-icon.png');
    margin-right: 30px;
}



.foot {
    -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    margin-left: 380px;
    z-index: 820;
    background-color: #fff;
}

table {
    font-weight: 500;
}

footer {
    background-color: #0092dd;
}

.foot .gospodarka,
.foot .ue {
    line-height: 280px
}

.foot:after {
    content: "";
    display: block;
    clear: both;

}

.foot .logo img {
    display: block;
    margin: 40px auto 15px auto;
}
.foot .logo span {
    display: block;
}

.foot .dotacje {
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 30px;
}

.foot .program {
    font-weight: 600;
    font-size: 12px;
}

.foot .row {
    margin: 0;
    background: #363636;
    color: #fff;
    font-size: 12px;
    text-align: left;
}

.foot .copy {
    background: #363636;
    padding: 0;
    color: #878787;
    text-align: center;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
}


.bluebox .bold {
    font-size: 30px!Important;
}

.bluebox .light {
    font-size: 18px!Important;
}

.bluebox .content {
    padding: 70px 0 0 30px!Important;
}

header form {
    float: left;
    margin: auto 40px;
}

h1.title {
    margin-top: 0;
}

@media screen and (min-width: 768px) {
    .sidebar-toggle {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .main-header .navbar-custom-menu,
    .skin-blue .main-header .navbar,
    .fa-angle-left:before {
        display: none;
    }
    .main-sidebar, .left-side {
        padding-top: 150px;
    }
    .main-sidebar, .left-side {
        -webkit-transform: translate(-380px, 0);
        -ms-transform: translate(-380px, 0);
        -o-transform: translate(-380px, 0);
        transform: translate(-380px, 0);
    }
    .main-header {
        max-height: 150px;
    }
    .foot {
        margin-left: 0;
        padding-top: 30px;
    }
    .foot .gospodarka, .foot .ue {
        line-height: 0;
        margin-bottom: 30px;
    }
    .foot .logo img {
        margin: 15px auto 15px auto;
    }
    .foot .program {
        margin-bottom: 30px;
    }
    .main-header .sidebar-toggle {
        color: #fff;
    }
}

#home:after {
    content: "";
    display: block;
    clear: both;
}

#home .img1 {
    width: 100%;
}

.content-wrapper:after {
    display: block;
    content: "";
    clear: both;
}

#home .kolarz {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0;
    padding: 0;
    width: 100%;
}

#home .c1, #home .c2, #home .c3, #home c4, #home .c5 {
    width: 100%;
}

#home .c1 {
    background-repeat: no-repeat;
    background-size: cover;
    height: 650px;
    background-position: top left;
    position: relative;
    background: url('/img/img-1.jpg') no-repeat 100%;
}


#home .c2 {

    background-repeat: no-repeat;
    background-size: cover;
    height: 325px;
    background-position: left;
    position: relative;
}


#home .c2pl {
    background: url('/img/rook-01.jpg');
	background-repeat: no-repeat;
    background-size: cover;
    height: 325px;
    background-position: left;
    position: relative;


}

#home .c2en {
    background: url('/img/keep_kalm_ang.jpg');
background-repeat: no-repeat;
    background-size: cover;
    height: 325px;
    background-position: left;
    position: relative;

}



#home .c3 {
    background: url('/img/img-3.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 325px;
    background-position: right center;
    position: relative;
}

#home .c6 {
    /* background: url('/img/img-4.jpg'); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    position: relative;
}

#home .c7 {
    /* background: url('/img/img-5.jpg'); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

#home .c8 {
    background: url('/img/img-6.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

#home .c9 {
    background: url('/img/img-7.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}

#home .c1 span, #home  .c2 span, #home .c3 span {
    display: block;
}

#home .c1 .polec {
    font-size: 31px;
    font-family: 'Source Sans Pro';
    font-weight: 500;
    margin: 30px 0 0 40px;
    color: #575562;
    line-height: 44px;
}

#home .c1 .polec-bold {
    font-size: 26px;
    font-weight: 700;
    margin: 20px 0 10px 40px;
    font-family: 'Source Sans Pro';
    color: #575562;
}

#home .c1 .tylko-do {
    color: #575562;
    margin: 0px 0 0 40px;
    font-size: 24px;
    font-weight: 600;
    font-family: 'Source Sans Pro';
    line-height: 26px;
}

.menu-open li {
    margin-left: -30px;
}

.menu-open li a::before,
.menu-open li a::after {
    display: inline-block;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s;
}

/*
.menu-open li a::before {
margin-right: 10px;
content: '[';
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}
*/

.menu-open li a::after {
    margin-left: 20px;
    content: '>';
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px);
}

.menu-open li a:hover::before,
.menu-open li a:hover::after,
.menu-open li a:focus::before,
.menu-open li a:focus::after {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
}
#home .c1 .belt {

}

.promocja {
    background: #dd127a;
    color: #fff;
    font-weight: 700;
}

#home .c1 .belt button {
    background-color: #dd127a;
    border: none;
    border-radius: 20px;
    padding: 12px 35px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    margin: 28px 30px 0 40px;
    outline: 0;
}


#home .c3 .belt,
#home .c6 .belt,
#home .c7 .belt,
#home .c8 .belt,
#home .c9 .belt {
    width: 100%;
    height: 70px;
    /*    background-color: rgba(255,255,255,0.2);*/
    position: absolute;
    bottom: 0;
}

#home .c3 .belt button {
    background-color: #dd127a;
    border: none;
    border-radius: 20px;
    padding: 10px 30px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    margin: 5px 20px 0 15px;
    outline: 0;
    float: right;
}

#home .c2 .belt {
    top:30px;
    width: 100%;
    height: 70px;
    /*    background-color: rgba(255,255,255,0.2);*/
    position: absolute;

}
 #home .c2 .belt button {
    background-color: #dd127a;
    border: none;
    border-radius: 20px;
    padding: 10px 30px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    margin: 5px 20px 0 15px;
    outline: 0;
    float: right;


}


#home .c6 .belt button,
#home .c7 .belt button,
#home .c8 .belt button,
#home .c9 .belt button {
    background-color: #dd127a;
    border: none;
    border-radius: 20px;
    padding: 8px 30px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    margin: 16px 20px 0 15px;
    outline: 0;
    float: right;
}

#home .c1 .belt .promocja {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    margin: 30px 0 0 30px;
}
#home .btn-box {
    height: 55px;
}
#home .btn-box button {
    background-color: #dd127a;
    border: none;
    border-radius: 20px;
    padding: 5px 25px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    margin: 0 10px 0 20px;
    outline: 0;
}


#home .pani {
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 140px;
    z-index: 9990;
}

#home .c3 .big {
    font-size: 44px;
    font-weight: 400;
    color: #1b1b1b;
    font-family: 'Source Sans Pro';
    text-align: left;
    line-height: 30px;
    margin-left: -4px;
}

#home .c2 .big {
    font-size: 44px;
    font-weight: 400;
    color: #fff;
    font-family: 'Source Sans Pro';
    text-align: left;
    line-height: 30px;
    margin-left: -4px;
}

#home .wizytowki-text {
	display:none;
    font-size: 14px;
    font-weight: 500;
    padding: 30px 50px 0 30px;
    color: #fff;
}

.wizytowki-text {
display: block;
position: absolute;
bottom:0px;
    font-size: 10px !important;
left: -1px;

}

#home .c2 .small {
    font-size: 18px;
    font-family: 'Source Sans Pro';
    color: #000;
    font-weight: 400;
    text-align: left;
    line-height: 41px;
}

#home .c3 .small {
    font-size: 18px;
    font-family: 'Source Sans Pro';
    color: #1b1b1b;
    font-weight: 400;
    text-align: left;
    line-height: 41px;
}

#home .c2 .text-c2 {
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 999;
    /*border-left: 5px solid #0092dd;*/
    padding-left: 15px;
    height: 100px;
}
#home .c2 .text-c2 h1 {
    margin-bottom: 0!important;
}
#home .c2 .text-c2 h2 {
    margin-top: 0!important;
}

#home .c3 .text-c3 {
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 999;
    border-left: 5px solid #0092dd;
    padding-left: 15px;
    height: 60px;
}

#home .c6 span,
#home .c7 span,
#home .c8 span,
#home .c9 span {
    display: block;
}

#home .c6 .box-text,
#home .c7 .box-text,
#home .c8 .box-text,
#home .c9 .box-text-white {
    position: absolute;
    bottom: 10px;
    left: 20px;
    z-index: 100;
    border-left: 5px solid #0092dd;
    padding-left: 15px;
    height: 50px;
}

#home .c6 .box-text .big,
#home .c7 .box-text .big,
#home .c8 .box-text .big {
    font-size: 37px;
    font-weight: 400;
    color: #1b1b1b;
    font-family: 'Source Sans Pro';
    text-align: left;
    line-height: 27px;
    margin-left: -2px;
}

#home .c9 .box-text-white .big {
    font-size: 37px;
    font-weight: 400;
    color: #fff;
    font-family: 'Source Sans Pro';
    text-align: left;
    line-height: 27px;
    margin-left: -3px;
}

#home .c6 .box-text .small,
#home .c7 .box-text .small,
#home .c8 .box-text .small{
    font-size: 18px;
    font-family: 'Source Sans Pro';
    color: #1b1b1b;
    font-weight: 400;
    text-align: right;
    line-height: 32px;
}

#home .c9 .box-text-white .small {
    font-size: 18px;
    font-family: 'Source Sans Pro';
    color: #fff;
    font-weight: 400;
    text-align: right;
    line-height: 32px;
}

#home .boxy:after {
    content: "";
    clear: both;
    display: block;
}

#home .boxy {
    padding: 100px 0;
}

#home .boxy .row {
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#home .boxy .col-lg-3 {
    padding: 0;
}

#home .sbox {
    width: 270px;
    background-color: #fff;
    margin: 0 -50px;
    cursor: pointer;
}

#home .ikona {
    height: 40px;
    margin: 25px 0 15px 0;
}

#home .sbox .top-img {
    width: 100%;
    display: block;
}

#home .sbox .icon-img {
    display: block;
}

#home .sbox .tresc {
    padding: 0 20px 0px 20px;
    height: 210px;
}

#home .sbox span {
    display: block;
}

#home .sbox .tytul {
    font-size: 25px;
    line-height: 30px;
    height: 65px;
    font-weight: 400;
}

#home .sbox .opis {
    font-size: 16px;
    line-height: 18px;
    margin: 30px 0;
    font-weight: 400;
}

#home a {
    text-decoration: none;
    color: #000;
}

.info-c .phonenr {

}
textarea {
    resize: none;
}
#order {
    width: 100%;
    margin: 20px 0 0 0;
}

#order input {
    padding: 3px 15px;
    margin: 20px 0;
    display: block;
    outline: 0;
    width: 600px;
    border: 1px solid #a9a9a9;
}

#order textarea {
    padding: .3em 1em;
    width: 600px;
    height: 200px;
    margin: 0;
    display: block;
}

#order input:focus, #order input:active,
#order textarea:focus, #order textarea:active {
    border: #444 1px solid;
    outline: 0;
}

#order select {
    padding: 5px 15px;
    margin: 0 5px;
}

#order button {
    background-color: #dd127a;
    border: none;
    outline: 0;
    padding: .4em 1.4em;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    border-radius: 25px;
    display: block;
    margin: 15px 0;
}


#kontakt {
    font-family: 'Source Sans Pro';
}

#kontakt .row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0;
}

#kontakt .bg1 {
    background: url('/img/bgc1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 480px;
    padding: 0;
}

#kontakt .bg2 {
    background: url('/img/bgc2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 480px;
    padding: 0;
}

#kontakt .info {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 480px;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
}

#kontakt .tresc span {
    display: block;
    font-weight: 400;
}

#kontakt .tytul {
    color: #243048;
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 20px;
}

#kontakt .adres {
    color: #5e5e5f;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 20px;
    font-weight: 300;
}

#kontakt .mail {
    color: #5e5e5f;
    font-size: 20px;
    line-height: 20px;
    font-weight: 300;
}

#kontakt .formularz {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 480px;
}

#kontakt .tresc2 {
    width: 100%;
}

#kontakt .bg1 {
    width: 41%;
}

#kontakt .bg2 {
    width: 58.9%;
}

#kontakt .tresc2 input {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 15px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    outline: 0;
    color: #fff!important;
}
#kontakt .tresc2 input:focus,
#kontakt .tresc2 textarea:focus{
    background-color: #fff;
    color: #000!important;
}

#kontakt .tresc2 textarea {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 15px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    outline: 0;
    color: #000;
    height: 120px;
}

#kontakt button {
    background-color: #fff;
    color: #243048;
    padding: 5px 25px;
    font-size: 20px;
    border-radius: 5px;
    border: none;
    outline: 0;
    float: right;
    margin: 30px 5% 0 0;
}

#kontakt .map iframe {
    width: 100%;
    margin: 0 auto;
}

#kontakt .ikonki .row {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px;
}

#kontakt .ikona {
    text-align: center;
    font-family: 'Source Sans Pro';
    padding: 0 35px;
    height: 90px;
}

#kontakt .ikona img {
    display: block;
    margin: 0 auto 20px auto;
}

#kontakt .ikona span {
    font-size: 13px;
}

#kontakt .ikona span a {
    color: #000;
    text-decoration: none;
}

#tabs:after {
    content: "";
    display: block;
    clear: both;
}

#tabs {
    font-family: 'Source Sans Pro';
}

#tabs .col-lg-3 {
    width: 250px;
}

#tabs .col-left {
    width: 55px;
    float: left;
    padding: 25px 0 0 15px;
}

#tabs .col-right {
    width: 150px;
    float: right;
    margin: 16px 0 0 0;
}

#tabs .box {
    position: relative;
    border-radius: 0;
    background: #ffffff;
    border-top: none;
    margin-bottom: 0px;
    height: 140px;
    box-shadow: none;
    width: 100%;
}

#tabs .box-inside {
    height: 60px;
    font-weight: 400;
}

#tabs .box-inside img {

}

#tabs .box-inside span {
    font-size: 16px;
    line-height: 16px;
    display: block;

}

#tabs .box .small {
    font-size: 14px;
    display: block;
    padding: 15px;
}

#tabs .nav > li > a {
    padding: 0;
}

.tabs-left {
    border-right: none;
    font-weight: 400;
}

#tabs li.active {
    border: 1px solid #0989f7;
}

#tabs li {
    border: 1px solid #d6d6d6;
    margin-bottom: 20px;
}

#tabs li a {
    color: #000;
}

#tabs {
    background-color: #fff;
}

#tabs a {
    border: none;
    text-decoration: none;
    outline: 0;
}

#tabs .col-lg-9 {
    width: 80%;
}

#howto span,
#faq span,
#about span {
    display: block;
    font-size: 14px;
}

#howto .title,
#faq .title,
#about .title {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 20px;
}

#howto .text,
#faq .text,
#about .text {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 400;
}

#ulotki .sidebar-menu .treeview-menu {
}

#ulotki  {
    background-color: #fff;
}

#ulotki .row {
    margin: 0;
    padding-top: 30px;
}

#ulotki .ulotki-row2 {
    margin: 0;
    padding-top: 200px;
}

#ulotki .tresc span {
    display: block;
    color: #1e2738;
    font-weight: 400;
}

#ulotki .tresc .title {
    font-size: 30px;
    margin-bottom: 15px;
}

#ulotki table {
    border-collapse: separate;
    border-spacing: 5px;
    *border-collapse: expression('separate', cellSpacing = '5px');
    margin: 0px;
    padding-top: 30px;
}

#ulotki table .grey {
    vertical-align: middle;
    background-color: #c2c2c2;
    color: #1e2738;
}

#ulotki table .grey2 {
    vertical-align: middle;
    background-color: #ededed;
    color: #1e2738;
}

#ulotki .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: none;
    vertical-align: middle;
}

#ulotki .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ededed;
}

#ulotki tr {
    background-color: #d9d9d9;
}

#ulotki .box-formaty {
    border: 2px solid #243048;
    border-radius: 15px;
    margin: 30px auto;
    width: 90%;
}

#ulotki .boxy {
    margin: 50px auto;
}

#ulotki .box-formaty .head {
    font-weight: 400;
    background-color: #243048;
    border-radius: 13px;
    color: #fff;
    padding: 15px 0px;
    text-align: center;
    font-size: 16px;
}

#ulotki .box-formaty .ikony {
    padding: 20px 0;
    text-align: center;
}

#ulotki .box-formaty .ikony img {
    margin: 0 10px;
}

#ulotki .box-formaty span {
    display: block;
}

#ulotki .box-formaty .light {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

#ulotki .box-formaty .bold {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 20px;
}

#ulotki .box-formaty .a4 img,
#ulotki .box-formaty .a5 img,
#ulotki .box-formaty .a6 img,
#ulotki .box-formaty .dl img {
    margin: 0 8px;
}

#ulotki .box-formaty .a4 font,
#ulotki .box-formaty .a5 font,
#ulotki .box-formaty .a6 font,
#ulotki .box-formaty .dl font {
    color: #1e2738;
    font-size: 16px;
    font-weight: 600;
}

#ulotki .box-formaty .a4 {
    margin-top: 25px;
}

#ulotki .box-formaty .dl {
    margin-bottom: 20px;
}

#ulotki .box-formaty .ikony2 {
    padding: 0px 0 10px 0;
    text-align: center;
}

#ulotki .info {
    font-size: 14px;
    color: #b5b5b5;
    margin-left: 5px;
}

.info-cena {
    display: block;
    font-weight: 500;
    margin: 15px 5px;
}

.zam {
    margin: 0 5px;
    font-weight: 400;
    font-size: 26px;
    color: #dd127a;
}

#ulotki .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 10px;
}

#ulotki .folia {
    padding-top: 0;
}

th {
    height: 40px;
    background-color: #c2c2c2;
}
#ulotki .folia td {
    width: 50%;
}

#ulotki .folia-row {
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0;
    padding: 0;
    width: 100%;
}

#ulotki .folia-row .tresc,
#ulotki .folia-row .bluebox {
    height: 270px;
}

#ulotki .title-folia {
    font-size: 30px;
    margin: 0 0 0 17px;
}

#ulotki .folia-row .bluebox {
    background: url('/img/bluebox-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 270px;
    background-position: right;
    margin-bottom: 15px;
}

#ulotki .col-lg-9 {
    padding-right: 0;
}

#ulotki .folia-row .bluebox span {
    display: block;
}

#ulotki .folia-row .bluebox .content {
    padding: 90px 0 0 30px;
}

#ulotki .folia-row .bluebox .bold {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 14px;
}

#ulotki .folia-row .bluebox .light {
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 300;
}

#ulotki .folia-row .bluebox .zadzwon {
    position: relative;
}

#ulotki .folia-row .bluebox .zadzwon img {
    width: 70%;
    position: absolute;
    bottom: -40px;
    right: 30px;
}

.grid-item {
    width: 20%;
}
.grid-item img {
    width: 100%;
}
.grid-item .s {
    width: 255px;
}
.grid-item .w {
    width: 510px;
}

#ulotki .swipe {
    display: none;
}

.hvr-underline-from-center:before {
    background: #243048!Important;
}

#theFormAlert {
    width: 47%;
    margin: 20px auto;
    padding: 10px 15px;
    margin-left: 5px;
    color: #fff;
    height: 50px;
}

#search  {
    background-color: #fff;
    min-height: 600px;
}

#search .row {
    margin: 0 15px;
}

#folia  {
    background-color: #fff;
    min-height: 850px;
}

#folia .swipe {
    display: none;
}

#folia .row {
    margin: 0;
    padding-top: 30px;
}
#folia .tresc span {
    display: block;
    color: #1e2738;
    font-weight: 400;
}
#folia .tresc .title {
    font-size: 30px;
    margin-bottom: 15px;
}

#folia table {
    border-collapse: separate;
    border-spacing: 5px;
    *border-collapse: expression('separate', cellSpacing = '5px');
    margin: 0px;
    margin-top: 30px;
}

#folia table .grey {
    vertical-align: middle;
    background-color: #c2c2c2;
    color: #1e2738;
}

#folia table .grey2 {
    vertical-align: middle;
    background-color: #ededed;
    color: #1e2738;
}

#folia .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: none;
    vertical-align: middle;
}

#folia .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ededed;
}

#folia tr {
    background-color: #d9d9d9;
}

#folia .bluebox {
    height: 270px;
}

#folia .title-folia {
    font-size: 30px;
    margin: 0 0 0 17px;
}

#folia .box-formaty {
    border: 2px solid #243048;
    border-radius: 15px;
    margin: 30px auto;
    width: 90%;
}

#folia .boxy {
    margin: 50px auto;
}

#folia .box-formaty .head {
    font-weight: 400;
    background-color: #243048;
    border-radius: 13px;
    color: #fff;
    padding: 15px 0px;
    text-align: center;
    font-size: 16px;
}

#folia .box-formaty .ikony {
    padding: 20px 0;
    text-align: center;
}

#folia .box-formaty .ikony img {
    margin: 0 10px;
}

#folia .box-formaty span {
    display: block;
}

#folia .box-formaty .light {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

#folia .box-formaty .bold {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 20px;
}

#folia .bluebox {
    background: url('/img/bluebox-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 270px;
    background-position: right;
    margin-bottom: 15px;
}

#folia .blue {
    margin-top: 250px;
}

#folia .col-lg-9 {
    padding-right: 0;
}

#folia .bluebox span {
    display: block;
}

#folia .bluebox .content {
    padding: 90px 0 0 30px;
}

#folia .bluebox .bold {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 14px;
}

#folia .bluebox .light {
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 300;
}

#folia .bluebox .zadzwon {
    position: relative;
}

#folia .bluebox .zadzwon img {
    width: 70%;
    position: absolute;
    bottom: -40px;
    right: 30px;
}

#banery  {
    background-color: #fff;
    min-height: 1000px;
}

#banery .swipe {
    display: none;
}

#banery .row {
    margin: 0;
    padding-top: 30px;
}
#banery .tresc span {
    display: block;
    color: #1e2738;
    font-weight: 400;
}
#banery .tresc .title {
    font-size: 30px;
    margin-bottom: 15px;
}

#banery .box-formaty {
    border: 2px solid #243048;
    border-radius: 15px;
    margin: 30px auto;
    width: 90%;
}

#banery .boxy {
    margin: 50px auto;
}

#banery .box-formaty .head {
    font-weight: 400;
    background-color: #243048;
    border-radius: 13px;
    color: #fff;
    padding: 15px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

#banery .box-formaty .ikony {
    padding: 20px 0;
    text-align: center;
}

#banery .box-formaty .ikony img {
    margin: 0 10px;
}

#banery .bluebox {
    height: 270px;
}

#banery .title-folia {
    font-size: 30px;
    margin: 0 0 0 17px;
}

#banery .bluebox {
    background: url('/img/bluebox-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 270px;
    background-position: right;
    margin-bottom: 15px!important;
}

#banery .blue {
    margin-top: 250px;
}

#banery .col-lg-9 {
    padding-right: 0;
}

#banery .bluebox span {
    display: block;
}

#banery .bluebox .content {
    padding: 90px 0 0 30px;
}

#banery .bluebox .bold {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 14px;
}

#banery .bluebox .light {
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 300;
}

#banery .bluebox .zadzwon {
    position: relative;
}

#banery .bluebox .zadzwon img {
    width: 70%;
    position: absolute;
    bottom: -40px;
    right: 30px;
}

#banery .box-formaty span {
    display: block;
}

#banery .box-formaty .light {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

#banery .box-formaty .bold {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 20px;
}

#banery table {
    border-collapse: separate;
    border-spacing: 5px;
    *border-collapse: expression('separate', cellSpacing = '5px');
    margin: 0px;
    margin-top: 0px;
}

#banery table .grey {
    vertical-align: middle;
    background-color: #c2c2c2;
    color: #1e2738;
}

#banery table .grey2 {
    vertical-align: middle;
    background-color: #ededed;
    color: #1e2738;
}

#banery .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: none;
    vertical-align: middle;
}

#banery .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ededed;
}

#banery tr {
    background-color: #d9d9d9;
}

#wizytowki  {
    background-color: #fff;
    min-height: 1000px;
}

#wizytowki .swipe {
    display: none;
}

#wizytowki .row {
    margin: 0;
    padding-top: 30px;
}
#wizytowki .tresc span {
    display: block;
    color: #1e2738;
    font-weight: 400;
    margin-left: 4px;
}
#wizytowki .tresc .title {
    font-size: 30px;
    margin-bottom: 15px;
    margin-left: 3px;
}

.hura {
    font-size: 24px;
    font-weight: 600!important;
    color: #dd127a!Important;
    margin: 20px 0;
}

.tt {
    font-size: 39px!Important;
}

#wizytowki table {
    border-collapse: separate;
    border-spacing: 5px;
    *border-collapse: expression('separate', cellSpacing = '5px');
    margin: 0px;
    margin-top: 30px;
}

#wizytowki table .grey {
    vertical-align: middle;
    background-color: #c2c2c2;
    color: #1e2738;
}

#wizytowki table .grey2 {
    vertical-align: middle;
    background-color: #ededed;
    color: #1e2738;
}

#wizytowki .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: none;
    vertical-align: middle;
}

#wizytowki .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ededed;
}

#wizytowki tr {
    background-color: #d9d9d9;
}

#wizytowki .box-formaty {
    border: 2px solid #243048;
    border-radius: 15px;
    margin: 30px auto;
    width: 90%;
}

.kon:link,
.kon:hover,
.kon:visited,
.kon:active {
    text-decoration: none;
    color: #243048;
}

#wizytowki .boxy {
    margin: 50px auto;
}

#wizytowki .box-formaty .head {
    font-weight: 400;
    background-color: #243048;
    border-radius: 13px;
    color: #fff;
    padding: 15px 0px;
    text-align: center;
    font-size: 16px;
}

#wizytowki .box-formaty .ikony {
    padding: 20px 0;
    text-align: center;
}

#wizytowki .box-formaty .ikony img {
    margin: 0 10px;
}

#wizytowki .box-formaty span {
    display: block;
}

#wizytowki .box-formaty .light {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

#wizytowki .box-formaty .bold {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 20px;
}

#wizytowki .bluebox {
    height: 270px;
}

#wizytowki .title-folia {
    font-size: 30px;
    margin: 0 0 0 17px;
}

#wizytowki .bluebox {
    background: url('/img/bluebox-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 270px;
    background-position: right;
    margin-bottom: 15px!important;
}

#wizytowki .blue {
    margin-top: 100px;
}

#wizytowki.pani-w-dol .blue {
    margin-top: 200px;
}

#wizytowki .col-lg-9 {
    padding-right: 0;
}

#wizytowki .bluebox span {
    display: block;
}

#wizytowki .bluebox .content {
    padding: 70px 0 0 30px;
}

#wizytowki .bluebox .bold {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 14px;
}

#wizytowki .bluebox .light {
    color: #fff;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 300;
}

#wizytowki .bluebox .zadzwon {
    position: relative;
}

#wizytowki .bluebox .zadzwon img {
    width: 70%;
    position: absolute;
    bottom: -40px;
    right: 30px;
}

.table-responsive {
    border: none;
}

#papier-firmowy  {
    background-color: #fff;
    min-height: 1000px;
}

#papier-firmowy .row {
    margin: 0;
    padding-top: 30px;
}
#papier-firmowy .tresc span {
    display: block;
    color: #1e2738;
    font-weight: 400;
}
#papier-firmowy .tresc .title {
    font-size: 30px;
    margin-bottom: 15px;
}

#papier-firmowy table {
    border-collapse: separate;
    border-spacing: 5px;
    *border-collapse: expression('separate', cellSpacing = '5px');
    margin: 0px;
    margin-top: 50px;
}

#papier-firmowy table .grey {
    vertical-align: middle;
    background-color: #c2c2c2;
    color: #1e2738;
}

#papier-firmowy table .grey2 {
    vertical-align: middle;
    background-color: #ededed;
    color: #1e2738;
}

#papier-firmowy .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: none;
    vertical-align: middle;
}

#papier-firmowy .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ededed;
}

#papier-firmowy tr {
    background-color: #d9d9d9;
}


#ulotki-skladane  {
    background-color: #fff;
    min-height: 1000px;
}

#ulotki-skladane .row {
    margin: 0;
    padding-top: 30px;
}

#ulotki-skladane .ulotki-row2 {
    margin: 0;
    padding-top: 200px;
}

#ulotki-skladane .tresc span {
    display: block;
    color: #1e2738;
    font-weight: 400;
}

#ulotki-skladane .tresc .title {
    font-size: 30px;
    margin-bottom: 15px;
}

#ulotki-skladane table {
    border-collapse: separate;
    border-spacing: 5px;
    *border-collapse: expression('separate', cellSpacing = '5px');
    margin: 0px;
    padding-top: 30px;
}

#ulotki-skladane table .grey {
    vertical-align: middle;
    background-color: #c2c2c2;
    color: #1e2738;
}

#ulotki-skladane table .grey2 {
    vertical-align: middle;
    background-color: #ededed;
    color: #1e2738;
}

#ulotki-skladane .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: none;
    vertical-align: middle;
}

#ulotki-skladane .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ededed;
}

#ulotki-skladane tr {
    background-color: #d9d9d9;
}

#ulotki-skladane .swipe {
    display: none;
}

#ulotki-skladane .box-formaty {
    border: 2px solid #243048;
    border-radius: 15px;
    margin: 30px auto;
    width: 90%;
}

#ulotki-skladane .boxy {
    margin: 50px auto;
}

#ulotki-skladane .box-formaty .head {
    font-weight: 400;
    background-color: #243048;
    border-radius: 13px;
    color: #fff;
    padding: 15px 0px;
    text-align: center;
    font-size: 16px;
}

#ulotki-skladane .box-formaty .ikony {
    padding: 20px 0;
    text-align: center;
}

#ulotki-skladane .box-formaty .ikony img {
    margin: 0 10px;
}

#ulotki-skladane .box-formaty span {
    display: block;
}

#ulotki-skladane .box-formaty .light {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

#ulotki-skladane .box-formaty .bold {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 20px;
}

#ulotki-skladane .box-formaty .a4 img,
#ulotki-skladane .box-formaty .a5 img,
#ulotki-skladane .box-formaty .a6 img,
#ulotki-skladane .box-formaty .dl img {
    margin: 0 8px;
}

#ulotki-skladane .box-formaty .a4 font,
#ulotki-skladane .box-formaty .a5 font,
#ulotki-skladane .box-formaty .a6 font,
#ulotki-skladane .box-formaty .dl font {
    color: #1e2738;
    font-size: 16px;
    font-weight: 600;
}

#ulotki-skladane .box-formaty .a4 {
    margin-top: 25px;
}

#ulotki-skladane .box-formaty .dl {
    margin-bottom: 20px;
}

#ulotki-skladane .box-formaty .ikony2 {
    padding: 0px 0 10px 0;
    text-align: center;
}

#ulotki-skladane .bluebox {
    background: url('/img/bluebox-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 270px;
    background-position: right;
    margin-bottom: 15px;
}

#ulotki-skladane .bluebox {
    height: 270px;
}

#ulotki-skladane .title-folia {
    font-size: 30px;
    margin: 0 0 0 17px;
}

#ulotki-skladane .blue {
    margin-top: 200px;
}

#ulotki-skladane .col-lg-9 {
    padding-right: 0;
}

#ulotki-skladane .bluebox span {
    display: block;
}

#ulotki-skladane .bluebox .content {
    padding: 90px 0 0 30px;
}

#ulotki-skladane .bluebox .bold {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 14px;
}

#ulotki-skladane .bluebox .light {
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 300;
}

#ulotki-skladane .bluebox .zadzwon {
    position: relative;
}

#ulotki-skladane .bluebox .zadzwon img {
    width: 70%;
    position: absolute;
    bottom: -40px;
    right: 30px;
}

#plakaty  {
    background-color: #fff;
    min-height: 1000px;
}

#plakaty .row {
    margin: 0;
    padding-top: 30px;
}

#plakaty .ulotki-row2 {
    margin: 0;
    padding-top: 200px;
}

#plakaty .tresc span {
    display: block;
    color: #1e2738;
    font-weight: 400;
}

#plakaty .tresc .title {
    font-size: 30px;
    margin-bottom: 15px;
}

#plakaty .box-formaty {
    border: 2px solid #243048;
    border-radius: 15px;
    margin: 30px auto;
    width: 90%;
}

#plakaty .boxy {
    margin: 50px auto;
}

#plakaty .box-formaty .head {
    font-weight: 400;
    background-color: #243048;
    border-radius: 13px;
    color: #fff;
    padding: 15px 0px;
    text-align: center;
    font-size: 16px;
}

#plakaty .box-formaty .ikony {
    padding: 20px 0;
    text-align: center;
}

#plakaty .box-formaty .ikony img {
    margin: 0 10px;
}

#plakaty .box-formaty span {
    display: block;
}

#plakaty .box-formaty .light {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

#plakaty .box-formaty .bold {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 20px;
}

#plakaty .bluebox {
    background: url('/img/bluebox-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 270px;
    background-position: right;
    margin-bottom: 15px;
}

#plakaty .bluebox {
    height: 270px;
}

#plakaty .title-folia {
    font-size: 30px;
    margin: 0 0 0 17px;
}

#plakaty .blue {
    margin-top: 100px;
}

#plakaty .marginblue {
    margin-top: 200px;
}

#plakaty .col-lg-9 {
    padding-right: 0;
}

#plakaty .bluebox span {
    display: block;
}

#plakaty .bluebox .content {
    padding: 90px 0 0 30px;
}

#plakaty .bluebox .bold {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 14px;
}

#plakaty .bluebox .light {
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 300;
}

#plakaty .bluebox .zadzwon {
    position: relative;
}

#plakaty .bluebox .zadzwon img {
    width: 70%;
    position: absolute;
    bottom: -40px;
    right: 30px;
}


#plakaty table {
    border-collapse: separate;
    border-spacing: 5px;
    *border-collapse: expression('separate', cellSpacing = '5px');
    margin: 0px;
    padding-top: 30px;
}

#plakaty table .grey {
    vertical-align: middle;
    background-color: #c2c2c2;
    color: #1e2738;
}

#plakaty table .grey2 {
    vertical-align: middle;
    background-color: #ededed;
    color: #1e2738;
}

#plakaty .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: none;
    vertical-align: middle;
}

#plakaty .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ededed;
}

#plakaty tr {
    background-color: #d9d9d9;
}

#plakaty .swipe {
    display: none;
}

#katalogi  {
    background-color: #fff;
    min-height: 1000px;
}

#katalogi .row {
    margin: 0;
    padding-top: 30px;
}

#katalogi .ulotki-row2 {
    margin: 0;
    padding-top: 200px;
}

#katalogi .tresc span {
    display: block;
    color: #1e2738;
    font-weight: 400;
}

#katalogi .boxy {
    margin: 50px auto;
}

#katalogi .box-formaty .head {
    font-weight: 400;
    background-color: #243048;
    border-radius: 13px;
    color: #fff;
    padding: 15px 0px;
    text-align: center;
    font-size: 16px;
}

#katalogi .box-formaty .ikony {
    padding: 20px 0;
    text-align: center;
}

#katalogi .box-formaty .ikony img {
    margin: 0 10px;
}

#katalogi .box-formaty span {
    display: block;
}

#katalogi .box-formaty .light {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

#katalogi .box-formaty .bold {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 20px;
}

#katalogi .tresc .title {
    font-size: 30px;
    margin-bottom: 15px;
}

#katalogi table {
    border-collapse: separate;
    border-spacing: 5px;
    *border-collapse: expression('separate', cellSpacing = '5px');
    margin: 0px;
    padding-top: 30px;
}

#katalogi table .grey {
    vertical-align: middle;
    background-color: #c2c2c2;
    color: #1e2738;
}

#katalogi table .grey2 {
    vertical-align: middle;
    background-color: #ededed;
    color: #1e2738;
}

#katalogi .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: none;
    vertical-align: middle;
}

#katalogi .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ededed;
}

#katalogi tr {
    background-color: #d9d9d9;
}

#katalogi .swipe {
    display: none;
}

#katalogi table .grey {
    vertical-align: middle;
    background-color: #c2c2c2;
    color: #1e2738;
}

#mesh  {
    background-color: #fff;
    min-height: 850px;
}

#mesh .row {
    margin: 0;
    padding-top: 30px;
}

#mesh .ulotki-row2 {
    margin: 0;
    padding-top: 200px;
}

#mesh .tresc span {
    display: block;
    color: #1e2738;
    font-weight: 400;
}

#mesh .tresc .title {
    font-size: 30px;
    margin-bottom: 15px;
}

#mesh table {
    border-collapse: separate;
    border-spacing: 5px;
    *border-collapse: expression('separate', cellSpacing = '5px');
    margin: 0px;
    padding-top: 30px;
}

#mesh table .grey {
    vertical-align: middle;
    background-color: #c2c2c2;
    color: #1e2738;
}

#mesh table .grey2 {
    vertical-align: middle;
    background-color: #ededed;
    color: #1e2738;
}

#mesh .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: none;
    vertical-align: middle;
}

#mesh .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ededed;
}

#mesh tr {
    background-color: #d9d9d9;
}

#mesh .swipe {
    display: none;
}

#mesh table .grey {
    vertical-align: middle;
    background-color: #c2c2c2;
    color: #1e2738;
}

#mesh .box-formaty {
    border: 2px solid #243048;
    border-radius: 15px;
    margin: 30px auto;
    width: 90%;
}

#mesh .boxy {
    margin: 50px auto;
}

#mesh .box-formaty .head {
    font-weight: 400;
    background-color: #243048;
    border-radius: 13px;
    color: #fff;
    padding: 15px 0px;
    text-align: center;
    font-size: 16px;
}

#mesh .box-formaty .ikony {
    padding: 20px 0;
    text-align: center;
}

#mesh .box-formaty .ikony img {
    margin: 0 10px;
}

#mesh .box-formaty span {
    display: block;
}

#mesh .box-formaty .light {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

#mesh .box-formaty .bold {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 20px;
}

#mesh .bluebox {
    height: 270px;
}

#mesh .bluebox {
    background: url('/img/bluebox-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 270px;
    background-position: right;
    margin-bottom: 15px;
}

#mesh .blue {
    margin-top: 250px;
}

#mesh .col-lg-9 {
    padding-right: 0;
}

#mesh .bluebox span {
    display: block;
}

#mesh .bluebox .content {
    padding: 90px 0 0 30px;
}

#mesh .bluebox .bold {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 14px;
}

#mesh .bluebox .light {
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 300;
}

#mesh .bluebox .zadzwon {
    position: relative;
}

#mesh .bluebox .zadzwon img {
    width: 70%;
    position: absolute;
    bottom: -40px;
    right: 30px;
}

.sidebar-menu .treeview-menu > li a::before,
.sidebar-menu .treeview-menu > li a::after {
    display: inline-block;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s;
}

.sidebar-menu .treeview-menu > li a::after {
    margin-left: 15px;
    content: ' >';
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px);
}

.sidebar-menu .treeview-menu > li a:hover::before,
.sidebar-menu .treeview-menu > li a:hover::after,
.sidebar-menu .treeview-menu > li a:focus::before,
.sidebar-menu .treeview-menu > li a:focus::after {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
}

#rollup  {
    background-color: #fff;
    min-height: 850px;
}

#rollup .row {
    margin: 0;
    padding-top: 30px;
}

#rollup .ulotki-row2 {
    margin: 0;
    padding-top: 200px;
}

#rollup .tresc span {
    display: block;
    color: #1e2738;
    font-weight: 400;
}

#rollup .tresc .title {
    font-size: 30px;
    margin-bottom: 15px;
}

#rollup table {
    border-collapse: separate;
    border-spacing: 5px;
    *border-collapse: expression('separate', cellSpacing = '5px');
    margin: 0px;
    padding-top: 30px;
}

#rollup table .grey {
    vertical-align: middle;
    background-color: #c2c2c2;
    color: #1e2738;
}

#rollup table .grey2 {
    vertical-align: middle;
    background-color: #ededed;
    color: #1e2738;
}

#rollup .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: none;
    vertical-align: middle;
}

#rollup .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ededed;
}

#rollup tr {
    background-color: #d9d9d9;
}

#rollup .bluebox {
    background: url('/img/bluebox-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 270px;
    background-position: right;
    margin-bottom: 15px;
}

#rollup .bluebox {
    height: 270px;
}

#rollup .title-folia {
    font-size: 30px;
    margin: 0 0 0 17px;
}

#rollup .blue {
    margin-top: 200px;
}

#rollup .col-lg-9 {
    padding-right: 0;
}

#rollup .box-formaty {
    border: 2px solid #243048;
    border-radius: 15px;
    margin: 30px auto;
    width: 90%;
}

#rollup .boxy {
    margin: 50px auto;
}

#rollup .box-formaty .head {
    font-weight: 400;
    background-color: #243048;
    border-radius: 13px;
    color: #fff;
    padding: 15px 0px;
    text-align: center;
    font-size: 16px;
}

#rollup .box-formaty .ikony {
    padding: 20px 0;
    text-align: center;
}

#rollup .box-formaty .ikony img {
    margin: 0 10px;
}

#rollup .box-formaty span {
    display: block;
}

#rollup .box-formaty .light {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}
#rollup .box-formaty .bold {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 20px;
}

#rollup .bluebox span {
    display: block;
}

#rollup .bluebox .content {
    padding: 90px 0 0 30px;
}

#rollup .bluebox .bold {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 14px;
}

#rollup .bluebox .light {
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 300;
}

#rollup .bluebox .zadzwon {
    position: relative;
}

#rollup .bluebox .zadzwon img {
    width: 70%;
    position: absolute;
    bottom: -40px;
    right: 30px;
}

#rollup .swipe {
    display: none;
}

#rollup table .grey {
    vertical-align: middle;
    background-color: #c2c2c2;
    color: #1e2738;
}

#odziez  {
    background-color: #fff;
    min-height: 1000px;
}

#odziez .row {
    margin: 0;
    padding-top: 30px;
}

#odziez .ulotki-row2 {
    margin: 0;
    padding-top: 200px;
}

#odziez .tresc span {
    display: block;
    color: #1e2738;
    font-weight: 400;
}

#odziez .tresc .title {
    font-size: 30px;
    margin-bottom: 15px;
}

#odziez table {
    border-collapse: separate;
    border-spacing: 5px;
    *border-collapse: expression('separate', cellSpacing = '5px');
    margin: 0px;
    padding-top: 30px;
}

#odziez .bluebox {
    height: 270px;
}

#odziez .title-folia {
    font-size: 30px;
    margin: 0 0 0 17px;
}

#odziez .bluebox {
    background: url('/img/bluebox-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 270px;
    background-position: right;
    margin-bottom: 15px;
}

#odziez .blue {
    margin-top: 100px;
}

#odziez .col-lg-9 {
    padding-right: 0;
}

#odziez .box-formaty {
    border: 2px solid #243048;
    border-radius: 15px;
    margin: 30px auto;
    width: 90%;
}

#odziez .boxy {
    margin: 50px auto;
}

#odziez .box-formaty .head {
    font-weight: 400;
    background-color: #243048;
    border-radius: 13px;
    color: #fff;
    padding: 15px 0px;
    text-align: center;
    font-size: 16px;
}

#odziez .box-formaty .ikony {
    padding: 20px 0;
    text-align: center;
}

#odziez .box-formaty .ikony img {
    margin: 0 10px;
}

#odziez .box-formaty span {
    display: block;
}

#odziez .box-formaty .light {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}
#odziez .box-formaty .bold {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 20px;
}

#odziez .bluebox span {
    display: block;
}

#odziez .bluebox .content {
    padding: 90px 0 0 30px;
}

#odziez .bluebox .bold {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 14px;
}

#odziez .bluebox .light {
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 300;
}

#odziez .bluebox .zadzwon {
    position: relative;
}

#odziez .bluebox .zadzwon img {
    width: 70%;
    position: absolute;
    bottom: -40px;
    right: 30px;
}

#odziez table .grey {
    vertical-align: middle;
    background-color: #c2c2c2;
    color: #1e2738;
}

#odziez table .grey2 {
    vertical-align: middle;
    background-color: #ededed;
    color: #1e2738;
}

#odziez .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: none;
    vertical-align: middle;
}

#odziez .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ededed;
}

#odziez tr {
    background-color: #d9d9d9;
}

#odziez .swipe {
    display: none;
}

#odziez table .grey {
    vertical-align: middle;
    background-color: #c2c2c2;
    color: #1e2738;
}

#foto  {
    background-color: #fff;
    min-height: 1000px;
}

#foto .row {
    margin: 0;
    padding-top: 30px;
}

#foto .ulotki-row2 {
    margin: 0;
    padding-top: 200px;
}

#foto .tresc span {
    display: block;
    color: #1e2738;
    font-weight: 400;
}

#foto .tresc .title {
    font-size: 30px;
    margin-bottom: 15px;
}

#foto table {
    border-collapse: separate;
    border-spacing: 5px;
    *border-collapse: expression('separate', cellSpacing = '5px');
    margin: 0px;
    padding-top: 30px;
}

#foto .bluebox {
    height: 270px;
}

#foto .title-folia {
    font-size: 30px;
    margin: 0 0 0 17px;
}

#foto .bluebox {
    background: url('/img/bluebox-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 270px;
    background-position: right;
    margin-bottom: 15px;
}

#foto .blue {
    margin-top: 200px;
}

#foto .col-lg-9 {
    padding-right: 0;
}

#foto .box-formaty {
    border: 2px solid #243048;
    border-radius: 15px;
    margin: 30px auto;
    width: 90%;
}

#foto .boxy {
    margin: 50px auto;
}

#foto .box-formaty .head {
    font-weight: 400;
    background-color: #243048;
    border-radius: 13px;
    color: #fff;
    padding: 15px 0px;
    text-align: center;
    font-size: 16px;
}

#foto .box-formaty .ikony {
    padding: 20px 0;
    text-align: center;
}

#foto .box-formaty .ikony img {
    margin: 0 10px;
}

#foto .box-formaty span {
    display: block;
}

#foto .box-formaty .light {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}
#foto .box-formaty .bold {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 20px;
}

#foto .bluebox span {
    display: block;
}

#foto .bluebox .content {
    padding: 90px 0 0 30px;
}

#foto .bluebox .bold {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 14px;
}

#foto .bluebox .light {
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 300;
}

#foto .bluebox .zadzwon {
    position: relative;
}

#foto .bluebox .zadzwon img {
    width: 70%;
    position: absolute;
    bottom: -40px;
    right: 30px;
}

#foto table .grey {
    vertical-align: middle;
    background-color: #c2c2c2;
    color: #1e2738;
}

#foto table .grey2 {
    vertical-align: middle;
    background-color: #ededed;
    color: #1e2738;
}

#foto .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: none;
    vertical-align: middle;
}

#foto .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ededed;
}

#foto tr {
    background-color: #d9d9d9;
}

#foto .swipe {
    display: none;
}

#foto table .grey {
    vertical-align: middle;
    background-color: #c2c2c2;
    color: #1e2738;
}

#tipue_search_input.qsidebar {
    display: none;
}

#ue  {
    background-color: #fff;
    min-height: 1000px;
}

#ue .row {
    margin: 0;
    padding-top: 30px;
}
#ue .tresc span {
    display: block;
    color: #1e2738;
    font-weight: 400;
}
#ue .tresc .title {
    font-size: 30px;
    margin-bottom: 15px;
}
#ue img {
    width: 50%;
}
#ue .ue2 {
    width: 80%;
}
footer .backtotop {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.copy > h2 {
    font-size: 1em;
    margin: 0.9em;
}
.big {
    color: #dd127a!Important;
}


.facebook_right {
    width: 245px;
    height: 389px;
    position: fixed;
    right: -245px;
    top: 220px;
    z-index: 99997;
}

.facebook_right #facebook_icon {
    float: left;
    height: 60px;
    width: 34px;
    left: -34px;
    background: url("/img/fb.png") no-repeat;
    cursor: pointer;
    position: relative;
    z-index: 99998;
}

.facebook_right .facebook_box {
    background-color: #FFFFFF;
    border: 4px solid #3B5998;
    float: right;
    top: -60px;
    position: relative;
    z-index: 99999;
}

.info-c .phonenr a {
    color: #fff;
}

@media (max-width: 479px) {
    .info-c .phonenr {
        display: block;
        margin: 15px auto;
        padding: 10px 20px;
        width: 200px;
        line-height: 15px;
    }
    .bluebox .content {
        padding: 30px 15px 0 15px!Important;
    }
    #order select,
    #order input,
    #order textarea {
        width: 100%;
        margin: 5px auto;
    }
    #order button {
        margin: 15px auto 0 auto;
        display: block;
    }
    #home .wizytowki-text {
        font-size: 12px;
        font-weight: 500;
        padding: 15px 15px 0 15px;
    }
    #home .c1 {
        width: 100%;
        background: url('/img/img-1.jpg');
    }
    #home .pani {
        display: none;
    }
    #home .c4 {
        width: 100%;
    }

    #home .c5 {
        width: 100%;
    }

    #home .c6, .c7, .c8, .c9 {
        width: 100%;
        height: 377px;
    }
    #home .c6 {
        background-position: top;
    }
    #home .boxy {
        padding: 15px 0;
    }
    #home .boxy .row {
        display: block;
    }
    #home .sbox {
        margin: 30px auto;
        display: block;
        float: none;
    }
    #home .sbox .opis {
        margin: 30px 0 0 0;
        padding-bottom: 30px;
    }
    #home .c1 .polec {
        margin: 15px 0 0 15px;
        font-size: 24px;
        line-height: 24px;
        width: 200px;
    }
    #home .c1 .polec-bold  {
        font-size: 14px;
        margin: 0 0 0 15px;
    }
    #home .c1 .tylko-do {
        margin: 10px 0 0 15px;
        font-size: 18px;
        width: 200px;
    }
    #kontakt .ikonki .row {
        height: auto;
        padding: 30px 0;
    }
    #ue img {
        width: 100%;
    }
    #ue ul {
        padding-left: 15px!Important;
    }
    .grid-item {
        width: 50%;
    }
    .grid-item img {
        width: 100%;
    }
    #ulotki .swipe {
        display: block;
        margin: 0 auto;
        text-align: center;
        padding: 30px;
    }
    #ulotki .swipe img {
        width: 50px;
    }
    #ulotki table {
        overflow-x: auto;
        display: block;
    }
    #ulotki .folia-row .bluebox .zadzwon img {
        display: none;
    }
    #ulotki .folia-row .bluebox {
        background-position: left;
        margin: 15px 0;
        height: 350px;
    }
    #ulotki .col-lg-9 {
        padding: 0 15px;
    }
    #ulotki .folia-row .bluebox .content {
        padding: 30px 15px;
    }
    #ulotki .ulotki-row2 {
        padding: 0;
    }
    #ulotki .folia-row .bluebox .col-lg-9 {
        padding: 0;
    }
    #tabs .col-xs-12 {
        margin: 0 auto;
        float: none;
    }
    #tabs .col-lg-9 {
        width: 100%;
    }
    #howto .text, #faq .text, #about .text {
        margin-bottom: 0;
    }
    #kontakt .bg1 {
        width: 100%;
    }

    #kontakt .bg2 {
        width: 100%;
    }
    #wizytowki .swipe,
    #ulotki-skladane .swipe,
    #plakaty .swipe,
    #banery .swipe,
    #folia .swipe,
    #mesh .swipe,
    #rollup .swipe,
    #odziez .swipe,
    #foto .swipe {
        display: block;
        margin: 0 auto;
        text-align: center;
        padding: 30px;
    }
    #wizytowki .swipe img,
    #ulotki-skladane .swipe img,
    #plakaty .swipe img,
    #banery .swipe img,
    #folia .swipe img,
    #mesh .swipe img,
    #rollup .swipe img,
    #odziez .swipe img,
    #foto .swipe img {
        width: 50px;
    }
    #wizytowki table,
    #ulotki-skladane table,
    #plakaty table,
    #banery table,
    #folia table,
    #mesh table,
    #rollup table,
    #odziez table,
    #foto table {
        overflow-x: auto;
        display: block;
        margin-top: 0;
    }
    #wizytowki .bluebox,
    #ulotki-skladane .bluebox,
    #plakaty .bluebox,
    #banery .bluebox,
    #folia .bluebox,
    #mesh .bluebox,
    #rollup .bluebox,
    #odziez .bluebox,
    #foto .bluebox {
        height: 350px;
        background-position: left;
    }
    #wizytowki .bluebox .zadzwon,
    #ulotki-skladane .bluebox .zadzwon,
    #plakaty .bluebox .zadzwon,
    #banery .bluebox .zadzwon,
    #folia .bluebox .zadzwon,
    #mesh .bluebox .zadzwon,
    #rollup .bluebox .zadzwon,
    #odziez .bluebox .zadzwon,
    #foto .bluebox .zadzwon {
        display: none;
    }
    #wizytowki .blue,
    #ulotki-skladane .blue,
    #plakaty .blue,
    #banery .blue,
    #folia .blue,
    #mesh .blue,
    #rollup .blue,
    #odziez .blue,
    #foto .blue {
        margin-top: 0;
    }
    #wizytowki .bluebox .content,
    #ulotki-skladane .bluebox .content,
    #plakaty .bluebox .content,
    #banery .bluebox .content,
    #folia .bluebox .content,
    #mesh .bluebox .content,
    #rollup .bluebox .content,
    #odziez .bluebox .content,
    #foto .bluebox .content {
        padding: 40px 0 0 0!Important;
    }
    #wizytowki .col-lg-9,
    #ulotki-skladane .col-lg-9,
    #plakaty .col-lg-9,
    #banery .col-lg-9,
    #folia .col-lg-9,
    #mesh .col-lg-9,
    #rollup .col-lg-9,
    #odziez .col-lg-9,
    #foto .col-lg-9 {
        padding-right: 15px;
    }
    #home .c1 .belt button, #home .c2 .belt button, #home .c3 .belt button, #home .c6 .belt button, #home .c7 .belt button, #home .c8 .belt button, #home .c9 .belt button {
        margin: 28px 10px 0 15px;
        padding: 6px 15px;
        font-size: 15px;
    }
    #home .c1 .belt .promocja {
        text-align: center;
        font-size: 15px;
        display: block;
    }
    #home .c1 .prezent {
        margin: 15px 0 0 15px;
        width: 60px;
    }
    #home .c2 .big, #home .c3 .big {
        font-size: 30px;
        line-height: 22px;
    }
    #home .c2 .small, #home .c3 .small {
        font-size: 12px;
        line-height: 25px;
    }
    #home .c2 .text-c2, #home .c3 .text-c3, #home .c9 .box-text-white {
        height: 40px;
    }
    #home .c6 .box-text, #home .c7 .box-text, #home .c8 .box-text, #home .c9 .box-text {
        height: 40px;
    }
    #home .c6 .box-text .big, #home .c7 .box-text .big, #home .c8 .box-text .big, #home .c9 .box-text-white .big {
        font-size: 30px;
        line-height: 22px;
    }
    #home .c6 .box-text .small, #home .c7 .box-text .small, #home .c8 .box-text .small, #home .c9 .box-text-white .small {
        font-size: 12px;
        line-height: 25px;
    }
    #order textarea {
        margin: 0 auto;
    }

}

@media (min-width: 480px) and (max-width: 767px) {
    #order select,
    #order input {
        width: 100%;
        margin: 5px auto;
        display: block;
    }
    #order textarea {
        margin: 0 auto;
        width: 100%;
    }
    #order button {
        margin: 15px auto 0 auto;
        display: block;
    }
    #home .c1 {
        width: 100%;
        background: url('/img/img-1.jpg');
        background-repeat: no-repeat;
        background-size: cover;
    }
    #home .pani {
        display: none;
    }
    #home .c4 {
        width: 100%;
    }

    #home .c5 {
        width: 100%;
    }

    #home .c6, .c7, .c8, .c9 {
        width: 100%;
        height: 377px;
    }
    #home .c6 {
        background-position: top;
    }
    #home .boxy {
        padding: 15px 0;
    }
    #home .boxy .row {
        display: block;
    }
    #home .sbox {
        margin: 30px auto;
        display: block;
        float: none;
    }
    #home .sbox .opis {
        margin: 30px 0 0 0;
        padding-bottom: 30px;
    }
    #home .c1 .polec {
        margin: 15px 0 0 15px;
        font-size: 35px;
        line-height: 35px;
    }
    #home .c1 .polec-bold  {
        font-size: 15px;
        margin: 0 0 0 15px;
    }
    #home .c1 .tylko-do {
        margin: 30px 0 0 15px;
        font-size: 22px;
    }
    #home .c3 {
        height: 477px!Important;
    }
    #home .c6, #home .c7, #home .c8, #home .c9 {
        height: 300px!Important;
    }
    #ue img {
        width: 100%;
    }
    #ue ul {
        padding-left: 15px!Important;
    }
    #kontakt .ikonki .row {
        height: auto;
        padding: 30px 0;
    }
    #kontakt .ikonki .col-xs-12 {
        width: 50%;
    }
    .grid-item {
        width: 50%;
    }
    .grid-item img {
        width: 100%;
    }
    #ulotki .swipe {
        display: block;
        margin: 0 auto;
        text-align: center;
        padding: 30px;
    }
    #ulotki .swipe img {
        width: 50px;
    }
    #ulotki table {
        overflow-x: auto;
        display: block;
        width: 100%!Important;
    }
    #ulotki .folia-row .bluebox .zadzwon img {
        display: none;
    }
    #ulotki .folia-row .bluebox {
        background-position: left;
        margin: 15px 0;
        height: 270px;
    }
    #ulotki .col-lg-9 {
        padding: 0 15px;
    }
    #ulotki .folia-row .bluebox .content {
        padding: 30px 15px;
    }
    #ulotki .ulotki-row2 {
        padding: 0;
    }
    #ulotki .folia-row .bluebox .col-lg-9 {
        padding: 0;
    }
    #tabs .col-xs-12 {
        margin: 0 auto;
        float: none;
    }
    #tabs .col-lg-9 {
        width: 100%;
    }
    #howto .text, #faq .text, #about .text {
        margin-bottom: 0;
    }
    #kontakt .bg1 {
        width: 100%;
    }

    #kontakt .bg2 {
        width: 100%;
    }
    #mesh {
        min-height: 580px;
    }
    #wizytowki .swipe,
    #ulotki-skladane .swipe {
        display: block;
        margin: 0 auto;
        text-align: center;
        padding: 30px;
    }
    #wizytowki .swipe img,
    #ulotki-skladane .swipe img {
        width: 50px;
    }
    #wizytowki table,
    #ulotki-skladane table,
    #plakaty table {
        overflow-x: auto;
        display: block;
        margin-top: 0;
    }
    #wizytowki .bluebox,
    #ulotki-skladane .bluebox,
    #plakaty .bluebox,
    #banery .bluebox,
    #folia .bluebox,
    #mesh .bluebox,
    #rollup .bluebox,
    #odziez .bluebox,
    #foto .bluebox {
        background-position: left;
    }
    #wizytowki .bluebox .zadzwon,
    #ulotki-skladane .bluebox .zadzwon,
    #plakaty .bluebox .zadzwon,
    #banery .bluebox .zadzwon,
    #folia .bluebox .zadzwon,
    #mesh .bluebox .zadzwon,
    #rollup .bluebox .zadzwon,
    #odziez .bluebox .zadzwon,
    #foto .bluebox .zadzwon {
        display: none;
    }
    #wizytowki .blue,
    #ulotki-skladane .blue,
    #plakaty .blue,
    #banery .blue,
    #folia .blue,
    #mesh .blue,
    #rollup .blue,
    #odziez .blue,
    #foto .blue {
        margin-top: 0;
    }
    #wizytowki .col-lg-9,
    #ulotki-skladane .col-lg-9,
    #plakaty .col-lg-9,
    #banery .col-lg-9,
    #folia .col-lg-9,
    #mesh .col-lg-9,
    #rollup .col-lg-9,
    #odziez .col-lg-9,
    #foto .col-lg-9 {
        padding-right: 15px;
    }

    #home .c1 .belt .promocja {
        text-align: center;
        font-size: 15px;
    }
    #home .c1 .prezent {
        margin: 15px 0 0 15px;
        width: 60px;
    }



    #home .c1 .belt button {
        margin: 28px 30px 0 15px;
    }

}

@media (min-width:660px) and (max-width:768px){#ulotki table {overflow-x: auto; display: table;}}

@media (min-width: 768px) and (max-width: 1023px) {
    #order select,
    #order input {
        /* width: 300px; */
        /* margin: 5px auto; */
        display: block;
    }
    #order button {
        /* margin: 15px auto 0 auto; */
        display: block;
    }
    .main-header .navbar-custom-menu, .main-header .navbar-right {
        display: none;
    }
    .main-sidebar, .left-side {
        width: 200px;
    }
    .content-wrapper, .right-side, .main-footer {
        margin-left: 200px;
    }
    #ue img {
        width: 100%;
    }
    #ue ul {
        padding-left: 50px!Important;
    }
    .sidebar-menu .treeview-menu > li > a {
        padding: 12px 5px 12px 30px;
        font-size: 12px;
    }
    #home .wizytowki-text {
        font-size: 10px;
        font-weight: 500;
        padding: 10px 10px 0 10px;
    }
    #home .c1 {
        width: 100%;
        background: url('/img/img-1.jpg');
        background-repeat: no-repeat;
        background-size: cover;
    }
    #home .c1 img {
        width: 100px;
    }
    #home .c1 .polec {
        margin: 15px 0 0 15px;
        font-size: 35px;
        line-height: 35px;
    }
    #home .c1 .polec-bold  {
        font-size: 15px;
        margin: 10px 0 20px 15px;
    }
    #home .c1 .tylko-do {
        margin: 0px 0 0 15px;
        font-size: 18px;
    }
    #home .c2 .big, #home .c3 .big {
        font-size: 40px;
        line-height: 40px;
    }
    #home .c6 .box-text, #home .c7 .box-text, #home .c8 .box-text, #home .c9 .box-text-white {
        bottom: 10px;
        right: 10px;
        height: 40px;
        left: 15px;
    }
    #home .c6 .box-text .big, #home .c7 .box-text .big, #home .c8 .box-text .big, #home .c9 .box-text-white .big {
        font-size: 31px;
        line-height: 22px;
    }
    #home .c6 .box-text .small, #home .c7 .box-text .small, #home .c8 .box-text .small, #home .c9 .box-text-white .small {
        font-size: 14px;
        line-height: 22px;
        text-align: left;
    }
    #home .boxy .row {
        display: block;
    }
    #home .sbox {
        margin: 0 auto;
        display: block;
        float: none;
    }
    #home .sbox .opis {
        padding: 30px 0;
        margin: 15px 0;
    }
    #home .c6, #home .c7, #home .c8, #home .c9 {
        width: 50%!Important;
        height: 200px!Important;
    }
    .foot .logo img {
        margin: 0px auto 15px auto;
    }
    .foot .gospodarka, .foot .ue {
        line-height: 150px;
    }
    #kontakt .ikonki .row {
        height: auto;
        padding: 30px 0;
    }
    #kontakt .ikonki .col-xs-12 {
        width: 33.3%;
        margin: 10px 0;
    }
    .grid-item {
        width: 25%;
    }
    .grid-item img {
        width: 100%;
    }
    #ulotki .box-formaty {
        width: 300px;
    }
    #ulotki .folia-row .bluebox .zadzwon img {
        display: none;
    }
    #ulotki .folia-row .bluebox {
        background-position: left;
        margin: 15px 0;
        height: 270px;
    }
    #ulotki .col-lg-9 {
        padding: 0 15px;
    }
    #ulotki .folia-row .bluebox .content {
        padding: 30px 15px;
    }
    #ulotki .ulotki-row2 {
        padding: 0;
    }
    #ulotki .folia-row .bluebox .col-lg-9 {
        padding: 0;
    }
    #tabs .col-xs-12 {
        margin: 0 auto;
        float: none;
    }
    #tabs .col-lg-9 {
        width: 100%;
    }
    #howto .text, #faq .text, #about .text {
        margin-bottom: 0;
    }
    #kontakt .bg1 {
        width: 100%;
    }

    #kontakt .bg2 {
        width: 100%;
    }
    #mesh {
        min-height: 580px;
    }
    #wizytowki .bluebox .zadzwon,
    #ulotki-skladane .bluebox .zadzwon,
    #plakaty .bluebox .zadzwon,
    #banery .bluebox .zadzwon,
    #folia .bluebox .zadzwon,
    #mesh .bluebox .zadzwon,
    #rollup .bluebox .zadzwon,
    #odziez .bluebox .zadzwon,
    #foto .bluebox .zadzwon {
        display: none;
    }
    #wizytowki .blue,
    #ulotki-skladane .blue,
    #plakaty .blue,
    #banery .blue,
    #folia .blue,
    #mesh .blue,
    #rollup .blue,
    #odziez .blue,
    #foto .blue {
        margin-top: 0;
    }
    #wizytowki .bluebox,
    #ulotki-skladane .bluebox,
    #plakaty .bluebox,
    #banery .bluebox,
    #folia .bluebox,
    #mesh .bluebox,
    #rollup .bluebox,
    #odziez .bluebox,
    #foto .bluebox {
        background-position: left;
    }
    #wizytowki .col-lg-9,
    #ulotki-skladane .col-lg-9,
    #plakaty .col-lg-9,
    #banery .col-lg-9,
    #folia .col-lg-9,
    #mesh .col-lg-9,
    #rollup .col-lg-9,
    #odziez .col-lg-9,
    #foto .col-lg-9 {
        padding-right: 15px;
    }
    #ulotki-skladane table {
        overflow-x: auto;
        display: block;
        margin-top: 0;
    }
    #ulotki-skladane .col-lg-9 {
        padding-right: 15px;
    }
    #home .c1 .belt button, #home .c2 .belt button, #home .c3 .belt button, #home .c6 .belt button, #home .c7 .belt button, #home .c8 .belt button, #home .c9 .belt button {
        margin: 33px 10px 0 15px;
        padding: 4px 13px;
        font-size: 13px;
    }
    #home .c2 .belt button, #home .c3 .belt button {
        float: left;
    }
    #home .c1 .belt .promocja {
        text-align: center;
        font-size: 12px;
        display: inline;
    }
    #home .c1 .prezent {
        margin: 15px 0 0 15px;
        width: 60px;
    }
    #home .c2 .big, #home .c3 .big {
        font-size: 20px;
        line-height: 20px;
    }
    #home .c2 .small, #home .c3 .small {
        font-size: 13px;
    }
    .skin-blue .sidebar-menu > li > a {
        font-size: 12px;
    }
    .skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
        font-size: 12px;
    }
    #home .c2 .big, #home .c3 .big {
        font-size: 30px;
        line-height: 22px;
    }
    #home .c2 .small, #home .c3 .small {
        font-size: 12px;
        line-height: 25px;
    }
    #home .c2 .text-c2, #home .c3 .text-c3 {bottom: 45px;}
    #home .c2 .text-c2, #home .c3 .text-c3, #home .c9 .box-text-white {
        height: 40px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    #ulotki .box-formaty{
        width:230px!Important;
    }
    #wizytowki .bluebox .zadzwon, #ulotki .bluebox .zadzwon, #ulotki-skladane .bluebox .zadzwon, #plakaty .bluebox .zadzwon, #banery .bluebox .zadzwon, #folia .bluebox .zadzwon, #mesh .bluebox .zadzwon, #rollup .bluebox .zadzwon, #odziez .bluebox .zadzwon {
        display: block!Important;
    }
    #wizytowki .bluebox .zadzwon img, #ulotki .bluebox .zadzwon img, #ulotki-skladane .bluebox .zadzwon img, #plakaty .bluebox .zadzwon img, #banery .bluebox .zadzwon img, #folia .bluebox .zadzwon img, #mesh .bluebox .zadzwon img, #rollup .bluebox .zadzwon img, #odziez .bluebox .zadzwon img {
        width: 50%;
        bottom: -25px;
        right: 50px;
        display: block!Important;
    }
    #home .c1 .belt .promocja {
        text-align: center;
        font-size: 20px!Important;
        display: inline;
    }
    #home .c6 .box-text, #home .c7 .box-text, #home .c8 .box-text, #home .c9 .box-text-white {
        bottom: 10px!Important;
    }
    #home .c6 .belt button, #home .c7 .belt button, #home .c8 .belt button, #home .c9 .belt button {
        float: right!Important;
    }
    .main-header .navbar-custom-menu, .main-header .navbar-right {
        width: 45%!Important;
    }
    #order select,
    #order input {
        width: 600px;
        margin: 5px 0;
    }
    #order button {
        margin: 15px 0;
        display: block;
    }
}
@media (min-width: 1024px) and (max-width: 1200px) {
    .phonenr, .phonenr:active, .phonenr:visited, .phonenr:focus {
        margin-left: 5px;
    }
    #tipue_search_input {
        width: 120px !important;
    }
    .main-header .navbar-custom-menu, .main-header .navbar-right {
        width: 48% !important;
    }
    .menu-top a {
        font-size: 12px !important;
    }
    .menu-top .fa {
        margin: 0 10px 0 19px !important;
    }


}
@media (min-width: 1024px) and (max-width: 1399px) {
    #order select,
    #order input {
        /* width: 200px; */
        /* margin: 5px auto; */
    }
    #order button {
        /* margin: 15px auto 0 auto; */
        /* display: block; */
    }
    .main-sidebar, .left-side {
        width: 200px;
    }
    .content-wrapper, .right-side, .main-footer {
        margin-left: 200px;
    }
    .sidebar-menu .treeview-menu > li > a {
        padding: 12px 5px 12px 30px;
        font-size: 13px;
    }
    .main-header .logo {
        width: 200px;
    }
    .skin-blue .main-header .logo img {
        margin: 0 auto;
        width: 100%;
    }
    .main-header > .navbar {
        margin-left: 200px;
    }
    #home .wizytowki-text {
        font-size: 12px;
        font-weight: 500;
        padding: 10px 30px 0 10px;
    }
    #home .c1 {
        width: 100%;
        background: url('/img/img-1.jpg');
        background-repeat: no-repeat;
        background-size: cover;
    }
    #home .c1 img {
        width: 100px;
    }
    #home .c1 .polec {
        margin: 15px 0 0 15px;
        font-size: 35px;
        line-height: 35px;
    }
    #home .c1 .polec-bold  {
        margin: 20px 0 10px 15px;
    }
    #home .c1 .tylko-do {
        margin: 0 0 0 15px;
        font-size: 22px;
    }
    #home .c6, #home .c7, #home .c8, #home .c9 {
        width: 25%!Important;
        height: 270px!Important;
    }
    #home .c6 .box-text, #home .c7 .box-text, #home .c8 .box-text, #home .c9 .box-text-white {
        bottom: 45px;
        right: 10px;
        left: 10px;
        height: 40px;
    }
    #home .c6 .box-text .big, #home .c7 .box-text .big, #home .c8 .box-text .big, #home .c9 .box-text-white .big {
        font-size: 30px;
        line-height: 20px;
    }
    #home .c6 .box-text .small, #home .c7 .box-text .small, #home .c8 .box-text .small, #home .c9 .box-text-white .small {
        line-height: 25px;
        text-align: left;
        font-size: 15px;
    }
    #home .sbox {
        margin: 0 auto;
        width: 100%;
    }
    #home .boxy a {
        width: 25%;
        margin: 0.5%;
    }
    #ue img {
        width: 60%;
    }
    #ue ul {
        padding-left: 100px!Important;
    }
    .foot .logo img {
        margin: 0px auto 15px auto;
    }
    .foot .gospodarka, .foot .ue {
        line-height: 150px;
    }
    #home .sbox .opis {
        font-size: 12px;
    }
    #home .sbox .tytul {
        font-size: 20px;
    }
    #kontakt .ikonki .row {
        height: auto;
        padding: 30px 0;
    }
    #kontakt .ikonki .col-xs-12 {
        width: 33.3%;
        margin: 10px 0;
    }
    .grid-item {
        width: 20%;
    }
    .grid-item img {
        width: 100%;
    }
    #ulotki .box-formaty {
        width: 300px;
    }
    #ulotki .folia-row .bluebox .zadzwon img {
        display: none;
    }
    #ulotki .folia-row .bluebox {
        background-position: left;
        margin: 15px 0;
        height: 270px;
    }
    #ulotki .col-lg-9 {
        padding: 0 15px;
    }
    #ulotki .folia-row .bluebox .content {
        padding: 30px 15px;
    }
    #ulotki .ulotki-row2 {
        padding: 0;
    }
    #ulotki .folia-row .bluebox .col-lg-9 {
        padding: 0;
    }
    #tabs .col-lg-9 {
        width: 67%;
    }
    #mesh {
        min-height: 580px;
    }
    #wizytowki .bluebox,
    #ulotki-skladane .bluebox,
    #plakaty .bluebox,
    #banery .bluebox,
    #folia .bluebox,
    #mesh .bluebox,
    #rollup .bluebox,
    #odziez .bluebox,
    #foto .bluebox {
        background-position: left;
    }
    #wizytowki .bluebox .zadzwon,
    #ulotki-skladane .bluebox .zadzwon,
    #plakaty .bluebox .zadzwon,
    #banery .bluebox .zadzwon,
    #folia .bluebox .zadzwon,
    #mesh .bluebox .zadzwon,
    #rollup .bluebox .zadzwon,
    #odziez .bluebox .zadzwon,
    #foto .bluebox .zadzwon {
        display: none;
    }
    #wizytowki .blue,
    #ulotki-skladane .blue,
    #plakaty .blue,
    #folia .blue,
    #mesh .blue,
    #rollup .blue,
    #odziez .blue,
    #foto .blue {
        margin-top: 0;
    }
    #wizytowki .col-lg-9,
    #ulotki-skladane .col-lg-9,
    #plakaty .col-lg-9,
    #banery .col-lg-9,
    #folia .col-lg-9,
    #mesh .col-lg-9,
    #rollup .col-lg-9,
    #odziez .col-lg-9,
    #foto .col-lg-9 {
        padding-right: 15px;
    }
    #banery .blue {
        margin-top: 100px;
    }
    #home .c6 .belt button, #home .c7 .belt button, #home .c8 .belt button, #home .c9 .belt button {float: left; margin: 33px 10px 0 10px;}
    #home .c1 .belt button, #home .c2 .belt button, #home .c3 .belt button, #home .c6 .belt button, #home .c7 .belt button, #home .c8 .belt button, #home .c9 .belt button {
        margin: 33px 10px 0 15px;
        padding: 4px 13px;
        font-size: 13px;
    }
    #home .c1 .belt .promocja {
        text-align: center;
        font-size: 12px;
        display: inline;
    }
    #home .c1 .prezent {
        margin: 15px 0 0 15px;
        width: 60px;
    }

    .skin-blue .sidebar-menu > li > a {
        font-size: 12px;
    }
    .skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
        font-size: 12px;
    }

    #home .c2 .big, #home .c3 .big {
        font-size: 30px;
        line-height: 22px;
    }
    #home .c2 .small, #home .c3 .small {
        font-size: 12px;
        line-height: 25px;
    }
    #home .c2 .text-c2, #home .c3 .text-c3, #home .c9 .box-text-white {
        height: 40px;
    }
    .main-header .navbar-custom-menu, .main-header .navbar-right {
        width: 44%;
    }
    header form {
        margin: auto 0;
    }
    .menu-top .fa {
        margin: 0 10px 0 30px;
    }


}
@media (min-width: 1400px) and (max-width: 1660px) {
    #ulotki .box-formaty{ width:230px!Important;}
    #tabs .col-lg-9 {
        width: 73%;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    #order select,
    #order input {
        /* width: 150px; */
        /* margin: 5px auto; */
    }
    #order button {
        /* margin: 15px auto 0 auto; */
        display: block;
    }
    #home .sbox {
        margin: 0 auto;
        width: 100%;
    }
    #home .boxy a {
        width: 25%;
        margin: 0.5%;
    }
    #ulotki .box-formaty{ width:230px!Important;}
    #tabs .col-lg-9 {
        width: 73%;
    }
    #banery .blue {
        margin-top: 150px;
    }
    #folia .blue {
        margin-top: 150px;
    }
    #mesh .blue {
        margin-top: 150px;
    }
    #home .c1 .belt button, #home .c2 .belt button, #home .c3 .belt button, #home .c6 .belt button, #home .c7 .belt button, #home .c8 .belt button, #home .c9 .belt button {
        font-size: 16px;
        margin: 28px 10px 0 15px;
    }
    #home .c1 .belt button, #home .c2 .belt button, #home .c3 .belt button, #home .c6 .belt button, #home .c7 .belt button, #home .c8 .belt button, #home .c9 .belt button {
        font-size: 16px;
        margin: 13px 10px 0 40px;
        padding: 7px 18px;
    }
    #home .c6 .box-text, #home .c7 .box-text, #home .c8 .box-text, #home .c9 .box-text-white {
        bottom: 12px;
        right: 15px;
        left: 10px;
        padding-left: 10px;
        height: 45px;
    }
    #home .c2 .text-c2, #home .c3 .text-c3 {
        height: 55px;
    }
    #home .c2 .big, #home .c3 .big {
        font-size: 42px;
        line-height: 30px;
    }
    #home .c2 .small, #home .c3 .small {
        line-height: 36px;
        font-size: 15px;
    }
    #home .c6 .box-text .big, #home .c7 .box-text .big, #home .c8 .box-text .big {
        font-size: 32px;
        text-align: left;
        line-height: 27px;
    }
    #home .c6 .box-text .small, #home .c7 .box-text .small, #home .c8 .box-text .small, #home .c9 .box-text-white .small {
        font-size: 15px;
        line-height: 22px;
        text-align: left;
    }
    .main-header .navbar-custom-menu, .main-header .navbar-right {
        width: 50%;
    }
    .phonenr, .phonenr:active, .phonenr:visited, .phonenr:focus {
        margin-left: 5px;
    }
    header form {
        margin: auto 0px;
    }
}

@media (min-width: 1600px) and (max-width: 1700px) {
    #home .c6 .box-text, #home .c7 .box-text, #home .c8 .box-text, #home .c9 .box-text-white {
        height: 45px;
    }
    #home .c6 .box-text .big, #home .c7 .box-text .big, #home .c8 .box-text .big {
        font-size: 34px;
    }
    #home .c6 .box-text .small, #home .c7 .box-text .small, #home .c8 .box-text .small {
        font-size: 16px;
        line-height: 23px;
    }
    #home .c6 .belt button, #home .c7 .belt button, #home .c8 .belt button, #home .c9 .belt button {
        font-size: 15px;
        margin: 20px 20px 0 15px;
        padding: 8px 25px;
    }
    #home .c9 .box-text-white .big {
        font-size: 34px;
    }
    #home .c9 .box-text-white .small {
        font-size: 16px;
        line-height: 23px;
    }
}


@media (min-width: 768px) {
    #home .c1 {
        width: 63%;
    }

    #home .c4 {
        width: 37%;
    }

    #home .c5 {
        width: 100%;
    }

    #home .c6, #home .c7, #home .c8, #home .c9 {
        width: 25%;
        float: left;
        height: 377px;
    }
}

@media (min-width: 800px) {
    #home .kolarz {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1399px) {
    #home .c1 {
        height: 400px
    }
    #home .c2, #home .c3 {
        height: 200px;
    }
    #home .c6, #home .c7, #home .c8, #home .c9 {
        height: 200px;
    }

}



footer .backtotop {
    /* position: absolute; */
    bottom: 32px;
    left: 85%;
    /* background: #dd127a; */
    /* width: 20px; */
    /* height: 20px; */
    /* border-radius: 50%; */
    /* transform: rotateZ(270deg); */
    position: fixed;
    color: #fff;
    z-index: 999;
}

footer .backtotop a {color: #fff;line-height: 20px;/* padding: 2px 2px 2px 2px; */width: 20px;height: 20px;margin: -1px 2px;display: block;}

@media (min-width: 769px) {
    footer .backtotop {
        display: none;
    }


}

@media (min-width: 768px) {
    .phonenr-top {
        display: none;
    }


}


@media (max-width: 691px) {
	#home .c2 {
        height:	240px;
}



}




@media (max-width: 426px) {
    .phonenr-top, .phonenr-top:active, .phonenr-top:visited, .phonenr-top:focus {
        left: 47%;
    }
}

@media (max-width: 376px) {
    .phonenr-top, .phonenr-top:active, .phonenr-top:visited, .phonenr-top:focus {
        left: 41%;
    }

   #home .c2 {
	height: 240px;
}

}

@media (max-width: 321px) {
    .phonenr-top, .phonenr-top:active, .phonenr-top:visited, .phonenr-top:focus {
        left: 31%;
    }



}




@media (min-width: 1200px) {

#home .c2 {
	height: 250px;
	width: 100%;
}


#home .c2 .belt {
    top: 0px;
}

#home .c1 {
	height: auto;

}

}

@media (min-width: 1500px) {


   #home .c2 {
	height: 300px;
}





}

@media (min-width: 1800px) {


   #home .c2 {
	height: 400px;
}



}


@media (max-width: 740px) {

#home .c2 {
        height: 464px;
        width: 100%;
}

#theFormAlert {
        width: 100%;
}

#szukajaside {
display: block;

}
.main-sidebar {
        background: #fff !important;
    }

    .sidebar {
        background: #0092dd !important;
    }

    .main-header {
        background: #0092dd;
    }





}

@media (max-width: 640px) {


   #home .c2 {
	height: 403px;

}

}


@media (max-width: 613px) {


   #home .c2 {
	height: 388px;

}

}


@media (max-width: 563px) {


   #home .c2 {
	height: 340px;

}

}


@media (max-width: 563px) {


   #home .c2 {
	height: 340px;

}

}




@media (max-width: 500px) {


   #home .c2 {
	height: 270px;

}

#home .c2 .belt {
    top:5px;
    width: 100%;
    height: 70px;
    /*    background-color: rgba(255,255,255,0.2);*/
    position: absolute;

}

}


@media (max-width: 400px) {


   #home .c2 {
	height: 246px;

}

}


@media (max-width: 320px) {


   #home .c2 {
	height: 213px;

}

#home .c2 .wizytowki-text {
	bottom:0px;
}

}


#tipue_search_content {
margin-top: 21px !important;


}


.new-info {
text-align: center;
font-family: 'Source Sans Pro';
color: #fff;
font-size: 46px;
margin-top: 27%;
}

.new-info-two {
font-weight:300;
text-align: center;
font-family: 'Source Sans Pro';
color: #fff;
font-size: 46px;
margin-top:40px;
}

@media (max-width:1136px) {

.new-info {
font-size:36px;
}

.new-info-two {

font-size: 36px;

}


}

@media (max-width:926px) {

.new-info { 
font-size:26px;
}

.new-info-two {

font-size: 26px;

}


}

@media (max-width:452px) {

#home .c1 .tylko-do {
width:auto;
}


}


@media (max-width:1010px) {
#home .c2 .belt {
top:136px;
}


}

@media (max-width:676px) {
#home .c2 .belt	{ 
    top: inherit;
bottom:0px;
}

#home .c2 .belt button {
float:left;
}


}


@media (max-width:546px) {
#home .c2 .belt {
    top: inherit;
bottom:-20px;
left:35px;
}



}

@media (max-width:434px) {
#home .c2 .belt {
bottom:-4px;

left:35px;
}



}



.foot a {color:#fff; font-weight: 600; text-decoration: none;}