body{
    opacity: 0.1;
    animation-name: opacity_calej_strony;
    animation-duration: 1s;
    animation-fill-mode: forwards; 
}

span{
	font-family: 'Lato', sans-serif;
	letter-spacing: 1px;
	font-size: 0.8em;
}
a{
	font-family: 'Cabin Condensed', sans-serif;
	font-size: 1.3em;
}
h1{
	font-family: 'Lato', sans-serif;
    margin-bottom: 50px;
    font-size: 1.5em;
    text-transform: uppercase;
}
h2{
	font-family: 'Lato', sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    text-shadow: 0px 0px 1px #003;
    text-align: left;
}
h3{
	font-family: 'Lato', sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    text-shadow: 0px 0px 1px #003;
    text-align: left;
}
h4{
	font-family: 'lato', sans-serif;
	color: white;
	letter-spacing: 1px;
}
h5{
	font-family: 'Srisakdi', sans-serif;
	font-size: 1.5em;
	color: black;
}
p{
	font-family: 'Lato', sans-serif;
	font-size: 0.9em;
}
ul li{
    font-family: 'Lato', sans-serif;
    color: black;
}
/* Wszystkie strongi na stronie - ustalić ogólny kolor dla wszystkich podstron serwisu */
strong{
    color: #003;
    font-weight: bold;
    text-shadow: 0px 0px 1px #003;
}
b{
    color: #003;
    font-weight: bold;
    text-shadow: 0px 0px 1px #003;  
}
/* DODATKOWE REGÓŁY POMOCNICZE */
.podsumowanie{
    border: 1px solid white;
    padding: 8px 10px 5px 10px;
    box-shadow: 0px 0px 5px green;
    color: white;
    width: 173px;
    border-radius: 5px;
    background: rgb(51, 51, 51);
}
.przedstawiciel{
    position: relative;
    display: block;
    border: 1px solid rgba(51, 51, 51, 0.3);;
    background: #48BCBB;
    padding: 8px 15px;
    color: black !important;
    text-shadow: 0px 0px 3px white, 0px 0px 1px black;
    width: 100%;
    box-shadow: 0px 0px 7px #48BCBB;
    letter-spacing: 2px;
    font-weight: bold;
    margin-top: 100px;
}
@media all and (max-width: 768px){
    .przedstawiciel{
        margin-top: 0px;   
    }
}
.przedstawiciel > i{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: black;
}
/* BREATHCRUMBS */
#breathcrumbs{
    margin-top: 15px;
    position: relative;
    height: 36px;
    background: rgba(0,0,0,0.1);
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    font-family: 'Cabin Condensed', sans-serif;
    overflow: hidden;
}
@media all and (max-width: 480px){
    #breathcrumbs .container-fluid{
        padding: 0;
        font-size: 0.9em;
    }
}
#breathcrumbs a.first-a{
    position: relative;
    top: -1px;
    transform: translateY(-50%);
    border: 1px solid white;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,0.5);
    margin-left: -1px;
    text-transform: uppercase;
    padding: 5px 8px 5px 12px;
    color: red;
    font-size: 1em;
    margin-right: 15px;
    font-size: 0.8em;
    color: black;
    letter-spacing: 1px;
    background: white;
}
@media all and (max-width: 480px){
    #breathcrumbs a.first-a{
            margin-right: 2px;
            padding: 5px 0px 5px 0px;
            border-radius: 0px;
    }
}
#breathcrumbs a{
    cursor: pointer;
    text-decoration: none;
    color: #FD6103;
    font-size: 1em;
}
#breathcrumbs .breathcrumbs-box{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    background: white;
    border: 1px solid rgba(0,0,0,0.5);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

/* dodatkowe clasy stylujące listy punktowane - banery reklamowe, kasetony podświetlane,  */
.baner-ul-left{
    border: 1px solid rgba(51, 51, 51, 0.3);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 0px 15px 10px 15px;
    font-weight: bold;
    margin: 15px 0px;
    min-height: 200px;
    padding-top: 10px;
}
@media all and (max-width: 992px){
    .baner-ul-left{
        border-bottom-left-radius: 0px;
        border-top-right-radius: 5px;
        margin: 5px 0px;
    }
}
.baner-ul-right{
    border: 1px solid rgba(51, 51, 51, 0.3);
    border-left: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0px 15px 10px 15px;
    background: rgb(51, 51, 51);
    color: white;
    font-weight: bold;
    margin: 15px 0px;
    min-height: 200px;
    padding-top: 10px;
}
@media all and (max-width: 992px){
    .baner-ul-right{
        border-top-right-radius: 0px;
        border-bottom-left-radius: 5px;
        margin: 5px 0px;
    }
}
/* opis materiału, czasu realizacji oraz uwagi dotyczące poszczególych produktów */
.outline-img p{
    margin-left: 10px;
}
.outline-img p:nth-child(1){
    width: 80%;
    margin-top: 25px;
    margin-bottom: 0px;
}
.images-style{
    display: block;
    width: 100%;
    max-height: 220px;
    border: 1px solid rgba(0,0,0,0.3);
}
/* dodatkowy slogan stosowany na podstronach clasa: slogan  */
.slogan{
    line-height: 1.4em;
    color: #003;
    padding: 10px;
    border: 1px solid rgba(0,0,0,0.3);
    font-size: 1em;
    font-weight: 100;
    box-shadow: 0px 0px 4px #48BCBB;
}

/* funkcje pomocnicze - info o produkcjie (infoProductsTable) */
.infoProductsTable{
    margin: 20px 0px 20px 0px;
    width: 100%;
    text-align: center;
}
.infoProductsTable thead{
    background: #333333;
    color: white;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 0.8em;
}
.infoProductsTable thead tr td{
    border: 1px solid #333333;
    padding: 2px 5px;
}
.infoProductsTable tbody{
    color: black;
    font-weight: bold;
}
.infoProductsTable tbody tr td{
    padding: 5px 20px;
    color: #FD6103;
    text-shadow: 0px 0px 1px rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,0.3);
    font-size: 0.9em;
}
/* info-order - ukrywanie informacji o produkcie w niskich rozdzielczościach */
@media all and (max-width: 992px){
    .info-order{
        display: none;
    }
}
/* setLinksPages - linki do podobnych podstron na dole każdej podstrony */
#setlinkspages{
    display: block;
    position: relative;
    min-height: 150px;
    top: 45px;
    margin-bottom: 50px;
}
#setlinkspages > span{
    text-transform: uppercase;
}
.setLinksPages{
    position: relative;
    top: 17px;
    border: 1px solid rgba(0,0,0,0.3);
    padding: 25px 15px;
    color: #003;
    font-size: 0.8em;
    text-transform: uppercase;
    margin: 0px 5px 5px 0px;
    min-height: 50px;
    display: inline-block;
}
@media all and (max-width: 768px){
    .setLinksPages{
        top: 12px;
        display: block;
        margin: 5px;
    }
}
#setlinkspages > a{
    margin-left: 0px;
    text-decoration: none;
}
#setlinkspages > a:hover{
    background: #003;
    color: white;
    transition: .5s;
}


/* najczęściej obsługiwane miasta 
#whatServiceTown{
    box-shadow: 0px 0px 3px #003;
    padding: 1px 0px;
    margin: 17px 0px 0px 0px;
    border-radius: 2px;
    background: rgba(51, 51, 51);
    position: relative;
}
#whatServiceTown h5{
    font-size: 1.2em;
    text-shadow: 0px 0px 1px white;
    color: white;
    margin-left: 15px;
    position: relative;
    margin-top: 15px;
    font-size: 0.9em;

    font-family: 'Lato', sans-serif;
}
#whatServiceTown span{
    color: #FD6103 !important;
    margin-left: 16px;
    line-height: 5px;
    font-family: 'Srisakdi', sans-serif;
}
#whatServiceTown ul li{
    color: white;
    letter-spacing: 1px;
}
#whatServiceTown .dopisek{
    padding: 0px 10px 15px 15px;
    color: white;
    font-family: 'Srisakdi', sans-serif;
}
#whatServiceTown hr{
    color: red;
    background: red;
}
*/
#serviceTown h6{
    position: relative;
    top: 15px;
    text-align: left;
    font-size: 0.8em;
}
#serviceTown p{
    text-align: left;
    font-size: 0.8em;
}
/* komentarz po wysłaniu wiadomości z działu szybkiego kontaktu  */
.wyslano{
    color: green;
}
.niewyslano{
    color: red;
}
.button-active{
    display: inline-block;
}




/* NAVIGACJA MOBILNA */
#mobile-nav-box{
    color: black;
    position: relative;
    background: white;
    display: none;
    height: 100%;
    width: 100%;
    z-index: 888;
    overflow: hidden;
}
#mobile-nav-box .container-fluid{
    padding: 0;
    margin: 0;
}
#mobile-nav-box .container-fluid .row{
    width: 100%;
    padding: 0;
    margin: 0;
}
#mobile-nav-box .container-fluid .row > h5{
    color: black;
    font-family: 'Lato', sans-serif;
    text-align: center;
    width: 100%;
    background: #48BCBB;
    padding: 15px;
}
#mobile-nav-box .container-fluid .row > i{
    position: relative;
    top: 15px;
    left: 15px;
    color: green;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 10px;
    border-radius: 3px;
    color: white;
    background: #292929;
    cursor: pointer;
    transition: .5s;
}
#mobile-nav-box .container-fluid .row > i:hover{
    transition: .5s;
    color: black;
    background: white;
}
#mobile-nav-box .logos-menu-mobile{
    display: inline-block;
    width: 100%;
}
#mobile-nav-box .logos-menu-mobile img{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
#mobile-nav-box .logos-menu-mobile h2{
    font-family: inherit;
    text-transform: uppercase;
    font-size: 1em;
    text-align: center;
}
#mobile-nav-box .container-fluid .row ul{
    position: relative;
    left: 0;
    list-style: none;
    width: 100%;
    height: 100%;
}
#mobile-nav-box .container-fluid .row ul li{
    position: relative;
    left: 0;
    width: 91%;
    height: auto;
    margin: 3px 0px;
}
#mobile-nav-box .container-fluid .row ul li a{
    display: block;
    position: relative;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 10px 0px 10px 0px;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0px 0px 1px black;
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    background: #292929;
    color: white;
    letter-spacing: 1px;
    text-decoration: none;
    transition: .5s;
}
#mobile-nav-box .container-fluid .row ul li a:hover{
    background: white;
    transition: .5s;
    color: black;
    box-shadow: none;
}


/* PASEK NA GÓRZE STRONY */
#top-bar{
	position: relative;
	height: 40px;
	background: #48BCBB;
    overflow: hidden;
}
#top-bar span{
	position: absolute;
	top: 50%;
	left: 3%;
	transform: translateY(-50%);
	color: black;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
}


/* LOGO, TELEFON ORAZ KRUTKIE MENU NA GÓRZE STONY */
#logo-menu{
	height: auto;
	background: #292929;
    overflow: hidden;
}
#logo-menu .img{
	position: relative;
	height: 150px;
}
#logo-menu img{
	position: absolute;
	top: 50%;
	left: 20%;
	transform: translateY(-50%);
}
#logo-menu .right{
	height: 150px;
	position: relative;
	padding: 0;
}
@media all and (max-width: 768px){
	#logo-menu .right{
		height: 50px;
	}
}
#logo-menu .calling{
	position: relative;
	height: 150px;
	display: inline-block;
}
@media all and (max-width: 768px){
	#logo-menu .calling{
		height: 10px;	
	}
}
#logo-menu .group-phone{
	position: absolute;
	left: 60%;
	top: 20%;
	color: white;
}
@media all and (max-width: 768px){
	#logo-menu .group-phone{
		display: none;
	}
}
#logo-menu .group-phone > i{
	font-size: 2.5em;
    text-shadow: 0px 0px 5px #48BCBB;
}
#logo-menu .group-phone > span{
	font-size: 1.1em;
	margin-left: 8px;
    text-shadow: 0px 0px 5px #003;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    text-shadow: 0px 0px 5px #48BCBB;
    
}
#logo-menu .right .navigation-bottom{
	display: block;
	position: relative;
	top: 100px;
	left: 60px;
	width: 90%;
}
@media all and (max-width: 1200px){
    #logo-menu .right .navigation-bottom{
        display: none;
        position: relative;
        top: 100px;
        left: 60px;
        width: 90%;
    }
    #logo-menu .right .mobile-nav{
        display: block;
        position: absolute;
        top: 65%;
        right: 20px;
        color: white;
        border: 2px solid white;
        font-size: 2em;
        padding: 5px;
        border-radius: 5px;
        width: 40px;
        text-align: center;
        cursor: pointer;
    }
}
@media all and (max-width: 768px){
    #logo-menu .right .mobile-nav{
        position: absolute;
        top: -42px;
        right: 20px;
    }
}

@media all and (max-width: 1200px){
    #logo-menu .right .navigation-bottom .nav{
        font-size: 1.2rem;
    } 
}
@media all and (max-width: 992px){
    #logo-menu .right .navigation-bottom .nav{
        font-size: 1.2rem;
    } 
}

#logo-menu .navigation-bottom .navbar-left li{
    position: relative;
}
#logo-menu .navigation-bottom .navbar-left li a{
    position: relative;
    top: 18px;
    height: 45px;
    width: 110px;
    color: red;
    margin: 0px 3px;
    border: 1px solid rgba(255,255,255,1);
    line-height: 0rem;
    text-align: center;
    box-shadow: 0px 0px 1px white;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-family: 'Srisakdi', sans-serif;
    background: white;
    color: black;
    text-shadow: 0px 0px 1px #003;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 1.5rem;
    box-shadow: 0px 0px 1px white;
    transition: all .5s ease-out;
}
#logo-menu .navigation-bottom .navbar-left li a.active{
    position: relative;
    top: 22px;
    background: #48BCBB; /* wyłaączyć kolor */
    color: white;
    box-shadow: 0px 0px 10px #48BCBB;
    text-shadow: 0px 0px 10px black;
}

#logo-menu .navigation-bottom .navbar-right li{
    position: relative;
}
#logo-menu .navigation-bottom .navbar-right li a{
    position: relative;
    border: 1px solid white;
    padding: 5px 20px;
    background: #333;
    margin-left: 5px;
    color: white;
    font-family: 'Srisakdi', sans-serif;
    text-shadow: 0px 0px 5px #003;
    border-radius: 3px;
    letter-spacing: 1px;
    box-shadow: 0px 0px 2px white;
}
#logo-menu .navigation-bottom .navbar-right li a.promotion{
    color: orange;
    box-shadow: 0px 0px 2px orange;
    border: 1px solid orange;
    transition: .5s;
    letter-spacing: 2px;
}
#logo-menu .navigation-bottom .navbar-right li a.promotion:hover{
    background: white;
    color: black;
    box-shadow: 0px 0px 2px black;
    border: 1px solid black;
    transition: .5s;
}
#logo-menu .navigation-bottom .navbar-right{
    position: relative;
    top: -20px;
}
#logo-menu .navigation-bottom .navbar-right li{
    position: relative;
    height: 20px;
    width: 150px;
}
#logo-menu .navigation-bottom .navbar-right li a{
    position: relative;
    text-align: center;
    line-height: 2rem;
    background: white; 
}
#logo-menu .navigation-bottom .navbar-right .dropdown-menu{
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    background: white;
    z-index: 3;
}
#logo-menu .navigation-bottom .dropdown-menu i{
    position: relative;
    left: 90%;
    display: block;
    height: 20px;
    width: 20px;
    cursor: pointer;
}
#logo-menu .navigation-bottom ul li{
    position: relative;
    z-index: 999;
}
#logo-menu .navigation-bottom ul li a{
    position: relative;
    top: 18px;
    height: 45px;
    width: 110px;
    color: red;
    margin: 0px 2px;
    border: 1px solid rgba(255,255,255,1);
    line-height: 0rem;
    text-align: center;
    box-shadow: 0px 0px 1px white;
    font-family: 'Srisakdi', sans-serif;
    background: white;
    color: black;
    text-shadow: 0px 0px 1px #003;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 1.5rem;
    box-shadow: 0px 0px 1px white;
    transition: all .5s ease-out;
}

#logo-menu .navigation-bottom ul.navbar-left li a:hover{
   top: 22px; 
}
#logo-menu .navigation-bottom .navbar-right li{
    position: relative;
    top: -10px;
    margin-left: 10px;
}
#logo-menu .navigation-bottom .navbar-right li a{
    position: relative;
    display: block;
    height: 35px;
    width: auto;
    background: #333;
    border: 1px solid white;
    box-shadow: 0px 0px 5px white;
    margin: 10px 0px;
}

#logo-menu .navigation-bottom .navbar-right .dropdown-menu{
    background: white;
    padding: 20px;
}
#logo-menu .navigation-bottom .navbar-right .dropdown-menu li{
    width: auto;
}
#logo-menu .navigation-bottom .navbar-right .dropdown-menu li a{
    margin: 15px 0px;
}
@media all and (max-width: 1200px){
    #logo-menu .navigation-bottom ul.navbar-left li a{
        width: 100px;
        font-size: 1.2rem;
    }
}
@media all and (max-width: 1100px){
    #logo-menu .navigation-bottom ul.navbar-left li a{
        width: 100px;
        font-size: 1.1rem;
        width: 80px;
    }
}
@media all and (max-width: 768px){
	#logo-menu .right .navigation-bottom{
		display: none;
	}
}
@media all and (max-width: 992px){
    #logo-menu .navigation-bottom .navbar-collapse ul li{
        left: 50%;
        transform: translateX(-50%);
    }
    #logo-menu .navigation-bottom .navbar-right{
        display: none;
    }    
}


/* TWO MENU */
#two-menu{
	height: auto;
	background: white;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid rgba(1, 8, 101,0.3);
}
@media all and (max-width: 768px){
    #two-menu{
        display: none;
    }
}
#two-menu .row{
    display: flex;
}
#two-menu .navi{
	position: relative;
	left: 60px;
	height: 61px;
}
#two-menu .navi ul{
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	padding: 0;
}
#two-menu .navi ul li{
	position: relative;
	list-style: none;
	width: 100%;
	width: 230px;
}
#two-menu .navi ul li a{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#two-menu .navi ul li a{
	text-decoration: none;
	color: white;
}
#two-menu .navi ul li a:hover{
	color: #292929;
}
#two-menu .navi ul li a > i{
	margin-left: 9px;
	font-size: 1.3em;
}
#two-menu .navi ul li img{
	position: relative;
	top: -5px;
	width: 250px;
	height: 70px;
}
#two-menu .right{
    position: relative;
}

#two-menu .right i{
    display: block;
    width: 20px;
    height: 35px;
    display: inline-block;
    position: relative;
    top: 38%;
    float: right;
    transition: .5s;
    font-size: 1.5em;
    margin-left: 5px;
}
#two-menu .right a i{
    font-size: 1.3em;
}
#two-menu .right .fa-facebook{
    position: relative;
    top: 38%;
    float: right;
    margin: 0 2px;
    transition: .5s;
    color: rgba(66,103,178,1);
    cursor: pointer;
    
}
@media all and (max-width: 992px){
    #two-menu .right img{
        position: relative;
    }
    #two-menu .right img:nth-child(1){
        position: relative;
        margin-right: 8%;
    }
}
@media all and (max-width: 550px){
    #two-menu .right{
        display: none;
    }
}

#drop-down-ul{
	padding: 15px 0px;
	position: absolute;
	display: none;
	top: 253px;
	left: 74px;
	width: 222px;
	height: auto;
	color: white;
	background: #48BCBB; /*rgba(1, 8, 101, 1)*/
	z-index: 1;
}
#drop-down-ul ul{
	padding: 0;
}
#drop-down-ul ul li{
	list-style: none;
	margin-left: 20px;
}
#drop-down-ul ul li > i{
    position: relative;
    left: -5px;
    color: white;
}
#drop-down-ul ul li a{
	color: white;
}
#drop-down-ul ul li a:hover{
    text-decoration: none;
    color: #292929;
}










/* SLIDER */
#slider-box{
	height: auto;
	z-index: 2;
}
#slider-box b{
    color: red;
}
#slider-box a{
    font-weight: bold;
    text-shadow: 0px 0px 10px white;
}
#slider-box a:hover{
    font-weight: bold;
    text-shadow: 0px 0px 10px white;
    text-decoration: none;
    color: #FD6103;
}
.camera_caption > div{
    padding: 20px 0px;
    text-align: center;
}
.span_caption{
    font-family: 'Srisakdi', sans-serif !important;
    color: white;
    font-size: 1.2em;
    letter-spacing: 2px;
    text-shadow: 0px 0px 10px white;
}
@media all and (max-width: 500px){
    .span_caption{
        font-size: 0.9em;   
    }
}
.fadeFromTop > div{ 
    padding: 10px 10px;
}
.camera_prev{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.camera_next{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}






/* USŁUGI PODSTAWOWE TWORZENIE STRON ORAZ POZYCJONOWANIE */
#website-project{
	margin-top: 50.1%;
	padding: 20px 20px 20px 20px;
    overflow: hidden;
}
#website-project h2{
	margin-bottom: 10px;
}
#website-project img{
	border: 1px solid rgba(0,0,0,0.1);
	min-height: 158px;
	max-height: 158px;
	background-size: contain;
}
@media all and (max-width: 992px){
	#website-project img{
		display: none;
	}
}
#website-project h5{
	text-shadow: 0px 0px 1px #003;
}
#website-project .card{
	border: 1px solid rgba(0,0,0,0.3);
	padding: 40px 45px;
	margin: 0px 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	min-height: 420px;
	width: 26.5%;
	box-shadow: 0px 0px 5px #48BCBB;
}
@media all and (max-width: 1400px){
	#website-project .card{
		width: 26.5%;
	}
}
@media all and (max-width: 1200px){
	#website-project .card{
		width: 31%;
	}
}
@media all and (max-width: 992px){
	#website-project .card{
		width: 100%;
		margin: 10px 0px;
		min-height: 220px;
	}
}
#website-project .website-desc{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    text-align: center;
    width: 65%;
    color: rgba(0,0,0,0.6);
    font-family: 'Lato', sans-serif;
    margin-top: 25px;
}




/* USŁUGI DODATKOWE BANERY REKLAMOWE, KASETONY PODŚWIETLANE, OKLEJANIE POJAZDÓW, TABLICE ŚWIETLNE */
#additional-services{
    overflow: hidden;
    padding: 0px 0px 30px 0px;
}
#additional-services h2{
	text-align: left;
}
#additional-services .card{
	border: 1px solid rgba(0,0,0,0.3);
	padding: 40px 45px;
	margin: 0px 5px;
	border-radius: 5px;
	min-height: 240px;
	width: 32.3%;
	box-shadow: 0px 0px 5px #48BCBB;
	overflow: hidden;
}
@media all and (max-width: 1010px){
	#additional-services .card{
		min-height: 250px;
		width: 32%;
	}
}
@media all and (max-width: 992px){
	#additional-services .card{
		min-height: 250px;
		width: 48.8%;
	}
}

@media all and (max-width: 880px){
	#additional-services .card{
		min-height: 250px;
		width: 100%;
		margin: 5px 0px;
	}
}
@media all and (max-width: 992px){
    #additional-services .bottom-box{
        padding: 0px 35px;
    }    
}

#additional-services .card-left-top-animation,
#additional-services .card-left-bottom-animation{
	position: relative;
	left: -600px;
}
#additional-services .card-right-top-animation,
#additional-services .card-right-bottom-animation{
	position: relative;
	right: -600px;
}
#additional-services h5{
	text-shadow: 0px 0px 1px #003;
}
#additional-services i{
	position: relative;
	right: 0;
	font-size: 4em;
	color: rgba(0,0,0,0.3);
}

#additional-services .fa-twitter-square,
#additional-services .fa-google-plus-square,
#additional-services .fa-facebook-square,
#additional-services .fa-pen-square{
	text-shadow: 0px 0px 1px rgba(0,0,51,0.7);
}
#additional-services .fa-car{
	color: #FD6103;
}
#additional-services .btn{
}

#additional-services .additional-desc{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    top: 35px;
    text-align: center;
    width: 78%;
    color: rgba(0,0,0,0.6);
    margin-bottom: 30px;
}

/* CZYM JESZCZE SIE ZAJMÓJEMY */
#more-services{
	height: auto;
	padding: 0;
}
#more-services h2{
	margin: 10px 5px 10px 0px;
}
#more-services h5{
	text-shadow: 0px 0px 1px #003;
}
#more-services .card{
	margin: 5px 2px;
	border: 1px solid rgba(0,0,0,0.3);
	width: 33%;
	padding: 5px;
	box-shadow: 0px 0px 5px #48BCBB;
	border-radius: 5px;
}
@media all and (max-width: 1250px){
	#more-services .card{
		width: 32%;
		margin: 20px 5px;
	}
}
@media all and (max-width: 800px){
	#more-services .card{
		width: 48%;
		margin: 20px 5px;
	}
}
@media all and (max-width: 560px){
	#more-services .card{
		width: 100%;
		margin: 20px 5px;
	}
}
@media all and (max-width: 768px){
    #more-services .bottom-box{
        padding: 0px 40px 0px 30px;
    }
}
#more-services .more-desc{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    top: 25px;
    text-align: center;
    width: 90%;
    font-weight: bold;
    color: rgba(0,0,0,0.6);
}

/* POLIGRAFIA DLA TWOJEJ FIRMY */
#poligrafic-your-office{
	margin: 50px 0px 0px 0px;
	width: 100%;
	height: auto;
	background-size: cover;
	padding: 0;
}
#poligrafic-your-office .container-fluid{
    position: relative;
	padding: 0;
    height: auto;
}
#poligrafic-your-office img{
	position: absolute;
	cursor: pointer;
	width: 100%;
}
#poligrafic-your-office .filter-h3{
	position: absolute;
	top: 0px;
	width: 100%;
	height: 0px;
	background: white;
	opacity: 0;
}
#poligrafic-your-office .group-title{
	position: absolute;
	top: 80%;
	height: 100px;
	width: 100%;
}
#poligrafic-your-office h3.blue{
	font-size: 1.5em;
	position: absolute;
	top: 0%;
	left: -550px;
	color: #003;
	opacity: 1;
	text-align: center;
	line-height: 1.3em;
}
@media all and (max-width: 768px){
    #poligrafic-your-office h3.blue{
        font-size: 0.9em;   
    }
}
#poligrafic-your-office h3.white{
	font-size: 1.5em;
	position: absolute;
	top: 0%;
	left: -550px;
	color: rgba(255,255,255,0.8);
	opacity: 1;
	text-align: center;

	text-shadow: 0px 0px 5px rgba(1, 8, 101,1);
	line-height: 1.3em;
}
@media all and (max-width: 768px){
    #poligrafic-your-office h3.white{
        font-size: 0.9em;   
    }
}
#poligrafic-your-office p{
	position: absolute;
	top: 48%;
	left: -500px;
	color: red;
}
@media all and (max-width: 768px){
    #poligrafic-your-office p{
        font-size: 0.8em;   
    }
}
#poligrafic-your-office .iteam{
    position: relative;
    top: 0;
    left: -500px;
}
@media all and (max-width: 768px){
    #poligrafic-your-office .iteam{
        display: none;
    }
}
#poligrafic-your-office .iteam-1 .filters{
    position: absolute;
    top: 235px;
    display: block;
    width: 455px;
    height: 60px;
    background: white;
    opacity: 0.6;
    border:1px solid white;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
@media all and (max-width: 1200px){
    #poligrafic-your-office .iteam-1 .filters{
         top: 205px;
         height: 50px;   
    }
}
@media all and (max-width: 992px){
    #poligrafic-your-office .iteam-1 .filters{
         width: 370px;
         top: 155px;
         height: 50px;   
    }
}
@media all and (max-width: 899px){
    #poligrafic-your-office .iteam-1 .filters{
        display: none;
    }
}
#poligrafic-your-office .iteam-1 span{
    position: absolute;
    top: 250px;
    margin-left: 60px;
    font-size: 1.5em;
    font-family: 'Srisakdi', sans-serif;
    text-shadow: 0px 0px 1px green;
    font-weight: 600;
}
@media all and (max-width: 1200px){
    #poligrafic-your-office .iteam-1 span{
        top: 215px;   
    }
}
@media all and (max-width: 992px){
    #poligrafic-your-office .iteam-1 span{
        margin-left: 20px;
        top: 165px;   
    }
}
@media all and (max-width: 899px){
    #poligrafic-your-office .iteam-1 span{
        display: none;
    }
}
#poligrafic-your-office .iteam-2 .filters{
    position: absolute;
    top: 305px;
    display: block;
    width: 455px;
    height: 60px;
    background: white;
    opacity: 0.6;
    border:1px solid white;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
@media all and (max-width: 1200px){
    #poligrafic-your-office .iteam-2 .filters{
         top: 265px;
         height: 50px;
    }
}
@media all and (max-width: 992px){
    #poligrafic-your-office .iteam-2 .filters{
         top: 215px;
         height: 50px;
         width: 370px;
    }
}
@media all and (max-width: 899px){
    #poligrafic-your-office .iteam-2 .filters{
        display: none;
    }
}
#poligrafic-your-office .iteam-2 span{
    position: absolute;
    top: 320px;
    margin-left: 60px;
    font-size: 1.5em;
    font-family: 'Srisakdi', sans-serif;
    text-shadow: 0px 0px 1px green;
    font-weight: 600;
}
@media all and (max-width: 1200px){
    #poligrafic-your-office .iteam-2 span{
         top: 275px;
         height: 50px;   
    }
}
@media all and (max-width: 992px){
    #poligrafic-your-office .iteam-2 span{
         top: 225px;
         height: 50px;
         margin-left: 20px;
    }
}
@media all and (max-width: 899px){
    #poligrafic-your-office .iteam-2 span{
        display: none;
    }
}
#poligrafic-your-office .iteam-3 .filters{
    position: absolute;
    top: 375px;
    display: block;
    width: 455px;
    height: 60px;
    background: white;
    opacity: 0.6;
    border:1px solid white;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
@media all and (max-width: 1200px){
    #poligrafic-your-office .iteam-3 .filters{
         top: 326px;
         height: 50px;
    }
}
@media all and (max-width: 992px){
    #poligrafic-your-office .iteam-3 .filters{
         top: 276px;
         height: 50px;
         width: 370px;
    }
}
@media all and (max-width: 899px){
    #poligrafic-your-office .iteam-3 .filters{
        display: none;
    }
}
#poligrafic-your-office .iteam-3 span{
    position: absolute;
    top: 390px;
    margin-left: 60px;
    font-size: 1.5em;
    font-family: 'Srisakdi', sans-serif;
    text-shadow: 0px 0px 1px green;
    font-weight: 600;
}
@media all and (max-width: 1200px){
    #poligrafic-your-office .iteam-3 span{
         top: 335px;
         height: 50px;   
    }
}
@media all and (max-width: 992px){
    #poligrafic-your-office .iteam-3 span{
         top: 285px;
         margin-left: 20px;
         height: 50px;   
    }
}
@media all and (max-width: 899px){
    #poligrafic-your-office .iteam-3 span{
        display: none;
    }
}
#poligrafic-your-office .iteam-4 .filters{
    position: absolute;
    top: 445px;
    display: block;
    width: 455px;
    height: 60px;
    background: white;
    opacity: 0.6;
    border:1px solid white;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
@media all and (max-width: 1200px){
    #poligrafic-your-office .iteam-4 .filters{
         top: 388px;
         height: 50px;   
    }
}
@media all and (max-width: 992px){
    #poligrafic-your-office .iteam-4 .filters{
         top: 337px;
         height: 50px;
         width: 370px;
    }
}
@media all and (max-width: 899px){
    #poligrafic-your-office .iteam-4 .filters{
        display: none;
    }
}
#poligrafic-your-office .iteam-4 span{
    position: absolute;
    top: 460px;
    margin-left: 60px;
    font-size: 1.5em;
    font-family: 'Srisakdi', sans-serif;
    text-shadow: 0px 0px 1px green;
    font-weight: 600;
}
@media all and (max-width: 1200px){
    #poligrafic-your-office .iteam-4 span{
         top: 398px;
         height: 50px;   
    }
}
@media all and (max-width: 992px){
    #poligrafic-your-office .iteam-4 span{
         top: 347px;
         margin-left: 20px;
         height: 50px;   
    }
}
@media all and (max-width: 899px){
    #poligrafic-your-office .iteam-4 span{
        display: none;
    }
}
#poligrafic-your-office .bottom{
    position: relative;
    display: none;
    left: 50%;
    top: 850px;
    transform: translateX(-100px);
    overflow: hidden;
    /* USUNIECIE PASKA NA DOLE PRZEGLADARKI OVERFLOV: HIDDEN SPOWIDOWALO BRAK WYJEZDZAJAĆEGO PRZYCISKU SPRAWDZIC !!! */
}
@media all and (max-width: 1600px){
    #poligrafic-your-office .bottom{
        position: relative;
        display: block;
        top: 750px;   
    }
}
@media all and (max-width: 1500px){
    #poligrafic-your-office .bottom{
        position: relative;
        top: 700px;   
    }
}

#poligrafic-your-office .bottom a{
    display: block;
    padding: 10px 80px;
    background: white;
    position: absolute;
    top: 0px;
    z-index: 10;
    transform: scale(1);
    color: black;
    letter-spacing: 1px;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 5px;
    opacity: 0.6;
    text-decoration: none;
    box-shadow: 0px 0px 10px white;
}
#poligrafic-your-office .bottom a:hover{
    opacity: 0.9;
}

/* druga część (POLIGRAFIA DLA TWOJEJ FIRMY) dolne menu */

#poligrafic-bottom-menu{
	margin-top: 52.4%;
	height: auto;
}
#poligrafic-bottom-menu .wraper{
}
#poligrafic-bottom-menu .box{
	position: relative;
	border: 1px solid white;
	height: 120px;
	background: #003;
	cursor: pointer;
}

#poligrafic-bottom-menu .boxes{
	position: absolute;
	left: 23%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: block;
	height: 80px;
	width: 80px;
	background: white;
	border-radius: 5px;
	box-shadow: 0px 0px 10px white;
	cursor: pointer;
	overflow: hidden;
}
#poligrafic-bottom-menu i{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 2.8em;
	text-shadow: 1px 1px 3px #003;
}
#poligrafic-bottom-menu h4{
	position: absolute;
	left: 38%;
	top: 35%;
}
#poligrafic-bottom-menu span{
	position: absolute;
	color: red;
	top: 67%;
	left: 38%;
}
/* O NASZYCH USŁUGACH */
#about-our-services{
    padding: 30px 25px;
}
#about-our-services hgroup{
    margin-bottom: 30px;
}
#about-our-services h4{
    color: black;
    font-weight: bold;
    font-size: 2em;
}
#about-our-services h6{
    position: relative;
    left: 5px;
    color: black;
    letter-spacing: 1px;
}
/* style odpowiedzialne za akordeon */
#about-our-services .faq {
  width: 80%;
  border: 2px solid #003;
}

#about-our-services .item .question {
  padding: 15px;
  background: #003;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
    height: 50px;
}
#about-our-services .item .question:hover{
    background: #48BCBB;
}

#about-our-services .item .question h1 {
  margin: 0;
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.5em;
    color: white;
}

#about-our-services .item .question .fa.fa-minus {
  display: none;
}

#about-our-services .item.jquery-accordion-active .fa.fa-minus {
  display: block;
}

#about-our-services .item.jquery-accordion-active .fa.fa-plus {
  display: none;
}

#about-our-services .item .answer {
  padding: 20px 10px 20px 0px;
  display: none;
}
#about-our-services .item .answer .answer-p{
    padding: 5px;
    text-align: left;
    color: #003;
    margin-left: 22px;
    margin-right: 10px;
}
#about-our-services .item .answer .link-wiecej{
    display: block;
    position: relative;
    height: 50px;
    width: 100%;
}
#about-our-services .item .answer .link-wiecej a{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #003;
    padding: 8px 46px;
    background: #003;
    color: white;
    text-decoration: none;
    transition: .5s;
}
#about-our-services .item .answer .link-wiecej a:hover{
    background: #48BCBB;
    border: 1px solid #48BCBB;
    transition: .5s;
}
/* KONTAKT, PLAN, REALIZACJA */
#contakt-plan-realization{
    position: relative;
	border: 1px solid  #BDBDBD;
	background: #292929;
	min-height: 402px;
	box-shadow: 0px 0px 25px black;
    overflow: hidden;
}
#contakt-plan-realization span.box-1-descript{
    position: absolute;
    left: -250px;
    font-size: 1.5em;
    font-family: 'Srisakdi', sans-serif;
    color: black;
    z-index: 2;
    margin-top: 10px;
    text-shadow: 0px 0px 1px #003;
}
#contakt-plan-realization span.descript{
    position: absolute;
    left: 10px;
    bottom: -50px;
    font-size: 1.5em;
    font-family: 'Srisakdi', sans-serif;
    color: black;
    z-index: 20;
    margin-top: 10px;
    text-shadow: 0px 0px 1px #003;
}
@media all and (max-width: 992px){
    #contakt-plan-realization span.box-1-descript{
        font-size: 1.2em;
    }
    #contakt-plan-realization span.descript{
        font-size: 1.2em;   
    }
}
#contakt-plan-realization .boxes{
	margin: 0;
	padding: 0;
	height: auto;
	width: 25%;
	background: white;
	z-index: 1;
}

#contakt-plan-realization .boxes img{
	position: absolute;
	background-size: contain;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 400px;
}







/* ZNAKOWANIE ODZIERZY  */

#marking-clothing{
	margin-top: 20px;
	padding: 60px 0px;
	background: #003;
}
#marking-clothing p{
	font-size: 1em;
}
#marking-clothing .marking-left h3{
    color: white;
    font-size: 1.2em;
    text-align: center;
}
#marking-clothing .owl-item img{
	max-height: 450px;
	box-shadow: 10px 0px 1px #003;

}
#marking-clothing .owl-item:hover{
	cursor: pointer;
}
#marking-clothing .owl-prev span,
#marking-clothing .owl-next span{
	display: none;
}

#marking-clothing .marking-right{
	padding: 50px 20px;
	color: white;
}
@media all and (max-width: 1200px){
	#marking-clothing .marking-right{
		padding: 20px 30px;
	}
}
.owl-dot.active span{
	background: red !important;
}
#marking-clothing .customPrevBtn,
#marking-clothing .customNextBtn{
	font-family: 'Srisakdi', sans-serif;
	background: #003;
	letter-spacing: 1px;
	border: 1px solid white;
}
#marking-clothing .customPrevBtn:hover,
#marking-clothing .customNextBtn:hover{
	background: white;
	color: black;
	text-shadow: 0px 0px 1px #003;
	border: 1px solid rgba(0,0,0,0.3);
}

.blog-marking-clothing{
    padding: 0;
}
.blog-marking-clothing > div{
    padding: 0;
}
.blog-marking-clothing > div > img{
    position: absolute;
    left: 15px;
}
@media all and (max-width: 1310px){
    .blog-marking-clothing > div > img{
        position: relative;
    }
}
.blog-marking-clothing > div:nth-child(2){
    padding: 5px 10px;
}
.blog-marking-clothing a > div > h3{
    position: relative;
    top: 10px;
    font-size: 0.7em;
    background: white;
    padding: 15px 25px;
    width: 100%;
    display: block;
    color: black;;
    text-transform: uppercase;
    transition: .5s;
}
.blog-marking-clothing a > div > h3:hover{
    transition: .5s;
    background: #FD6103;
    cursor: pointer;
    color: white;
}

/* BLG INFORMACYJNY */
#blog{
    padding: 30px 25px;
}
#blog hgroup{
    margin-bottom: 30px;
}
#blog h4{
    color: black;
    font-weight: bold;
    font-size: 2em;
}
#blog h6{
    position: relative;
    color: black;
    letter-spacing: 1px;
}
@media all and (min-width: 1200px){
    #blog .row{
        display: block;
    }
    #blog .row > a{
        display: flex;
    }
}
#blog a:hover .article > div > h3{
    background: #FD6103;
}
#blog a .article{
    padding: 0;
    cursor: pointer;
}
#blog a .article > div{
    padding: 0px;
    min-height: 147px;
}
#blog a .article > .left img{
    width: 100%;
    height: 150px;
}
#blog a .article > div > h3{
    font-size: 0.8em;
    background: #003;
    padding: 12px;
    color: white;
    margin-top: 2px;
}
#blog a .article > div > p{
    color: black;
    font-size: 0.7em;
}

#blog .wiecej{
    width: 100%;
    height: 50px;
    margin-top: 25px;
}
#blog .wiecej a{
    position: absolute;
    display: block;
    height: 50px;
    width: auto;
    background: #337ab7;
    padding: 12px 25px;
    color: white;
    text-decoration: none;
}

/* BLOG INFORMACYJNY SITE */
#blog-site{
    padding: 25px;
}
#blog-site h1{
    text-shadow: 0px 0px 3px #003;
    font-size: 2.3em;
    margin: 0;
    margin-bottom: 25px;
}
#blog-site .row{
    display: flex;
}
#blog-site .first{
    position: relative;
    height: 400px;
    width: 400px;
}

@media all and (max-width: 1200px){
   #blog-site .first{
        display: none;
    }
}

#blog-site .first img{
    position: relative;
    right: 0;
    height: 100%;
    width: 100%;
    border: 1px solid white;
    filter: saturate(50%);
}

#blog-site .two{
    padding: 0;
    width: 294px;
    height: 400px;
}
@media all and (max-width: 1200px){
     #blog-site .two{
        display: none;
    }
}
#blog-site .two img{
    border: 1px solid white;
    width: 100%;
    height: 50%;
    filter: saturate(0%);
}

#blog-site .three{
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
}
@media all and (max-width: 1200px){
    #blog-site .three{
        height: auto;
    }
}
#blog-site .four{
    padding: 0;
}
@media all and (max-width: 1200px){
    #blog-site .four{
        display: none;
    }   
}
#blog-site .four img{
    width: 80%;
    margin-left: 10%;
}
#blog-site .four p{
    width: 80%;
    text-align: center;
    margin-left: 10%;
    margin-top: 20px;
}

#blog-site .content{
    width: 100%;
    margin-left: 2px;
    margin-top: 60px;
    display: block;
}

#blog-site a:hover .article > div > h3{
    background: #FD6103;
}
#blog-site a .article{
    padding: 0;
    cursor: pointer;
}
#blog-site a .article > div{
    padding: 0px;
    min-height: 147px;
}
#blog-site a .article > .left img{
    width: 100%;
    height: 150px;
}
#blog-site a .article > div > h3{
    font-size: 0.8em;
    background: #003;
    padding: 12px;
    color: white;
    margin-top: 2px;
}
#blog-site a .article > div > p{
    padding: 0px 5px;
    color: black;
    font-size: 0.7em;
}

/* KONSULTACJA ZE SPECIALISTĄ */
#consultation-with-specialist{
	margin: 0px;
}
#consultation-with-specialist .jumbotron{
	background: #292929;
	color: white;
	border-radius: 0;
}
#consultation-with-specialist .jumbotron i{
	color: white;
	float: right;
	margin-right: 20px;
	font-size: 3em;
	cursor: pointer;
	opacity: 0;
}
#consultation-with-specialist .jumbotron i:hover{
	color: #FD6103;
}
#consultation-with-specialist .jumbotron p{
	font-size: 1.1em;
}
#consultation-with-specialist .jumbotron a{
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
#consultation-with-specialist .submit{
    width: 150px;
}
#consultation-with-specialist .form-boxes{
	display: none;
}


/* MAPA GOOGLE */
#mapa-google{
    display: block;
    position: relative;
    height: 700px;
    width: 100%;
    padding: 0;
    margin-top: -30px; /* margines zminiusowany dla podciagniecia dolnej sekcji kontaktu */
}
@media all and (max-width: 992px){
    #mapa-google{
        display: none;   
    }
}
#mapa-google > div{
    width: 100%;
    padding: 0;
    margin: 0;
    display: block;
    position: relative;
}


/* STOPKA STRONY */
#stopka{
    border-top-color: #003;
}
@media all and (max-width: 1200px){
    #stopka{
        margin-top: 0px;
    }  
}
#stopka .container-fluid .row{
    display: flex;
}

@media all and (max-width: 992px){
    #stopka .container-fluid .row{
       display: block;
    }  
}

#stopka h4{
    color: black;
    font-size: 1.6em;
    font-family: 'Lato', sans-serif;
    line-height: 1em;
    margin: 20px 0px 0px 0px;
    text-shadow: 0px 0px 1px #48BCBB;
}
#stopka span.title{
    position: relative;
    top: 3px;
    color: black;
    line-height: 1.2em;
    font-size: 1em;
    text-shadow: 0px 0px 1px #48BCBB;
}
#stopka p{
    margin-top: 20px;
}
#stopka .boxes-1{
    padding: 30px 30px;
    text-align: center;
    display: block;
    min-height: 230px;
    color: black;
    border-right: 1px solid #003;
    border-top: 1px solid #003;
}
@media all and (max-width: 1200px){
    #stopka .boxes-1{
        border-bottom: 1px solid #003;
        border-top: 1px solid #003;
    }
}
@media all and (max-width: 768px){
   #stopka .boxes-1{
        border-right: none;
       padding-top: 25px;
    }
}
#stopka .boxes-2{
    padding: 40px 10px 30px 10px;
    font-weight: 600;
    border-right: 1px solid #003;
    border-top: 1px solid #003;
    min-height: auto;
}

@media all and (max-width: 1200px){
    #stopka .boxes-2{
       padding: 35px 0px 30px 0px;
    }
}
@media all and (max-width: 768px){
    #stopka .boxes-2{
        border-top: none;
        border-right: none;
        padding: 50px;
    }
}
#stopka .boxes-2 h4{
    font-size: 1.1em;
}
#stopka .boxes-2 i{
    margin-left: 25px;
    font-size: 4em;
}
#stopka .boxes-2 table{
    width: 100%;
    margin: 20px 0px;
}
@media all and (max-width: 1200px){
    #stopka .boxes-2 table{
         width: 100%;
    }       
}
@media all and (max-width: 768px){
    #stopka .boxes-2 table{
         width:100%;
    }       
}
#stopka .boxes-2 table thead{
    font-weight: bold;
    text-align: center;
    line-height: 2.5em;
    border: 1px solid silver;
    background: #292929;
    color: white;
    text-shadow: 0px 0px 1px white;
    letter-spacing: 1px;
}
#stopka .boxes-2 table thead tr{
    border: 1px solid #292929;
}
#stopka .boxes-2 table thead tr td{
    width: 17%;
}
#stopka .boxes-2 table tbody{
    font-weight: 100;
    text-align: center;
    border: 1px solid silver;
    font-weight: bold;
    line-height: 2.5em;
}
#stopka .boxes-2 span{
    display: inline-block;
    margin-top: 20px;
    letter-spacing: 2px;
    font-family: 'Srisakdi', sans-serif;
    font-weight: bold;
    text-shadow: 0px 0px 1px #003;
}
@media all and (max-width: 992px){
    #stopka .boxes-2 span{
        display: inline-block;
    }
}
#stopka .boxes-2 span i{
    font-size: 3em;
    color: #292929;
}
#stopka span.hours{
    color: black;
}
#stopka .boxes-3{
    padding: 40px 30px 30px 60px;
    font-weight: 600;
    min-height: auto;
    border-top: 1px solid #003;
}
@media all and (max-width: 420px){ /* 392 chyba tel */
    #stopka .boxes-3{
        padding: 40px 0px 30px 50px; 
    }
}
#stopka .boxes-3 h4{
    margin-bottom: 25px;
}
#stopka .boxes-3 p{
    line-height: 0.2em;
}
#stopka .boxes-3 a{
    text-decoration: none;
}
#stopka .boxes-3 h6{
    position: relative;
    top: 33px;
}
#stopka .boxes-3 input{
    height: 40px;
    padding-left: 15px;
}
#stopka .boxes-3 input:focus{
    outline-color: rgba(0,0,0,0.1);
}
#stopka .boxes-3 submit{
    display: inline-block;
    position: relative;
    left: -5px;
    top: 0px;
    width: 80px;
    height: 40px;
    box-shadow: none;
}
#stopka .boxes-3 button{
    width: 100%;
    height: 100%;
    background: #48BCBB;
    color: white;
    font-weight: bold;
    letter-spacing: 1px;
    border: 0;
}
#stopka .boxes-3 span{
    display: block;
    position: relative;
    top: 0px;
    color: red;
    margin-top: 42px;
}
#stopka .boxes-3 span > i{
    color: #292929;
    font-size: 1.8em;
    margin-left: 2px;
}
#stopka .boxes-3 span > i:first-child{
    margin-left: 10px;
}
#stopka .boxes-3 .fa-facebook{
    color: rgba(66,103,178,1);
    cursor: pointer;
}
#stopka .bottom{
    text-align: center;
    background: #292929;
    color: white;
    height: 50px;
    padding: 15px 0px;
    letter-spacing: 1px;
}

/* REGULAMIN I POLITYKA PRYWATNOŚCI */
#regulamin{
    padding: 40px 0px 100px 0px;
}

#regulamin h4{
    color: #48BCBB;
    margin: 20px 0px;
    font-weight: bold;
}
#regulamin p{
    margin: 0;
}
/* INFORMACJE O PLIKACH COOKIE */
#cookies{
    position: fixed;
    width: 100%;
    height: auto;
    bottom: -148px;
    z-index: 4;
    color: black;
    background: white;
    padding: 30px 25px 15px 25px;
}
#cookies .borderT{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 2px solid rgba(0,0,0,0.3);
}
#cookies a{
    text-decoration: none;
}
#cookies .right{
    position: relative;
    height: 80px;
}
#cookies .right .btn-success{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 0;
    height: 55px;
    width: 180px;
    color: black;
}
#cookies .right .btn-success:hover{
    color: white;
}
/* O-NAS */

#o-nas{
   padding: 60px 0px; 
}
@media all and (max-width: 768px){
    #o-nas{
       padding: 50px 30px; 
    }    
}








/* CENNIK */
/* strony internetowe - wordpress */
#cennik .container-fluid .content-cennik{
	padding: 60px 0px;
}
#cennik .container-fluid .content-cennik .produkts{
	border: 1px solid rgba(0,0,0,0.1);
	margin: 2px;
	display: inline-block;
	width: 24%;
	height: 500px;
	text-align: center;
	padding: 0;
	background: url("../img/tlo-cennik-produkt.jpg");
	background-size: cover;
	border-radius: 5px;
    box-shadow: 0px 0px 5px #48BCBB;
}
@media all and (max-width: 992px){
	#cennik .container-fluid .content-cennik .produkts{
		width: 300px;
	}
}
@media all and (max-width: 768px){
	#cennik .container-fluid .content-cennik .produkts:nth-child(1),
    #cennik .container-fluid .content-cennik .produkts:nth-child(2){
		width: 100%;
        margin-bottom: 50px;
	}
}
#cennik .container-fluid .content-cennik .produkts h5{
    font-family: 'Cabin Condensed', sans-serif;
	font-size: 1.2em;
    letter-spacing: 1px;
	background: black;
	width: 100%;
	color: white;
	text-transform: uppercase;
	margin-bottom: 10px;
    font-weight: bold;
    padding: 5px 0px;
}
#cennik .container-fluid .content-cennik .container h4{
	margin-top: 0px;
    color: black;
    text-shadow: 0px 0px 2px #003;
}
#cennik .container-fluid .content-cennik .produkts ul{
	background: transparent;
	padding-top: 15px;
	padding-left: 30px;
	padding-bottom: 20px;
}
#cennik .container-fluid .content-cennik .produkts ul li{
	text-align: left;
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#cennik .container-fluid .content-cennik .container p{
    width: 80%;
}
#cennik .container-fluid .content-cennik .container p.cennik{
	text-shadow: 0px 0px 1px white;
	width: 80%;
	margin-top: 16%;
	/*text-transform: uppercase;*/
    font-weight: bold;
    letter-spacing: 1px;
    color: #48BCBB;
}
#cennik .container-fluid .content-cennik .container p.cennikX{
	text-shadow: 0px 0px 1px white;
	width: 75%;
	/*text-transform: uppercase;*/
    font-weight: bold;
    letter-spacing: 1px;
    color: #48BCBB;
}
#cennik .container-fluid .content-cennik .container p.cennikB{
	text-shadow: 0px 0px 1px white;
	width: 80%;
	text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color: black;
}
@media all and (max-width: 992px){
	#cennik .container-fluid .content-cennik .container p.cennik{
		width: 100%;
	}
}
#cennik .container-fluid .content-cennik .container .produkts-bottom{
	height: 200px;
	width: 100%;
	background: white;
	padding-top: 25px;
	position: relative;
	box-shadow: 0px 0px 5px #003 inset;
}
#cennik .container-fluid .content-cennik .container .produkts-bottom p{
	margin-top: 5%;
	font-weight: bold;
}
#cennik .container-fluid .content-cennik .container .produkts-bottom img{
	position: absolute;
	bottom: -40%;
	left: 32%;
	animation-name: rotatezabek;
	animation-duration: 6s;
	animation-iteration-count:infinite;
	animation-timing-function: linear;
    z-index: 1;
}
@media all and (max-width: 1200px){
	#cennik .container-fluid .content-cennik .container .produkts-bottom img{
		width: 80px;
		height: 80px;
		bottom: -30%;
	}
}
@media all and (max-width: 992px){
	#cennik .container-fluid .content-cennik .container .produkts-bottom img{
		width: 100px;
		height: 100px;
		bottom: -40%;
		left: 34%;
	}
}
@media all and (max-width: 768px){
	#cennik .container-fluid .content-cennik .container .produkts-bottom img{
		width: 100px;
		height: 100px;
		bottom: -40%;
		left: 38%;
	}
}
#cennik .container-fluid .content-cennik .container .produkts-bottom span{
    font-family: 'Cabin Condensed', sans-serif;
	text-decoration: line-through;
	font-size: 1.2em;
	color: red;
	line-height: 1.3em;
}
#cennik .container-fluid .content-cennik .container .produkts-bottom span.new-coast{
    font-family: 'Cabin Condensed', sans-serif;
	line-height: 1.3em;
	text-decoration: none;
	font-size: 1.7em;
	color: green;
}
#cennik .container-fluid .content-cennik .container .rabat-wordpress{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #FF4504;
    z-index: 2;
    margin-top: 8px;
    margin-left: 0px;
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
}
#cennik .container-fluid .content-cennik .container .rabat-indywidual{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #FF4504;
    z-index: 2;
    margin-top: 8px;
    margin-left: -4px;
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
}
@media all and (max-width: 992px){
     #cennik .container-fluid .content-cennik .container .rabat-wordpress,
     #cennik .container-fluid .content-cennik .container .rabat-indywidual{
        position: absolute;
        left: 42%;
    }
}
@media all and (max-width: 550px){
     #cennik .container-fluid .content-cennik .container .rabat-wordpress,
     #cennik .container-fluid .content-cennik .container .rabat-indywidual{
        position: absolute;
        left: 52%;
         color: black;
    }
}
@media all and (max-width: 380px){
     #cennik .container-fluid .content-cennik .container .rabat-wordpress,
     #cennik .container-fluid .content-cennik .container .rabat-indywidual{
        position: absolute;
        left: 54%;
         color: yellow;
    }
}
#cennik .container-fluid .content-cennik .container .rabat-wordpress span,
#cennik .container-fluid .content-cennik .container .rabat-indywidual span{
    font-size: 0.6em;
    text-align: center;
    color: white;
}
@media all and (max-width: 768px){
    #cennik .container-fluid .content-cennik .container .rabat-wordpress span,
    #cennik .container-fluid .content-cennik .container .rabat-indywidual span{
        position: relative;
        left: 0px;
        font-size: 0.6em;
        text-align: center;
        color: white;
    }   
}

/* strony internetowe - zamowienia indywidulane */
/* druga linia styli */
#cennik .container-fluid .container div.cennik-two-line .indywidual-produkts{
	border: 1px solid rgba(0,0,0,0.1);
	margin: 2px;
	display: inline-block;
	width: 32.9%;
	height: 500px;
	text-align: center;
	padding: 0;
	background: url("../img/tlo-cennik-produkt.jpg");
	background-size: cover;
	border-radius: 5px;
    box-shadow: 0px 0px 5px #48BCBB;
}
@media all and (max-width: 992px){
	#cennik .container-fluid .container div.cennik-two-line .indywidual-produkts{
		width: 49%;	
	}
	#cennik > div > div.content-cennik > div:nth-child(4) > div > center > div:nth-child(3){
		margin-top: 50px !important;
	}
}
@media all and (max-width: 768px){
	#cennik .container-fluid .container div.cennik-two-line .indywidual-produkts{
		width: 100%;
		
	}
	#cennik > div > div.content-cennik > div:nth-child(4) > div > center > div:nth-child(3){
		margin-top: 0px !important;
	}
	#cennik .container-fluid .container div.cennik-two-line .indywidual-produkts:nth-child(2),
    #cennik .container-fluid .container div.cennik-two-line .indywidual-produkts:nth-child(3){
		margin-top: 50px !important;
	}
}
#cennik .container-fluid .container div.cennik-two-line .indywidual-produkts h5{
    font-family: 'Cabin Condensed', sans-serif;
	font-size: 1.2em;
    letter-spacing: 1px;
	background: black;
	width: 100%;
	text-transform: uppercase;
	margin-bottom: 10px;
    color: white;
    padding: 5px 0px;
    font-weight: bold;
}
#cennik .container-fluid .container div.cennik-two-line .indywidual-produkts ul{
	background: transparent;
	padding-top: 15px;
	padding-left: 30px;
	padding-bottom: 20px;
}
#cennik .container-fluid .container div.cennik-two-line .indywidual-produkts ul li{
	text-align: left;
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 0.9em;
}
#cennik .container-fluid .container div.cennik-two-line .indywidual-produkts .produkts-bottom{
	height: 221px;
	width: 100%;
	background: white;
	padding: 35px 25px 0px 25px;
	position: relative;
	box-shadow: 0px 0px 5px #003 inset;
}
#cennik .container-fluid .container div.cennik-two-line .indywidual-produkts img{
	position: absolute;
	bottom: -36%;
	left: 35.5%;
	animation-name: rotatezabek;
	animation-duration: 6s;
	animation-iteration-count:infinite;
	animation-timing-function: linear;
}
@media all and (max-width: 992px){
	#cennik .container-fluid .container div.cennik-two-line .indywidual-produkts img{
		width: 100px;
		height: 100px;
		bottom: -37%;
		left: 37%;
	}
}

/* usługi podstawowe banery,kasetony,oklejanie samochodów,tablice swietlne */
/* trzecia linia usług */

#cennik .item{
    margin-top: 40px;
}
#cennik .item_2{
    margin-top: 60px;
}
#cennik .container div.cennik-podstawowe-three-line table{
    box-shadow: 0px 0px 5px #48BCBB;
}
#cennik .container div.cennik-podstawowe-three-line table tbody tr td{
	border-left: 1px solid rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(0,0,0,0.2);
	border-right: 1px solid rgba(0,0,0,0.2);
}
#cennik .container div.cennik-podstawowe-three-line table thead tr{
	background: #242424;
	color: white;
}

#cennik .container div.cennik-podstawowe-three-line table tbody tr td{
	line-height: 2em;
	vertical-align: middle;
}
#cennik .container div.cennik-podstawowe-three-line table tbody tr td span.dodatkowe-regularna{
	color: red;
	text-decoration: line-through;
	font-size: 1.3em;
}
#cennik .container div.cennik-podstawowe-three-line table tbody tr td span.dodatkowe-oszczedzasz{
	color: #FF4504;
	text-shadow: 0px 0px 5px white;
	font-size: 1.3em;
}
#cennik .container div.cennik-podstawowe-three-line table tbody tr td span.dodatkowe-oszczedzasz-kwota{
	font-size: 1em;
}

#cennik .container div.cennik-podstawowe-three-line table tbody tr td span.dodatkowa-promocja{
	display: block;
	width: 100%;
	height: 40px;
	color: green;
	font-size: 1.2em;
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 10px;
	line-height: 2.4em;
	background: green;
	color: white;
	letter-spacing: 1px;
	text-shadow: 0px 0px 5px black;
	text-align: center;
    padding: 0px 10px;
}
@media all and (max-width: 768px){
    #cennik .container div.cennik-podstawowe-three-line table tbody tr td span.dodatkowa-promocja{
        position: relative;
        top: 10px;
        font-size: 0.8em;
        background: none;
        border: none;
        color: black;
    }
}
#cennik .container div.cennik-podstawowe-three-line table tbody tr td span.dodatkowe-zlotowki{
	color: green;
	font-size: 1.1em;
}
#cennik .container div.cennik-podstawowe-three-line table tbody tr td:nth-child(1){
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
}
#cennik .container div.cennik-podstawowe-three-line table tbody tr td:nth-child(2){
	text-align: center;
}
#cennik .container div.cennik-podstawowe-three-line table tbody tr td:nth-child(3){
	text-align: center;
}
#cennik .container div.cennik-podstawowe-three-line table tbody tr td:nth-child(4){
	text-align: center;
	padding: 10px 20px 0px 20px;
}
#cennik .container div.cennik-podstawowe-three-line table tbody tr td:nth-child(5){
	font-size: 0.8em;
}
#cennik .container-fluid .content-cennik p.oferta-handlowa{
	color: black;
	font-size: 1.1em;
}
@media all and (max-width: 768px){
    #cennik .container div.cennik-podstawowe-three-line table tbody tr td:nth-child(1){
        width: 100px;
        font-size: 0.6em;
    }
    #cennik .container div.cennik-podstawowe-three-line table tbody tr td:nth-child(2){
        font-size: 0.6em;
    }
    #cennik .container div.cennik-podstawowe-three-line table thead tr td:nth-child(3){
        display: none;
    }
    #cennik .container div.cennik-podstawowe-three-line table tbody tr td:nth-child(3){
        font-size: 0.6em;
        display: none;
    }
    #cennik .container div.cennik-podstawowe-three-line table tbody tr td:nth-child(5){
        display: none;
    }
    #cennik > div > div > div:nth-child(3) > div > table > thead > tr > td:nth-child(5){
        display: none;
    }
}

/* usługi dodatkowe : litery 3d, logotypy, fototapety, naklejki, konstrukcje stalowe, grafiki podłogowe; */
/* czwarta linia usług */

#cennik .container-fluid .content-cennik .container{
	background: transparent;
}
#cennik .container-fluid .content-cennik .container div.cennik-dodatkowe-four-line .produkts-dodatkowe{
	background: white;
	background-position: 0px -150px;
	margin: 5px;
	border: 1px solid rgba(0,0,0,0.3);
	min-height: 340px;
	padding: 0px 10px 20px 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position: relative;
	left: 137px;
    box-shadow: 0px 0px 5px #48BCBB;
}
@media all and (max-width: 1200px){
	#cennik .container-fluid .content-cennik .container div.cennik-dodatkowe-four-line .produkts-dodatkowe{
		left: 116px;
	}
}
@media all and (max-width: 992px){
	#cennik .container-fluid .content-cennik .container div.cennik-dodatkowe-four-line .produkts-dodatkowe{
		left: 0px;
	}		
}
#cennik .container-fluid .content-cennik .container div.cennik-dodatkowe-four-line .produkts-dodatkowe h5{
	font-family: 'Markazi Text', serif;
	font-size: 1.3em;
	background: black;
	width: 100%;
	text-transform: uppercase;
	margin-bottom: 10px;
	text-align: center;
    color: white;
    padding: 5px 0px;
    font-weight: bold;
}

#cennik .container-fluid .content-cennik .container div.cennik-dodatkowe-four-line .produkts-dodatkowe span.rab{
	color: #FF4504;
}

#cennik .container-fluid .content-cennik .container div.cennik-dodatkowe-four-line .produkts-dodatkowe span{
	color: green;
	font-size: 1.5em;
}
#cennik .container-fluid .content-cennik .container div.cennik-dodatkowe-four-line .produkts-dodatkowe table{
	height: 210px;
	min-height: 210px;
	width: 100%;
}
#cennik .container-fluid .content-cennik .container div.cennik-dodatkowe-four-line .produkts-dodatkowe table tr td{
	text-align: center;
	border: 1px solid rgba(0,0,0,0.5);
	vertical-align: middle;
	padding: 5px;
}
#cennik .container-fluid .content-cennik .container div.cennik-dodatkowe-four-line .produkts-dodatkowe table tr td:first-child{
	color: white;
	background: rgba(0,0,0,0.6);
}
#cennik .container-fluid .content-cennik .container div.cennik-dodatkowe-four-line .produkts-dodatkowe a{
	display: block;
	width: 50%;
	margin: 0 auto;
	line-height: 3em;
	text-align: center;
	margin-top: 18px;
	padding: 2px 20px;
	background: green;
	color: white;
	box-shadow: 0px 0px 10px black;
	letter-spacing: 0.1em;
	box-shadow: 0px 0px 3px white inset, 0px 0px 3px black;
}
#cennik .container-fluid .content-cennik .container div.cennik-dodatkowe-four-line .produkts-dodatkowe a:hover{
	box-shadow: 0px 0px 3px white inset;
}
#cennik .desc{
    position: relative;
    top: 30px;
    left: 0px;
}



/* KONTAKT */
#kontakt{
    position: relative;
}
#kontakt .row{

}
#kontakt .row .left,
#kontakt .row .right{
    padding: 50px 30px;
}
#kontakt .row .left{
    padding: 80px 50px;
}
@media all and (max-width: 600px){
    #kontakt .row .left{
        padding: 10px 20px;
    }
}
#kontakt .row .left img{
    margin-left: 20px;
    float: left;
    position: relative;
    width: 200px;
}
@media all and (max-width: 600px){
    #kontakt .row .left img{
        display: none;
    }
}
#kontakt .row .left h3{
    margin-left: 20px;
    text-align: left;
    color: rgba(0,0,0,0.6);
    text-shadow: 0px 0px 2px #48BCBB;
}
@media all and (max-width:1200px){
    #kontakt .row .left h3{
        line-height: 0px;
    }
}
@media all and (max-width:992px){
    #kontakt .row .left h3{
        line-height: 1em;
    }
}
@media all and (max-width:600px){
    #kontakt .row .left h3{
        margin-left: 20px;
        width: 100%;
        text-align: left;
    }
}
#kontakt .row .left p.dopis{
    display: block;
}
@media all and (max-width:1200px){
    #kontakt .row .left p.dopis{
        display: block;
        margin-left: 20px;
        margin-top: 40px;
        text-align: left;
        line-height: 0px;
    }
}
@media all and (max-width: 992px){
    #kontakt .row .left p.dopis{
        margin-top: 20px;
    }
}
@media all and (max-width: 768px){
    #kontakt .row .left p.dopis{
        line-height: 1.2em;
    }
}
@media all and (max-width: 600px){
    #kontakt .row .left p.dopis{
        line-height: 1.2em;
        text-align: left;
        margin-left: 20px;
    }
}
#kontakt .row .left p{
    margin-top: 20px;
    font-size: 1em;
    letter-spacing: 1px;
    text-shadow: 0px 0px 1px #003;
    letter-spacing: 1px;
    margin-left: 20px;
}
@media all and (max-width: 1200px){
   #kontakt .row .left p{
        margin-top: 50px;  
    }
}
#kontakt .row .left p.tel{
    color: red;
    font-size: 2rem;

}
@media all and (max-width: 1200px){
   #kontakt .row .left p.tel{
        margin-top: 15px;  
    }
}
#kontakt .row .left .socialmedia i{
    display: block;
    height: 45px;
    float: right;
    margin-left: 5px;
    margin-top: 7px;
    font-size: 1.6em;
}
@media all and (max-width: 1200px){
    #kontakt .row .left .socialmedia i{
        float: left;
        position: relative;
        left: 20px;
        margin-left: 0px;
        margin-top: 13px;
    }   
}

#kontakt .row .left .socialmedia .fa-facebook{
    color: rgba(66,103,178,1);
    cursor: pointer;
}
#kontakt .row .left .socialmedia span{
    position: relative;
    left: 75%;
    color: red;
    font-weight: 400;
}
@media all and (max-width:1200px){
    #kontakt .row .left .socialmedia span{
        position: relative;
        top: 10px;
        left: 20px;
        color: red;
        font-weight: 400;
    }
}
@media all and (max-width: 600px){
    #kontakt .row .left .socialmedia span{
            left: 20px;
    }   
}
#kontakt .row .left .email i{
    font-size: 2.5rem;
    text-shadow: 0px 0px 1px #003;
}
@media all and (max-width: 1200px){
   #kontakt .row .left .email i{
        margin-top: 0px;      
    }
}
#kontakt .row .left .email p{
    text-shadow: 0px 0px 1px
}
#kontakt .row .right h6{
    color: red;
}

/* GALERIA */
#galeria{
   padding: 75px 20px; 
}
#galeria h1{
    line-height: 0px;
    margin-left: 8px;
}
#galeria h3{
    font-family: 'Cabin Condensed', sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    margin-left: 15px;
}
#galeria h5{
    line-height: 0px;
    margin-top: -18px;
    margin-bottom: 50px;
    margin-left: 13px;
    text-shadow: 0px 0px 3px #003;
}
#galeria a{
    position: relative;
    display: inline-block;
    height: auto;
    width: 110px;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 3px;
    margin: 5px;
}
#galeria img{
    width: 100%;
    height: 80px;
    background-size: cover;
}
#galeria .iteam{
    margin: 25px 0px;
}
#galeria .strony{
    margin-bottom: 100px;
}
#filtering-loading{
    position: fixed;
    display: none;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 9998;
    
}
#loading-webpages{
    position: fixed;
    display: none;
    opacity: 0;
    top: 0%;
    left: 50%;
    height: 100%;
    width: 50%;
    background: black;
    z-index: 9999;
    transform: translateX(-50%);
    overflow: scroll;
}
#loading-webpages img{
    width: 100%;
    background: no-repeat;
}

#galeria .strony{
    width: 100%;
    font-family: 'Cabin Condensed', sans-serif;
}

#galeria .strony .row-site{
    display: inline-block;
    margin: 5px 0px;
}
#galeria .strony .row-site span{
    position: relative;
    font-weight: bold;
    text-shadow: 0px 0px 1px #48BCBB;
}
#galeria .strony .row-site .live{
    overflow: hidden;
    position: relative;
    top: 0px;
    width: 100%;
    height: auto;
    border-radius: 0px;
    z-index: 1;
    background: transparent;
    padding: 20px 0px;
}
#galeria .strony .row-site .live a{
    position: relative;
    top: 0;
    left: 0;
    height: 28px;
    border: none;
    outline: none;
    background: transparent;
    border: 1px solid silver;
}
#galeria .strony .row-site .live a button{
    position: absolute;
    left: 0;
    height: 26px;
    background: silver;
    border-radius: 0;
    width: 50%;
    line-height: 0;
    color: green;
    font-weight: bold;
    letter-spacing: 2px;
}
/*
#galeria .strony .row-site button:hover::after i{
    color: red;
    animation-name: leftArrow;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
*/
#galeria .strony .row-site .site-content{
    overflow: hidden;
}
#galeria .strony .row-site .site-content i{
    position: relative;
    left: 0px;
    top: 1px;
    opacity: 1;
    color: black;
}
#galeria .strony .row-site .site-content i.two-arrow{
    position: relative;
    left: 20px;
    top: 3px;
    opacity: 0;
}
#galeria .strony .row-site-outline{
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 2px;
    padding: 20px 0px;
    box-shadow: 0px 0px 5px #48BCBB;
}

#galeria .strony .site-content{
    display: inline-block;
}



/* PROJEKTOWANIE STRON INTERNETOWYCH 

#projektowanie-stron-internetowych{
    margin: 50px 30px;
    overflow: hidden;
}
#projektowanie-stron-internetowych .naglowek{
    width: 100%;
    height: 20px;
}
#projektowanie-stron-internetowych .row-first{
    position: relative;
    height: auto;
    margin: 10px 0px 0px 0px;
}
#projektowanie-stron-internetowych h1{
    font-family: 'Srisakdi', sans-serif;
    text-shadow: 0px 0px 3px #003;
    margin-bottom: 10px;
}
#projektowanie-stron-internetowych h3{
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-family: 'Lato', sans-serif;
    margin: 20px 0px 0px 0px;
    letter-spacing: 2px;
    text-shadow: 0px 0px 1px #003;
}

#projektowanie-stron-internetowych .left,
#projektowanie-stron-internetowych .right{
    position: relative;
    height: auto;
    padding: 20px 10px;
}
#projektowanie-stron-internetowych .right img,
#projektowanie-stron-internetowych .left img{
    position: relative;
    width: 400px;
    max-height: 220px;
}
#projektowanie-stron-internetowych .right img{
    margin-left: 100px;
}
#projektowanie-stron-internetowych .row-first .right img{
    opacity: 0;
    border: 10px solid black;
    margin-left: 150px;
    width: 500px;
}
@media all and (max-width: 1600px){
    #projektowanie-stron-internetowych .row-first .right img{
        width: 80%;
        margin-left: 100px;
    }
}
@media all and (max-width: 1200px){
    #projektowanie-stron-internetowych .row-first .right img{
        position: relative;
        left: -40px;
        width: 80%;
    }
}
@media all and (max-width: 768px){
    #projektowanie-stron-internetowych .row-first .right img{
        position: relative;
        left: -50px;
        display: block;
        width: 100%;
    }
}
@media all and (max-width: 550px){
    #projektowanie-stron-internetowych .row-first .right img{
        position: relative;
        left: 0;
        margin: 0 auto;
        width: 100%;
    }
}



#projektowanie-stron-internetowych .row-two{
    margin: 20px 30px 0px 30px;
    overflow: hidden;
}
@media all and (max-width: 992px){
    #projektowanie-stron-internetowych .row-two{
        margin: 0px;
        overflow: hidden;
    }
}
@media all and (max-width: 768px){
    #projektowanie-stron-internetowych .row-two{
        margin: 0px 0px;
    }
}
@media all and (max-width: 500px){
    #projektowanie-stron-internetowych .row-two{
        margin: 0px 0px;
    }
}
#projektowanie-stron-internetowych .row-two .naglowek{
    height: 40px;
}
#projektowanie-stron-internetowych .row-two .naglowek > h3{
    position: absolute;
    right: 90px;
}
#projektowanie-stron-internetowych .row-two .left img{
    position: relative;
    left: 0px;
    margin-left: 100px;
    width: 500px;
}

@media all and (max-width: 1600px){
    #projektowanie-stron-internetowych .row-two .left img{
        position: relative;
        left: 50%;
        transform:translateX(-50%);
        margin-left: auto;
    } 
}
@media all and (max-width: 1100px){
    #projektowanie-stron-internetowych .row-two .left img{
        position: relative;
        margin-left: -70px;
    } 
}
@media all and (max-width: 768px){
    #projektowanie-stron-internetowych .row-two .left img{
        position: relative;
        margin-left: 0px;
    } 
}
@media all and (max-width: 550px){
    #projektowanie-stron-internetowych .row-two .left img{
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    } 
}






#projektowanie-stron-internetowych .row-three{
    margin: 50px 30px 0px 30px;
    overflow: hidden;
}
@media all and (max-width: 1200px){
    #projektowanie-stron-internetowych .row-three{
        margin: 50px 30px 0px 30px;   
    }
}
@media all and (max-width: 768px){
    #projektowanie-stron-internetowych .row-three{
        margin: 0px 0px 0px 0px;   
    }
}
@media all and (max-width: 2500px){
    #projektowanie-stron-internetowych .row-three .right img{
        position: relative;
        left: 50px;
        border: 10px solid black;
        width: 500px;
    }
}
@media all and (max-width: 1600px){
    #projektowanie-stron-internetowych .row-three .right img{
        position: relative;
        left: 900px;
        border: 10px solid black;
        width: 80%;
    }
}
@media all and (max-width: 768px){
    #projektowanie-stron-internetowych .row-three .right img{
        position: relative;
        width: 80%;
        left: -9%;
    }
}
@media all and (max-width: 550px){
    #projektowanie-stron-internetowych .row-three .right img{
        position: relative;
        left: -100px;
        width: 100%;
    }
}






#projektowanie-stron-internetowych .row-four{
    margin: 50px 30px 0px 30px;
}
@media all and (max-width: 1200px){
    #projektowanie-stron-internetowych .row-four{
        margin: 50px 30px 0px 30px;
    }
}
@media all and (max-width: 992px){
    #projektowanie-stron-internetowych .row-four{
        margin: 15px 30px;
    }
}
@media all and (max-width: 768px){
    #projektowanie-stron-internetowych .row-four{
        margin: 0px 0px;
    }
}
@media all and (max-width: 500px){
    #projektowanie-stron-internetowych .row-four{
        margin: 0px 0px;
    }
}
#projektowanie-stron-internetowych .row-four .naglowek{
    height: 40px;
}
#projektowanie-stron-internetowych .row-four .naglowek > h3{
    position: absolute;
    right: 90px;
}
@media all and (max-width: 768px){
    #projektowanie-stron-internetowych .row-four .naglowek > h3{
        position:  relative;
        left: 0;
        text-align: center;
    }
}

#projektowanie-stron-internetowych .row-four .left img{
    position: relative;
    left: 40%;
    transform: translateX(-50%);
    width: 500px;
}
@media all and (max-width: 1200px){
    #projektowanie-stron-internetowych .row-four .left img{
        margin-left: 0px;
        width: 80%;
    }
}
@media all and (max-width: 992px){
    #projektowanie-stron-internetowych .row-four .left img{
        left: 50%;
        transform: translateX(-50%);
        width: 60%;
        margin-left: 0;
    }
}
@media all and (max-width: 768px){
    #projektowanie-stron-internetowych .row-four .left img{
        width: 80%;
    }
}
*/
#projektowanie-stron-internetowych{
    padding: 50px 30px;
    overflow: hidden;
}
@media all and (max-width: 500px){
    #projektowanie-stron-internetowych{
        padding: 50px 15px;    
    }
}
#projektowanie-stron-internetowych .one p,
#projektowanie-stron-internetowych .two p,
#projektowanie-stron-internetowych .three p,
#projektowanie-stron-internetowych .four p{
    margin-top: 15px;
}
#projektowanie-stron-internetowych h1{
    margin-bottom: 10px;
}
#projektowanie-stron-internetowych .row{
    margin-top: 50px;
}
#projektowanie-stron-internetowych .one,
#projektowanie-stron-internetowych .two,
#projektowanie-stron-internetowych .three,
#projektowanie-stron-internetowych .four{
    padding: 0px 50px 0px 40px;
}
@media all and (max-width: 500px){
    #projektowanie-stron-internetowych .one,
    #projektowanie-stron-internetowych .two,
    #projektowanie-stron-internetowych .three,
    #projektowanie-stron-internetowych .four{
        padding: 0px 15px 0px 15px;
    }    
}
#projektowanie-stron-internetowych .one img,
#projektowanie-stron-internetowych .two img,
#projektowanie-stron-internetowych .three img,
#projektowanie-stron-internetowych .four img{
    display: block;
    width: 100%;
    height: 250px;
}
#projektowanie-stron-internetowych .one .outline{
}

#projektowanie-stron-internetowych .created-site{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
}
#projektowanie-stron-internetowych .created-site h3{
    font-family: 'Lato', sans-serif;
	font-size: 1.5em;
}
#projektowanie-stron-internetowych .created-site h2{
    font-family: 'Lato', sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 1px;
}
#projektowanie-stron-internetowych .created-site p{
    line-height: 1.4em;
}

#projektowanie-stron-internetowych .created-site .first-line .left{
    display: block;
    height: 250px;
    padding: 0;
}
#projektowanie-stron-internetowych .created-site .first-line .left img{
    width: 100%;
    height: 100%;
}

#projektowanie-stron-internetowych .created-site .first-line .right{
    padding-top: 40px;
    background: #f2f2f2;
    height: 250px;
}

#projektowanie-stron-internetowych .created-site .two-line .right{
    display: block;
    height: 250px;
    padding: 0;
}
#projektowanie-stron-internetowych .created-site .two-line .right img{
    width: 100%;
    height: 100%;
}

#projektowanie-stron-internetowych .created-site .two-line .left{
    padding-top: 40px;
    background: #f2f2f2;
    height: 250px;
}


#projektowanie-stron-internetowych .created-site .three-line .left{
    display: block;
    height: 250px;
    padding: 0;
}
#projektowanie-stron-internetowych .created-site .three-line .left img{
    width: 100%;
    height: 100%;
}

#projektowanie-stron-internetowych .created-site .three-line .right{
    padding-top: 40px;
    background: #f2f2f2;
    height: 250px;
}

#projektowanie-stron-internetowych .created-site .four-line{
    position: relative;
}

#projektowanie-stron-internetowych .created-site ul{
    margin: 25px 0px;
}
#projektowanie-stron-internetowych .created-site ul li{
    list-style: url("../img/ok.svg");
    line-height: 2.5em;
    text-transform: uppercase;
}

/* POZYCJONOWANIE STRON INTERNETOWYCH */
#pozycjonowanie-stron-internetowych{
    margin: 50px 50px;
}
@media all and (max-width: 768px){
    #pozycjonowanie-stron-internetowych{
        margin: 50px 30px;
    }
}
#pozycjonowanie-stron-internetowych h3{
    font-size: 1.1em;
    text-shadow: 0px 0px 1px #003;
    font-family: 'Lato', sans-serif;
    margin-left: 15px;
}
#pozycjonowanie-stron-internetowych .pozycjonowanie-img{
    padding: 5px;
}
#pozycjonowanie-stron-internetowych img{
    height: 180px;
}
#pozycjonowanie-stron-internetowych p{
    margin: 0px 15px;

}
@media all and (max-width: 768px){
    #pozycjonowanie-stron-internetowych p{
        margin: 0px;

    }    
}
#pozycjonowanie-stron-internetowych h3.first{
    margin-top: 50px;
}   

@media all and (max-width: 1200px){
   #pozycjonowanie-stron-internetowych img{
        height: auto;
        width: 100%;
        padding: 8px;
    }
}
@media all and (max-width: 992px){
    #pozycjonowanie-stron-internetowych .pozycjonowanie-img{
        display: none;
    }
}
@media all and (max-width: 768px){
    #pozycjonowanie-stron-internetowych h3.first{
        margin-top: 20px;
    }      
}
#pozycjonowanie-stron-internetowych .pozycjonowanie-content{
    padding: 50px 0px;
}
#pozycjonowanie-stron-internetowych .pozycjonowanie-content .first{
    margin-bottom: 10px;
}
/* KAMPANIE GOOGLE ADWORDS */
#google-adwards{
    margin: 50px 50px; 
}
@media all and (max-width: 768px){
    #google-adwards{
        margin: 50px 30px; 
    }   
}
#google-adwards h3{
    font-size: 1.1em;
    text-shadow: 0px 0px 1px #003;
}
#google-adwards .left{
    padding: 0;
}
#google-adwards .left img{
    width: 100%;
}
@media all and (max-width: 1200px){
    #google-adwards .left img{
        height: inherit;
    }
}
@media all and (max-width: 992px){
    #google-adwards .left{
        display: none;
    }
}
@media all and (max-width: 768px){
    #google-adwards .left{
        display: block;
    }
    #google-adwards .left img{
        width: 100%;
        height: 290px;
    }
}
#google-adwards .right .baner-ul-left,
#google-adwards .right .baner-ul-right{
    min-height: 230px;
}
@media all and (max-width: 992px){
    #google-adwards .right .baner-ul-left,
    #google-adwards .right .baner-ul-right{
        min-height: 180px;
    }  
}
#google-adwards .right .baner-ul-left h5{
    font-size: 1.2em;
    font-family: 'Srisakdi', sans-serif;
    text-shadow: 0px 0px 1px #003;
}
#google-adwards .right .baner-ul-left ul{
    margin-top: 20px;
}
#google-adwards .right .baner-ul-left ul li{
    color: rgba(0,0,0,0.8);
}
#google-adwards .right .baner-ul-right h5{
    font-size: 1.2em;
    font-family: 'Srisakdi', sans-serif;
    text-shadow: 0px 0px 1px white;
}
#google-adwards .right .baner-ul-right ul{
    margin-top: 20px;
}
#google-adwards .right .baner-ul-right ul li{
    color: rgba(255,255,255,0.9);
}

/* BANERY REKLAMOWE */
#banery-reklamowe{
    margin: 50px 50px; 
}
@media all and (max-width: 768px){
   #banery-reklamowe{
       margin: 50px 30px;    
    }
}
#banery-reklamowe h3{
    font-size: 1.1em;
    text-shadow: 0px 0px 1px #003;
}
#banery-reklamowe .left{
    padding: 0;
}
#banery-reklamowe .left img{
    width: 100%;
}
@media all and (max-width: 1200px){
    #banery-reklamowe .left img{
        height: inherit;
    }
}
@media all and (max-width: 992px){
    #banery-reklamowe .left{
        display: none;
    }
}
@media all and (max-width: 768px){
    #banery-reklamowe .left{
        display: block;
    }
    #banery-reklamowe .left img{
        width: 100%;
        height: 290px;
    }
}
#banery-reklamowe .left span{
    color: black;
    font-weight: bold;
    font-size: 0.9em;
}
#banery-reklamowe .left p{
    color: #FD6103;
    font-size: 0.9em;
}

#banery-reklamowe .right{
    padding: 0px 50px;
}
@media all and (max-width: 768px){
   #banery-reklamowe .right{
        padding: 0px;
    }
}
#banery-reklamowe .right .baner-ul-right ul li{
    color: #48BCBB;
}
#banery-reklamowe .right .baner-ul-right h3{
    color: #48BCBB;
}
/* KASETONY PODŚWIETLANE */
#kasetony-podswietlane{
    margin: 50px 50px; 
}
@media all and (max-width: 768px){
    #kasetony-podswietlane{
        margin: 50px 0px; 
    }       
}
#kasetony-podswietlane h3{
    font-size: 1.1em;
    text-shadow: 0px 0px 1px #003;
}
#kasetony-podswietlane .left{
    padding: 0;
}
@media all and (max-width: 768px){
    #kasetony-podswietlane .left{
        padding: 0px 30px;
    }    
}
#kasetony-podswietlane .left img{
    width: 100%;
}
@media all and (max-width: 1200px){
    #kasetony-podswietlane .left img{
        height: inherit;
    }
}
@media all and (max-width: 992px){
    #kasetony-podswietlane .left{
        display: none;
    }
}
@media all and (max-width: 768px){
    #kasetony-podswietlane .left{
        display: block;
    }
    #kasetony-podswietlane .left img{
        width: 100%;
        height: 290px;
    }
}
#kasetony-podswietlane .left span{
    color: black;
    font-weight: bold;
    font-size: 0.9em;
}
#kasetony-podswietlane .left p{
    color: #FD6103;
    font-size: 0.9em;
}
#kasetony-podswietlane .right{
    padding: 0px 50px;
}
@media all and (max-width: 768px){
    #kasetony-podswietlane .right{
        padding: 0px 30px;
    }    
}
#kasetony-podswietlane .right .baner-ul-right ul li{
    color: #48BCBB;
}
#kasetony-podswietlane .right .baner-ul-right h3{
    color: #48BCBB;
}
/* OKLEJANIE POJAZDÓW */
#vehicle-wrapping{
    margin: 50px 50px; 
}
@media all and (max-width: 768px){
    #vehicle-wrapping{
        margin: 50px 0px; 
    }       
}
#vehicle-wrapping h3{
    font-size: 1.1em;
    text-shadow: 0px 0px 1px #003;
}
#vehicle-wrapping .left{
    padding: 0;
}
#vehicle-wrapping .left img{
    width: 100%;
}
@media all and (max-width: 1200px){
    #vehicle-wrapping .left img{
        height: inherit;
    }
}
@media all and (max-width: 992px){
    #vehicle-wrapping .left{
        display: none;
    }
}
@media all and (max-width: 768px){
    #vehicle-wrapping .left{
        display: block;
    }
    #vehicle-wrapping .left img{
        width: 100%;
        height: 290px;
    }
}
#vehicle-wrapping .right{
    padding: 0px 50px;
}
@media all and (max-width: 768px){
    #vehicle-wrapping .right{
        padding: 0px 30px;
    }    
}
#vehicle-wrapping .bottom-ul{
    border: 1px solid rgba(51, 51, 51, 0.3);
    background: white;
    color: black;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

#vehicle-wrapping .bottom-ul ul li{
    color: black;
}
/* TABLICE ŚWIETLNE */
#blackboard-light{
   margin: 50px 50px;  
}
@media all and (max-width: 768px){
    #blackboard-light{
       margin: 50px 30px;  
    }   
}
#blackboard-light h3{
    font-size: 1.1em;
    text-shadow: 0px 0px 1px #003;
}
#blackboard-light .left{
    padding: 0;
}
@media all and (max-width: 768px){
    #blackboard-light .left{
        padding: 0px 30px;
    }    
}
#blackboard-light .left img{
    width: 100%;
}
@media all and (max-width: 1200px){
    #blackboard-light .left img{
        height: inherit;
    }
}
@media all and (max-width: 992px){
    #blackboard-light .left{
        display: none;
    }
}
@media all and (max-width: 768px){
    #blackboard-light .left{
        display: block;
        padding: 0;
    }
    #blackboard-light .left img{
        width: 100%;
        height: 290px;
    }
}
#blackboard-light .left span{
    color: black;
    font-weight: bold;
    font-size: 0.9em;
}
#blackboard-light .left p{
    color: #FD6103;
    font-size: 0.9em;
}

#blackboard-light .right{
    padding: 0px 50px;
}
@media all and (max-width: 768px){
    #blackboard-light .right{
        padding: 0px 0px;
    }    
}

/* SOCIALMEDIA */
#socialmedia{
   margin: 50px 50px;  
}
@media all and (max-width: 768px){
    #socialmedia{
       margin: 50px 30px;  
    }   
}
#socialmedia h3{
    font-size: 1.1em;
    text-shadow: 0px 0px 1px #003;
}
#socialmedia .left{
    padding: 0;
}
@media all and (max-width: 768px){
    #socialmedia .left{
        padding: 0px 30px;
    }    
}
#socialmedia .left img{
    width: 100%;
}
@media all and (max-width: 1200px){
    #socialmedia .left img{
        height: inherit;
    }
}
@media all and (max-width: 992px){
    #socialmedia .left{
        display: none;
    }
}
@media all and (max-width: 768px){
    #socialmedia .left{
        display: block;
        padding: 0;
    }
    #socialmedia .left img{
        width: 100%;
        height: 290px;
    }
}
#socialmedia .left span{
    color: black;
    font-weight: bold;
    font-size: 0.9em;
}
#socialmedia .left p{
    color: #FD6103;
    font-size: 0.9em;
}
#socialmedia .right{
    padding: 0px 50px;
}
@media all and (max-width: 768px){
    #socialmedia .right{
        padding: 0px 0px;
    }    
}
/* LITERY 3D */
#banery-reklamowe .container-fluid .right > div.litery-3d-img{
	height: auto;
	background: white;
}
@media all and (max-width: 992px){
	#banery-reklamowe .container-fluid .right > div.litery-3d-img{
		height: auto;
	}
}
#banery-reklamowe .container-fluid .right > div.litery-3d-img > div.img-one{
	border-left: 1px solid rgba(0,0,0,0.5);
}
#banery-reklamowe .container-fluid .right > div.litery-3d-img > div.img-one,
#banery-reklamowe .container-fluid .right > div.litery-3d-img > div.img-two,
#banery-reklamowe .container-fluid .right > div.litery-3d-img > div.img-three{
	position: relative;
	border-right: 1px solid rgba(0,0,0,0.5);
	border-top: 1px solid rgba(0,0,0,0.5);
	border-bottom: 1px solid rgba(0,0,0,0.5);
	height: 150px;
	padding: 0;
}
#banery-reklamowe .container-fluid .right > div.litery-3d-img > div.img-one > img,
#banery-reklamowe .container-fluid .right > div.litery-3d-img > div.img-two > img,
#banery-reklamowe .container-fluid .right > div.litery-3d-img > div.img-three > img{
	width: 100%;
	height: 148px;
}
@media all and (max-width: 992px){
	#banery-reklamowe .container-fluid .right > div.litery-3d-img > div.img-two,
	#banery-reklamowe .container-fluid .right > div.litery-3d-img > div.img-three{
		border-left: 1px solid rgba(0,0,0,0.5);
	}
	#banery-reklamowe .container-fluid .right > div.litery-3d-img > div.img-one{
		border-bottom: 0px;
	}
	#banery-reklamowe .container-fluid .right > div.litery-3d-img > div.img-two{
		border-top: 1px solid rgba(0,0,0,0.5);
	}
	#banery-reklamowe .container-fluid .right > div.litery-3d-img > div.img-one > img,
	#banery-reklamowe .container-fluid .right > div.litery-3d-img > div.img-two > img,
	#banery-reklamowe .container-fluid .right > div.litery-3d-img > div.img-three > img{
		height: 149px;
	}
}
#banery-reklamowe .container-fluid .right > div.litery-3d-img > div.img-four{
	position: relative;
	height: 150px;
	background: #0AC705;

	color: white;
	text-shadow: 0px 0px 1px black;
	border: 0px;
}
#banery-reklamowe .container-fluid .right > div.litery-3d-img > div.img-one > p,
#banery-reklamowe .container-fluid .right > div.litery-3d-img > div.img-two > p,
#banery-reklamowe .container-fluid .right > div.litery-3d-img > div.img-three > p,
#banery-reklamowe .container-fluid .right > div.litery-3d-img > div.img-four > p{
	position: absolute;
	left: 10%;
	top: 5%;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#banery-reklamowe .container-fluid .right > .litery-3d-img > .img-one > i,
#banery-reklamowe .container-fluid .right > .litery-3d-img > .img-two > i,
#banery-reklamowe .container-fluid .right > .litery-3d-img > .img-three > i,
#banery-reklamowe .container-fluid .right > .litery-3d-img > .img-four > i{
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 3em;
}
#banery-reklamowe .container-fluid .right > div.litery-3d-img > div.img-one > span,
#banery-reklamowe .container-fluid .right > div.litery-3d-img > div.img-two > span,
#banery-reklamowe .container-fluid .right > div.litery-3d-img > div.img-three > span,
#banery-reklamowe .container-fluid .right > div.litery-3d-img > div.img-four > span{
	position: absolute;
	bottom: 10px;
	left: 50%;
	text-align: center;
	transform: translateX(-50%);
	line-height: 1em;
	font-weight: bold;
	letter-spacing: 0.1em;
	width: 100%;
}
#banery-reklamowe .container-fluid .right .liter-3d-bottom{
    position: relative;
    padding-top: 20px;
    display: block;
    color: #FD6103;
    text-align: center;
}
#banery-reklamowe .container-fluid .right .liter-3d-bottom span{
    margin-top: 10px;
    line-height: 1.5em;
    position: relative;
    top: 10px;
    font-weight: bold;
    letter-spacing: 1px;
}

/* LOGOTYPY */
#logotype{
   margin: 50px 50px;  
}
@media all and (max-width: 768px){
    #logotype{
       margin: 50px 30px;  
    }   
}
#logotype h3{
    font-size: 1.1em;
    text-shadow: 0px 0px 1px #003;
}
#logotype .left{
    padding: 0;
}
@media all and (max-width: 768px){
    #logotype .left{
        padding: 0px 30px;
    }    
}
#logotype .left img{
    width: 100%;
}
@media all and (max-width: 1200px){
    #logotype .left img{
        height: inherit;
    }
}
@media all and (max-width: 992px){
    #logotype .left{
        display: none;
    }
}
@media all and (max-width: 768px){
    #logotype .left{
        display: block;
        padding: 0;
    }
    #logotype .left img{
        width: 100%;
        height: 290px;
    }
}
#logotype .left span{
    color: black;
    font-weight: bold;
    font-size: 0.9em;
}
#logotype .left p{
    color: #FD6103;
    font-size: 0.9em;
}
#logotype .img-logotypy{
    margin-top: 35px;
}
#logotype .img-container img{
    border: 1px solid rgba(0,0,0,0.1);
}
#logotype .img-container-two{
    margin-top: 100px;
}
@media all and (max-width: 1200px){
    #logotype .img-container-two{
        margin-top: 110px;
    }      
}
@media all and (max-width: 992px){
    #logotype .img-container-two{
        margin-top: 150px;
    }      
}
@media all and (max-width: 768px){
    #logotype .img-container img{
        position: relative;
        left: 50%;
        width: 60%;
        transform: translateX(-50%);
        width: 100%;
    } 
    #logotype .img-container img{
        margin-top: 10px;
    }     
}
#logotype .right{
    padding: 0px 50px;
}
@media all and (max-width: 768px){
    #logotype .right{
        padding: 0px 0px;
    }    
}
/* FOTOTAPETY */
#murals{
   margin: 50px 50px;  
}
@media all and (max-width: 768px){
    #murals{
       margin: 50px 30px;  
    }    
}
@media all and (max-width: 768px){
    #murals h1{
        margin-bottom: 65px;   
    }
}
#murals h3{
    font-size: 1.1em;
    text-shadow: 0px 0px 1px #003;
}
#murals .left{
    padding: 0;
}
@media all and (max-width: 768px){
    #murals .left{
        padding: 0px 30px;
    }    
}
#murals .left img{
    width: 100%;
}
@media all and (max-width: 1200px){
    #murals .left img{
        height: inherit;
    }
}
@media all and (max-width: 992px){
    #murals .left{
        display: none;
    }
}
@media all and (max-width: 768px){
    #murals .left{
        display: block;
        padding: 0;
    }
    #murals .left img{
        width: 100%;
        height: 290px;
    }
}
#murals .left span{
    color: black;
    font-weight: bold;
    font-size: 0.9em;
}
#murals .left p{
    color: #FD6103;
    font-size: 0.9em;
}
#murals .left p.blog-link{
    color: black;
    font-size: 0.9em;
}
#kasetony-podswietlane .left p.blog-link{
    color: black;
    font-size: 0.9em;
}
#murals .right ul li{
    list-style: square;
    letter-spacing: 1px;
    font-size: 0.9em;
    font-family: 'Lato', sans-serif;
}
#murals .right{
    padding: 0px 50px;
}
@media all and (max-width: 768px){
    #murals .right{
        padding: 0px 0px;
    }   
}
#murals .bottom-ul{
    border: 1px solid rgba(51, 51, 51, 0.3);
    background: white;
    color: black;
    border-radius: 5px;
}
#murals .bottom-ul h3{
    margin-left: 15px;
}
#murals .bottom-ul ul li{
    color: black;
}
/* NAKLEJKI */
#stickers{
   margin: 50px 50px;  
}
@media all and (max-width: 768px){
    #stickers{
       margin: 50px 30px;  
    }    
}
@media all and (max-width: 768px){
    #stickers h1{
        margin-bottom: 65px;   
    }
}
#stickers h3{
    font-size: 1.1em;
    text-shadow: 0px 0px 1px #003;
}
#stickers .left{
    padding: 0;
}
@media all and (max-width: 768px){
    #stickers .left{
        padding: 0px 30px;
    }    
}
#stickers .left img{
    width: 100%;
}
@media all and (max-width: 1200px){
    #stickers .left img{
        height: inherit;
    }
}
@media all and (max-width: 992px){
    #stickers .left{
        display: none;
    }
}
@media all and (max-width: 768px){
    #stickers .left{
        display: block;
        padding: 0;
    }
    #stickers .left img{
        width: 100%;
        height: 290px;
    }
}
#stickers .left span{
    color: black;
    font-weight: bold;
    font-size: 0.9em;
}
#stickers .left p{
    color: #FD6103;
    font-size: 0.9em;
}
#stickers table.foto{
    border: 1px solid rgba(0,0,0,0.1);
    font-size: 1.2rem;
}
#stickers table.foto thead{
    background: #003;
    color: white;
    border: 1px solid rgba(0,0,0,0.1);
}
#stickers table.foto thead td{
    border: 1px solid rgba(0,0,0,0.6);
}
#stickers table.foto thead td:nth-child(1){
    border-right: 1px solid white;
}
#stickers table.foto tbody td:nth-child(1){
    color: #003;
    font-family: 'Lato', sans-serif;
    text-shadow: 0px 0px 1px #003;
}
#stickers .right{
    padding: 0px 50px;
}
@media all and (max-width: 768px){
    #stickers .right{
        padding: 0px 0px;
    }    
}
#stickers .right .naklejki-bottom{
    font-weight: bold;
    text-shadow: 0px 0px 1px black;
}
/* KONSTRUKCJE STALOWE */
#steel-structures{
   margin: 50px 50px;  
}
@media all and (max-width: 768px){
    #steel-structures{
       margin: 50px 0px;  
    }       
}
@media all and (max-width: 768px){
    #steel-structures h1{
        margin-bottom: 65px;
    }
}
#steel-structures h3{
    font-size: 1.1em;
    text-shadow: 0px 0px 1px #003;
}
#steel-structures .left{
    padding: 0;
}
#steel-structures .left img{
    width: 100%;
}
@media all and (max-width: 1200px){
    #steel-structures .left img{
        height: inherit;
    }
}
@media all and (max-width: 992px){
    #steel-structures .left{
        display: none;
    }
}
@media all and (max-width: 768px){
    #steel-structures .left{
        display: block;
        padding: 0px 30px;
    }
    #steel-structures .left img{
        width: 100%;
        height: 290px;
    }
}
#steel-structures .left span{
    color: black;
    font-weight: bold;
    font-size: 0.9em;
}
#steel-structures .left p{
    color: #FD6103;
    font-size: 0.9em;
}
#steel-structures .right{
    padding: 0px 50px;
}
@media all and (max-width: 768px){
    #steel-structures .right{
        padding: 0px 30px;
    }    
}
/* GRAFIKI PODŁOGOWE */
#floor-graphics{
   margin: 50px 50px;  
}
@media all and (max-width: 768px){
    #floor-graphics{
       margin: 50px 0px;  
    }   
}
#floor-graphics h3{
    font-size: 1.1em;
    text-shadow: 0px 0px 1px #003;
}
#floor-graphics .left{
    padding: 0;
}
#floor-graphics .left img{
    width: 100%;
}
@media all and (max-width: 1200px){
    #floor-graphics .left img{
        height: inherit;
    }
}
@media all and (max-width: 992px){
    #floor-graphics .left{
        display: none;
    }
}
@media all and (max-width: 768px){
    #floor-graphics .left{
        display: block;
        padding: 0px 30px;
    }
    #floor-graphics .left img{
        width: 100%;
        height: 290px;
    }
}
#floor-graphics .left span{
    color: black;
    font-weight: bold;
    font-size: 0.9em;
}
#floor-graphics .left p{
    color: #FD6103;
    font-size: 0.9em;
}
#floor-graphics .right{
    padding: 0px 50px;
}
@media all and (max-width: 768px){
    #floor-graphics .right{
        padding: 0px 30px;
    }    
}
#floor-graphics .right .baner-ul-right ul li{
    color: #48BCBB;
}
#floor-graphics .right .baner-ul-right h3{
    color: #48BCBB;
}
/* WIZYTÓWKI */
#business-cards{
   margin: 50px 50px;  
}
@media all and (max-width: 768px){
    #business-cards{
       margin: 50px 0px;  
    }   
}
@media all and (max-width: 768px){
    #business-cards h1{
        margin-bottom: 65px;   
    }
}
#business-cards h3{
    font-size: 1.1em;
    text-shadow: 0px 0px 1px #003;
}
#business-cards .left{
    padding: 0;
}
#business-cards .left img{
    width: 100%;
}
@media all and (max-width: 1200px){
    #business-cards .left img{
        height: inherit;
    }
}
@media all and (max-width: 992px){
    #business-cards .left{
        display: none;
    }
}
@media all and (max-width: 768px){
    #business-cards .left{
        display: block;
        padding: 0px 30px;
    }
    #business-cards .left img{
        width: 100%;
        height: 290px;
    }
}
#business-cards .left span{
    color: black;
    font-weight: bold;
    font-size: 0.9em;
}
#business-cards .left p{
    color: #FD6103;
    font-size: 0.9em;
}

#business-cards table.wizytowki{
    border: 1px solid rgba(0,0,0,0.1);
}
#business-cards table.wizytowki thead{
    background: #003;
    color: white;
    border: 1px solid rgba(0,0,0,0.1);
}
#business-cards table.wizytowki tbody{
    font-size: 1.2rem;
}
#business-cards table.wizytowki thead td{
    border: 1px solid rgba(0,0,0,0.6);
}
#business-cards table.wizytowki thead td:nth-child(1){
    border-right: 1px solid white;
}
#business-cards .right{
    padding: 0px 50px;
}
@media all and (max-width: 768px){
    #business-cards .right{
        padding: 0px 30px;
    }    
}
/* PLAKATY I ULOTKI */
#posters-leaflets{
   margin: 50px 50px;  
}
@media all and (max-width: 768px){
    #posters-leaflets{
       margin: 50px 30px;  
    }   
}
@media all and (max-width: 768px){
    #posters-leaflets h1{
        margin-bottom: 65px;   
    }
}
#posters-leaflets h3{
    font-size: 1.1em;
    text-shadow: 0px 0px 1px #003;
}
#posters-leaflets .left{
    padding: 0;
}
#posters-leaflets .left img{
    width: 100%;
}
@media all and (max-width: 1200px){
    #posters-leaflets .left img{
        height: inherit;
    }
}
@media all and (max-width: 992px){
    #posters-leaflets .left{
        display: none;
    }
}
@media all and (max-width: 768px){
    #posters-leaflets .left{
        display: block;
    }
    #posters-leaflets .left img{
        width: 100%;
        height: 290px;
    }
}
#posters-leaflets .left span{
    color: black;
    font-weight: bold;
    font-size: 0.9em;
}
#posters-leaflets .left p{
    color: #FD6103;
    font-size: 0.9em;
}
#posters-leaflets .right{
    padding: 0px 50px;
}
@media all and (max-width: 768px){
    #posters-leaflets .right{
        padding: 0px 0px;
    }    
}

/* BILBORDY */
#billboard{
   margin: 50px 50px;  
}
@media all and (max-width: 768px){
    #billboard{
       margin: 50px 30px;  
    }    
}
@media all and (max-width: 768px){
   #billboard h1{
        margin-bottom: 65px;  
    }
}
#billboard h3{
    font-size: 1.1em;
    text-shadow: 0px 0px 1px #003;
}
#billboard .left{
    padding: 0;
}
#billboard .left img{
    width: 100%;
}
@media all and (max-width: 1200px){
    #billboard .left img{
        height: inherit;
    }
}
@media all and (max-width: 992px){
    #billboard .left{
        display: none;
    }
}
@media all and (max-width: 768px){
    #billboard .left{
        display: block;
    }
    #billboard .left img{
        width: 100%;
        height: 290px;
    }
}
#billboard .left span{
    color: black;
    font-weight: bold;
    font-size: 0.9em;
}
#billboard .left p{
    color: #FD6103;
    font-size: 0.9em;
}
#billboard .right{
    padding: 0px 50px;
}
@media all and (max-width: 768px){
    #billboard .right{
        padding: 0px 0px;
    }    
}

/* GRAWEOWANIE */
#engraving{
   margin: 50px 50px;  
}
@media all and (max-width: 768px){
    #engraving{
       margin: 50px 30px;  
    }   
}
@media all and (max-width: 768px){
   #engraving h1{
        margin-bottom: 65px;  
    }
}
#engraving h3{
    font-size: 1.1em;
    text-shadow: 0px 0px 1px #003;
}
#engraving .left{
    padding: 0;
}
#engraving .left img{
    width: 100%;
}
@media all and (max-width: 1200px){
    #engraving .left img{
        height: inherit;
    }
}
@media all and (max-width: 992px){
    #engraving .left{
        display: none;
    }
}
@media all and (max-width: 768px){
    #engraving .left{
        display: block;
    }
    #engraving .left img{
        width: 100%;
        height: 290px;
    }
}
#engraving .left span{
    color: black;
    font-weight: bold;
    font-size: 0.9em;
}
#engraving .left p{
    color: #FD6103;
    font-size: 0.9em;
}
#engraving .right{
    padding: 0px 50px;
}
@media all and (max-width: 768px){
    #engraving .right{
        padding: 0px 0px;
    }   
}

/* WITRYNY */
#storefronts{
   margin: 50px 50px;  
}
@media all and (max-width: 768px){
    #storefronts{
       margin: 50px 30px;  
    }    
}
@media all and (max-width: 768px){
   #storefronts h1{
        margin-bottom: 65px;  
    }
}
#storefronts h3{
    font-size: 1.1em;
    text-shadow: 0px 0px 1px #003;
}
#storefronts .left{
    padding: 0;
}
#storefronts .left img{
    width: 100%;
}
@media all and (max-width: 1200px){
    #storefronts .left img{
        height: inherit;
    }
}
@media all and (max-width: 992px){
    #storefronts .left{
        display: none;
    }
}
@media all and (max-width: 768px){
    #storefronts .left{
        display: block;
    }
    #storefronts .left img{
        width: 100%;
        height: 290px;
    }
}
#storefronts .left span{
    color: black;
    font-weight: bold;
    font-size: 0.9em;
}
#storefronts .left p{
    color: #FD6103;
    font-size: 0.9em;
}
#storefronts .right{
    padding: 0px 50px;
}
@media all and (max-width: 768px){
    #storefronts .right{
        padding: 0px 0px;
    }   
}

/* ROLLUP */
#rollup{
   margin: 50px 50px;  
}
@media all and (max-width: 768px){
    #rollup{
       margin: 50px 30px;  
    }   
}
@media all and (max-width: 768px){
   #rollup h1{
        margin-bottom: 65px;  
    }
}
#rollup h3{
    font-size: 1.1em;
    text-shadow: 0px 0px 1px #003;
}
#rollup .left{
    padding: 0;
}
#rollup .left img{
    width: 100%;
}
@media all and (max-width: 1200px){
    #rollup .left img{
        height: inherit;
    }
}
@media all and (max-width: 992px){
    #rollup .left{
        display: none;
    }
}
@media all and (max-width: 768px){
    #rollup .left{
        display: block;
    }
    #rollup .left img{
        width: 100%;
        height: 290px;
    }
}
#rollup .left span{
    color: black;
    font-weight: bold;
    font-size: 0.9em;
}
#rollup .left p{
    color: #FD6103;
    font-size: 0.9em;
}
#rollup .right .rollup-bootom{
    font-weight: bold;
    text-shadow: 0px 0px 1px black;
}
#rollup .right{
    padding: 0px 50px;
}
@media all and (max-width: 768px){
    #rollup .right{
        padding: 0px 0px;
    }   
}
#rollup .right .baner-ul-right ul li{
    color: #48BCBB;
}
#rollup .right .baner-ul-right h3{
    color: #48BCBB;
}




/* FOLIA FLEX I FLOCK */
#flex-flock{
   margin: 50px 50px;  
}
@media all and (max-width: 768px){
    #flex-flock{
       margin: 50px 15px;  
    }   
}
@media all and (max-width: 768px){
   #flex-flock h1{
        margin-bottom: 65px;  
    }
}
#flex-flock h3{
    font-size: 1.1em;
    text-shadow: 0px 0px 1px #003;
}
#flex-flock .left{
    padding: 0;
}
#flex-flock .left img{
    width: 100%;
}
@media all and (max-width: 1200px){
    #flex-flock .left img{
        height: inherit;
    }
}
@media all and (max-width: 768px){
    #flex-flock .left{
        display: block;
    }
    #flex-flock .left img{
        width: 100%;
        height: 290px;
    }
}
#flex-flock ul li{
    list-style: square;
}
#flex-flock .left span{
    color: black;
    font-weight: bold;
    font-size: 0.9em;
}
#flex-flock .left p{
    color: #FD6103;
    font-size: 0.9em;
}
@media all and (max-width: 992px){
    #flex-flock .left{
        display: none;
    }
}
@media all and (max-width: 768px){
    #flex-flock .left{
        display: block;
        padding: 0px 20px;
    }
}
#flex-flock .right{
    padding: 0px 50px;
}
@media all and (max-width: 768px){
    #flex-flock .right{
        padding: 0px 0px;
    }   
}
#flex-flock .right .baner-ul-left ul li{
    color: green;
}
#flex-flock .right .baner-ul-left h3{
    color: green;
}
#flex-flock .right .rollup-bootom{
    font-weight: bold;
    text-shadow: 0px 0px 1px black;
}
#flex-flock .right .baner-ul-right ul li{
    color: red;
}
#flex-flock .right .baner-ul-right h3{
    color: red;
}
/* SUBLIMACJA */
#sublimation{
   margin: 50px 50px;  
}
@media all and (max-width: 768px){
    #sublimation{
       margin: 50px 15px;  
    }   
}
@media all and (max-width: 768px){
    #sublimation h1{
        margin-bottom: 65px;   
    }
}
#sublimation h3{
    font-size: 1.1em;
    text-shadow: 0px 0px 1px #003;
}
#sublimation .left{
    padding: 0;
}
#sublimation .left img{
    width: 100%;
}
@media all and (max-width: 1200px){
    #sublimation .left img{
        height: inherit;
    }
}
@media all and (max-width: 768px){
    #sublimation .left{
        display: block;
    }
    #sublimation .left img{
        width: 100%;
        height: 290px;
    }
}
#sublimation ul li{
    list-style: square;
}
#sublimation .left span{
    color: black;
    font-weight: bold;
    font-size: 0.9em;
}
#sublimation .left p{
    color: #FD6103;
    font-size: 0.9em;
}
@media all and (max-width: 992px){
    #sublimation .left{
        display: none;
    }
}
@media all and (max-width: 768px){
    #sublimation .left{
        display: block;
        padding: 0px 20px;
    }
}
#sublimation .right{
    padding: 0px 50px;
}
@media all and (max-width: 768px){
    #sublimation .right{
        padding: 0px 0px;
    }   
}
#sublimation .right .rollup-bootom{
    font-weight: bold;
    text-shadow: 0px 0px 1px black;
}
#sublimation .right .baner-ul-left ul li{
    color: green;
}
#sublimation .right .baner-ul-left h3{
    color: green;
}
#sublimation .right .rollup-bootom{
    font-weight: bold;
    text-shadow: 0px 0px 1px black;
}
#sublimation .right .baner-ul-right ul li{
    color: red;
}
#sublimation .right .baner-ul-right h3{
    color: red;
}

/* NADRUK-DTG */
#print-dtg{
   margin: 50px 50px;  
}
@media all and (max-width: 768px){
    #print-dtg{
       margin: 50px 15px;  
    }   
}
@media all and (max-width: 768px){
   #print-dtg h1{
        margin-bottom: 65px;  
    }
}
#print-dtg h3{
    font-size: 1.1em;
    text-shadow: 0px 0px 1px #003;
}
#print-dtg .left{
    padding: 0;
}
#print-dtg .left img{
    width: 100%;
}
@media all and (max-width: 1200px){
    #print-dtg .left img{
        height: inherit;
    }
}
@media all and (max-width: 768px){
    #print-dtg .left{
        display: block;
    }
    #print-dtg .left img{
        width: 100%;
        height: 290px;
    }
}
#print-dtg ul li{
    list-style: square;
}
#print-dtg .left span{
    color: black;
    font-weight: bold;
    font-size: 0.9em;
}
#print-dtg .left p{
    color: #FD6103;
    font-size: 0.9em;
}
@media all and (max-width: 992px){
    #print-dtg .left{
        display: none;
    }
}
@media all and (max-width: 768px){
    #print-dtg .left{
        display: block;
        padding: 0px 20px;
    }
}
#print-dtg .right{
    padding: 0px 50px;
}
@media all and (max-width: 768px){
    #print-dtg .right{
        padding: 0px 0px;
    }   
}
#print-dtg .right .rollup-bootom{
    font-weight: bold;
    text-shadow: 0px 0px 1px black;
}
#print-dtg .right .baner-ul-left ul li{
    color: green;
}
#print-dtg .right .baner-ul-left h3{
    color: green;
}
#print-dtg .right .rollup-bootom{
    font-weight: bold;
    text-shadow: 0px 0px 1px black;
}
#print-dtg .right .baner-ul-right ul li{
    color: red;
}
#print-dtg .right .baner-ul-right h3{
    color: red;
}
/* SITODRUK */
#screen-printing{
   margin: 50px 50px;  
}
@media all and (max-width: 768px){
    #screen-printing{
       margin: 50px 15px;  
    }    
}
@media all and (max-width: 768px){
   #screen-printing h1{
        margin-bottom: 65px;  
    }
}
#screen-printing h3{
    font-size: 1.1em;
    text-shadow: 0px 0px 1px #003;
}
#screen-printing .left{
    padding: 0;
}
#screen-printing .left img{
    width: 100%;
}
@media all and (max-width: 1200px){
    #screen-printing .left img{
        height: inherit;
    }
}
@media all and (max-width: 768px){
    #screen-printing .left{
        display: block;
    }
    #screen-printing .left img{
        width: 100%;
        height: 290px;
    }
}
#screen-printing ul li{
    list-style: square;
}
#screen-printing .left span{
    color: black;
    font-weight: bold;
    font-size: 0.9em;
}
#screen-printing .left p{
    color: #FD6103;
    font-size: 0.9em;
}
@media all and (max-width: 992px){
    #screen-printing .left{
        display: none;
    }
}
@media all and (max-width: 768px){
    #screen-printing .left{
        display: block;
        padding: 0px 20px;
    }
}
#screen-printing .right{
    padding: 0px 50px;
}
@media all and (max-width: 768px){
    #screen-printing .right{
        padding: 0px 0px;
    }   
}
#screen-printing .right .rollup-bootom{
    font-weight: bold;
    text-shadow: 0px 0px 1px black;
}
#screen-printing .right .baner-ul-left ul li{
    color: green;
}
#screen-printing .right .baner-ul-left h3{
    color: green;
}
#screen-printing .right .rollup-bootom{
    font-weight: bold;
    text-shadow: 0px 0px 1px black;
}
#screen-printing .right .baner-ul-right ul li{
    color: red;
}
#screen-printing .right .baner-ul-right h3{
    color: red;
}