/*

*/



html { font-size: 120%; }
/* lg */
@media (min-width: 992px) and (max-width: 1279px) {
html{font-size:110%;}
}
/* md */
@media (min-width: 768px) and (max-width: 991px) {
html{font-size:104%;}
}
/* sm */
@media (min-width: 544px) and (max-width: 767px) {
html{font-size:97%;}
}
/* xs - */
@media (max-width: 543px) {
html{font-size:92%;}
}




body {
 position:relative;
 font-weight:300;
 font-family: 'Ubuntu', sans-serif;
 font-size: 0.90rem;
 color:#000;
 background:#fff;
}

h1{font-size:1.875em;}
h2{font-size:1.625em;}
h3{font-size:1.375em;}
h4{font-size:1.187em;}
h5{font-size:1.000em;}
h6{font-size:0.875em;}

h1, h2, h3, h4, h5, h6{
	padding:0;
	margin:0 0 10px;
	font-weight: 500;
}



p{
	padding:0;
	margin:0 0 10px;
}

a {
 -webkit-transition: 100ms;
 transition: 100ms;
 color:#000;
 text-decoration:none;
}
a:hover,
a:focus {
 text-decoration:none;
 outline:none;
 color:#444;
}
ul {
	padding-left:7px;
	margin-left:7px;
}
ol {
	padding-left:9px;
	margin-left:9px;
}
li {
	margin-left:4px;
}



b{font-weight:500;}

hr {border-top:1px solid #cdb380; border-bottom:none;}






table {
	border-collapse:collapse;
}
td {
	padding:2px 4px;
	vertical-align:top;
	border:1px solid #999;
	font-size:0.875em;
}
th {
	vertical-align:middle !important;
	border:1px solid #ccc !important;
}
.table-bordered td,
.table-bordered th{
 border:1px solid #ccc;
}
.thead-default th{
 background:#ddd;
}




.img-responsive{ width:100%;}
.img-fluid{ display:inline;}
.br{font-size:5px}




#header {
 padding:20px 0;
 background-color:#000;
}

.logo{
 float:left;
 width:25%;
}
.logo img{
 z-index:100;
 width:140px;
}
@media (max-width: 544px) {
.logo img {width:200px;}
}







/* menu główne */
.header-menu {
 margin-top:10px;
 margin-left:30%;
}

.mainmenu .navbar-toggler {
 float:right;
 background-color:transparent;
 outline:none !important;
 margin-top:-45px;
 padding:0;
 color:#fff;
}
.mainmenu .navbar-toggler:hover {
 color:#fff;
 background-color:#000;
}
.mainmenu .navbar-toggler i {
 font-size:32px;
 font-weight:500;
 color:#fff;
}
.mainmenu .nav .nav-item{
 margin:0;
}
.mainmenu .nav .menu-link{
 color:#fff;
 font-size:18px;
 font-weight:500;
 white-space: nowrap;
 cursor:pointer;
 cursor:hand;
}
.mainmenu .nav .nav-link {
 line-height:22px;
 padding:10px 10px;
}
.mainmenu .nav .nav-item:last-child .nav-link{padding-right:0;}
.mainmenu .nav .nav-item:first-child .nav-link{padding-left:0;}

.mainmenu ul li .menu-link.active:hover,
.mainmenu .nav > li:hover .nav-link{
 color:#ffdd00;
}
.mainmenu .dropdown:hover > .dropdown-menu {
 display: block;
 animation: fademenu 200ms;
 -moz-animation: fademenu 200ms;
}
@keyframes fademenu {
  0%   {opacity:0; transform:translateY(5px);}
  100% {opacity:1; transform:translateY(0);}
}


/* submenu ul */
.mainmenu .dropdown-menu {
 display:none;
 background-color:#333;
 padding:1px 0;
 margin-top:-5px;
 border:solid 1px #000;
 border-radius: 0;
}
.mainmenu .dropdown-menu li {
 margin:0;
}
.mainmenu .dropdown-menu li .dropdown-item {
 font-size:16px;
 font-weight:300;
 color:#fff;
 cursor:pointer;
 cursor:hand;
}
.mainmenu .dropright {
 position: relative;
}
.mainmenu .dropdown-menu li .dropdown-item:hover,
.mainmenu .dropdown-menu li .dropdown-item.active,
.mainmenu .dropdown-menu li .dropdown-item.active:hover {
 color:#ffdd00;
 background-color:#333;
}
.mainmenu .dropdown-menu li .dropdown-menu {
 margin-top:0px;
}
.mainmenu .dropright>.dropdown-menu {
    top: 1px;
    left: 100%;
    margin-left: -5px;
}
.mainmenu .dropright>.dropdown-item:after {
    float: right;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #fff;
    margin-top: 7px;
    margin-right: -13px;
}
.mainmenu .dropright:hover>.dropdown-menu {
 display: block;
 animation: fadesubmenu 200ms;
}
@keyframes fadesubmenu {
  0%   {opacity:0; transform: translateX(-15px);}
  100% {opacity:1; transform:translateX(0);}
}







.form-control:focus {
 border-color:#27d9ca;
}
.form-control:valid,
.form-control-success {
 border-color:#00963f;
}
.form-control:invalid{
 border-color:#cc0000;
}
.form-control-danger {
 border-color:#27d9ca !important;
}

.success {
 color:#000033;
}
.danger {
 color:red;
}







/* panel nagłówek */
.panel-t{
 width:100%;
 margin-bottom:20px;
}
.panel-t td{
 text-align:center;
 border:none;
 background:transparent url('../img/k1.png') center repeat-x;
}
.panel-t td.txt{
 width:10%;
 background:none;
 white-space: nowrap;
}
.panel-t td h5{
 font-size:24px;
 margin:0 20px 5px;
}



/* panel1 */
.panel-1 img{
 width:100%;
 border: solid 1px #ccc;
}
.panel-1 i{
 margin-right:4px;
}
.panel-1 h4{
 padding:15px 0 5px;
 color:#000;
 font-weight:500;
}
.panel-1 a.btn{
 float:right;
 margin-top:-5px;
}
@media (min-width: 992px) and (max-width: 1279px) {
.panel-1 .row{font-size:90%}
}
@media (min-width: 768px) and (max-width: 991px) {
.panel-1 .row{font-size:80%;}
}


/* panel2 2x txt */
.panel-2 .row{
 font-size:95%;
}
.panel-2 .col{
 margin-bottom:20px;
}
.panel-2 i{
 margin-right:6px;
}
.panel-2 h2{
 color:#000;
 font-weight:500;
}
.panel-2 .url{
 text-align:right;
 margin:0;
}
.panel-2 div.p2-item{
 height:100%;
}
@media (min-width: 992px) and (max-width: 1279px) {
.panel-2 .row{font-size:90%;}
}



/* panel3 tło slider */
.panel-3 .row{
 font-size:135%;
}
.panel-3 .carousel-indicators{
 bottom:1px;
}
.panel-3 i{
 margin-bottom:10px;
}
.panel-3 h3{
 font-weight:500;
}
.panel-3 .carousel-item{
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 height:360px;
}
.panel-3 .carousel-item img{
 max-width:1920px;
}
.panel-3 .carousel-control{width:6%;}
.panel-3 .carousel-caption{left:4%; right:4%;}
.panel-3 .carousel-txt{margin:auto; min-width:320px;}

/* lg */
@media (min-width: 992px) and (max-width: 1279px) {
.panel-3 .carousel-control{width:6%;}
.panel-3 .row{font-size:139%}
}
/* md */
@media (min-width: 768px) and (max-width: 991px) {
.panel-3 .carousel-control{width:7%;}
.panel-3 .row{font-size:128%;}
}
/* sm */
@media (min-width: 544px) and (max-width: 767px) {
.panel-3 .carousel-control{width:8%;}
.panel-3 .row{font-size:114%;}
}
/* xs - */
@media (max-width: 543px) {
.panel-3 .carousel-caption{left:3%; right:3%;}
.panel-3 .carousel-control{width:8%;}
.panel-3 .row{font-size:100%;}
}



/* panel4 img+txt */
.panel-4{
 font-size:105%;
}
.panel-4 i{
 margin-right:6px;
}
.panel-4 h2{
 color:#000;
 font-weight:500;
}
.panel-4 .url-r{ text-align:right;}
.panel-4 .url-l{ text-align:left;}

/* lg */
@media (min-width: 992px) and (max-width: 1279px) {
.panel-4 {font-size:85%;}
.panel-4 .ptxt-l{ padding-left:0;}
.panel-4 .ptxt-r{ padding-right:0;}
}
/* md */
@media (min-width: 768px) and (max-width: 991px) {
.panel-4 {font-size:120%;}
}
/* sm */
@media (min-width: 544px) and (max-width: 767px) {
.panel-4 {font-size:110%;}
}
/* xs - */
@media (max-width: 543px) {
.panel-4 {font-size:100%;}
.panel-4 .ptxt-l{ padding-left:0;}
.panel-4 .ptxt-r{ padding-right:0;}
}
/* xs | */
@media (max-width: 449px) {
.panel-4 {font-size:80%;}

}



/* panel5 (2x obrazek + tekst na dole) */
.panel-5 i{
 margin-right:6px;
}
.panel-5 h2{
 color:#000;
 font-weight:500;
}
.panel-5 .url{
 text-align:right;
}



/* Panel6 (1x obrazek + tekst po prawej) */
.panel-6 .row{
 font-size:110%;
}
.panel-6 i{
 margin-right:6px;
}
.panel-6 h2{
 color:#000;
 font-weight:500;
}
.panel-6 .url{
 text-align:right;
}
@media (min-width: 992px) and (max-width: 1279px) {
.panel-6 .row{font-size:95%;}
}
@media (min-width: 768px) and (max-width: 991px) {
.panel-6 .row{font-size:90%;}
}
@media (max-width: 767px) {
.panel-6 .row{font-size:100%;}
}


/* panel7 3x txt */
.panel-7 i{
 margin-right:6px;
}
.panel-7 .col{
 margin-bottom:20px;
}
.panel-7 h3{
 color:#000;
 font-weight:500;
}
.panel-7 .url{
 text-align:right;
 margin:0;
}
.panel-7 div.p7-item{
 height:100%;
}
@media (min-width: 992px) and (max-width: 1279px) {
.panel-7 .row{font-size:90%;}
}


/* panel8 1x txt */
.panel-8{
 font-size:110%;
}
.panel-8 i{
 margin-right:6px;
}
.panel-8 h2{
 color:#000;
 font-weight:500;
}
.panel-8 .url{
 text-align:right;
}
.panel-8 img{
 width:100%;
}
@media (min-width: 992px) and (max-width: 1279px) {
.panel-8 {font-size:95%;}
}
@media (min-width: 768px) and (max-width: 991px) {
.panel-8 {font-size:90%;}
}
@media (max-width: 767px) {
.panel-8 {font-size:100%;}
}



/* panel9 (4x 8x obrazek + tekst na dole) 6600cc 6600cc */
.panel-9-4{font-size:90%;}
.panel-9-4 i{margin-right:6px;}
.panel-9-4 h4{background-color:#5e0000; color:#fff; padding:7px 5px;}
.panel-9-4 h4 a{color:#fff;}
.panel-9-4 .phov:hover{background-color:#eee; transition: background-color 0.4s; cursor:pointer; cursor:hand;}
.panel-9-4 .phov:hover h4{background-color:#000; transition: background-color 0.4s; }
@media (max-width: 767px) {
.panel-9-4 {font-size:100%;}
}
@media (min-width: 992px) and (max-width: 1279px) {
.panel-9-4 h4 {font-size:102%;}
}
@media (min-width: 768px) and (max-width: 991px) {
.panel-9-4 h4 {font-size:81%;}
}
@media (min-width: 544px) and (max-width: 767px) {
.panel-9-4 h4 {font-size:130%;}
}
@media (max-width: 543px) {
.panel-9-4 h4 {font-size:115%;}
}
@media (max-width: 449px) {
.panel-9-4 h4 {font-size:90%;}
}

/* panel9 (3x 9x obrazek + tekst na dole) */
.panel-9-3 {font-size:85%;}
.panel-9-3 i{margin-right:6px;}
.panel-9-3 h4{background-color:#5e0000; color:#fff; padding:7px 5px;}
.panel-9-3 h4 a{color:#fff;}
.panel-9-3 .phov:hover{background-color:#eee; transition: background-color 0.4s; cursor:pointer; cursor:hand;}
.panel-9-3 .phov:hover h4{background-color:#000; transition: background-color 0.4s; }
@media (min-width: 768px) and (max-width: 991px) {
.panel-9-3 h4 {font-size:120%;}
}
@media (min-width: 544px) and (max-width: 767px) {
.panel-9-3 h4 {font-size:110%;}
}

/* panel9 (6x obrazek + tekst na dole) */
.panel-9-6 {font-size:85%;}
.panel-9-6 i{margin-right:6px;}
.panel-9-6 h4{font-size:120%; background-color:#5e0000; color:#fff; padding:7px 5px;}
.panel-9-6 h4 a{color:#fff;}
.panel-9-6 .phov:hover{background-color:#eee; transition: background-color 0.4s; cursor:pointer; cursor:hand;}
.panel-9-6 .phov:hover h4{background-color:#000; transition: background-color 0.4s; }
@media (min-width: 992px) and (max-width: 1279px) {
.panel-9-6 h4 {font-size:80%;}
}
@media (min-width: 768px) and (max-width: 991px) {
.panel-9-6 h4 {font-size:135%;}
}



/* panel10  */
.panel-10{
 font-size:85%;
}
.panel-10 i{
 display:block;
 margin:0 30px 0 15px;
 float:left;
}
.panel-10 div.p10-item{
 height:100%;
 padding:20px 15px;
}
.panel-10 p{
 margin:0;
}
.panel-10 h1,
.panel-10 h2,
.panel-10 h3,
.panel-10 h4,
.panel-10 h5,
.panel-10 h6{
 margin-bottom:3px;
}
@media (min-width: 768px) and (max-width: 1279px) {
.panel-10{font-size:70%;}
.panel-10 i{margin:0 15px 0 0;}
.panel-10 div.p10-item{padding:15px 12px;}
}
@media (max-width: 767px) {
.panel-10{font-size:90%;}
.panel-10 div.p10-item{padding-right:25px}
}



/* panel11  */
.panel-11{
 font-size:110%;
}
.panel-11 i{
 margin-right:6px;
}
.panel-11 h2{
 color:#000;
 font-weight:500;
}
.panel-11 .url{
 border-left:1px solid #000;
}
@media (min-width: 992px) and (max-width: 1279px) {
.panel-11 {font-size:95%;}
}
@media (min-width: 768px) and (max-width: 991px) {
.panel-11 {font-size:90%;}
}
@media (max-width: 767px) {
.panel-11 {font-size:100%;}
}
@media (max-width: 543px) {
.panel-11 .url{ border-left:none; padding-top:5px; text-align:center;}
}



/* panel-12 */
.panel-12 .col{
 padding: 3px;
 cursor:pointer;
 cursor:hand;
}
.panel-12 img{
 position:relative;
 width:100%;
 border:1px solid #aaa;
 border-radius: 3px;
 padding:1px;
}
.panel-12-h{
 padding:2px;
 margin-top:-54px;
 text-align:center;
}
.panel-12 h4{
 position:relative;
 width:100%;
 background-color: rgba(50, 50, 50, 0.5);
 border-bottom-left-radius: 2px;
 border-bottom-right-radius: 2px;
 line-height:46px;
 font-size:100%;
 color:#fff;
 padding:2px;
 margin:0;
}
.panel-12 h4 a{
 color:#fff;
}
.panel-12 .col:hover .panel-12-h h4{
 background-color: rgba(0, 0, 0, 0.7);
 transition: .2s linear;
}
.panel-12 .col:hover img{
 opacity:0.9;
 transition: .2s linear;
 border:1px solid #222;
}
@media (min-width: 768px) and (max-width: 991px) {
.panel-12-h{ margin-top:-38px;}
.panel-12 h4 {font-size:80%; line-height:30px;}
}
@media (max-width: 460px) {
.panel-12-h{ margin-top:-38px;}
.panel-12 h4 {font-size:80%; line-height:30px;}
}


/* panel-13 */
/* karuzela loga */
.carousel-box{
  position:relative;
  min-height:80px;
  margin:0 47px;
  z-index:90;
}
.carousel-box .carousel .col {
  float:left;
  max-width:205px;
  text-align:center;
  margin:0 20px;
  line-height:1;
}
.carousel-box .col img {
 width:160px;
 margin-bottom:5px;
}
.carousel-box a {
  opacity: .6;
  transition: opacity .2s linear;
}
.carousel-box a:hover {
  opacity: 1;
  filter: alpha(opacity=80);
  transition: opacity .2s linear;
}
.carousel-box > * {
  transition: opacity .2s linear;
}
.carousel-box.no-style .next,
.carousel-box.no-style .prev {
  background-color:transparent;
  display: block;
  width: 47px;
  height: 87px;
  padding-top:40px;
  text-align: center;
  transition: all .2s linear;
  z-index:100;
}
.carousel-box.no-style .next{
  float: right;
  margin: -123px -47px 0 0;
}
.carousel-box.no-style .prev {
  float: left;
  margin: -123px 0 0 -47px;
}
@media (max-width: 543px) {
.carousel-box .carousel .col {max-width:80px;  margin:0 10px; font-size:80%;}
.carousel-box .col img {width:80px;}
}



/* panel-14 */
/* slider u góry*/
.slide-preload{
 width:100%;
 opacity:0;
 z-index:0;
}
#my-slide {
 position:absolute;
 color:#000;
 height:356px;
 overflow:hidden;
 opacity:0;
 z-index:10;
 padding-bottom:16px;
}
#my-slide .navigation{ top:99%;}
#my-slide .slide-item{ height:356px;}

#my-slide p{
 margin:0;
 padding:0;
 white-space:nowrap;
 font-size:155%; line-height:1.2;
}

@media (min-width: 992px) and (max-width: 1279px) {
#my-slide p{font-size:115%;}
}

@media (min-width: 768px) and (max-width: 991px) {
#my-slide p{font-size:90%;}
#my-slide .btn{padding:4px 13px;}
}

@media (min-width: 544px) and (max-width: 767px) {
#my-slide p{font-size:75%;}
#my-slide .btn{font-size:12px; padding:2px 10px; line-height:20px;}
}

@media (max-width: 543px) {
#my-slide p{font-size:64%;}
#my-slide .btn{font-size:10px; padding:1px 8px; line-height:18px;}
}

@media (max-width: 449px) {
#my-slide p{font-size:56%;}
#my-slide .btn{font-size:9px; padding:0 5px; line-height:14px;}
}

@media (max-width: 399px) {
#my-slide p{font-size:48%;}
}



/* panel-15 3x img */
.panel-15 img{
 position:relative;
 width:100%;
 border:1px solid #cdb380;
 padding:1px;
}
.panel-15-h{
 padding:2px;
 margin-top:-54px;
 text-align:center;
}
.panel-15 h5{
 position:relative;
 display:flex;
 align-items:center;
 justify-content:center;
 width:100%;
 height:50px;
 background-color: rgba(255, 255, 255, 0.7);
 padding:2px;
 opacity:0;
}
.panel-15:hover .panel-15-h h5{
 opacity:1;
 transition: opacity .3s linear;
}
.panel-15 img:hover{
 opacity:0.9;
 transition: opacity .3s linear;
 border:1px solid #6b4133;
}
@media (max-width: 991px) {
.panel-15 h5{font-size:90%;}
}
@media (max-width: 767px) {
.panel-15 h5{font-size:80%;}
}
@media (max-width: 543px) {
.panel-15 h5{font-size:70%;}
}



/* panel-16 6x img */
.panel-16 .container{padding:0 34px;}

@media (min-width: 992px) and (max-width: 1279px) {
.panel-16 .container{padding:0 31px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.panel-16 .container{padding:0 29px;}
}
@media (max-width: 767px) {
.panel-16 .container{padding:0 27px;}
}

.panel-16 .row{
 padding:4px 0;
}
.panel-16 .col-p1{
 padding:2px;
}
.panel-16 .col-p1:hover .p16-txt{
 opacity:1;
 transition: opacity .3s linear;
}
.panel-16 img{
 width:100%;
 position:relative;
}
.panel-16 h3{
 position:relative;
 background-color: rgba(50, 50, 50, 0.7);
 height:70px;
 margin:-70px 0 0 0;
 padding:20px 20px 0;
 color:#fff;
}
.panel-16 i{
 margin-right:4px;
}
.panel-16 h3 a{
 color:#fff;
}
.panel-16 h3 a:hover{
 color:#000;
 transition: color .2s linear;
}
.panel-16 .p16-txt{
 position:relative;
 background-color: rgba(50, 50, 50, 0.7);
 height:90px;
 margin:-160px 0 70px 0;
 padding:15px 20px 0;
 color:#fff;
 line-height:18px;
 opacity:0;
}
/* lg */
@media (min-width: 992px) and (max-width: 1279px) {
.panel-16 {font-size:84%;}
}
/* md */
@media (min-width: 768px) and (max-width: 991px) {
.panel-16 {font-size:102%;}
}
/* sm */
@media (min-width: 544px) and (max-width: 767px) {
.panel-16 {font-size:82%;}
}
/* xs - */
@media (max-width: 543px) {
.panel-16 {font-size:140%;}
}
/* xs | */
@media (max-width: 479px) {
.panel-16 {font-size:85%;}
}





/* slider w treści*/
.carousel-control-prev {
    left: 0;
    padding-right:10%;
}
.carousel-control-next {
    right: 0;
    padding-left:10%;
}
.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width:15%;
    text-align: center;
    opacity: 0.5;
    font-size:60px;
    color:#999;
}
.carousel-control-next:hover,
.carousel-control-prev:hover{
    color:#27d9ca;
    opacity: 1;
}
.carousel-control-next:focus,
.carousel-control-prev:focus {
    color:#27d9ca;
}











.form-control {
 line-height:21px;
}
.form-control:focus {
 border-color:#0c9ba2;
}
.form-control:valid,
.form-control-success {
 border-color:#00878e;
}
.form-control:invalid{
 border-color:#dc355f;
}
.form-control-danger {
 border-color:red !important;
}

.success {
 color:#00878e;
}
.danger {
 color:red;
}


.form-group label{
 margin-bottom:0;
 font-size:70%;
 color:#777;
}





#footer {
 padding: 40px 0 30px;
 color:#fff;
 font-size:14px;
 background:#000;
 border-top:1px solid #000;
}



/* menu dolne */
.menu-bottom {
 padding-top:30px;
}
.menu-bottom h5 {
 color:#fff;
 border-bottom:1px solid #555;
 padding-bottom:3px;
 margin-bottom:3px;
}
.menu-bottom h5 a {
 color:#fff;
}
.menu-bottom a{
 color:#fff;
}
.menu-bottom a:hover,
.menu-bottom h5 a:hover {
 color:#ffdd00;
}
.menu-bottom ul,
.menu-bottom li {
 margin:0;
}
.menu-bottom ul li a{
 padding: 0 0 4px;
}
/* xs - */
@media (max-width: 543px) {
.menu-block {margin-bottom:0px;}
.menu-bottom h5 {margin-bottom:1px; border-bottom:none;}
.menu-bottom ul{padding-left:15px;}
}




.social-media{
 text-align:right;
 margin-top:20px;
}
.social-media a{
 color:#ffdd00;
 padding:8px;
}
.social-media a:hover{
 color:#fff;
}



/* stopka */
.stopka {
 margin-top:20px;
}
.stopka h1,
.stopka h2,
.stopka h3,
.stopka h4,
.stopka h5,
.stopka h6{
 color:#fff;
}
.stopka a {
 color:#fff;
}
.stopka a:hover {
 color:#ffdd00;
}



/* copyright */
.copyright {
 background:#111;
 padding:6px 0 2px;
 color:#fff;
 font-size:12px;
 text-align:center;
}
@media (max-width: 1280px) {
.social-media{text-align:center;}
.copyright {float:none; text-align:center;}
}












/* butony */
.btn {
  border: 0 none;
  line-height: 22px;
  outline: none;
  padding: 8px 20px;
  border-radius: 2px;
  transition: .2 linear;
  z-index:2;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
  transition: .1 linear;
}
.btn.btn-red:hover,
.btn.btn-red:focus,
.btn.btn-red:active,
.btn.btn-red.active {
  color: #ffffff;
  background-color: #00254c;
}

.btn i{
 vertical-align:middle;
 margin:0 0 3px 0;
}

.btn-off {
  background:#ddd;
  border: 1px solid #ddd;
}


.btn-1 {
  background-color: #ffdd00;
  border: 1px solid #ffdd00;
  color: #000;
}
.btn-1:hover, .btn-1:active, .btn-1.active {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
}

.btn-2 {
  background-color: #000;
  border: 1px solid #000;
  color: #ffdd00;
}
.btn-2:hover, .btn-2:active, .btn-2.active {
  background-color: #fff;
  color: #000;
}

.btn-3 {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}
.btn-3:hover, .btn-3:active, .btn-3.active {
  background-color: #fff;
  color: #000;
}

.btn-4 {
  border: 1px solid #000;
  background-color: #ffdd00;
  color: #333;
}
.btn-4:hover, .btn-4:active, .btn-4.active {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}

.btn-5 {
  background-image: url('../img/t20.png');
  border: 1px solid #000;
  color: #000;
}
.btn-5:hover, .btn-5:active, .btn-5.active {
  background-color: #000;
  color: #fff;
}

.btn-6 {
  background-image: url('../img/b10.png');
  border: 1px solid #000;
  color: #000;
}
.btn-6:hover, .btn-6:active, .btn-6.active {
  background-color: #000;
  color: #fff;
}

.btn-7 {
  background-image: url('../img/b30.png');
  border: 1px solid #ccc;
  color: #fff;
}
.btn-7:hover, .btn-7:active, .btn-7.active {
  background-color: #222;
  border: 1px solid #111;
  color: #fff;
}

@media (min-width: 992px) and (max-width: 1279px) {
.btn-1,.btn-2,.btn-3,.btn-4,.btn-5,.btn-6,.btn-7 {padding: 6px 18px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.btn-1,.btn-2,.btn-3,.btn-4,.btn-5,.btn-6,.btn-7 {padding: 4px 16px;}
}
@media (max-width: 767px) {
.btn-1,.btn-2,.btn-3,.btn-4,.btn-5,.btn-6,.btn-7 {padding: 2px 14px;}
}





.back_top {
    width: 45px;
    height: 45px;
    background: rgba(100,227,175,0.4);
    text-decoration:none;
    color: #fff;
    font-size:30px;
    text-align: center;
    position: fixed;
    right: 30px;
    bottom: 3px;
    z-index: 999;
    border-radius: 1px;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
    opacity: 0;
}
.back_top:hover,
.back_top:active,
.back_top:focus,
.back_top:visited {
    background: rgba(95,157,195,0.8);
    color: #fff;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.4);
}
/* xs | */
@media (max-width: 767px) {
.back_top {right: 14px;}
}
@media (max-width: 400px) {
.back_top {right: 8px;}
}





.l,.pull-left {float:left;}
.r,.pull-right{float:right;}
.h {display:none;}
.b {font-weight:400;}
.left { left:0;}
.right { right:0;}
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-top {vertical-align:top;}
.text-middle {vertical-align:middle;}
.text-bottom {vertical-align:bottom;}

.m-auto{margin:auto}
.table-cell {display:table-cell;}
.block {display:block;}

.border {
 padding:1px;
 border:1px solid #5ebbff !important;
}
.noborder,
.noborder td {
 border:none;
}
.hand {
 cursor:pointer;
 cursor:hand;
}
.clear { clear:both;}
.clear-l { clear:left;}
.clear-r { clear:right;}
.clear1px { clear:both; height:1px; font-size:1px;}

.nowrap {white-space: nowrap;}

.m-0   { margin:0 !important;}
.m-t-0 { margin-top:0 !important;}
.m-l-0 { margin-left:0 !important;}
.m-r-0 { margin-right:0 !important;}
.m-b-0 { margin-bottom:0 !important;}

.m-5   { margin:5px !important;}
.m-t-5 { margin-top:5px !important;}
.m-l-5 { margin-left:5px !important;}
.m-r-5 { margin-right:5px !important;}
.m-b-5 { margin-bottom:5px !important;}
.m-x-5 { margin-left:5px; margin-right:5px !important;}
.m-y-5 { margin-top:5px; margin-bottom:5px !important;}

.m-10   { margin:10px !important;}
.m-t-10 { margin-top:10px !important;}
.m-l-10 { margin-left:10px !important;}
.m-r-10 { margin-right:10px !important;}
.m-b-10 { margin-bottom:10px !important;}
.m-x-10 { margin-left:10px; margin-right:10px !important;}
.m-y-10 { margin-top:10px; margin-bottom:10px !important;}

.m-t-15 { margin-top:15px !important;}
.m-l-15 { margin-left:1.06em !important;}
.m-r-15 { margin-right:1.06em !important;}
.m-b-15 { margin-bottom:15px !important;}
.m-x-15 { margin-left:15px; margin-right:15px !important;}
.m-y-15 { margin-top:15px; margin-bottom:15px !important;}

.m-t--15 { margin-top:-15px !important;}
.m-l--15 { margin-left:-1.06em !important;}
.m-r--15 { margin-right:-1.06em !important;}

.m-b-20 { margin-bottom:20px !important;}

.m-t-30 { margin-top:30px !important;}
.m-b-30 { margin-bottom:30px !important;}
.m-r-30 { margin-right:30px !important;}

.p-0    { padding:0 !important;}
.p-l-0  { padding-left:0 !important;}
.p-l-5  { padding-left:5px !important;}
.p-r-5  { padding-right:5px !important;}
.p-l-15 { padding-left:15px !important;}
.p-r-15 { padding-right:15px !important;}
.p-x-15 { padding-left:15px; padding-right:15px !important;}
























/* -- responsive -- */
/* xl */
@media (min-width: 1280px) {

}


/* lg */
@media (min-width: 992px) and (max-width: 1279px) {
.clearfix-lg {clear: both;}
.mainmenu li.nav-item .nav-link{font-size:16px;}
.path{ margin-top:15px}
}


/* md */
@media (min-width: 768px) and (max-width: 991px) {
.clearfix-md {clear: both;}
.mainmenu li.nav-item .nav-link{font-size:15px;}
.path{ margin-top:5px}
}


/* sm */
@media (min-width: 544px) and (max-width: 767px) {
.clearfix-sm {clear: both;}
.mainmenu li.nav-item .nav-link{font-size:13px;}
.path{ margin-top:2px;}
}


/* xs - */
@media (max-width: 543px) {
.clearfix-xs {clear: both;}
#back_top {right:14px;}
.path{margin-top:5px; height: 25px;}
.logo{float:none}
.header-menu {
 width:100%;
 padding:0;
 margin:0;
 z-index:101;
}
.header-menu .container {
 padding:0;
}
.mainmenu .nav > li:hover .nav-link{
 color:#fff;
}
.mainmenu .navbar-nav{
 display:block;
 background:#000;
 padding:25px 5px 10px 5px;
 margin-bottom:5px;
 margin-left:2px;
}
.mainmenu .nav-item{
 display:list-item;
 background-image: none !important;
 float:none;
 text-align:left;
 margin: 0 !important;
 padding:3px 0 !important;
}
.mainmenu ul,
.mainmenu ul li{
 top:0 !important;
 left:0 !important;
 border: none !important;
 animation: none !important;
}
.mainmenu .dropdown-menu,
.mainmenu .dropdown-menu li .dropdown-menu{
 margin:0;
}
.mainmenu .dropdown-menu li .dropdown-item:hover{
 background:none !important;
}
.mainmenu ul li .menu-link{
 margin: 0 !important;
 padding:0 !important;
 line-height:25px;
}
.mainmenu .nav .menu-link{
 color:#fff;
}
.mainmenu .dropdown .fa-caret-down,
.mainmenu .dropright>.dropdown-item:after{
 display: none;
}
.mainmenu ul.dropdown-menu{
 float:none;
 padding: 3px 0 0 8px !important;
 position:relative;
 width:auto;
 display:block;
 background:none;
}

#footer {
 padding-top:0px;
}
}



/*oblewanie tekstem*/
@media (min-width: 1280px) {
.xl-mr-15 {margin-right:1.06em}
.xl-ml-15 {margin-left:1.06em}
.xl-mr--15 {margin-right:-1.06em}
.xl-ml--15 {margin-left:-1.06em}
}
@media (min-width: 992px) {
.lg-mr-15 {margin-right:1.06em}
.lg-ml-15 {margin-left:1.06em}
.lg-mr--15 {margin-right:-1.06em}
.lg-ml--15 {margin-left:-1.06em}
}
@media (min-width: 768px) {
.md-mr-15 {margin-right:1.06em}
.md-ml-15 {margin-left:1.06em}
.md-mr--15 {margin-right:-1.06em}
.md-ml--15 {margin-left:-1.06em}
}
@media (min-width: 544px) {
.sm-mr-15 {margin-right:1.06em}
.sm-ml-15 {margin-left:1.06em}
.sm-mr--15 {margin-right:-1.06em}
.sm-ml--15 {margin-left:-1.06em}
}