#all #allrow { margin: 0; }
#all1 { background: #C50018; }
#all1 .nav-pills > li > a { border-left: 1px #3E4346 solid; border-radius: 0; padding: 0 10px; margin: 10px 0; color: #fff; }
#all1 .nav-pills > li:first-of-type > a { border : 0; }
#all1 .nav-pills > li.active > a, #all1 .nav-pills > li.active > a:hover, #all1 .nav-pills > li.active > a:focus { background-color: transparent; text-decoration: underline; }

.ismain #all2 { z-index: 20; }
/*#all2 { background: #E4E4E4; }*/
#all2 #top2 { margin: 10px auto; }
#all2 #sciezka { font-size: 90%; }
#all2 #sciezka .breadcrumb { margin: 10px 0; }
#all2 #sciezka .breadcrumb .active { color: #414244; }
#all2 #sciezka .breadcrumb a { color: #414244; }

#all2 #loginform #save { background: #C60019; color: #fff; border: 0; border-radius: 0; font-weight: 300; font-size: 30px; line-height: 0; height: 28px; }
#all2 #loginform #login { background: #fff url(login.png) 95% center no-repeat; }
#all2 #loginform #haslo { background: #fff url(pass.png) 95% center no-repeat; }
#all2 #loginform #reg { color: #C50117; text-decoration: none; cursor: pointer; background: #fff url(reg.png) 95% center no-repeat; padding-right: 30px; }
#all2 #loginform #reg:hover { text-decoration: underline; }
#all2 #loginform span { padding-right: 10px;}

#all2 .active2 { border-bottom: 5px #74B700 solid; padding-bottom: 10px; }

#all3 #boxy { margin: 4rem 0; }
#all3 #boxy .box .button { color: #73B700; background: url(wiecej.png) center left no-repeat; margin-left: 15px; padding-left: 20px; height: 20px; line-height: 18px; display: inline-block; }
#all3 #boxy .box .h2 a { color: #264281; font-size: 18px; position: absolute; top: 10px; left: 30px; }
#all3 #boxy .box .opis p { padding: 40px 15px 0 15px; font-weight: 300; }

#all3 #maindiv p { font-size: 150%; font-weight: 300; line-height: 150%; }

#all3 #maindiv2 { margin: 50px 0; }
#all3 #maindiv2 .krok { background: url(krok.png) 90% 50px no-repeat }
#all3 #maindiv2 .krok:last-of-type { background: transparent; }
#all3 #maindiv2 .krok p { text-transform: uppercase; font-size: 17px; text-align: center; padding-right: 50px; }

#all3 #maindiv3 { margin: 50px 0; }
#all3 #maindiv3 .realizacje { margin: 0 auto 50px auto; width: 40%; text-align: center; text-transform: uppercase; font-size: 24px; padding: 20px 50px; border: 1px #C4C4C4 solid; background: #F0F0F0; }

#all3 #ct { margin: 2rem 0; }
#all3 #ct .img-responsive { /*margin: 10px;*/ }
#all3 #ct .button { background: #18479F; color: #fff; padding: 5px 15px; font-size: 80%; margin: 10px 0; float: left; }

#all3 #ct .item { width: 100%; float: left; }
#all3 #ct .item .button { background: #18479F; color: #fff; padding: 5px 15px; font-size: 80%; }

#all3 .naskrotydiv ul { margin: 3rem 10%; padding: 0; list-style-position: inside; list-style-image: url(arrow-lewe-menu.jpg); }
#all3 .naskrotydiv ul li { color: #49494B; margin: 10px 0; }
#all3 .naskrotydiv ul li:hover { list-style-image: url(arrow-lewe-menu-active.jpg); }

#all3 #kontt h3 { margin: 0; padding: 0; margin-bottom: 20px; }
#all3 #kont h3 { text-transform: uppercase; margin: 25px 0; }
#all3 #kont label { font-weight: 300; }


#all3 #kontaktform #tokenimg { margin: 0; padding: 0; }
#all3 #kontaktform .form-control { border-radius: 2px; }
#all3 #kontaktform input[type=text].form-control { height: 44px; }
#all3 #kontaktform input[type=email].form-control { height: 44px; }
#all3 #kontaktform .alert { border-color: red !important; padding: 6px 12px; /*margin: 0;*/ }

#all3a { background: url(pattern_footer.jpg); padding: 50px 0; }
#all3a h2 { color: #fff; text-transform: uppercase; font-size: 30px; margin: 0; }
/*
#all4 #stopka a:not(:last-child)::after {content: '|'; display: inline-block; margin: 0 4px}
#all4 #stopka #podpis { margin: 2rem 0; display: block; }
#all4 #stopka #menu2 { margin: 2rem 0; }
*/
dialog {border: none}
dialog#komunikat { position: fixed; top: 20px; left: 20px; z-index: 101; background: #F2F2F2 url('info.png') no-repeat 12px 22px; color: #555; pointer-events: none; padding: 20px 30px 20px 35px; box-shadow: 0 0 5px rgba(0,0,0,0.3); max-width: 98%; opacity: 0; display: block; border: none; min-width: 180px;
    -webkit-transition: opacity 300ms ease-out;
    -moz-transition: opacity 300ms ease-out;
    -o-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out;
}
dialog#komunikat.visible {opacity: 1}

/***************************************************************
/********************     MAIN RULES    ************************
/**************************************************************/

a {display: inline-block}
#all3 { padding-top: 15px; padding-bottom: 50px}
#all3 #ct .item .button { font-size: 14px; padding: 12px 44px 12px; line-height: 100%;}
#all3 #ct .item .button:hover {text-decoration: none}
#all3 #podkat { margin-top: 25px;}
body {  font-family: 'Lato', sans-serif;}
body {min-width: 320px}
/*#ct #podkat .item { margin-bottom: 15px;}*/
.carousel-caption p { margin-bottom: 10px;}
.container {max-width: 100%}
#customtop { overflow: hidden; position: relative }
#customtop > div.image {margin-right: -100%}
#customtop > div.image > img {margin-left: 0%; transform: translateX(-100%);
  -webkit-animation: customtop 80s infinite linear; /* Safari 4+ */
  -moz-animation:    customtop 80s infinite linear; /* Fx 5+ */
  -o-animation:      customtop 80s infinite linear; /* Opera 12+ */
  animation:         customtop 80s infinite linear; /* IE 10+, Fx 29+ */
}
#customtop > div.text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}
#customtop > div.text::before { content: ''; display: inline-block; vertical-align: middle; height: 100%;}
#customtop > div.text > div { display: inline-block; vertical-align: middle; width: 100%;}
@-webkit-keyframes customtop {
    0% { transform: translateX(0%); margin-left: 0%; }
    50% { transform: translateX(-100%); margin-left: 50% }
    100% { transform: translateX(0%); margin-left: 0%; }
}
@-moz-keyframes customtop {
    0% { transform: translateX(0%); margin-left: 0%; }
    50% { transform: translateX(-100%); margin-left: 50% }
    100% { transform: translateX(0%); margin-left: 0%; }
}
@-o-keyframes customtop {
    0% { transform: translateX(0%); margin-left: 0%; }
    50% { transform: translateX(-100%); margin-left: 50% }
    100% { transform: translateX(0%); margin-left: 0%; }
}
@keyframes customtop {
    0% { transform: translateX(0%); margin-left: 0%; }
    50% { transform: translateX(-100%); margin-left: 50% }
    100% { transform: translateX(0%); margin-left: 0%; }
}
#datepicker .highlight {position: relative;}
#datepicker .highlight.link::after { content: ''; position: absolute; bottom: 0; right: 0px; border-bottom: 10px solid; border-left: 3px solid transparent; border-right: 7px solid transparent; transform: skew(-35deg); margin-right: -2px;}
#download {counter-reset: download;}
#download ol { padding-left: 0;}
#download ol li { display: inline-block; padding-right: 30px;}
#download ol li a { background: #F0522D url('chmurka125.png') no-repeat 87% center; padding: 13px 60px 13px 16px; line-height: 100%; color: #fff; border-radius: 5px; font-weight: 600; margin: 6px 0 0;}
#download ol li a:hover {text-decoration: none; background-color: #FA5C37}
#download ol li .title { display: block;}
#download ol li .title::before { content: counter(download)'.'; counter-increment: download; display: inline-block; margin-right: 5px}
.dropdown-menu { min-width: 0;}
.gmap { position: relative; height: 460px}
.gmap::before {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; cursor: pointer;}
.gmap.unlocked::before {content: none}
.gmap iframe {width: 100%; height: 100%; display: block}
.komunikat { margin-bottom: 15px; display: none;}
.komunikat output { display: inline-block; padding: 0; line-height: inherit; color: inherit;}
#ct img[align="left"],#ct img[style*="float: left"],#ct img[style*="float:left"]{ margin-bottom: 15px; margin-right: 15px;}
#ct img[align="right"],#ct img[style*="float: right"],#ct img[style*="float:right"]{ margin-bottom: 15px; margin-left: 15px;}
#kontt { padding-left: 0;}
#kont2 #fzc { padding-left: 0;}
#kont2 .row {margin-left: 0; margin-right: 0}
.lightbox .lb-image {max-width: none}
#map { margin-top: 40px;}
#modules { padding-top: 50px;}
#myCarousel3 .item { display: inline-block; vertical-align: top;}
.owl-carousel .item > div .carousel-caption { top: 50%; height: auto; bottom: auto; padding: 20px 0;        /*wycentrowane teksty na banerach*/
  -webkit-transform: translate(0,-50%);
      -ms-transform: translate(0,-50%);
          transform: translate(0,-50%);
}
.table table {width: 100%}
textarea {resize: vertical}


/*klasy*/
.button:hover {filter: brightness(110%); text-decoration: none}
.table {overflow: auto}
.yt {max-width: 100%;}
.yt > div { position: relative; height: 0; padding-bottom: 56%;}     /* ratio 16:9 */
.yt iframe { position: absolute; width: 100%; height: 100%;}


/***************************************************************
/*********************     COLORS     **************************
/**************************************************************/

a {color: inherit}
a:hover, a:focus {color: #F15330}
#all1 {background-color: #FFF}
#all3 { background-color: #fff; color: #000}
/*#all2 {background-color: #FFC904}*/
#all2a {background-color: transparent}
#all3 #ct .item .button { background-color: #E10000;}
#all3 #ct .item .button:hover { background-color: #B41414;}
#all3 #kontaktform input.alert, #all3 #kontaktform textarea.alert { border-color: #f00;}
#all4 { background-color: #F8F8F8; color: #898989;}
#boxes { color: #000; }
#ciastkodivf { background-color: #000000;}
#datepicker .highlight { background: red;}
#datepicker .highlight.link::after { border-bottom-color: red; }
#all3 #kontaktform textarea.alert{border-color: red !important;}
div[id^="view"] { background-color: #FDF6F0;}
.dropdown-menu > li > a {color: #fff}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #F0522D;}
img { max-width: 100%; height: auto !important;}
#all3 #kafle .button { float: none; display: inline-block;}
#kafle > .item { width: 25%; vertical-align: top; text-align: center; display: inline-block; padding: 5px;}
#menu .dropdown-menu { background-color: #7B335B;}
.navbar-default .navbar-nav > li > a {border-color: #5C5952; color: #FFFFFF}
#menu .active, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff; background-color: transparent;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: none; color: #F0522D;}

/*margin on body or not*/
#all, #top > div > div {padding: 0}
#top > div { margin: 0;}

/***************************************************************
/*****************     CUSTOM RULES     ************************
/**************************************************************/
body, html {font-size: 14px}
.container {width: 1050px}

a:hover, a:focus { color: inherit;}
.nopadding {padding: 0}
#aktualnosci .author, #aktualnosci .date-added { display: none;}
#aktualnosci .button { background-color: #FFC904; padding: 3px 20px; font-size: 12px; margin-top: 10px}
#aktualnosci h4 { border-left: 5px solid #9C0066; padding-left: 10px; font-size: 14px; line-height: 100%;}
#aktualnosci .item { padding-bottom: 16px; background: url('aaaaa_03.png') repeat-x bottom; margin-bottom: 12px;}
#aktualnosci .item:last-of-type {background: none; margin-bottom: 0}
#aktualnosci .left { width: 33.3333%; float: left; padding-right: 3%;}
#aktualnosci .right { float: right; width: 66.6666%;}
#aktualnosci .showmore { background-color: #00A4E3; color: #fff; font-size: 12px; padding: 5px 10px; float: right; margin-top: -40px;}
#all1 { padding-top: 30px; padding-bottom: 30px;}
#all1a { border-top: 1px solid #E4E4E4;}
#all2 #top2 { margin: 6px auto;}
#all2.docked {background: none; min-height: 68px} /*żeby strona nie skakała przy dockowaniu*/
#all2.docked > div { position: fixed; top: 0; width: 100%; z-index: 2; background-color: rgba(0, 0, 0, 0.64); }
#all3 { padding-bottom: 0;}
#all3 #ct .item .button { background-color: #9C0066; padding: 6px 20px; font-size: 12px;}
#all3 #kontaktform .form-control { border-radius: 2px; border: 1px solid #D6D6D8; background: none; box-shadow: none;}
#all3 #kontaktform input.form-control { height: 36px !important; margin-bottom: 14px; background-color: #fff;}
#all3 #kontaktform textarea.form-control { background-color: #fff; min-height: 181px; height: 181px; max-height: 340px; margin-bottom: 20px;}
#all4 #stopka #podpis { text-align: right; margin: 0px 0 30px;}
.block {display: block; width: 100%}
#boxes { padding-left: 0; padding-right: 0;}
#boxes .box { display: inline-block; vertical-align: top; width: 33.3333%; text-align: center; padding: 4px;}
#boxes .box > div { position: relative; display: inline-block; position: relative; text-align: left;}
/*#boxes .box_descr { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 5px; color: #fff; text-transform: uppercase; font-weight: 600;}*/
#ct {color: #555658; font-size: 0.85rem}
#ct > h1 {margin-top: 5px}
#datepicker a { cursor: default;}
#datepicker > div { padding: 0; border: none; width: 100%; background: #00A4E3;}
#datepicker .highlight {background: none; border: none}
#datepicker .highlight a { background: #02A4E2; color: #fff;}
#datepicker .highlight:hover a { background: #0DAFED;}
#datepicker .highlight.link::after {margin-bottom: -2px}
#datepicker .highlight.link a {cursor: pointer}
#datepicker table tbody { border-style: solid; border-color: #fff; border-width: 10px 20px;}
#datepicker table tbody tr { border-bottom: 6px solid transparent;}
#datepicker table td a { background: none; border-radius: 50%; text-align: center; width: 30px; height: 30px; line-height: 24px; border: none; display: block; margin: 0 auto; color: #aaa; font-weight: 600; font-family: 'open sans'; font-size: 14px;}
#datepicker .ui-datepicker table { margin-bottom: 0;}
#datepicker .ui-datepicker-calendar > tbody { background-color: #fff;}
#datepicker .ui-datepicker-header { padding: 10px;}
#datepicker .ui-datepicker .ui-datepicker-prev, #datepicker .ui-datepicker .ui-datepicker-next { height: 100%;}
#datepicker .ui-datepicker-header, #datepicker .ui-datepicker-calendar > thead { background: #00A4E3; color: #fff; border: none; border-radius: 0;}
#datepickerHint { background: #fff; display: none; padding: 20px 20px 5px; border-top: 1px solid #ddd; font-size: 13px; margin-top: 1px;}
#datepickerHint .title { font-size: 16px; margin-bottom: 15px; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
div[id^="view"] {background: none}
.formdiv .foto { display: inline-block; vertical-align: top; width: 33.3333%; padding: 3px;}
.formdiv .foto img {
    -webkit-transition: transform 200ms ease-out;
    -moz-transition: transform 200ms ease-out;
    -o-transition: transform 200ms ease-out;
    transition: transform 200ms ease-out;
}
.formdiv .foto:hover img { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.formdiv .foto > div { overflow: hidden;}
.gmap {height: 330px}
h1, .h1 { color: #fff; text-transform: uppercase; background-color: #9C0066; font-size: 22px; font-weight: 600; display: inline-block; padding: 4px 10px; margin-bottom: 15px;}
.ismain h1 { margin-top: 5px;}
h2, .h2 { text-transform: uppercase; color: #fff; background-color: #9C0066; font-size: 18px; display: inline-block; padding: 4px 10px;}
hr { border: none; height: 1px; background: url('aaaaa_03.png'); margin: 10px 0}
#kafle {/* background: url('aaaaa_03.png') repeat-x 0 0;*/ padding-top: 15px; margin-top: 15px;}
#all3 #kafle > .item { width: 25%; text-align: left; float: none; display: inline-block; vertical-align: top; padding: 10px;}
#all3 #ct #kafle .button:hover {background-color: #983A62}
#kafle >.item h3 { text-transform: uppercase; font-size: 1rem; margin-top: 5px;}
#kafle >.item .image, #kafle > .item .content { padding: 0;}
#kontakt_w { background-color: #9C0066; color: #fff; border: none; padding: 5px 30px 7px;}
#kont2 { margin-top: 40px;}
#label-sendcopy { display: none; }
.send-copy{position: relative;}
#label-sendcopy + label {cursor: pointer}
#label-sendcopy + label::before { content: ''; width: 24px; height: 20px; display: inline-block; border: 1px solid; vertical-align: middle; margin-right: 8px; background-color: #F1F1F1; border-color: #D5D7D6; position: relative; top: -2px; text-align: center; line-height: 20px; font-weight: 500;}
#label-sendcopy:checked + label::after {content: '';    display: inline-block;    position: absolute;    top: 4px;    left: 6px;    height: 22px;    width: 22px;    background-color: #999999;    border-radius: 25px;}
#licznik { float: left;}
.link01 { background: #FFC904 url('strzalki_13.png') no-repeat 9px center; line-height: 100%; padding: 6px 10px 6px 25px; color: #9C0065; text-transform: uppercase; border: none}
.link01:hover { text-decoration: none; background: #9D0067 url('strzalki_10.png') no-repeat 9px center; color: #fff;}
#linki_zewn {text-align: center}
#linki_zewn .item { display: inline-block; padding: 20px;}
#logo {float: left}
/*#main_kontakt {float: none; color: #949494; font-size: 18px;}*/
#main_kontakt { color: #949494; font-size: 18px; margin-top: 16px; float: right; width: auto;}
#main_kontakt > div { display: inline-block; vertical-align: top; padding-top: 30px; position: relative;}
#main_kontakt > .mail { background: url('strg_09.png') no-repeat left top;}
#main_kontakt > .mail a::after { content: '|'; display: inline-block; margin: 0 12px; position: relative; left: 2px; color: #949494;}
#main_kontakt > .tel { background: url('strg_06.png') no-repeat left top;}
#main_kontakt strong { color: #9A0267; font-weight: 500;}
#map h3 { text-transform: uppercase; font-size: 16px; margin-bottom: 25px; font-weight: 600; color: #000;}
#menu > ul { float: none !important;}
.mod .collapse, .mod .collapsing { padding-left: 10px;}
#mod_kalendarz {overflow: hidden; padding: 0;}
#mod_wnioskodawca1, #mod_wnioskodawca2 { font-size: 13px;}
#mod_wnioskodawca1 .link01, #mod_wnioskodawca2 .link01 { font-size: 14px;}
.mod .tmp01 {padding-bottom: 25px}
#myCarousel1 .carousel-caption, #myCarousel2 .carousel-caption { text-align: left; line-height: 110%; font-size: 14px; font-weight: 500; width: 1290px; left: 0; right: 0; margin: auto; max-width: 100%; padding: 0 35px;}
#myCarousel1 .carousel-caption h2, #myCarousel2 .carousel-caption h2 {background: none; padding: 0; margin: 0 0 10px; line-height: 100%; font-size: 64px; font-weight: 300;}
#myCarousel1 .carousel-caption strong, #myCarousel2 .carousel-caption strong { font-weight: 600;}
#myCarousel2 img { max-width: none;}
#myCarousel1 .readmore, #myCarousel2 .readmore { background-color: #00A4E3; text-shadow: none; line-height: 100%; padding: 7px 10px; font-size: 12px; display: block; width: 80px; text-align: center; margin-top: 12px; margin-bottom: -26px;}
#myCarousel2 .readmore:hover {color: #fff}
#myCarousel4 {width: 65%}
#myCarousel4 .item { width: 20%; display: inline-block; padding: 10px; vertical-align: middle;}
#myCarousel4 .owl-pagination { display: none;}
#myCarousel4 .owl-prev, #myCarousel5 .owl-prev { background: url('strg_94.png') no-repeat center; left: 10px}
#myCarousel4 .owl-next, #myCarousel5 .owl-next { background: url('strg_92.png') no-repeat center; right: 10px}
#myCarousel4 { padding-left: 40px; padding-right: 40px;}
#myCarousel4 .owl-prev, #myCarousel5 .owl-prev, #myCarousel4 .owl-next, #myCarousel5 .owl-next { position: absolute; top: 0; bottom: 0; margin: auto; width: 16px; height: 30px; font-size: 0; color: inherit;}
#myCarousel4 .owl-prev:hover, #myCarousel5 .owl-prev:hover, #myCarousel4 .owl-next:hover, #myCarousel5 .owl-next:hover {opacity: 1}
#myCarousel4, #myCarousel5 { float: none; display: inline-block !important; vertical-align: middle;}
#myCarousel5 {width: 33%; text-align: center;}
.navbar-default .navbar-nav > li > a { text-transform: none; font-size: 1.1rem; color: #000; border-color: #5C5952; line-height: 120%; padding-top: 9px; padding-bottom: 9px; margin: 1px 0px;}
.navbar-default .navbar-nav > li:not(:last-of-type) > a::after { content: ''; position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: #000; left: 100%; top: 50%; margin-top: -2px; margin-left: 0px;}
/*#menu .active::after, .navbar-default .navbar-nav > li > a:hover::after, .navbar-default .navbar-nav > li > a:focus::after { content: none;}*/
#menu2 { text-align: right;}
.mod { max-width: 315px; box-shadow: 0 0 9px rgba(0,0,0,0.07); padding: 20px; margin-bottom: 12px; background: #FFFFFF;}
.mod a:hover {text-decoration: none}
.modtop { display: none;}
/*#myCarousel1, #myCarousel2 { background-color: #FFC904;}*/
#myCarousel1 img, #myCarousel2 img { left: 50%; position: relative; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0);}
.navbar-default .navbar-nav > li > a { border-right: none;}

/*newsletter*/
#newslet { text-align: center; padding-top: 10px; padding-bottom: 20px; position: relative}
#newslet::before { content: ''; background: url('newsletter_pattern.gif') repeat-x 0 -38px; width: 100%; height: 9px; left: 0; position: absolute; top: 20px;}
#newslettermsg { text-transform: uppercase; letter-spacing: 4px; font-size: 18px; margin-bottom: 30px; position: relative; z-index: 1; background-color: #fff; width: 200px; margin-left: auto; margin-right: auto; max-width: 100%;}
#newslinput {background-color: #EAEAEA; border: none; font-size: 14px; color: #808080; text-align: center; margin-bottom: 10px; padding: 6px; width: 100%}
#newsl2 input { width: 100%; border: none; background-color: #FFC904; margin-bottom: 2px; font-size: 12px; padding: 5px 10px;}
#newsl2 input:hover { background-color: #9C0066; color: #fff;}
#podkat { padding-top: 0px; background: url('aaaaa_03.png') repeat-x 0 0;}
#podkat::after { content: ''; display: block; clear: both;}
#all3 #podkat .button { margin-bottom: 0;}
#podkat .content { font-size: 0.85rem; color: #67686A;}
#podkat h3 { color: #9C0066; font-size: 1.1rem;}
#podkat .item { /*background: url('aaaaa_03.png') repeat-x 0 0;*/ padding-bottom: 20px; margin-left: 0; margin-right: 0}
#podkat .item > div > .col-md-4 { overflow: hidden;}
#podkat .item > div > .col-md-4 > a { display: block; width: 310px; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); position: relative; left: 50%; margin-top: 20px;}
#podpis > :not(:last-child)::after { content: '|'; display: inline-block; margin: 0 4px;}
.pagination { width: 100%; margin: 5px 0;}
.formdiv .pagination { background: url('aaaaa_03.png') repeat-x 0 0; margin-top: 18px; padding-top: 20px;}
.pagination a { line-height: 20px; width: 22px; height: 22px; background-color: #B5B5B5; margin: 1px; text-align: center; color: #fff; font-size: 0.8rem;}
.pagination .cur, .pagination a:hover { background-color: #9C0166; text-decoration: none;}
#sciezka { font-size: 0.85rem; color: #666;}
#sciezka + #ct { margin-top: 0;}
#umsg { font-weight: 600; color: #9C0066; text-transform: uppercase;}

/*ROTATORY*/
#view15 { background: url('aaaaa_03.png') repeat-x top; padding: 30px 0; margin-top: 40px}
#view15 .viewTitle { display: none;}


#all #allrow{
  position: relative;
}
#all1{
  position: absolute;
  top: 0;
}
#all2{
  position: absolute ;
  top: 39px;
  left: 0;
  right: 0;

  /*-o-transition: .1s;
  -ms-transition: .1s;
  -moz-transition: .1s;
  -webkit-transition: .1s;
  transition: .1s;*/
}
#all2 #menu {
  font-family: 'Lato', sans-serif;
  font-weight:400;
  text-align: right;
  padding-top: 22px;
}
#all2 #menu > ul{
  display: inline-block;
}
#all2 #menu > ul li a{
  text-transform: uppercase;
  color: white;
}
.navbar-default .navbar-nav > li:not(:last-of-type) > a::after{
  background-color: white;
  width: 4px;
  height: 4px;
}
#menu .active,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus{ background: none; color: #ccc;}
#menu .active{
  position: relative;
}
#menu .active::before{
  content: '';
  display: inline-block;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  bottom: 9px;
  left: 14px;
  right: 14px;
}
#myCarousel1 .owl-buttons{
  display: none;
}
#myCarousel1 .owl-pagination{
  position: absolute;
  bottom: 45px;
  left: 0;
  right: 0;
}
#myCarousel1 .owl-controls .owl-page span{
  opacity: 1;
  background-color: inherit;
  border: 1px solid white;
  height: 15px;
  width: 15px;
  margin: 1px;
}
#myCarousel1 .owl-controls .owl-page.active span,
#myCarousel1 .owl-controls.clickable .owl-page:hover span{
  background-color: white;
}
#all1a{
  display: none;
}
#myCarousel1 .carousel-caption{
  text-align: center;
  font-family: 'Abril Fatface', cursive;
}
#myCarousel1 .carousel-caption ul{
  display: inline-block;
  width: 100%;
  padding: 0;
  text-align: center;
}
#myCarousel1 .carousel-caption ul li{
  display: inline-block;
  font-size: 3.5em;
  padding: 0 20px;
  position: relative;
}
#myCarousel1 .carousel-caption ul li:not(:last-of-type)::after{
  content: '';
  display: inline-block;
  height: 3px;
  width: 3px;
  background-color: white;
  position: absolute;
  top: 13px;
  right: -4px;
  border-radius: 5px;
}
#myCarousel1 .carousel-caption a{
  font-family: 'Lato', sans-serif;
  font-style: italic;
  display: inline-block;
  padding: 19px 35px 18px;
  border-radius: 30px;
  background-color: white;
  color: #808080;
  text-transform: uppercase;
/*  width: initial;*/
  width: auto;
  margin-top: 15px;
}
#myCarousel1 .button:hover{
  filter: none;
  color: #424242;
}
#boxes .box{
  width: 33.33%;
}
#ct > h1,
.title-default{
  text-align: center;
  font-family: 'Abril Fatface', cursive;
}
#view21 #kafle > .item .content h3,
#ct > h1,
.title-default h2,
.title-default h3{
  color: #999999;
  background-color: inherit;
  position: relative;
  font-size: 2.6em;
  text-transform: initial;
  margin-bottom: 48px;
}
#ct > h1{
  padding-left: 0;
  font-weight: 400;
}
#ct > h1::after,
#ct > h1::before{
  left: 0;
}
#boxes .box_img{
  text-align: center;
}
#boxes .box_descr{
  text-align: center;
  padding-top: 16px;
}
#boxes .box_descr h1,
#boxes .box_descr h2,
#boxes .box_descr h3,
#boxes .box_descr h4{
  font-family: 'Lato', sans-serif;
  color: #9A9A9A;
  font-size: 1.3em;
  font-style: italic;
  position: relative;
}
#boxes .box_descr h1::after,
#boxes .box_descr h2::after,
#boxes .box_descr h3::after,
#boxes .box_descr h4::after{
  content: '';
  display: inline-block;
  width: 14%;
  height: 4px;
  background-color: #CCCCCC;
  position: absolute;
  top: -14px;
  left: 43%;
}
#boxes .box_descr p{
  font-size: .9em;
  color: #ccc;
  padding: 0 42px;
}
#all3{
  overflow-x: hidden;
}
#all3>.row{
  position: relative;
}
#tresc{
  min-height: 340px;
  background-color: #f8f8f8;
  margin-bottom: 20px;
  position: relative;
}
#tresc::before{
  content: '';
  display: inline-block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: -100%;
  background-color: #F9FAFC;
}
#tresc .right{
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 0;
}
#tresc .left{
  padding-top: 35px;
}
#tresc::after{
  content: '';
  display: inline-block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: -50%;
  background: url(o_nas_foto.png);
  background-color: white;
  background-position: left center;
  background-repeat: no-repeat;
}
#tresc .left h1{
  color: #999999;
  background-color: inherit;
  position: relative;
  font-size: 2.6em;
  text-transform: initial;
  margin-bottom: 48px;
  font-family: 'Abril Fatface', cursive;
  font-weight: 400;
}
#tresc .left h1::before{
  content: '';
  display: inline-block;
  width: 10%;
  height: 3px;
  background-color: #CCCCCC;
  position: absolute;
  top: -4px;
  left: 10px;
}
#tresc .left h1::after{
  content: '';
  display: inline-block;
  width: 60%;
  height: 1px;
  background-color: #CCCCCC;
  position: absolute;
  bottom: -21px;
  left: 10px;
}

#tresc .left p{
  font-size: .9em;
  color: #ccc;
  padding: 0 15px 0 9px;
  font-weight: 500;
}

#tresc .left a{
  font-family: 'Lato', sans-serif;
  font-style: italic;
  display: inline-block;
  padding: 15px 24px 15px;
  border-radius: 30px;
  color: #a9a9a9;
  text-transform: uppercase;
  width: initial;
  margin-top: 15px;
  border: 1px solid #808080;
  font-size: .9em;
}
#myCarousel6 .item{
  width: 25%;
  float: left;
  padding: 0 5px;
}
#view19{
  position: relative;
  margin-bottom: 85px;
}

#view19 .col-md-12{
  padding: 0;
  text-align: center;
}

#view19 .content1{
  position: absolute;
  bottom: -85px;
}
#view19 .content1 p>a{
  font-family: 'Lato', sans-serif;
  font-style: italic;
  display: inline-block;
  padding: 15px 24px 15px;
  border-radius: 30px;
  color: #a9a9a9;
  text-transform: uppercase;
  width: initial;
  margin-top: 15px;
  border: 1px solid #808080;
  font-size: .9em;
}
#boxes {
  margin-bottom: 20px;
}
#myCarousel7 .item{
  width: 25%;
  float: left;
  text-align: center;
}
#myCarousel7 .owl-pagination{
  display: none;
}
#myCarousel7 .owl-buttons{
  position: absolute;
  top: 25%;
  left: 0;
  right: 0;
}
#myCarousel7 .owl-prev{
  position: absolute;
  left: 0;
  height: 0;
  padding: 0;
}
#myCarousel7 .owl-prev::after{
  content: '';
  height: 31px;
  width: 31px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background: url('icon-slider-left.png');
  background-repeat: no-repeat;
}
#myCarousel7 .owl-next{
  position: absolute;
  right: 0;
  height: 0;
  padding: 0;
}
#myCarousel7 .owl-next::after{
  content: '';
  height: 31px;
  width: 31px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background: url('icon-slider-right.png');
  background-repeat: no-repeat;
}
#view20{
  text-align: center;
  padding: 0 0 40px;
}
.viewTitle{
  color: #999999;
  background-color: inherit;
  position: relative;
  font-size: 2.6em;
  text-transform: initial;
  margin-bottom: 48px;
  font-family: 'Abril Fatface', cursive;
}
.viewTitle::after{
  content: '';
  display: inline-block;
  width: 60%;
  height: 1px;
  background-color: #CCCCCC;
  position: absolute;
  bottom: -21px;
  left: 20%;
}
.viewTitle::before{
  content: '';
  display: inline-block;
  width: 10%;
  height: 3px;
  background-color: #CCCCCC;
  position: absolute;
  top: -4px;
  left: 45%;
}
#all4 {
  font-family: 'Lato', sans-serif;
}
#all4 ul{
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: right;
  margin-top: 3px;
}
#all4 ul li{
  display: inline-block;
  padding-left: 10px;
  font-size: .9em;
}
#all4 ul .li-2 span,
#all4 ul .li-1 a{
  font-size: 1.15em;
  font-weight: 700;
}
#all4 ul .li-3 a{
  color: #b3b3b3;
  text-decoration: underline;
}
#all4 #stopka{
  padding: 13px 15px;
}
.spol a{
  padding-right: 10px;
}
.spol a img{
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  opacity: 0.6;
}
.spol a:hover img{
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
  opacity: 1;
}
#all3 #kontaktform input.form-control {
    height: 51px !important;
    margin-bottom: 30px;
    background-color: #F8F8F8;
    border: 1px solid #F8F8F8;
    border-radius: 33px;
    text-transform: uppercase;
    font-family:'Lato', sans-serif;
    font-style:italic;
    font-weight: 400;
    font-size: 12px;
    padding-left: 30px;
}
#kontakt_w {
  background-color: white;
  color: #fff;
  border: 1px solid;
  padding: 16px 32px;
  text-transform: uppercase;
  border-radius: 26px;
  color: #999999;
  font-family:'Lato', sans-serif;
  font-style:italic;
}
#all3 #kontaktform textarea.form-control {
    font-family:'Lato', sans-serif;
    font-style:italic;
    background-color: #fff;
    min-height: 181px;
    height: 218px;
    max-height: 340px;
    margin-bottom: 20px;
    border: 1px solid #F8F8F8;
    background: #F8F8F8;
    border-radius: 27px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    padding-left: 30px;
    padding-top: 20px;
}
#all3 .send-copy label{
  font-family:'Lato', sans-serif;
  font-style:italic;
  font-weight: 400;
  text-transform: uppercase;
  color: #999999;
}
#all3 .send-copy{
  margin-top: 17px;
}
#label-sendcopy + label::before {
    content: '';
    width: 34px;
    height: 34px;
    display: inline-block;
    border: 1px solid;
    vertical-align: middle;
    margin-right: 8px;
    background-color: white;
    border-color: #9A9A9A;
    position: relative;
    top: -2px;
    text-align: center;
    line-height: 20px;
    font-weight: 500;
    border-radius: 25px;
}
.komunikat {
    margin-bottom: 15px;
    display: none;
    color: red;
    font-size: .95em;
}
#myCarousel2 .carousel-caption{
  position: absolute;
  top: auto;
  bottom: 0;
  text-align: center;
  font-size: 2.6em;
  font-family: 'Abril Fatface', cursive;
  color: white;
}
#view21 .viewTitle{
  display: none;
}
.page-realizacje > .row:first-of-type{
  display: none;
}
.page-realizacje .col-md-12,
.page-realizacje .content2 {
  padding: 0;
}
#view21 #kafle .clearfix{
  position: relative;

}
#view21 #kafle > .item .content {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 5px;
  background-color: rgba(0, 0, 0, 0.55);
/*  opacity: 1;*/
  text-align: center;
}
#view21 #kafle > .item .content .wrap{
  width: 100%;
  padding: 0 50px;
}
#view21 #kafle > .item .content h3,
#view21 #kafle > .item .content > a{
  display: block;
  width: 100%;
  text-align: center;
}
#view21 #kafle > .item .content h3,
#view21 #kafle > .item .content a,
#view21 #kafle > .item .content p{
  color: white;
}
#view21 #kafle > .item .content .wrap > a, #view21 #kafle > .item .content .wrap > button { font-family: 'Lato', sans-serif; font-style: italic; display: inline-block; padding: 14px 23px 14px; border-radius: 30px; color: white; text-transform: uppercase; width: initial; margin-top: 15px; border: 1px solid white; font-size: .8em; background: none;}
#view21 #kafle > .item .content p{
  font-size: .9em;
}
.modal-body .owl-carousel{
    display: inherit;
}
.modal-body{
  text-align: center;
}

#sync1 .item {
  margin: 5px;
  text-align: center;
}
#sync2 .item {
  padding: 10px 0px;
  margin: 5px;
  text-align: center;
  cursor: pointer;
}
#sync2 .item h1 {
  font-size: 18px;
}
#sync2 .current .item {

}
.owl-theme .owl-nav {
  /*default owl-theme theme reset .disabled:hover links */
}
.owl-theme .owl-nav [class*='owl-'] {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.owl-theme .owl-nav [class*='owl-'].disabled:hover {
  background-color: #D6D6D6;
}
#sync1.owl-theme {
  position: relative;
}
#sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev {
  width: 22px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
}
#sync1.owl-theme .owl-prev {
  left: 10px;
}
#sync1.owl-theme .owl-next {
  right: 10px;
}
.modal-1{
  color: white;
}
.modal-1 .modal-content {
  background-color: inherit;
  box-shadow: none;
  border: 0;
}
.modal-1 .modal-header {
    padding: 7px 15px;
    border-bottom: 0;
}
.modal-1 button.close{
  border: 1px solid white;
  display: inline-block;
  height: 27px;
  width: 27px;
  border-radius: 20px;
  opacity: .9 !important;
  position: absolute;
  top: 23px;
  right: 15px;
  color: white;
  font-weight: 300;
  z-index: 999999;
}
.modal-1 .title-default h3{
  font-size: 32px;
  color: white;
}
.title-default h3::before{
  width: 50px;
  background-color: white;
}
.title-default h3::after{
  width: 40%;
  left: 30%;
  background-color: white;
}
.modal-backdrop {
   opacity: .8 !important;
}
#ct .table td{
  position: relative;
  padding-bottom: 50px;
  font-size: 15px;
  color: rgb(160, 157, 157);
  font-weight: 100;
}
#ct .table td b{
  font-weight: 600;
  font-size: 17px;
  color: #999999;
}
#ct .table td:after{
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 252px;
  background: #CCCCCC;
}


/*kontynuacja*/
#all1 {max-width: 100%}
#all2.docked > div { padding-top: 10px; padding-bottom: 10px;}
#all2.docked #logo img { width: 150px;}
#all3 #ct {font-size: 1.1rem; margin: 2rem 0; color: #999;}
#all3 #ct .item .button { background-color: #333; padding-bottom: 9px;}
#all3 #ct .item .button:hover { background-color: #000;}
#all3 #kontaktform textarea.form-control { min-height: 213px; max-height: 400px;}
#all3 #podkat { margin-top: 70px;}
#all4 { margin-top: 20px;}
#boxes .box_descr p { padding: 0 20px; color: #aaa;}
.container {width: 1150px}
#ct > h1 { text-align: center; display: block; width: 500px; margin-left: auto; margin-right: auto; max-width: 100%;}
.docked, .fixed-menu{ position: fixed !important; top: 0 !important; z-index: 999;}
.docked, .fixed-menu #logo img{ height: 58px !important;}
.docked, .fixed-menu #menu{ padding-top: 10px !important;}
#effect01 { position: absolute; top: 0; left: -386px; height: 100%; background-color: #F8F8F8; width: 60%; max-width: 100%;}
#main_kontakt {display: none}
#myCarousel1 { width: 1920px; margin: 0 auto; max-width: 100%;}
#myCarousel1 .carousel-caption ul li { line-height: 100%;}
#myCarousel1 .carousel-caption ul li:not(:last-of-type)::after {top: 30px}
#myCarousel1 img, #myCarousel2 img {opacity: 0.8}
#myCarousel1 .owl-controls .owl-page span {margin: 0 1px; box-shadow: 0 0 2px rgba(0,0,0,0.25)}
#myCarousel2 .carousel-caption { font-size: 48px;}
#myCarousel1 .item, #myCarousel2 .item {background-color: #000}
#myCarousel7 { padding-left: 45px; padding-right: 45px;}
#myCarousel7 .item {width: 20%; float: none; display: inline-block; vertical-align: middle; padding: 5px}
#myCarousel7 .owl-next::after {left: auto; right: 0}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { text-decoration: underline;}
#podkat .content { font-size: 0.85em;}
#podkat h3 { font-family: 'Abril Fatface', cursive; color: #999999; font-size: 2.6em; position: relative; padding-bottom: 20px; margin-bottom: 25px;}
#podkat h3::after { content: ''; display: inline-block; width: 45px; height: 4px; background-color: #bbb; position: absolute; bottom: 0; left: 0;}
#podkat .item > div > .col-md-4 {width: 25%}
#podkat .item > div > .col-md-8 { width: 75%; padding-bottom: 30px; position: relative;}
#podkat .item > div > .col-md-8::after { content: ''; position: absolute; left: 0; bottom: 6px; width: 260px; height: 1px; background-color: #CCCCCC; max-width: 50%; margin-left: 15px;}
#podkat .item > div > .col-md-4 > a { display: block; border-radius: 50%; overflow: hidden; margin: 0; position: relative; border: 1px solid #CCC; width: auto}
#podkat .item > div > .col-md-4 > a::before { content: ''; position: absolute; left: -1px; top: -1px; border: 15px solid #fff; right: -1px; bottom: -1px; border-radius: 50%; box-sizing: border-box; margin: auto;}
#podkat2 {display: none}
#podkat2 > .item { width: 25%; text-align: left; float: none; display: inline-block; vertical-align: top; padding: 10px;}
#tresc {padding-bottom: 20px}
#tresc::before { content: ''; position: absolute; left: 50%; top: 0; width: 50%; background: url('onas_strzalka.png') no-repeat left top; height: 100%; z-index: 1;}
#tresc::after { width: 960px; right: auto; left: 50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); background-position: right top; z-index: 0; margin-left: 480px;}
#tresc .left p { font-size: 1.1em; color: #999;}
#view19 .content1, #view19 .content2 { width: 1920px; margin: 0 auto; float: none; left: 0; right: 0; max-width: 100%}
#view19 .owl-buttons { display: none;}
#view19 .owl-carousel .item { width: 25%; display: inline-block; padding: 10px;}
#view19 .owl-carousel .item img { width: 100%;}
#view21 .content1, #view21 .content2 { width: 1920px; margin: 0 auto; float: none; overflow: hidden; max-width: 100%}
#view21 img.zoom { margin-bottom: 15px;}
#view21 .item .content {opacity: 0;
    -webkit-transition: opacity 150ms ease-out;
    -moz-transition: opacity 150ms ease-out;
    -o-transition: opacity 150ms ease-out;
    transition: opacity 150ms ease-out;
}
#view21 .item:hover .content { opacity: 1;}
#view21 #kafle { margin-left: -15px; margin-right: -15px; margin-top: 0; padding-top: 4px;}
#view21 #kafle > button {display: block; padding: 15px 24px 15px; border-radius: 30px; color: #a9a9a9; text-transform: uppercase; border: 1px solid #808080; font-size: .85em; background: none; margin: 15px auto;}
#view21 #kafle > .item .content {background-color: rgba(0, 0, 0, 0.75); bottom: 0}
#view21 #kafle > .item .content h3 { padding-top: 10px; font-family: 'Abril Fatface', cursive; margin-bottom: 30px;}
#view21 #kafle > .item .content h3::after, #view21 #podkat2 > .item .content h3::after, #ct > h1::after, .title-default h2::after, .title-default h3::after { bottom: -17px; content: ''; display: inline-block; width: 60%; height: 1px; background-color: #CCCCCC; position: absolute; left: 20%;}
#view21 #kafle > .item .content h3::before, #view21 #podkat2 > .item .content h3::before, #ct > h1::before, .title-default h2::before, .title-default h3::before { height: 4px; left: 50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); content: ''; display: inline-block; width: 10%; min-width: 50px; background-color: #CCCCCC; position: absolute; top: -4px;}
#view21 #kafle .item .image > a { display: block;}
#view21 #kafle .item .image img { width: 100%;}
/*#view21 #kafle #sync2 .owl-wrapper { max-width: 100%;}*/
#view21 .modal button.left, #view21 .modal button.right {border: none; width: 30px; height: 30px; position: absolute; top: 75px; z-index: 1}
#view21 .modal button.left { background: url('arr_left.png') no-repeat center; left: 15px }
#view21 .modal button.right { background: url('arr_right.png') no-repeat center; right: 15px}
#view21 .owl-prev { background: url('arr_left.png') no-repeat center;}
#view21 .owl-next { background: url('arr_right.png') no-repeat center;}
#view21 .owl-theme .owl-prev, #view21 .owl-theme .owl-next { width: 30px; height: 30px; font-size: 0; color: transparent; opacity: 0.75;}
#view21 .owl-theme .owl-prev:hover, #view21 .owl-theme .owl-next:hover { opacity: 1;}
#view21 #podkat2 .clearfix{ position: relative;}
#view21 #podkat2 > .item .content {color: #fff; display: flex; align-items: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.75); text-align: center;}
#view21 #podkat2 > .item .content .wrap{ width: 100%; padding: 0 50px;}
#view21 #podkat2 > .item .content h3 { padding-top: 10px; font-family: 'Abril Fatface', cursive;  position: relative; margin-bottom: 30px; font-size: 2.6em;}
#view21 #podkat2 > .item .content h3, #view21 #podkat2 > .item .content > a{ display: block; width: 100%; text-align: center;}
#view21 #podkat2 > .item .content h3, #view21 #podkat2 > .item .content a, #view21 #podkat > .item .content p{ color: white;}
#view21 #podkat2 > .item .content .wrap > a, #view21 #podkat2 > .item .content .wrap > button { font-family: 'Lato', sans-serif; font-style: italic; display: inline-block; padding: 14px 23px 14px; border-radius: 30px; color: white; text-transform: uppercase; width: initial; margin-top: 15px; border: 1px solid white; font-size: .8em; background: none;}
#view21 #podkat2 > .item .content p{ font-size: .9em;}
#view21 #sync2 .item::before { content: ''; background: url('ico_powieksz.png') no-repeat center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none;}

/*eksperymentalne*/
#all3 #ct .item .button {display: none}
#view21 #kafle > .item .content h3, #ct > h1, .title-default h2, .title-default h3 {font-size: 2.2em}
/*do "nowego" widoku oferty*/
#all3 #podkat { margin-top: 40px;}
/*#myCarousel1 img { max-height: 650px;}*/
#podkat .content { font-size: 1em; color: inherit;}
#podkat .content2 { padding-top: 25px;}
#podkat .item { position: relative; padding-bottom: 30px; margin-bottom: 20px;}
#podkat .item::after { content: ''; position: absolute; bottom: 0; left: 0; width: 250px; border-bottom: 1px solid #ccc; max-width: 50%;}
#ct ul li { margin-bottom: 6px; padding-left: 5px;}