@import url('https://use.fontawesome.com/releases/v5.3.1/css/all.css');

/*==================== General Style Start ==================== */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html {font-size: 16px;}
body {font-size: 1rem; font-weight:400; color: #000; font-family: 'Open Sans', sans-serif; background-color: #fff; line-height: 1.5em;}

.row:before, .row:after {display: none !important;}

.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../img/preloader.gif);}

a { color: #000000; text-decoration: none; }
a:hover, a:focus { color: #333333; text-decoration: underline; }

img { max-width: 100%; height: auto; }
[data-background] { -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat:no-repeat; }
.no-gutters { margin-right: 0; margin-left: 0; }
.no-gutters > [class^="col-"],
.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; }
.hidden{display:none;}

label.error { font-weight: normal; color: #e31e25; }
.no-padd-bottom{ padding-bottom:0px !important; }
.no-padd-top{ padding-top:0px !important; }
.no-margin-bottom{ margin-bottom:0px !important; }
.no-margin-top{ margin-top:0px !important; }
.no-bg{ background:none !important; }
.label_check,.label_radio{ padding-left:30px; margin-bottom:15px; font-weight:normal;}
.label_radio { background: url(../img/radio-off.png) no-repeat; }
.label_check{ background: url(../img/check-off.png) no-repeat; }
label.c_on{ background: url(../img/check-on.png) no-repeat; }
label.r_on{ background: url(../img/radio-on.png) no-repeat; }
.label_check input,.label_radio input  { position: absolute; left: -9999px; }
.form-control{ box-shadow:none; border-color:#ccc; color:#333;}
.form-control:focus{border-color: #290b03;box-shadow:none;}
.form-group{margin-bottom:20px;}
.form-group { font-size: 16px;line-height: 30px;}
.form-group .label_check{ line-height:20px;}
#contactForm textarea.form-control{ height:220px;}
.form-group .label_radio { line-height: 20px; background-color: #f4f4f4; padding: 10px 10px 10px 44px; background-position: 10px 10px; min-width: 240px; font-size: 14px; }
.form-group label { font-weight: 400; margin: 0; }
.sub-heading { font-size: 16px; line-height: 30px; color: #333; font-weight: 700; }

/*.table-striped > thead > tr > th{ background:#ccc; font-weight: 700; color:#333; text-align:center; text-transform:uppercase;}
.table-striped > tbody > tr > th, .table-striped > tbody > tr > td { background:#fcfcfc;}
.table-striped > tbody > tr> td{text-align:center;}
.table-striped > tbody > tr > td.text-left{text-align:left;}
.table-striped > tbody > tr > td.text-right{text-align:right;}
.table-striped > tbody > tr:nth-child(2n+1) > td, 
.table-striped > tbody > tr:nth-child(2n+1) > th{ background:#eee;}*/

p.bg-primary, p.bg-success, p.bg-info, p.bg-warning, p.bg-danger { padding: 15px; }
p.bg-success { border: 4px solid #077a00; }
p.bg-danger { border: 4px solid #ce0000; }
hr { border-top: 1px solid #ddd; }

p{font-family: 'Open Sans', sans-serif;}

hr.section-seperator { border-top: 1px solid #009dda;margin-top: 2rem!important;margin-bottom: 2rem!important; width:60%;}
hr.section-seperator-gray { border-top: 1px solid #ccc;margin-top: 2rem!important;margin-bottom: 2rem!important; width:60%;}

.page-header h1, .page-header h2, .page-header h3, .page-header .title{ font-family: 'Open Sans', sans-serif; font-size:2.5rem;font-weight:600;line-height:1.1em}
.page-subheader h1, .page-subheader h2, .page-subheader h3{ font-family: 'Open Sans', sans-serif; font-size:2.0rem;font-weight:600;line-height:1.1em;}
.page-subheader-ico h1, .page-subheader-ico h2, .page-subheader-ico h3, .page-subheader-ico h4, .page-subheader-ico h5{ font-family: 'Open Sans', sans-serif; font-size:1.4rem;font-weight:600;line-height:1.1em;}
.page-subheader.with-line > div:nth-child(1){border-bottom:1px solid #fff; }
.page-subheader.with-line > div:nth-child(2){border-bottom:1px solid #000; }

h1.content-header, h2.content-header, h3.content-header{ font-family: 'Open Sans', sans-serif; font-size:2.5rem;font-weight:600;line-height:1.1em}

.social-tabs{position:absolute;right:0px;top:160px;}
.social-tabs .fab {padding: 20px; font-size: 30px; width: 70px;text-align: center;text-decoration: none;}
.social-tabs .fab:hover {opacity: 0.7;}
/* Facebook */
.social-tabs .fa-facebook-f {background: #3B5998;color: white;}


/* Scroll to Top */
.scroll-to-top { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;position: fixed; right: 30px; cursor: pointer; bottom: 30px; width: 70px; height: 70px; border-radius: 36px; padding: 0; background: #000; z-index: 1040; color: #FFF; filter: alpha(opacity=0); opacity: 0; }
.scroll-to-top:before { position: absolute; display: block; top: 0; right: auto; bottom: auto; left: 0; width: 68px; height: 60px; line-height: 68px; font-family: "Font Awesome 5 Free"; text-align: center; color: #ffffff; content: "\f062"; font-size: 30px; }
.scroll-to-top a { color: #fff; }
.scroll-to-top:hover { filter: alpha(opacity=100); opacity: 1; background: #0091d0; }
.scroll-to-top.visible { filter: alpha(opacity=75); opacity: 0.75; }
.map-container { height: 400px; margin: 0; color: #000; margin-top: 0px; overflow: hidden; position: relative; width: 100%; }
.googlemaps { width: inherit; height: inherit; }
/*==================== General Style End ==================== */


/*==================== Buttons Style Start ==================== */
.btn:focus, .btn:active:focus, .btn.active:focus{outline:none;}
.btn-primary {background-color: #0091d0;color: #fff;border:1px solid #0091d0;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{ background:#009dda; color:#fff;border:1px solid #009dda;}

.btn-secondary {background:#333; color:#fff;border:1px solid #333;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary{background:#000; color:#fff;border:1px solid #009dda;}

.btn-link{color:#0091d0;}
.btn-link::after{content:"\f054";font-family:'FontAwesome'; color:#0091d0;margin-left:5px;}
.btn-link:hover, .btn-link:focus{ color:#0091d0;}
/*==================== Buttons Style End ==================== */

/*==================== 404 Style Start ==================== */
.page-404{ text-align:center;}
.page-404 img{max-width:100%;}
.page-404 p{ font-size:30px; line-height:48px; margin:45px 0 35px;}
/*==================== 404 Style End ==================== */

/*==================== MainPage Style Start ==================== */
.main-header h1, .main-header h2, .main-header h3{font-family: 'Open Sans', sans-serif; font-size:2.5rem;font-weight:600;margin-bottom:70px;line-height:1.1em}

.section-main{padding:40px 0px;}

.owl-carousel.logotypy .owl-item img{width:auto;}

/*==================== MainPage Style End ==================== */

.pasek-top{background: #666;}

.wsmenu .fas{margin-right:4px;}

.wsmenucontainer { background-image: none;}
.wsmainwp { max-width: 1500px;}

.desktoplogo img {
    width: 120px;
}
.desktoplogo {
    padding: 5px 0px;
    float:none;	
}

.topbarbg {
    width: 100%;
    display: block;
    padding-top: 0px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
	background:#fff;
	
}

.topbarbg .nazwa{font-family: 'Open-Sans', sans-serif;font-size:1.5em;font-weight:bold;color:#000;}

.wsmenu {font-family: 'Open-Sans', sans-serif;width: 100%;float: none;background:#666;}

.wsmenu>.wsmenu-list>li>a {padding: 12px 15px 12px 8px;font-size:1em;line-height: 30px;color:#fff;border-right: 0px;}
.wsmenu>.wsmenu-list>li>a .wsarrow:after {top: 26px;right:8px;border-top-color: #fff;}

.wsmenu>.wsmenu-list>li>ul.sub-menu {top: auto;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a{}

.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch {
    margin: 7px 10px 7px 0px;
}

/*==================== SideMenu Style Start ==================== */

.left-col{
	background-color:#e5e5e5;
}

.nav-side-menu {
    overflow: auto;
    font-size: 1em;
    font-weight: 400;
    position: relative;
    top: 0px;
    width: 100%;
    color: #333;
    padding: 0px;
    font-family: 'Open Sans', sans-serif;
    background-color: transparent;
}
.nav-side-menu .brand {
    line-height: 50px;
    display: block;
}
.nav-side-menu .brand .page-header {
    margin-bottom: 0px;
}
.nav-side-menu .brand h4 {
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 0px;
    color: #333;
}
.nav-side-menu .toggle-btn {
    display: none;
}
.nav-side-menu ul, .nav-side-menu li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    line-height: 1.5em;
    cursor: pointer;
    clear: both;
}

.nav-side-menu ul span:not(.collapsed) .arrow:before, .nav-side-menu li span:not(.collapsed) .arrow:before {
    font-family:"Font Awesome 5 Free";
    content: "\f106";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    float: right;
    color: #333;
	font-weight:900;
}

.nav-side-menu ul span.collapsed .arrow:before, .nav-side-menu li span.collapsed .arrow:before {
    font-family:"Font Awesome 5 Free";
    content: "\f107";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    float: right;
    color: #333;
	font-weight:900;
}

.nav-side-menu ul .active, .nav-side-menu li .active {
    border-left-color: #104860;
    font-weight: bold;
    color: #000;
}
.nav-side-menu ul .sub-menu li.active, .nav-side-menu li .sub-menu li.active {
}
.nav-side-menu ul .sub-menu li.active a, .nav-side-menu li .sub-menu li.active a {
    color: #333;
    font-weight: bold;
}
.nav-side-menu ul .sub-menu {
    padding-left: 20px;
}
.nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li {
    border: none;
    line-height: 24px;
    border-bottom: 1px solid #fff;
    margin-left: 0px;
    font-weight: 400;
}
.nav-side-menu ul .sub-menu > li > a:hover, .nav-side-menu li .sub-menu > li > a:hover {
    text-decoration: underline;
}
.nav-side-menu li {
    padding: 0px 4px;
    padding-left: 6px;
    border-left: 3px solid #e5e5e5;
    border-bottom: 1px solid #fff;
}

.nav-side-menu li > a,.nav-side-menu li > span{
    line-height:30px;
    padding:0px 0px;
}

.nav-side-menu li:last-child {
    border-bottom: 0px !important;
}
.nav-side-menu li a {
    text-decoration: none;
    color: #333;
}
.nav-side-menu li a:hover {
    text-decoration: underline;
    color: #333;
}
.nav-side-menu li a i {
    padding-left: 10px;
    width: 20px;
    padding-right: 20px;
}
.nav-side-menu ul.menu-content > li:hover {
    border-left-color: #f02b42;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.nav-side-menu li > span {
    display: block;
}
.nav-side-menu ul ul {
    padding-left: 10px !important;
}

@media (max-width: 991px) {

    .nav-side-menu {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
    }
    .nav-side-menu .toggle-btn {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 15px;
        top: 10px;
        z-index: 10 !important;
        padding: 3px;
        color: #fff;
        width: 40px;
        text-align: center;
    }
    .nav-side-menu .brand {
        text-align: left !important;
        padding-left: 15px;
        height: 60px !important;
        background-color: #666666;
        color: #fff;
		padding-right: 15px;
    }
    .nav-side-menu .brand h4 {
        color: #fff;
        font-size: 30px;
        padding-top: 10px;
        padding-bottom: 0px;
    }
    .nav-side-menu .brand .page-header:after {
        height: 0px;
    }
    .nav-side-menu .menu-list .menu-content {
        border: 1px solid #666;
        border-top: 0px;
        padding: 10px;
    }
}

@media (min-width: 991px) {
    .nav-side-menu .menu-list .menu-content {
        display: block;
    }
}

/*==================== SideMenu Style End ==================== */

/*==================== Footer Style Start ==================== */

#footer{font-size:16px;font-family: 'Open Sans', sans-serif; color:#fff;}
.footer-copyright-area { background: #333; padding: 10px 0;}
.footer-copyright-area .copyright-text {
    color: #ffffff;
    margin-bottom: 0;
    padding: 5px 0;
}
.footer-copyright-area .copyright-links {
    text-align: right;
    padding-left: 0;
    margin-bottom: 0;
    padding: 5px 0;
}
.footer-copyright-area .copyright-links li:not(:last-child) {
    margin-right: 40px;
}

.footer-copyright-area .copyright-links li {
    list-style: none;
    display: inline-block;
}

.footer-copyright-area .copyright-links li a {
    display: inline-block;
    color: #ffffff;
    font-size: 16px;
}

#footer .social-icons .fab{font-size:40px;opacity:0.8;}
#footer .social-icons .fab:hover{opacity:1;}

/*==================== Footer Style End ==================== */

/*==================== Breadcrumb Style Start ==================== */
.breadcrumb-section{background:#e5e5e5; color:#000;}
.breadcrumb{border-radius:0; margin:0; background:#e5e5e5; padding:5px 0;font-size:0.8rem; color:#000;}
.breadcrumb > li > a{color:#000;}
.breadcrumb > li.active{color:#000;}
.breadcrumb > li + li::before{content:"\f105";font-family:'Font Awesome 5 Free'; color:#000;padding: 0 10px;font-weight:900;}
/*==================== Breadcrumb Style End ==================== */

/*==================== Pager Style Start ==================== */
.pagination { margin-bottom: 10px; margin-top: 10px; float: right; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 4px 10px; line-height: 1.4; text-decoration: none; color: #666; background-color: #ececec; border: 1px solid #ececec; margin-left: 3px; font-size: 0.9rem; }
.pagination > li .fa { font-size: 1.1rem; }
.pagination > .active a, .pagination > .active span, .pagination > .active a:hover, .pagination > .active span:hover, .pagination > .active a:focus, .pagination > .active span:focus { background-color: #ff8000 !important; border: 1px solid #ff8000 !important; }
.pagination > .active > a { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ff8000 !important; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #d1d1d1; border: 1px solid #dddddd; color: inherit; }

/*==================== Pager Style End ==================== */

/*==================== BlogList Style Start ==================== */
.blog-posts article { border-bottom: 1px solid #c3c3c3; margin-bottom: 20px; padding-bottom: 20px; }
.blog-posts article:last-child{border-bottom:0px;}
.blog-posts h3.title{ font-size: 1.8rem; font-family: 'Open Sans', sans-serif; font-weight: 600; margin-bottom: 10px; margin-top: 10px; color: #ff6600;}
.blog-post-thumb{ width:30%; float:left; margin-right:15px; margin-bottom:15px; }
.blog-post-meta { color: #666666; font-size: 0.85rem; font-family: 'Open Sans', sans-serif; margin-bottom: 7px;border-top:1px solid #ccc;border-bottom:1px solid #ccc; }
.blog-post-meta > span { display: inline-block; padding-right: 5px; font-size:14px;color:#666;}
.blog-post-meta > span a{color:inherit;}
.blog-post-meta i { margin-right: 3px; }
.blog-post-meta > span > a + a::before{content:"\f105";font-family:'Font Awesome 5 Free'; color:#666;padding: 0 5px;font-weight:900;}
/*==================== BlogList Style End ==================== */

/*==================== BlogPost Style Start ==================== */
.item-navigation{ margin-top:10px; }
.blog-post-content{ line-height:1.7em;}
.blog-post-content h1{ font-size: 2.1rem; font-family: 'Open Sans', sans-serif; font-weight: 600; margin-bottom: 10px; padding-bottom:10px; margin-top: 10px;border-bottom:1px solid #ccc;}
.blog-post-add h4{font-size: 1.1rem;font-family:'Open Sans', sans-serif;font-weight:700;}
.blog-post-add ul{list-style:none;margin:0px;padding:0px;}
.blog-post-add ul li{font-size:0.9rem;line-height:2rem;}
.blog-post-add ul li .fa{font-size:1.1rem;color:#ff8000;margin-right:3px;}
.blog-post-add ul li a{color:inherit;}
.blog-post-add ul li a:hover{color:#ff8000;}
.blog-post hr{border-top: 1px solid #d2d2d2;}
.blog-post .table-responsive > table {width:auto;font-size:inherit; min-width: 50%;font-size:14px;}
.blog-post .table-responsive > table p{margin:0px;line-height:1.5rem;}
/*==================== BlogPost Style End ==================== */

/*==================== Bip Style Start ==================== */
.wpisInfo{font-size:14px;color:#666;}
/*==================== Bip Style End ==================== */


/*==================== Assets Style Start ==================== */

/* Owl Carousel */
.owl-carousel { position: relative; z-index: 1; }
.owl-carousel .owl-wrapper-outer { border-radius: 4px; }
.owl-carousel .thumbnail { max-width: 99%; }
.owl-carousel .img-responsive { display: block; margin: 0 auto; }
.owl-carousel-spaced { margin-left: -5px; }
.owl-carousel-spaced .owl-item > div { margin: 5px; }
.owl-theme .owl-controls { margin-top: 20px; }
.owl-theme .owl-controls .owl-buttons div { border-radius: 4px; filter: alpha(opacity=100); opacity: 1; padding: 3px 9px; margin: 2px; }
.owl-theme .owl-controls .owl-buttons div span { font-size: 16px; line-height: 30px; }
.owl-carousel .owl-stage{margin: 0 auto;}

.podstrona a.collapseBtn.collapsed:after  { content: '+ Czytaj więcej';}
.podstrona a.collapseBtn:not(.collapsed):after { content: '- Zwiń tekst'; }
.podstrona a.collapseBtn{float:right;display:block;min-width:200px;text-align:center;color:#fff;padding:10px;background:#009dda;font-family: 'Open Sans', sans-serif;}

.error-page .error-code {
    margin: 35px 0 0 0;
    line-height: normal;
    font-size: 120px;
    text-align: center;
    color:#0686c2;
}

.error-page .error-msg {
    margin: 0 0 50px 0;
    line-height: normal;
    font-size: 34px;
    color: #999999;
    text-align: center;
}

.error-page p {
    font-size: 18px;
}

/*==================== Assets Style End ==================== */

/*==================== CSS3 Style Start ==================== */

.btn, button{ -webkit-transition:all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.main-box:after{-webkit-transition:all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}

/*==================== CSS3 Style End ==================== */

@media (min-width: 1600px) { 

}

@media (min-width: 1200px) {

    /*==================== MainPage Style Start ==================== */

    /*==================== MainPage Style End ==================== */

}

@media (min-width: 992px) {
   
    .wsmenu>.wsmenu-list {
        background-color: transparent;
        float: right;
        width: auto;
    }
	
	.wsmenu .fas-single{margin-right:0px;font-size:24px;}

}

@media only screen and (max-width: 1023px) and (min-width: 780px){ 


}

@media only screen and (min-width: 781px){


}

@media only screen and (min-width: 480px) and (max-width:780px) {


}


@media (min-width: 768px) {


}

@media (min-width: 480px) {


}

@media (max-width: 1600px) { 

}

@media (max-width: 1199px) { 

    .wsmenu {width:100%;}	

}

@media (max-width: 991px) {

    /*==================== MainPage Style Start ==================== */   

	body {
        padding-top: 53px;
    }
	
	.topbarbg .nazwa{padding:10px 0px;font-size:18px;}

    .desktoplogo {display: none;}

    .wsmobileheader .smllogo{margin-top:3px;}
    .wsmobileheader .smllogo > img {width:135px;}
	
	.wsmenu>.wsmenu-list>li>a {
		color: #333;
	}

    /*==================== MainPage Style End ==================== */

}
@media (min-width: 992px) and (max-width: 1199px) {

}



@media (max-width: 767px) { 

    /*==================== General Style Start ==================== */
    .btn-large{font-size: 15px;padding: 10px 10px;}
    /*==================== General Style End ==================== */

    /*==================== 404 Style Start ==================== */
    .page-404 p{ font-size:24px; line-height:38px;}
    /*==================== 404 Style End ==================== */

    /*==================== BlogPost Style Start ==================== */
    .item-navigation{ margin-top:0px; float:left !important;}
    /*==================== BlogPost Style End ==================== */

    /*==================== MainPage Style Start ==================== */   
    .section-main{padding:40px 0px;}
    /*==================== MainPage Style End ==================== */




}

@media (max-width: 479px) { 

    /*==================== 404 Style Start ==================== */
    .page-404 p{ font-size:18px; line-height:24px;}
    /*==================== 404 Style End ==================== */

}