@font-face {
    font-family: Geo;
    src: url(Geo.ttf);
}
.top-header .social {
    float: left;
}
.top-header .lang {
    float: right;
}
.top-header .social a {
    padding-right: 20px;
}
.top-header .social {
    margin-top: 5px;
}
.top-header .social a:first-child {
    border-right: 1px solid #eaeaea
}
.top-header .social a:nth-child(2) {
    padding-left: 15px
}
.lang a {
    font-family: Geo;
}
.lang {
    margin-top: 5px;
}
.lang a {
    color: #676868;
    font-size: 11px;
    padding: 0px 6px;
    border-right: 1px solid #676868;
}
.lang a:nth-child(3) {
    border-right: none;
}
.lang a.active, .lang a:hover {
    color: #c80d22;
}
.top-header {
    margin-bottom: 5px
}
.main-header {
    background: #000;
}
@media screen and (min-width: 980px) {
    .container {
        max-width: 960px;
    }
}
.main-header .container {
    display: flex;
}
.header-contact, .header-icons {
    width: 30%;
}
.logo-contaner {
    width: 40%;
    background: #fff;
    display: flex;
    justify-content: center;
    z-index: 1;
}
.header-icons {
    display: flex;
    justify-content: flex-end;
}
.search-box img, .favourite-box img, .account-box img {
    padding-right: 15px;
    padding-left: 15px;
    border-right: 1px solid #676868;
    margin-top: 10px
}
.cart.box_1 a {
    display: flex;
}
.cart.box_1 {
    padding-left: 15px;
}
header span.simpleCart_total {
    color: #c80d22;
    font-family: Geo;
    font-size: 20px;
}
.cart.box_1 img {
    width: 20px;
    height: 15px;
    margin-top: 5px;
    order:-1;
    margin-right: 10px;
}
.cart.box_1>p {
    display: none;
}
.header-icons {
    height: 90px;
    padding-top: 28.5px;
}
.header-contact {
    height: 90px;
    padding-top: 34px;
}
.header-contact {
    color: #676868;
    font-family: Geo;
    font-size: 16px;
}
.header-contact a {
	font-size: 20px;
    color: #fff;
}
.header-contact img {
    padding-left: 5px
}
.logo-contaner:before {
    content: "";
    background: url(../images/logo-left.png);
    width: 45px;
    height: 90px;
    display: block;
    float: left;
    position: relative;
    z-index: 1;
    top: 0px;
    left: -81px;
}
.logo-contaner:after {
    content: "";
    background: url(../images/logo-right.png);
    width: 45px;
    height: 90px;
    display: block;
    position: relative;
    top: 0px;
    left: 81px;
	float: left;
}
.menu li a {
    font-family: Geo;
    font-size: 17px;
	color: #383838;
	text-transform: uppercase;
}
.menu li.current-menu a {
    color: #c80d22;
    text-align: center;
}
.menu li.current-menu {
	z-index:99;
	border-bottom: 6px solid #000;
    padding-bottom: 22px;
}
.main-menu {
	min-height: 64px;
}
.menu {
    text-align: center;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    z-index: 2;
    position: relative;
}
.menu {
    padding-top: 22px;
}
.menu li {
    display: inline;
}
section.banner {
    margin-top:-3px;
    background: url(../images/slide2.jpg) no-repeat center;
    /*background-size: 100%;*/
    /*background-position-y: -120px;*/
}
.home section.banner {
    height: 342px!important;
}
.overlay {
    height: 100%;
    width: 100%
}

span.zl {
    color: #fff;
    font-family: Geo;
}
span.simpleCart_total:before {
    content: "";
    width: 10px;
    height: 100%;
    background: #000;
    display: block;
	left: 2px;
    margin-top: -19px;
    position: relative;
    top: 24px;
}

@font-face {
	font-family: "GeoL";
    src: url(GeoL.otf);
	}
.overlay {
    background: url(../images/banner-overlay4.png)
}
.banner p {
    font-family: GeoL;
}
.banner p {
    font-size: 36px;
    color: #fff;
}
.banner p span.red {
    color: #c80d22;
}
.banner p:nth-child(3) {
    margin-bottom: 15px;
}
a.more-big.white {
    font-size: 12px;
    background: #fff;
    font-family: Geo;
    padding: 9px 15px 9px 25px;
    text-transform: uppercase;
    display: none;
}
a.more-big.white:after {
    content: url(../images/more-white.png);
    position: relative;
    left: 15px;
    top: 12px
}
.home .banner .container {
    padding-top: 50px!important;
}
.banner p {
    text-transform: uppercase;
}
.overlay {
    background-position-x: left;
}
@media screen and (min-width: 1411px) {
    .overlay {
        background-size: cover
    }
}
section.oferta .col3 {
    width: 24%;
    margin-right: 1%;
    margin-left: 0px;
    float: left;
}
section.oferta .col3 {
    margin-right: 1%;
    margin-left: 0%;
	margin-bottom: 20px;
}
.blachodachowka {
    background: url(../images/blachodachowki.png);
    height: 117px;
}

.blachodachowka a
{
    display: block;
    width: 100%;
    height: 100%;
}

.blachy-trapezowe {
    background: url(../images/falista.png);
    height: 117px;
}
.plyty {
    background: url(../images/warstwowe.png);
    height: 117px;
}
.blachy-na-rabek {
    background: url(../images/narabek.png);
    height: 117px;
}
section.oferta .col3>div {
    background-position-x: left;
    border-right: 6px solid #fff
}
section.oferta h2 {
    font-family: GeoL;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    padding-top: 16px;
    padding-left: 20px;
    width: 120px;
    /*line-height: 170%;*/
    line-height: 20px;
    min-height: 75px;
    font-weight: bold;
}
.blachy-na-rabek h2 {
    width: 80px!important;
}

.more.red {
    font-weight:500;
    font-fammily: Arial;
    color: #7A7A7A;
    font-size: 12px;
    /*position: relative;
    bottom: 5px;*/
}
.more.red:after {
    content: "+";
    margin-left: 5px;
}
section.oferta .more.red {
    padding-left: 20px
}
section.oferta, section.content {
    background: url(../images/bg.png)
}
section.oferta .col3 {
    position: relative;
    top: -40px
}

.home .inner {
    height: 330px!important;
}
.inner {
    position: relative;
    top:  5px;
    border-top: 1px solid #a3a3a3;
    border-bottom: 1px solid #a3a3a3;
}
h3.heading {
    font-family: Geo;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}
h3.heading .red {
    color: #c80d22
}
section.content .col4 {
    width: 30%;
    margin-right: 4%;
    float: left;
}
section.content .col4:last-child {
    margin-right: 0px;
}
section.content {
    padding-top: 30px
}
h3.heading {
    margin-bottom: 30px;
}
.info {
    font-size: 11px;
    color: #717171;
    font-family: Arial;
    margin-bottom: 20px
}
.info.bold {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 10px;
    color: #000;
}
a.more-big.black {
    color: #fff;
    font-size: 12px;
    background: #c80d22;
    font-family: Geo;
    padding: 8px 15px 9px 25px;
    text-transform: uppercase;
}
a.more-big.black:after {
    content: url(../images/more.png);
    position: relative;
    left: 15px;
    top: 12px
}
span.koszyk-lacznie {
    font-family: Geo;
    color: #c80d22;
    font-size: 20px;
}
span.zl {
    font-size: 16px;
}
a.archiwum {
    font-family: Arial;
    font-size: 11px;
    color: #717171;
    display: block;
    text-align: right;
    position: relative;
    top:-45px;
}
a.archiwum:after {
    content: "+";
    margin-left: 5px;
}
.content article {
    margin-top: -20px;
    margin-bottom: 30px;
}
.tresc {
    margin-top: 10px;
    font-size: 11px;
    font-family: Arial;
    color: #717171;
}
.data {
    font-size: 11px;
    font-family: Arial;
    color: #717171;
}
.tytul {
    width: 100%;
    font-size: 12px;
    margin-left: 5px;
    font-family: Arial;
    color: #000;
    font-weight: bold;
}

article a.more.red {
    font-weight: bold;
}
section.content {
    padding-bottom: 50px
}

.kategorie>a {
    display: block;
    width: 100%;
    height: 91px;
    margin-bottom: 5px;
    background-position-x: right!important;
}
.kategorie a.obrobki {
    background: url(../images/sidebar-button-1.png)
}
.kategorie a.systemy {
    background: url(../images/sidebar-button-2.png)
}
.kategorie a.blachy-gladkie {
    background: url(../images/sidebar-button-3.png)
}

.kategorie a.kontenery-blachy-warstwowe
{
    background: url(../images/baner.png);
    width: 253px;
    height: 270px;
}

.kategorie p {
    font-family: Geo;
    color: #fff;
    font-size: 16px;
    padding-left: 30px;
    padding-top: 34.5px;
}
footer {
    background: #f2f0ef;
    padding-top: 50px;
}
.realizacje-top p {
    float: right;
    margin-top: -70px;
}

.realizacja-item {
    width: 19%;
    margin-right: 1.25%;
    float: left;
    padding: 2px;
    border: 1px solid #b2b1b1;
    background: #fff;
}
.realizacja-item:last-child {
    margin-right:0;
}
.realizacja-item img {
    width: 100%;

}

.realizacja-item:after {
    content:url(../images/plus.png);
    text-align: center;
    padding-top: 48px;
    position:relative;
    width:100%; height:129px;
    display: block;
    margin-top: -129px;
    top:0; left:0;
    background:rgba(200,13,34,0.8);
    opacity:0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.realizacja-item:hover:after {
    opacity: 1;
}
.realizacja-item img {
    position: relative;
}
.realizacje >a {
    display: block
}

.footer-links >div {
    width: 21%;
    margin-right: 5%;
    float: left;
}
.footer-links>div:last-child {
    margin-right: 0px;
}
.footer-links h4 {
    font-family: Geo;
    font-size: 18px;
    text-transform: uppercase;
}
.footer-links h4 {
    margin-top: 40px;
    margin-bottom: 20px;
}
.footer-links ul li {
    list-style-type: none;
    padding: 5px 0px;
}
.footer-links ul li a:after {
    content: url(../images/arrow.png);
    float: right;
    position: relative;
    top: -2px;
}
.footer-links ul li a {
    font-size: 12px;
    font-family: Arial;
    color: #717171;
}
.mapa {
    background: url(../images/mapa.png);
    height: 132px;
    background-repeat: no-repeat;
    background-size: contain;
}
.mapa:before {
    content: url(../images/fcb-napis.png);
    position: relative;
    top: 30px;
    left: 10px;
}
.mapa:after {
    content: url(../images/fcb.png);
    float: right
}
.menu-footer {
    background: #000;
    margin-top: 40px;
    border-bottom: 1px solid #a29b94;
    height: 70px;
}
.menu-footer .menu a {
    color: #a29b94;
    text-decoration: none;
}
.footer-bottom {
    background: #000;
}
.footer-bottom p {
    font-family: Arial;
    color: #685a53;
    font-size: 12px;
    padding-top: 15px;
}
.footer-bottom a {
    font-family: Arial;
    color: #c80d22;
    font-size: 12px;
    font-weight: bold;
}
.footer-bottom p {
   width: 50%;
   float: left
}
p.malnet {
    text-align: right;
}
.kategorie p:after {
    content: "+";
    background: #000;
    width: 32px;
    height: 32px;
    display: block;
    float: right;
    margin-right:30px;
    font-size: 22px;
    padding-left: 9px;
    position: relative;
    top: -5px
}

/*RWD*/
@media screen and (max-width: 1024px) {
.mobile-hamburger:before {
    border-top: 5px solid #c80d22;
    border-bottom: 5px solid #c80d22;
    content: "";
    width: 40px;
    display: block;
    height: 15px;
}
.mobile-hamburger:after {
    margin-top: 5px;
    border-top: 5px solid #c80d22;
    content: "";
    width: 40px;
    display: block;
}
.mobile-hamburger {
    float: right;
    margin-top: 22px;
}
}
@media screen and (max-width: 1024px) {
header ul.menu {
    opacity: 0;
    transition: all 1s;
    height: 0px
}
header ul.menu.active {
    opacity: 1;
    height: 300px;
}
header ul.menu {
    position: absolute;
    background: #fff;
    display: block;
    right: 0px;
    padding: 20px;
    top: 180px;
    width: 100%;
}
header ul.menu li {
    display: block;
    text-align: center;
    width: 50%;
    float: left;
    padding: 10px 0px;
}
header ul.menu .current-menu {
    border: none;
    padding-bottom: 0px;
}
}
@media screen and (max-width: 1024px) {
	header ul.menu.active {
    z-index: 999;
}
.main-header .container {
    flex-wrap: wrap;
}
.logo-contaner:before {
    left: -40px
}
.logo-contaner:after {
    left: 40px
}
.logo-contaner {
    width: 25%;
}
.header-contact {
    width: 37.5%
}
.header-icons {
    width: 37.5%;
}
.logo-contaner:after, .logo-contaner:before {
    display: none;
}
}
@media screen and (max-width: 767px) {
    .logo-contaner {
        padding-top: 15px;
        order: -1;
        float: left;
    }
    .main-header .container {
        padding-left: 0px!important;
        flex-wrap: wrap;
    }
    .header-contact {
        padding-left: 10px;
    }
}
@media screen and (max-width: 650px) {
    .logo-contaner {
        width: 45%;
    }

    .header-contact, .header-icons {
        width: 55%;
        padding-top: 0px;
        height: auto!important;
        margin-left: 45%;
        margin-top: -80px;
    }
    .header-icons {
        margin-top: -50px;
    }
    .header-contact {
        text-align: right;
    }
}
@media screen and (max-width: 480px) {
    header .container {
        padding-top: 0px;!important;
        padding-bottom: 0px;!important;
    }
	header ul.menu.active {
    top: 270px
}
    header .top-header .container {
        padding: 0px 15px;
    }
    .header-icons, .header-contact, .logo-contaner {
        width: 100%;
        margin: 0px!important;
        text-align: center;
    }
    .header-icons {
        justify-content: center;
    }
    .header-contact p{
        margin: 10px!important;
    }
    .logo-contaner {
        padding-bottom: 10px;
    }
}
@media screen and (max-width: 991px) {
    section.content .col4:nth-child(1) {
        width: 46%;
        margin-right: 4%;
    }
    section.content .col4:nth-child(2) {
        width: 50%;
        margin: 0px;
    }
    section.content .col4:nth-child(3) {
        width: 100%;
        margin: 0px;
        margin-top: 40px;
    }
    .kategorie a {
        width: 30%;
        margin-right: 3%;
        float: left;
        background-repeat: no-repeat;
        background-position-x: left!important;
    }
    .kategorie p {
        padding-left: 0px;
        text-align: center
    }
    .kategorie p:after {
        display: none;
    }
	
	#contact_info td {
		display: block;
	}

	.mapboxgl-map {
		width: 270px;
		height: 270px;
	}
}

@media screen and (max-width: 767px) {
section.oferta .col3 {
    width: 50%;
    margin: 0px;
}
section.oferta .col3 >div {
    background-repeat: no-repeat;
    width: 233px;
    margin: auto;
    margin-bottom: 5px;
}
a.archiwum {
    top: -25px;
   text-align: left;
}
}
@media screen and (max-width: 480px) {
section.oferta .col3 {
    width: 100%;
}
section.banner p {
    font-size: 28px;
}
section.content .col4 {
    width: 100%!important;
    margin: 0px;
}
section.content .col4:nth-child(2) {
    margin-top: 40px;
}
.kategorie {
    width: 100%;
    display: block;
}
.kategorie a {
    width: 279px;
    margin: auto;
    float: none;
    margin-bottom: 40px;
    background-position-x: right!important;
}
.kategorie p:after {
    display: block;
    padding-left: 0;
}
}
@media screen and (max-width: 991px) {
.mapa:after {
    display: none;
}
.realizacja-item:after {
    height: 98px;
    margin-top: -98px;
    padding-top: 35px;
}
}
@media screen and (max-width: 767px) {
    .realizacja-item {
        width: 31%;
        margin-right: 3.5%;
        margin-bottom: 20px;
    }
    .realizacja-item:nth-child(4) {
        margin-right: 0px
    }
    .realizacja-item:after {
        height: 166px;
        margin-top: -166px;
        padding-top: 70px;
    }
    .home .footer-links {
        margin-top: 410px;
    }
    .footer-links>div {
        width: 30%;
        float: left;
        margin-left: 10%;;
    }
    .footer-links>div:nth-child(2), .footer-links>div:nth-child(4) {
        margin-left: 20%;
    }
    .mapa:after {
        display: block;
    }
}
@media screen and (max-width: 480px) {
    .home .footer-links {
        margin-top: 200px;
    }
    .footer-links > div {
        width: 50%;
        margin-left: 25%!important;
        margin-right: 25%;
    }
	.realizacje-top p {
    float: none!important;
    margin-top: -20px;
    margin-bottom: 20px;
}
}
@media screen and (max-width: 991px) {
footer ul.menu {
    flex-wrap: wrap;
    justify-content: center;
}
footer ul.menu li {
    padding: 5px 10px;
}
footer ul.menu li.current-menu {
    padding-bottom: 5px;
}

.menu-footer {
    height: auto;
}
}
.mobile-hamburger {
    z-index: 9999;
    right: 10px;
    position: relative
}
/* Podtrony */
section.banner {
    height: 215px;
}
section.banner .inner {
    height: 205px;
}
section.banner .container {
    padding-top: 25px;
}
.sidebar {
    float: left;
    width: 225px;
    margin-right: 50px;
}
.sidebar-box {
    background: #000;
	padding: 25px 15px;
}
.sidebar ul {
    list-style-type: none;
}
p.sidebar-title {
    color: #c80d22;
    font-family: Geo;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
	padding-left: 20px;
}
p.sidebar-title:before {
    content: url(../images/sidebar-arrow.png);
    position: relative;
    left: -20px;
}
p.sidebar-title:after {
    width: 75px;
    height: 1px;
    background: #c80d22;
    content: "";
    display: block;
    position: relative;
    top: 12px;
    float: right;
}
ul.sidebar-menu>li >a{
    font-family: Arial;
    color: #cccac9;
    font-weight: bold;
    font-size: 12px;
}
ul.sidebar-menu>li.sidebar-active>span {
    color: #fff;
}

ul.sidebar-menu>li>a {
    padding: 8px 0px;
}
li.sidebar-active >a:after, ul.sidebar-menu>li:hover >a:after {
    content: url(../images/sidebar-active.png);
    width: 18px;
    display: block;
    float: right;
    position: relative;
    left: 17px;
    top: -8px
}
ul.sidebar-menu {
    position: relative;
    left: -20px;
}
ul.sidebar-menu>li >a {
    padding-left: 20px;
}
.sidebar-active >a {
    color: #fff!important;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    font-size: 12px;
    background: #c80d22;
    padding-right: 69px
}
.sidebar-active >a, .sidebar-menu>li:hover>a {
    padding-right: 0px;
    width: 180px;
    display: block;
	color: #fff;
	background: #c80d22;
}
.sidebar-menu>li>a {
    width: 180px;
    display: block;
}
.sidebar-menu>li {
    border-bottom: 1px solid #b2b1b1;
    padding-bottom: 0px;
    padding-top: 0px;
}
.sidebar .submenu {
    display: none;
}
.sidebar-menu li.sidebar-active .submenu {
    display: block;
}
.right-area {
    width: 665px;
    margin-left: 275px;
}
.submenu li a {
    color: #fff;
    font-size: 12px;
    font-family: Arial;
    padding-left: 40px;
}
.submenu li {
    padding-top: 5px;
    padding-bottom: 5px;
}
.submenu li a:before {
    content: url(../images/arrows1.png);
    position: relative;
    left: -20px;
    top: -2px
}
.submenu  li:hover a {
    color: #c80d22
}
.submenu  li:hover a:before {
    content: url(../images/arrows-red.png);
}
.sidebar a {
    transition: none;
}
.sidebar a {
    transition: none;
}

.breadcrumbs {
    font-size: 12px;
    font-family: Arial;
    color: #000;
    border-bottom: 1px solid #b2b1b1;
}
.breadcrumbs a.home {
    color: #c80d22;
    font-weight: bold;
}
.breadcrumbs a:after {
    content: url(../images/arrow-grey.png);
    padding: 0px 5px;
}
.submenu >li:last-child {
	padding-bottom: 10px;
}
.page-title {
    color: #676868!important;
    font-family: Geo!important;
    font-size: 18px!important;
    text-transform: uppercase!important;
    margin-top: 60px;
}
.podstrona-content .image-wrapper img {
    float: right;
    margin-left: 10px;
}
.page-title {
    margin-bottom: 20px!important;
}
.podstrona-content p {
    font-family: Arial;
    color: #717171;
    font-size: 12px;
}
.image-wrapper img {
    border: 1px solid #d1d0d0;
    padding: 5px;
    background: #fff;
    margin-left: 50px;
}
.podstrona-content p {
    margin-bottom: 20px;
}
.podstrona-content {
    margin-bottom: 50px;
}
.right-area .realizacje a {
    width: 24%;
    margin-right: 1%;
}
.right-area .realizacje a:last-child {
    margin-right:0;
}
.realizacja-item:after {
    height: 117px;
    margin-top: -117px;
}
.breadcrumbs {
    padding-bottom: 5px;
}
@media screen and (max-width: 970px) {
    .right-area {
        width: 430px;
    }
    .right-area .realizacja-item:after {
        height: 81px;
        margin-top: -81px;
    }
}
@media screen and (max-width: 767px) {
    .sidebar {
        width: 100%;
        float: none;
        margin-right: 0px;
    }
    .right-area {
        width: 100%;
        margin-left: 0px;
        margin-top: 40px;
    }

    .sidebar-active .submenu {
        display: flex!important;
        width: 100%;
        flex-wrap: wrap;
    }

    .right-area .realizacja-item:after {
        height: 125px;
        margin-top: -125px;
        padding-top: 45px;
    }
}
@media screen and (max-width: 480px) {
    .right-area img {
        float: none;
        margin-left: 0px;
        margin-bottom: 20px;
    }
    .right-area .realizacje a {
        width: 45%;
        height: 118px;
    }
    .right-area .realizacja-item:after {
        height: 112px;
        margin-top: -131px;
    }

}
.submenu li a.submenu-active {
    color: #c80d22
}
.submenu li a.submenu-active:before {
    content: url(../images/arrows-red.png);
}
.breadcrumbs a {
    color: #c80d22;
    font-weight: bold;
}
.page-title .black {
    color: #000;
}
.produkt-box {
    background: #fff;
    border: 1px solid #d1d0d0;
    padding: 40px;
}
.main-image img{
    margin: auto;
    display: block;
}

.cena-box {
    width: 50%;
    margin-left: 50%;
    text-align: right;
    border-bottom: 1px solid #d1d0d0;
    padding-bottom: 15px;
}
.cena {
    font-family: Geo;
    font-size: 18px;
    color: #000000;
    text-transform: uppercase;
}
.kwota {
    font-family: Geo;
    font-size: 24px;
    color: #000000;
    text-transform: uppercase;
}
.jednostka {
    color: #939393;
    font-family: Geo;
    font-size: 18px;
}
a.produkt-link, input.produkt-input, div.produkt-jednostka-miary {
    color: #2e2e2e;
    font-family: Geo;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    border: 1px solid #d1d0d0;
    padding: 12px 10px;
    background: #fff;
    margin-top: 15px;
    display: block;
    width: 125px;
    text-align: center;
}

div.produkt-jednostka-miary
{
    border: none;
    width: auto;
}

input.produkt-input
{
    width: 50px;
}

.produkt-links-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.produkt-link, .produkt-input, .produkt-jednostka-miary {
    margin-left: 5px;
}
a.produkt-link.dodaj-do-koszyka, .produkt-link:hover {
    background: #c80d22;
    color: #fff;
}
a, a:hover {
    text-decoration: none!important;
}
.dane-techniczne td:first-child {
    font-family: Arial;
    font-size: 12px;
    color: #817f7f;
}
.dane-techniczne td:nth-child(2) {
    font-family: Arial;
    font-size: 12px;
    color: #4b4b4b;
    font-weight: bold;
}
.dane-techniczne tr {
    border-top: 1px solid #d1d0d0;
    }
.dane-techniczne td {
    padding: 10px 0px;
}
.dane-techniczne tr:nth-child(odd) {
    background: #fff;
}
.dane-techniczne tr:nth-child(even) {
    background: #f4f4f2;
}
.dane-techniczne tr:last-child {
     border-bottom: 1px solid #d1d1d0;
}
.dane-techniczne {
    width: 100%;
}
.dane-techniczne td {
    padding-left: 20px;
}
.dane-techniczne td:first-child {
    width: 200px;
}
.dane-techniczne td:nth-child(2) {
    padding-left: 40px;
}
.wizualizacja-wrapper img {
    width: 100%;
}
.wizualizacja-wrapper p {
    color: #000;
    text-align: center;
    padding-top: 10px;
}
.wizualizacja-wrapper .uwaga {
    color: #4b4b4b;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
}
.wiz-kolor {
    width: 30px;
    height: 30px;
    background: url(../images/kolory.png)
}
.wiz-kolor-box {
    display: flex;
    flex-wrap: wrap;
}
.wiz-kolor:nth-child(1) {
    background-position-x: 0px;
}

.wiz-kolor:nth-child(2) {
    background-position-x: -32px;
}
.wiz-kolor:nth-child(3) {
    background-position-x: -64px;
}
.wiz-kolor:nth-child(4) {
    background-position-x: -96px;
}
.wiz-kolor:nth-child(5) {
    background-position-x: -128px;
}
.wiz-kolor:nth-child(6) {
    background-position-x: -160px;
}
.wiz-kolor:nth-child(7) {
    background-position-x: -192px;
}
.wiz-kolor:nth-child(8) {
    background-position-x: -224px;
}
.wiz-kolor:nth-child(9) {
    background-position-x: -256px;
}
.wiz-kolor:nth-child(10) {
    background-position-x: -288px;
}
.wiz-kolor:nth-child(11) {
    background-position-x: -320px;
}
.wiz-kolor:nth-child(12) {
    background-position-x: -352px;
}
.wiz-kolor:nth-child(13) {
    background-position-x: -384px;
}
.wiz-kolor:nth-child(14) {
    background-position-x: -416px;
}
.wiz-kolor:nth-child(15) {
    background-position-x: -448px;
}
.wiz-kolor:nth-child(16) {
    background-position-x: -479px;
}
.wiz-kolor:nth-child(17) {
    background-position-x: -510px;
}
.wiz-kolor:nth-child(18) {
    background-position-x: -543px;
}
.wiz-kolor:nth-child(19) {
    background-position-x: -574px;
}
.wiz-kolor:nth-child(20) {
    background-position-x: -606px;
}
.paleta-kolor {
    width: 38px;
    height: 38px;
}
.paleta {
    display: flex;
    flex-wrap: wrap;
}
.paleta-kolor-box p {
    width: 30px;
    text-align: center;
    margin-left: 4px;
    color: #4b4b4b;
    font-size: 11px;
    margin-top: 5px;
}
.paleta-kolor {
    background: url(../images/paleta1.png);
}
.paleta-kolor-box {
    margin-right: 10px;
}
.paleta-kolor-box:nth-child(2) .paleta-kolor {
    background: url(../images/paleta1.png);
    background-position-x: -50px;
}
.paleta-kolor-box:nth-child(3) .paleta-kolor {
    background: url(../images/paleta1.png);
    background-position-x: -100px;
}
.paleta-kolor-box:nth-child(4) .paleta-kolor {
    background: url(../images/paleta1.png);
    background-position-x: -150px;
}
.paleta-kolor-box:nth-child(5) .paleta-kolor {
    background: url(../images/paleta1.png);
    background-position-x: -200px;
}
.paleta-kolor-box:nth-child(6) .paleta-kolor {
    background: url(../images/paleta1.png);
    background-position-x: -250px;
}
.paleta-kolor-box:nth-child(7) .paleta-kolor {
    background: url(../images/paleta1.png);
    background-position-x: -300px;
}
.paleta-kolor-box:nth-child(8) .paleta-kolor {
    background: url(../images/paleta1.png);
    background-position-x: -350px;
}
.paleta-kolor-box:nth-child(9) .paleta-kolor {
    background: url(../images/paleta1.png);
    background-position-x: -400px;
}
.paleta-kolor-box:nth-child(10) .paleta-kolor {
    background: url(../images/paleta1.png);
    background-position-x: -450px;
}
.paleta-kolor-box:nth-child(11) .paleta-kolor {
    background: url(../images/paleta1.png);
    background-position-x: -500px;
}
.paleta-kolor-box:nth-child(12) .paleta-kolor {
    background: url(../images/paleta1.png);
    background-position-x: -550px;
}
.paleta-kolor-box:nth-child(13) .paleta-kolor {
    background: url(../images/paleta1.png);
    background-position-x: -600px;
}
.paleta-kolor-box:nth-child(14) .paleta-kolor {
    background: url(../images/paleta1.png);
    background-position-x: -650px;
}
.paleta-kolor-box:nth-child(15) .paleta-kolor {
    background: url(../images/paleta2.png);
    background-position-x: -0px;
}
.paleta-kolor-box:nth-child(16) .paleta-kolor {
    background: url(../images/paleta2.png);
    background-position-x: -50px;
}
.paleta-kolor-box:nth-child(17) .paleta-kolor {
    background: url(../images/paleta2.png);
    background-position-x:-100px;
}
.paleta-kolor-box:nth-child(18) .paleta-kolor {
    background: url(../images/paleta2.png);
    background-position-x:-150px;
}
.paleta-kolor-box:nth-child(19) .paleta-kolor {
    background: url(../images/paleta2.png);
    background-position-x: -200px;
}
.paleta-kolor-box:nth-child(20) .paleta-kolor {
    background: url(../images/paleta2.png);
    background-position-x: -250px;
}
.paleta-kolor-box:nth-child(21) .paleta-kolor {
    background: url(../images/paleta2.png);
    background-position-x: -300px;
}
.paleta-kolor-box:nth-child(22) .paleta-kolor {
    background: url(../images/paleta2.png);
    background-position-x: -350px;
}
.paleta-kolor-box:nth-child(23) .paleta-kolor {
    background: url(../images/paleta2.png);
    background-position-x: -400px;
}
.paleta-kolor-box:nth-child(24) .paleta-kolor {
    background: url(../images/paleta2.png);
    background-position-x: -449px;
}
.przekroje-box img {
    width: 100%;
}
@media screen and (max-width: 480px) {
.cena-box {
    width: 100%;
    margin-left: 0px;
}
.main-image img {
    width: 250px
}
}
.prow {
    background: #fff;
    border: 1px solid #d1d0d0;
    float: left;
    width: 100%;
    padding: 15px;
    margin-bottom: 5px;
}
.produkt-container {
    width: 33%;
    float: left;
    border-right: 1px solid #d1d0d0;
    padding-left: 20px;
    padding-right: 20px;
    min-height: 278px;
    max-height: 278px;
}
.produkt-container > a:first-child
{
    display: flex;
    align-items: center;
    min-height: 132px;
    max-height: 132px;
}
.produkt-container:last-child {
    border: none;
}

.produkt-container > a:first-child img
{
    margin: 0 auto;
    display: block;
}

p.produkt-nazwa {
    text-align: center;
    font-family: Geo;
    color: #c80d22;
    font-size: 14px;
    margin-bottom: 10px;
}
.produkt-container .kwota {
    font-size: 22px;
}
.produkt-container .jednostka {
    font-size: 14px;
}
.cena-container {
    text-align: center;
    padding: 10px;
    border: 1px solid #d1d0d0;
    padding-bottom: 20px;

}

a.szczegoly {
    background: #000;
    color: #fff;
    font-size: 12px;
    font-family: Arial;
    padding: 9px 10px;
    position: relative;
    top: -2px;
    text-transform: lowercase;
}
a.koszyk-ikona {
    background: #c80d22;
    padding: 5px 10px;;
}
.produkt-buttons {
    text-align: center;
    position: relative;
    top: -10px;
}

.produkt-container.aktywny-produkt {
    background: url(../images/aktywny-produkt.png)
}
.produkt-container.aktywny-produkt .cena-container {
    background: #000;
}
.produkt-container.aktywny-produkt .kwota, .produkt-container.aktywny-produkt .jednostka {
    color: #fff;
}
.produkt-container.aktywny-produkt a.szczegoly {
    background: #c80d22
}

.produkt-container:hover {
    background: url(../images/aktywny-produkt.png)
}
.produkt-container:hover .cena-container {
    background: #000;
}
.produkt-container:hover .kwota, .produkt-container:hover .jednostka {
    color: #fff;
}
.produkt-container:hover a.szczegoly {
    background: #c80d22
}
@media screen and (max-width: 980px) {
    .produkt-container >img {
        width: 100%;
    }
    a.koszyk-ikona {
        position: relative;
        top: 15px;
    }
}
@media screen and (max-width: 767px) {
    a.koszyk-ikona  {
        top: 0px;
    }
}
@media screen and (max-width: 560px) {
    .produkt-container {
        width: 100%;
        border-bottom: 1px solid #d1d0d0;
        padding-bottom: 10px;
        border-right: none;
    }
    .produkt-container>img {
        width: auto;
        margin: auto;
        display: block;
    }
}
@media screen and (max-width: 480px) {
    a.koszyk-ikona img {
        margin: 0;
    }
}
.rodzaj-przetloczen  p {
    font-family: Geo;
    text-transform: uppercase;
    color: #4b4b4b;
    font-size: 14px;
    width: 150px;
    padding-top: 20px;
}
.rodzaj-przetloczen {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
    border-bottom: 1px solid #d1d0d0;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
}

.mikro-przekroje.produkt-box {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
.rodzaj-przetloczen:last-child {
    margin-bottom: 0px;
    border: none;
}
@media screen and (max-width: 581px) {
    .rodzaj-przetloczen p {
        width: 100%;
        text-align: center;
    }
    .rodzaj-przetloczen img {
        margin: auto;
        margin-bottom: 30px;
    }
}
.wybor {
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,.8);
    width: 100%;
    height: 100%;
}
.wybor-box {
    background: #fff;
    width: 50%;
    margin: auto;
    padding: 20px;
    margin-top: 50px;
}
.wybor-box .page-title {
    margin-top: 0px;
}
.wybor .close:before {
    content: "";
    border-right: 2px solid #717171;
    width:2px;
    height: 30px;
    display: block;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}
.wybor .close:after {
    content: "";
    border-right: 2px solid #717171;
    width:2px;
    height: 30px;
    display: block;
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
    position: relative;
    top: -30px;
}
.wybor .close {
    padding-right: 20px;
}

p.select-name {
    font-family: Geo;
    color: #4b4b4b;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 10px;
    text-transform: uppercase;
}
.wybor select {
    width: 100%;
    font-size: 14px;
    font-family: Geo;
    color: #4b4b4b;
    padding: 10px;
}

.grubość {
    width: 48%;
    margin-right: 2%;
    float: left;
}
.profilowanie {
    width: 48%;
    margin-left: 2%;
    float: left;
}
.ilosc {
    float: left;
    width: 10%;
}
.ilosc input {
	font-size: 14px;
    font-family: Geo;
    color: #4b4b4b;
    width: 100%;
    text-align: center;
    padding: 8px;
}
.dlugsc-plyt {
    width: 35%;
    margin-left: 2%;
    float: left;
}
.cena-box {
    position: relative;
    top: -40px;
}
.wybor {
    display: none;
	opacity: 0;
}
.wybor {
    -webkit-transition: all 1s; /* Safari */
    transition: all 1s;
}
.wybor.wybor-aktywny {
    display: initial;
    opacity: 1;
}
.wybor a.produkt-link.dodaj-do-koszyka {
    float: right;
    position: relative;
    top: -40px;
}
.wybor-box {
    padding-bottom: 50px;
}
@media screen and (max-width: 767px) {
.przetloczenie, .grubość, .profilowanie {
    width: 100%;
    margin-left: 0px;
}
.ilosc {
    width: 20%;
}
.dlugsc-plyt {
    width: 75%;
    margin-left: 5%;
}
.wybor .cena-box {
    clear: both;
    top: 10px;
    width: 100%;
    margin-left: 0px;
    margin-top: 20px;
}
.wybor a.produkt-link.dodaj-do-koszyka {
    top: 20px;
}
.wybor-box {
    padding-bottom: 90px;
    width: 75%;
}
}
.wybor {
    z-index: 99999999;
}
@media screen and (max-width: 550px) {
.produkt-box .cena-box {
    margin-top: 50px;
}
}
ul.submenu li {
    padding-top: 0px;
}
ul.submenu li:first-child {
    padding-top: 5px;
}
.sidebar-menu>li {
    border-color: #252321;
}
.top-header .social, .top-header .lang {
    margin-top: 2.5px;
}
.top-header {
    margin-bottom: 2.5px;
}
.top-header .social, .top-header .lang {
    margin-top: 2.5px;
}
.top-header {
    margin-bottom: 2.5px;
}
@media screen and (min-width: 1025px) {
.logo-contaner {
    width: 32%;
}
}
.header-contact, .header-icons {
    width: 34%;
}
.logo-contaner:before {
    left: -29px
}
.logo-contaner:after {
    left: 29px
}
.search-box img {
padding-left: 19px;
padding-right: 20px;
}
.account-box img {
padding-left: 21px;
padding-right: 21px;
}
.favourite-box img {
padding-left: 19px;
padding-right: 19px;
}
.banner p {
    font-size: 30px;
}

a.more-big {
    padding-left: 10px!important;
    padding-right: 8px!important;
}
a.more-big:after {
    left: 8px!important;
}
.realizacje-top a {
    padding-left: 9px!important;
    padding-right: 7px!important;

}
.realizacje-top a.more-big:after {
    left: 7px!important;
}
section.content {
    padding-top: 50px;
}
.home section.content {
    padding-top: 10px;
}
.kategorie>a {
    margin-bottom: 2px;
}
@media screen and (min-width: 1025px) {
    .home a.realizacja-item:after {
        height: 128px;
        margin-top: -128px;
    }
}
.page-title {
    margin-top: 50px;
}
@media screen and (min-width: 767px) {
.cena-box {
    width: 390px;
    margin-left: 213px;
    top:0px
}
}
.produkt-box {
    padding-bottom: 30px;
}
table.mikro-przekroje {
    width: 100%;
    text-align: center;
}
table.mikro-przekroje tr p {
    text-align: left;
    font-size: 14px;
    color: #4b4b4b;
    font-family: Geo;
    text-transform: uppercase;
    margin-bottom: 0px;
}
table.mikro-przekroje td {
    padding: 20px 0px;
}
table.mikro-przekroje td:first-child {
    padding-left: 40px;
}
table.mikro-przekroje td:last-child {
    padding-right: 40px;
}
table.mikro-przekroje tr {
    border-bottom: 1px solid #d1d0d0
}
@media screen and (max-width: 550px) {
    table.mikro-przekroje img {
        width: 60%;
    }
}
a.szczegoly {
    padding: 5px 10px;
}

a.koszyk-ikona {
    padding-top: 1px;
    padding-bottom: 1px;
}



.menu-a {
    display: block;
    padding: 8px 0 8px 20px;
    font-family: Arial;
    color: #fff;
    font-size: 14px;
	position: relative;
}
.menu-a:last-child {
	border-bottom: 1px solid rgba(178,177,177,0.2);
}
.menu-a.active:not(.category-item-level-2) {
	background-image: url(../images/arrows-red.png);
	color: #E74C3C;
	display: block;
}
.menu-a:not(.category-item-level-2) {
	display: none;
}
.category-item-level-2 {
    border-top: 1px solid rgba(178,177,177,0.2);
    font-weight: bold;
    color: #cccac9;
}
.category-item-level-2.active {
	background: #fff;
	color: #000;
    margin-right: 18px;
	border: 0;
}
.category-item-level-2.active:after {
    content: '';
    position: absolute;
    right: -18px;
    height: 100%;
    width: 18px;
    top: 0;
    background: url(../images/sidebar-active.png) no-repeat center right;
}
.category-item-level-2.active + a {
	border-top: 0;
}
.category-item-level-3 {
    padding-left: 40px;
    background: url(../images/arrows1.png) no-repeat center left 20px;
}
.category-item-level-4 {
    padding-left: 55px;
    background: url(../images/arrows1.png) no-repeat center left 35px;
}
.category-item-level-5 {
    padding-left: 70px;
    background: url(../images/arrows1.png) no-repeat center left 50px;
}
.menuShow {
	display: block !important;
}

/********************************************* SHOP AREA ************************************************/
.steps-line { position: relative; float: left; width: 717px; padding: 11px 0; border-bottom: 1px solid #d7d7d7; overflow: hidden; margin-bottom: 25px; }
.steps { position: relative; float: left; height: 50px; background: url('../images/steps.png') no-repeat right top; margin-left: -23px; padding: 15px 34px 0 34px; color: #000000; font-family: 'titilliummaps26l999_wt', 'Tahoma'; font-size: 14px; text-transform: uppercase; }
.steps.active { background-position: right bottom; color: #fff; }
.steps-line.log  .steps{ padding: 15px 50px 0 42px; }
.basket-item { position: relative; float: left; width: 100%; height: 182px; border-bottom: 1px solid #d7d7d7; margin-bottom: 23px; }
.basket-item img { position: relative; float: left; width: 208px; height: 156px; border: 1px solid #d7d7d7; border-radius: 5px; padding: 4px; }
.basket-item .dsc { position: relative; float: right; width: 464px; background: url("../images/bb.png") no-repeat top right; height: 115px; }
.basket-item .dsc h6 { color: #ed1c24; font-size: 14px; font-family: 'titilliummaps26l999_wt'; text-transform: uppercase; width: 100%; }
.basket-item .dsc .shop-btn-in-tb-red { position: absolute; top: 0; right: 0; width: 20px; height: 20px; }
.basket-item .dsc .c-up { position: absolute; top: 84px; right: 0; width: 18px; height: 15px; }
.basket-item .dsc .c-down { position: absolute; top: 100px; right: 0; width: 18px; height: 15px; }
.basket-item .dsc .ilosc { position: absolute; top: 92px; right: 20px; width: 27px; height: 15px; text-align: center; font-size: 11px; }
.basket-item .dsc .cena-b { position: absolute; top: 116px; right: 0px; color: #ed1c24;  font-size: 18px; font-family: 'titilliummaps26l999_wt'; text-transform: uppercase; }
.basket-item .dsc .cena-n { position: absolute; top: 145px; right: 0px; color: #aaaaaa;  font-size: 14px; font-family: 'titilliummaps26l999_wt';  }
.shop-next {
    position: relative;
    float: right;
    background-color: #3c3c3c !important;
    color: #fff !important;
    padding: 5px 20px !important;
    font-size: 14px;
    text-decoration: none;
    border: 1px solid #3c3c3c;
    border-radius: 5px !important;
    margin-top: 20px;
    font-family: "titilliummaps26l999_wt","Tahoma";
    text-transform: uppercase;
}
.shop-back {
    position: relative;
    float: left;
    background-color: #fff;
    color: #2e2e2e;
    padding: 5px 20px;
    font-size: 14px;
    text-decoration: none;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    text-transform: uppercase;
    margin-top: 20px;
    font-family: "titilliummaps26l999_wt","Tahoma";
}
.head-user-red, .shop-label-form {
    font-size: 16px;
    margin-top: 15px;
    color: #ED1C24;
    margin-bottom: 0;
    font-family: "titilliummaps26l999_wt","Tahoma";
}
#form_platnosc, #form_platnosc {
	padding-left: 50px;
	font-size: 13px;
}

.input-br {
    position: relative;
    float: left;
    border: 0px solid #F6CB00;
    border-radius: 3px;
    padding: 2px;
    background-color: #fff;
    margin-bottom: 5px;
}

.input-br input, .input-br textarea {
    position: relative;
    float: left;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    width: 350px;
    background-color: #fff;
    padding: 5px;
}

.input-tb {
    margin-top: 30px;
}

.input-tb ul {
    padding-left: 12px;
    margin-top: 30px;
}

.input-tb ul li {
    color: #C2182B;
}

.input-tb label {
    margin-right: 10px;
}

.input-tb button {
      color: #fff;
    font-family: 'titilliummaps26l999_wt';
    font-size: 11px;
    text-transform: uppercase;
    background-color: #222222;
    padding: 5px 19px;
    border-radius: 4px;
    padding: 6px 10px 6px 10px;
    border: 0;
}

.input-tb .msg {
    position: relative;
    float: left;
    width: 100%;
    border-radius: 3px;
    padding: 9px 0 9px 0;
    font-family: 'titilliummaps26l500_wt';
    margin-bottom: 15px;
    text-align: center;
    font-size: 12px;

}

.input-tb .msg div {
    margin: 0 10px;
}

.input-tb textarea{
    min-height: 110px;
}


.input-tb .error {
    background-color: #CF1D31;
    border: 1px solid #CF1D31;
    border-radius: 3px;
    color: #FFFFFF;
}

.input-tb .success {
    background-color: #251E1E;
    border: 1px solid #251E1E;
    border-radius: 3px;
    color: #FFFFFF;
}

.input-tb .information {
    background-color: #251E1E;
    border: 1px solid #000;
    border-radius: 3px;
    color: #FFFFFF;
}
.pxa { margin-bottom: -25px; color: #251E1E; font-size: 17px; font-family: 'titilliummaps26l999_wt';  background: url("../images/a-2.png") no-repeat top left; position: relative; float: left; padding: 0 0 5px 45px; width: 665px; font-weight: bold; }
.pxa2 { margin-bottom: -25px; color: #251E1E; font-size: 17px; font-family: 'titilliummaps26l999_wt';  background: url("../images/a-1.png") no-repeat top left; position: relative; float: left; padding-left: 45px; width: 665px; font-weight: bold; }
.summary-list { position: relative; float: left; width: 615px; margin: 20px 0; padding: 0 45px; font-size: 14px; font-weight: normal; }
.summary-list label { float: left; font-weight: normal; }
.clear { clear: both; }

.table-user {
    position: relative;
    float: left;
    width: 100%;
    border-collapse:collapse;
    margin-top: 0px;
    margin-bottom: 50px;
}

.table-user th {
    background-color: #251E1E;
    /*background-image: linear-gradient(to bottom, #92BA36 0%, #3F7C3B 88%);*/
    color: #fff;
    padding: 5px 0;
}

.table-user .alt-row {
    background-color: #E3E3E3;

}

.table-user th, .table-user td{
    border: 0;

}

.table-user tr {
    height: 35px;
}

.table-user .first-th {
    border-radius: 4px 0 0 0;
}
.table-user .flast-th {
    border-radius: 0 4px 0 0;
}


.table-user .edit {
    position: relative;
    display: block;
    font-weight: bold;
    color: #7BAF43;
    padding: 2px;
}

.table-user .lock {
    position: relative;
    display: block;
    font-weight: bold;
    color: #669939;
    padding: 2px;
}

.table-user .delete {
    position: relative;
    display: block;
    font-weight: bold;
    color: #C53132;
    padding: 2px;
}

.table-user {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 350px;
	font-size: 13px;
}

/* top-left border-radius */
.table-user tr:first-child th:first-child,
.table-user.Info tr:first-child td:first-child {
    border-top-left-radius: 0px;
}

/* top-right border-radius */
.table-user tr:first-child th:last-child,
.table-user.Info tr:first-child td:last-child {
    border-top-right-radius: 0px;
}

/* bottom-left border-radius */
.table-user tr:last-child td:first-child {
    border-bottom-left-radius: 0px;
}

/* bottom-right border-radius */
.table-user tr:last-child td:last-child {
    border-bottom-right-radius: 0px;
}

.center-text {
    text-align: center;
}

.left-text {
    text-align: left;
}

.c-right {
    position: relative;
    float: left;
}

.no-data-set {
    color: #C81A2E;
}
.msg-cnt {
    position: relative;
    float: left;
    width: 100%;
    border-radius: 5px;
    padding: 9px 0 9px 0;
    font-family: 'Arial';
    margin-bottom: 20px;
    text-align: center;
    font-family: 14px;
    font-weight: bold;
}

.msg-cnt div {
    margin: 0 10px;
}

.msg-cnt.error {
    background-color: #ed1c24;
    border: 1px solid #ed1c24;
    border-radius: 5px;
    color: #FFFFFF;
}

.msg-cnt.success {
    background-color: #494747;
    border: 1px solid #494747;
    border-radius: 3px;
    color: #FFFFFF;
}

/* aktualnosci */
.news-g {
    position: relative;
    float: left;
    margin: 0px 0 40px 0;
    width: 708px;
}
.news-g:last-child {
    margin-bottom: 40px;
}
.news-g img {
    position: relative;
    float: left;
    border: 1px solid #d7d7d7;
    padding: 4px;
    border-radius: 0px;
    background-color: #fff;
    margin-right: 15px;
    margin-bottom: 10px;
    border-radius: 5px;
    width: 146px;
}
.news-g .news-inside {
    position: relative;
    float: right;
    width: 525px;
    border: 0;

}
.news-g h3, .news-g h2
{
    position: relative;
    float: left;
    width: 525px;
    font-family: 'titilliummaps26l750_wt';
    font-weight: normal;
    padding: 0;
    top: 10px;
}
.news-g h3 a, .news-g h2 a
{
    position: relative;
    color: #000100;
    font-family: 'titilliummaps26l750_wt';
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    top: -9px;
}
.news-g h3 span {
    position: relative;
    color: #ed1c24;
    font-size: 12px;
    margin-right: 8px;
    margin-bottom: 0;
    top: -7px;
    font-weight: normal;
    font-family: 'Arial';

}
.news-g p {
    position: relative;
    float: left;
    width: 525px;
    margin: 18px 0 18px 0;
}
.read-a {
    color: #ed1c24;
    border: 0 !important;
    text-decoration: none !important;
    font-size: 12px;
    font-family: 'Arial';

}
.read-a:hover {
    text-decoration: underline !important;
}

@media screen and (max-width: 767px)
{
    .news-g
    {
        width: 235px;
        margin: 40px auto;
        text-align: center;
    }
    .news-g img
    {
        float: none;
        margin-right: 0;
    }
    .news-g .news-inside
    {
        float: none;
        width: 225px;
    }

    .news-g .image
    {
        min-height: 156px;
    }

    .news-g h2
    {
        width: 220px;
    }
}

@media screen and (max-width: 600px)
{
    .news-g
    {
        float: none;
        width: 200px;
        margin: 40px auto;
        text-align: center;
    }

    .news-g h2
    {
        width: 190px;
    }

    .news-g .news-inside
    {
        width: 200px;
    }
}

@media screen and (max-width: 991px)
{
    .header-icons
    {
        margin-left: 23px;
    }
}

@media screen and (max-width: 760px)
{
    .main-header
    {
        position: relative;
        top: 11px;
    }
}

@media screen and (max-width: 700px)
{
    .logo-contaner
    {
        display: none;
    }

    .header-icons
    {
        margin-left: 140px;
    }
    .header-contact
    {
        margin-left: 0;
    }
    .main-header
    {
        height: 80px;
    }
    .header-contact
    {
        margin-top: 18px;
        margin-left: 0;
    }
    .header-icons
    {
        margin-top: 10px;
    }
}

@media screen and (min-width: 651px) and (max-width: 700px)
{
    .header-contact
    {
        padding-top: 10px;
    }
    .header-icons
    {
        padding-top: 8.5px;
    }
}

@media screen and (max-width: 500px)
{

    .container
    {
        margin: 0 auto;
        width: 300px;
    }

    .header-contact, .header-icons
    {
        width: auto;
    }

    .header-icons
    {
        margin-left: 0;
    }

    .main-header
    {
        height: 110px;
    }
}

.right-area .podstrona-content h2,
.right-area .podstrona-content h3
 {
     margin-bottom: 20px;
     font-size: 22px;
 }

.right-area .podstrona-content ul li
{
    margin-left: 43px;
    list-style: none;
    display: inline-block;
    margin: 50px 18px;
    width: 175px;
    height: 100px;
    vertical-align: top;
}

.logo-contaner a
{
    height: 0;
}

.logo-contaner a img
{
    position: relative;
    top: -30px;
}

.discount-info
{
    margin-top: 50px;
}

.zdjecie-rysunek-techniczny img
{
    display: block;
    margin: 0 auto;
}

.wypunktowanie{
    list-style-type: disc;
    margin-left: 20px;
    float: none;
    
}

.wypunktowanie li{
    margin-left: 20px!important;
    float: none!important;
    margin: 0px!important;
    height: auto!important;
    width: auto!important;
    display: block!important;
    list-style: disc!important;
}

/*.calculator-category:nth-child(1){

    background: url(https://www.wlastal.pl/bundles/malnetshop/images/marley.png) no-repeat;
    background-position: 0px 50px;
    min-height: 150px;
    background-size: 100% auto;
}


.calculator-category:nth-child(2){

    background: url(https://www.wlastal.pl/bundles/malnetshop/images/kaczmarek.png)  no-repeat;
  background-position: 0px 50px;
  min-height: 150px;
    background-size: 100% auto;
}



.calculator-category:nth-child(3){

    background: url(https://www.wlastal.pl/bundles/malnetshop/images/bryza.png)  no-repeat;
    background-position: 0px 50px;
        min-height: 150px;
    background-size: 100% auto;
}



.calculator-category:nth-child(4){
   background: url(https://www.wlastal.pl/bundles/malnetshop/images/scala.png)  no-repeat;
    background-position: 0px 50px;
        
        height: 150px!important;
    background-size: auto auto;
}



.calculator-category:nth-child(5){

    background: url(https://www.wlastal.pl/bundles/malnetshop/images/wlastal.jpg)  no-repeat;
      background-position: 0px 50px;
          min-height: 200px;
    background-size: 100% auto;
}

*/