#all #allrow { margin: 0; }

#all1 { background: #C50018; }
#all1 #top { padding: 1rem 0; }
#all1 #logo { margin: 1rem 0; }

#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; position: relative; }
#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 h1 { margin-bottom: 3rem; text-transform: uppercase; }*/
#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 .button { background: #18479F; color: #fff; padding: 5px 15px; font-size: 80%; }
/*#all3 #ct .item h3 { padding: 0; margin: 5px 0; }*/
/*#all3 #ct .item h3 a { color: #000; font-size: 90%; }*/

/*#all3 .naskrotydiv { border: 1px #B4B4B4 solid; }*/
#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 a { color: #49494B; font-size: 150%; font-weight: 300; padding-left: 10px; }
#all3 .naskrotydiv ul li a:hover { text-decoration: none; color: #86C047; }*/
#all3 .naskrotydiv ul li:hover { list-style-image: url(arrow-lewe-menu-active.jpg); }

#all3 #kontt { }
#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 #kont #kontakt_w { margin-top: 20px; background: #C60019; }*/

#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; padding: 6px 12px; margin: 0; }
/*#all3 #kontaktform #kontakt_w { background: #C60019; color: #fff; border: 0; padding: 5px 30px; }*/

#all3a { background: url(pattern_footer.jpg); padding: 50px 0; }
#all3a h2 { color: #fff; text-transform: uppercase; font-size: 30px; margin: 0; }
/*#all3a a { border-radius: 3px; margin-top: 20px; font-size: 22px; text-transform: uppercase; width: 30%; padding: 20px 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; }


/*@media (min-width: 768px) and (max-width: 991px) {
  .navbar-toggle { float: left; }
  .navbar-default .navbar-nav > li > a { font-size: 15px; padding: 14px 9px; }
}

@media (max-width: 767px) {
  #all2 { height: 129px; }
  #all2 .row { height: 65px; }
  .navbar-toggle { float: left; }
}*/

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: 50px; 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: 'Open Sans', 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%; }
}
#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;}
.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%}
.komunikat { margin-bottom: 15px; display: none;}
.komunikat output { display: inline-block; padding: 0; line-height: inherit; color: inherit;}
#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*/
.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: #CBFF10}
#all1, #all3 { background: none; color: #fff;}
#all3 #ct .item .button { background-color: #554E44;}
#all3 #ct .item .button:hover { background-color: #635C52;}
#all4 { background-color: #000000; color: #fff;}
#boxes { color: #F4F5ED;}
#ciastkodivf { background-color: #18191E;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #F0522D;}
img { max-width: 100%; height: auto !important;}
#menu .dropdown-menu { background-color: #F5F5ED;}
.navbar-default .navbar-nav > li > a {border-color: #5C5952; color: #FFF}
#menu .active, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #CAFF00}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: none; color: #CAFF00;}

/***************************************************************
/*****************     CUSTOM RULES     ************************
/**************************************************************/
::-webkit-input-placeholder { color: #222; text-align: center}
:-moz-placeholder { color: #222; text-align: center} /* Firefox 18- */
::-moz-placeholder { color: #222; text-align: center} /* Firefox 19+ */
:-ms-input-placeholder { color: #222; text-align: center}

body {background: #000; font-family: 'Roboto Condensed', sans-serif;}
#all { background: url('bg_all_1.jpg') center top; background-repeat:repeat-y;}
#all1 #logo { margin: 35px 0 20px;}
#all2 { background: #000; position: relative;}
#all2::before, #all2::after, #tresc::before, #tresc::after, #ct::before, #ct::after { content: ''; display: block; height: 1px; background: url('12_1.png') repeat-x ; position: relative}
#tresc::before, #ct::before { background-position: -200px; position: absolute; right: -25px; left: -150px; top: 0}
#all2 #top2 { margin: 0 auto;}
#all3 { padding-top: 0;}
#all3 .col-md-8::before { content: ''; background: url('foto_podstrony_03.png') no-repeat right top; right: -20px; height: 100%; position: absolute; left: -150px;}
.ismain #all3 .col-md-8::before {background: url('bgfoto_03.png'); background-repeat: no-repeat;}
#all3 #ct { padding-top: 0;}
#all3 #kontaktform #fzc input, #all3 #kontaktform #fzc textarea, #all3 #kontaktform0 #fzc0 input, #all3 #kontaktform0 #fzc0 textarea { height: 38px; margin-bottom: 4px; border: none; box-shadow: 0 0 3px rgba(0,0,0,0.4);}
#all4 { padding: 22px 15px 10px; }
#all4 #stopka #podpis { margin-top: 0;}
.container {width: 1020px; padding: 0}
#ct ol, #ct ul { padding: 0; list-style: none;}
#ct ol li {counter-increment: step-counter;}
#ct ol li::before { content: counter(step-counter)'.'; }
#ct ol li::before { content: counter(step-counter)'.'; color: #C9FE10; font-size: 20px; display: inline-block; padding-right: 5px;}
#ct ul li::before { content: ''; width: 3px; height: 3px; display: inline-block; margin-right: 6px; background-color: #C9FE10; border-radius: 50%; vertical-align: middle;}
div.special { margin: 45px 0; position: relative;}
div.special::before { content: ''; position: absolute; left: -35px; top: -25px; right: -35px; bottom: -40px; border: 2px solid #CAFF11; pointer-events: none;}
#form-sp { background: url('form_08.png') repeat-y center top; padding: 0 20px; margin: 20px 0; position: relative; top: -21px; z-index: 20; width: 320px; max-width: 100%; margin: 0 auto;}
#form-sp::before { content: ''; display: block; background: url('form_03.png') no-repeat center top; height: 20px; position: absolute; top: -19px; left: 0; width: 100%;}
#form-sp h3 { color: #000; font-size: 15px; text-transform: uppercase; font-weight: 600; font-family: 'open sans'; text-align: center; padding: 10px 0 8px;}
#form-sp #kontakt_w0 { width: 100%; border: none; background-color: #000; padding: 10px; line-height: 100%; text-transform: uppercase; color: #CAFF11; font-size: 18px;}
#form-sp .label { color: #000; font-size: 13px; font-weight: 600; font-family: 'open sans'; padding: 8px 0; float: left; width: 100%; text-align: left;}
#form-sp .nav-tabs { position: absolute; top: 99.5%; left: 5px; right: 5px; border: none; background: url('form_030.png') no-repeat center top; padding: 0 3px;}
#form-sp .nav li {width: 50%;}
#form-sp .nav li a { background: none; border: none; height: 50px; line-height: 32px; text-align: center; color: #000;}
#form-sp .nav li.active { background: url('form_07.png') no-repeat center top;}
#form-sp .tab-content { padding-bottom: 15px;}
h1 { text-transform: uppercase; font-size: 26px; font-weight: 600;}
h3, .h3 { font-size: 20px; margin-top: 25px;}
.ismain #all2 { z-index: 20; position: relative; margin-left: -15px; padding: 0; margin-right: -15px;}
.ismain #all2 > .row {margin: 0}
.ismain h2 { font-size: 22px; text-transform: none; margin-bottom: 15px;}
#kont { padding: 0 20px;}
#kont .go2 { background-color: #131217; border: none; border-radius: 3px; padding: 4px 22px 8px; line-height: 100%; font-size: 12px;}
#kont .komunikat, #kont0 .komunikat { color: #EA1010;}
#kont .alert {border: 2px solid #EA1010 !important}
#kont textarea { height: 130px; min-height: 130px; max-height: 300px;}
#kont0 input.alert { padding: 6px 12px;/**/ border: 2px solid #EA1010 !important}
#kont0 textarea { height: 100px; min-height: 100px; max-height: 300px;}
#kontaktform0 { padding: 0px 20px;}
label.file { background: #455900 url('plus_03.png') no-repeat 93% center; cursor: pointer; width: 100%; text-align: center; padding: 10px 30px 10px 10px; font-weight: 500; color: #CAFF11;}
label.file > input { display: none;}
#label-sendcopy, #label-sendcopy0 { position: absolute;}
#label-sendcopy + label, #label-sendcopy0 + label { color: #000; padding-left: 22px; font-weight: 500; position: relative; font-size: 13px; margin-bottom: 14px;}
.radio + .radio, .checkbox + .checkbox {margin: 0}     /*bootstrapowy syf*/
div.radio {margin: 0; padding: 0 5px}
div.radio input {display: none}
div.radio label {padding-left: 20px; position: relative; vertical-align: top; color: #000}
div.radio label::before {content: ''; position: absolute; left: -5px; top: 3px; width: 13px; height: 13px; box-shadow: 0 0 1px #888; background-color: #fff}
div.radio input:checked + label::before { content: '.'; font-size: 22px; text-align: center; line-height: 0; font-weight: 600;}
#main_kontakt .mail { font-size: 15px;}
#main_kontakt .mail::after, #main_kontakt .tel::after { content: ''; display: inline-block; width: 28px; height: 20px; position: relative; }
#main_kontakt .mail::after { background: url('drobne_11.png') no-repeat right center; top: 5px;}
#main_kontakt .tel { font-size: 20px;}
#main_kontakt .tel::after { background: url('drobne_15.png') no-repeat right center; top: 3px;}
#main_kontakt p { margin-bottom: 0;}
#main_kontakt p.h3 { text-transform: uppercase; font-size: 20px;  margin-bottom: 14px}
#myCarousel1 .item > div { height: 415px;}
#myCarousel1 .carousel-caption, #myCarousel2 .carousel-caption { font-family: 'Roboto Condensed', sans-serif; text-align: left; left: 0; right: 0; line-height: 125%; font-size: 20px;}
#myCarousel1 .carousel-caption a { background-color: #CAFF11; color: #000 !important; padding: 12px 20px; text-decoration: none; font-size: 28px; line-height: 100%; text-shadow: none;}
#myCarousel1 .carousel-caption h1, #myCarousel2 .carousel-caption {font-size: 38px; text-transform: uppercase;}
#myCarousel1 .carousel-caption h1 strong, #myCarousel2 .carousel-caption strong { color: #CBFF10;}
#myCarousel2 .item > div { height: 220px;}
.navbar-default .navbar-nav > li > a { border-right: none; font-size: 15px; font-weight: 500; margin: 0;}
.navbar-default .navbar-nav > li:not(:last-child) > a::after { content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background-color: #fff; vertical-align: middle; margin-right: -14px; margin-left: 12px;}
.ismain #tresc, #ct { font-size: 15px; position: relative; padding-top: 20px}
#tresc {padding-bottom: 40px}

/*09.01.2017*/
#all2 { margin: 0 -15px;}
/*01-10-2017*/
#all #menu{
  padding-left: 0;
}
#all #menu ul li:first-child a{
  padding-left: 0;
}
#all2 {
    background: #131217;
}
#myCarousel1 .carousel-caption h1, #myCarousel2 .carousel-caption {
    text-shadow: 1px 1px 11px #000;
    font-weight: 500;
}
#all3 #fzc0 .form-group::after,
#all3 #fzc0 .form-group::before,
#all3 #fzc .form-group::after,
#all3 #fzc .form-group::before{
  content: "";
  width: 50px;
  height: 31px;
  display: inline-block;
  position: absolute;
  z-index: -1;
}
#all3 #fzc .form-group::before{
    box-shadow: 20px -13px 103px 72px rgba(255, 255, 255, 0.64);
    right: 101px;
    bottom: 6px;
    margin-left: 90px;
}
#all3 #fzc .form-group::after{
  box-shadow: 20px 10px 103px 72px rgba(255, 255, 255, 0.64);
  right: 101px;
  top: 6px;
  margin-left: 90px;
}
#all3 #fzc0 .form-group::before{
    box-shadow: 20px 10px 103px 72px rgba(255, 255, 255, 0.64);
    right: 101px;
    top: 6px;
    margin-left: 90px;
}
#all3 #fzc0 .form-group::after{
  box-shadow: 20px -13px 103px 72px rgba(255, 255, 255, 0.64);
  right: 101px;
  top: 134px;
  margin-left: 90px;
}

#all3 .form-group textarea::-webkit-input-placeholder{ color:#303032 !important;}
#all3 .form-group textarea::-moz-placeholder{ color:#303032 !important;}
#all3 .form-group textarea:-moz-placeholder{ color:#303032 !important;}
#all3 .form-group textarea:-ms-input-placeholder{ color:#303032 !important;}
#all3 .form-group input::-webkit-input-placeholder{ color:#303032 !important;}
#all3 .form-group input::-moz-placeholder{ color:#303032 !important;}
#all3 .form-group input:-moz-placeholder{ color:#303032 !important;}
#all3 .form-group input:-ms-input-placeholder{ color:#303032 !important;}

#kont .go2 {
    padding: 7px 23px 7px;
    font-size: 16px;
}

#all2::before, #all2::after,
#tresc::before, #ct::before {
    background: url(12_1.png) no-repeat center;
    position: relative;
    background-size: contain;
}
#all3 #ct::before,
#tresc::before {
    background: url(13.png) no-repeat center;
    background-position: left;
    position: absolute !important;
    right: -20px;
    left: -150px;
}
#ct::after,
#tresc::after{
  background: url(14.png) no-repeat center;
  position: absolute !important;
  right: -73%;
  width: 20%;
  top: 0;
  background-position: right;
}
#tresc{
  padding-top: 0 !important;
  margin-top: 15px;
}
#form-sp::after{
  content: '';
  display: inline-block;
  position: absolute;
  top: -5px;
  background-color: #131217;
  width: 105%;
  height: 1px;
  left: -7px;
  right: 0;
  z-index: -1;
}

#form-sp .nav li a {
    color: rgba(0, 0, 0, 0.81);
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
}

.nav-tabs > li {
    float: left;
    margin-bottom: 2px;
}
#form-sp .nav-tabs li:nth-child(2){
  right: 1px;
}

#main_kontakt_2 .mail::before, #main_kontakt_2 .tel::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 20px;
    position: relative;
}
#main_kontakt_2 .tel::before {
    background: url(phone-icon.png) no-repeat right center;
    top: 3px;
    left: -10px;
}
#main_kontakt_2 .mail::before {
    background: url(mail-icon.png) no-repeat right center;
    top: 5px;
    left: -10px;
}
#main_kontakt_2 p{
    margin: 2px 0 0px !important;
}
.min-logo::after{
  display: none !important;
}

#all3 #ct {
    padding-top: 15px;
    margin-top: -15px;
    padding-left: 0;
}


.fb-page{
  background-color: white;
  z-index: 9999999;
  border: 3px solid #3B5998;
  display: inline-block;
  position: fixed !important;
  top: 110px;
  right: -300px;
  width: 300px;

  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;

}
.fb-page::before{
  content: '';
  display: inline-block;
  position: absolute;
  height: 105px;
  width: 31px;
  background: url(facebook_widget.png);
  background-repeat: no-repeat;
  top: -3px;
  left: -34px;
}
.fb-page:hover{
  right: 0;
}



@media (max-width: 1150px) {
  #tresc::after {
    display: none;
  }
  #tresc::before {
    left: 0px !important;
  }
}

@media (max-width: 1300px) {
  #tresc::after {
    right: -60%;
    width: 7%;
  }
  #tresc::before {
    right: -20px;
    left: -50px;
  }
}

@media (min-width: 1400px) {
  #tresc::after {
      right: -82%;
      width: 29%;
  }
  #tresc::before {
    right: -20px;
    left: -186px;
  }
}

@media (min-width: 1600px) {
  #tresc::after {
    right: -94%;
    width: 41%;
  }
  #tresc::before {
    right: -20px;
    left: -280px;
  }
}
@media (max-width: 992px) {
  .fb-page{
    top: 10px;
  }
    #top2>.row{
    margin: 0!important;
  }
  #tresc::before {
    right: 0px;
    left: 0px;
  }
  #tresc::after {
    display: none;
  }
  #all3 .col-md-8::before {
    right: 0;
  }
  .ismain #all3 .col-md-8::before {
    content: '';
        background-repeat: no-repeat;
        background-position: right top;
        right: -20px;
        height: 100%;
        position: absolute;
  }
  #all3  .relative{
    overflow-x: hidden;
  }
  #all3 #ct::before, #tresc::before {
    background: url(12_1.png) no-repeat center;
    background-size: contain;
  }
  #ct::after{
    display: none;
  }
  #all3 #ct::before{
    right: 0;
    background-size: contain;
    left: 0;
  }
  #form-sp::after{
    display: none;
  }
}
@media (max-width: 768px) {
  .col-md-12,
  #all4 span,
  #all4 p,
  #all4{
    //text-align: center;
  }
  #all4 span{
    padding-top: 15px;
  }
  .pull-left{
    width: 100%;
    margin: 0 auto;
  }
  #all #menu {
    padding-left: 15px;
  }
  .navbar-default .navbar-nav > li:not(:last-child) > a::after{
    display: none;
  }
  div.special::before {
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border: 1px solid #CAFF11;
  }
    div.special {
      margin: 45px 0;
      position: relative;
      padding: 15px;
  }
  .special table tr td {
    text-align: left;
    padding-left: 3px;
  }
  #stopka .col-sm-6 p,
  #stopka .col-sm-6{
    text-align: center !important;
  }
  #stopka .col-sm-6{
    margin-bottom: 15px;
  }
  #all #menu ul li:first-child a {
    padding-left: 15px;
  }
}
@media (max-width: 320px) {
  .fb-page{
    right: -85%;
    width: 85%;
  }
}

/*recaptcha*/
#RecaptchaField1 iframe, #RecaptchaField2 iframe { transform: scale(0.8,.8); position: relative; left: -32px;}

/*2018-03-16*/
#download ol li { display: block; padding-left: 20px; margin-top: 15px;}
#download ol li .title { display: inline-block;}
#download ol li .title::before {content: none}
#download ol li a { display: block; width: 110px; padding: 8px 13px; margin-bottom: 10px; background: #acc600; color: #000; font-weight: 600; font-size: 12px; letter-spacing: 1px;}

#accept .sprawdz.alert + span { color: #ff0000;}
.sprawdz.alert + span  {
    color: #ff0000;
}
.rodos{
    color: #000;
    padding-left: 0px;
    font-weight: 500;
    position: relative;
    font-size: 13px;
    margin-bottom: 14px;
}
button.show-hide, button.show-hide1 {
    background-color: transparent;
    color: #000;
    border: none;
    margin: 5px;
    font-size: 12px;
    text-decoration: underline;
    font-weight: 600;
}