@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;800&display=swap');


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

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body {font-weight:500; color: #333; font-family: 'Montserrat', sans-serif; background-color: #fdfdfd; line-height: 1.5em;font-size: 1rem;}

.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:inherit; text-decoration: underline; }
a:focus {outline: 2px solid #F00;}
input:focus, button:focus {outline: 2px solid #F00;}
#boxy a:focus > div{outline: 4px solid #Ff0;}
a#menu-open:focus {outline: 2px solid #F00;}
.wsmenu>.wsmenu-list>li a:focus  {outline: 2px solid #F00 !important;}
#main-slider:focus  {outline: 2px solid #F00 !important;}

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; }

.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: 1.067rem;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: 0.933rem; }
.form-group label { font-weight: 400; margin: 0; }
.sub-heading { font-size: 1.067rem; line-height: 30px; color: #333; font-weight: 700; }

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: 'Montserrat', 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{margin-bottom:15px;}
.page-header h1, .page-header h2, .page-header h3, .page-header .title{ font-family: 'Montserrat', sans-serif; font-size: 2rem;font-weight:700;line-height:1.1em;color: #4f4f4f;}
.page-subheader h1, .page-subheader h2, .page-subheader h3{ font-family: 'Montserrat', sans-serif; font-size: 1.2rem;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: 'Montserrat', 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: 'Montserrat', sans-serif; font-size: 1.6rem;font-weight:600;line-height:1.1em}

.main-header h1, .main-header h2, .main-header h3{text-transform:uppercase;font-family: 'Montserrat', sans-serif; font-size: 2rem;font-weight:700;margin-top:10px;margin-bottom:20px;color:#a42121;}

.social-tabs{position:absolute;right:0px;top:160px;}
.social-tabs .fab {padding: 20px; font-size: 2rem; width: 70px;text-align: center;text-decoration: none;}
.social-tabs .fab:hover {opacity: 0.7;}
.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: 2rem; }
.scroll-to-top a { color: #fff; }
.scroll-to-top:hover { filter: alpha(opacity=100); opacity: 1; background: #6f2323; }
.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: #0f3754;color: #fff;border:1px solid #0f3754;padding: 1rem 1rem;font-size: 1.067rem;font-weight: 600;}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{ background:#0b2d46; color:#fff;border:1px solid #0b2d46;}
.btn-primary:focus{outline: 2px solid #F00;}

.btn-secondary {background:#666666; color:#fff;border:1px solid #333;padding: 1rem 1rem;font-size: 1.067rem;font-weight: 600;}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary{background:#333; color:#fff;border:1px solid #000;}
.btn-secondary:focus{outline: 2px solid #F00;}

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

/*==================== 404 Style Start ==================== */
.page-404{ text-align:center;margin-bottom:20px;}
.page-404 img{max-width:400px;}
.page-404 p{ font-size: 2rem; line-height:48px; margin:45px 0 35px;}
/*==================== 404 Style End ==================== */

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

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

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

.desktoplogo img {
    width: auto;
}

.homepage .desktoplogo .logo-container {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 20px;
}

.desktoplogo .logo-container {
    max-width:350px;
}

@media (min-width: 768px){
    .desktoplogo .logo-container {
        max-width:520px;
    }
}

.desktoplogo {
    padding: 0px 0px;
    float:none;
}

.topbarbg {
    width: 100%;
    display: block;
    padding-top: 0px;
    border-bottom: 1px solid #ccc;
}

.header {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    background-color: #fff;
    color: #333;
}

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

footer{    
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

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

/*==================== Breadcrumb Style Start ==================== */
.breadcrumb{border-radius:0; margin:0; background:none; padding:5px 0;font-size:0.9rem;border-bottom:1px solid #ccc;margin-bottom: 10px;}
.breadcrumb > li > a{color:#000;}
.breadcrumb > li.active{color:#000;}
.breadcrumb > li + li::before{content:"\f054";color:#000;padding: 0 6px;font-family: "Font Awesome 5 Free";font-weight:900;}
/*==================== Breadcrumb Style End ==================== */

/*==================== Pager Style Start ==================== */
.pagination {font-size:1.2em;}
.pagination > li { display: inline; margin-left:5px;}
.pagination > li:first-child{margin-left:0px;}

.pagination a, .pagination p {
    color: #fff;
    transition: all 0.3s;
    display: inline-block;
    text-align: center;
    padding: 10px;
    background: #0f3754;
    min-width: 40px;
    min-height: 40px;
}

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

/*==================== BlogList Style Start ==================== */
.lista-item-std { border-bottom: 1px solid #c3c3c3; margin-bottom: 20px; padding-bottom: 20px; }
div > .lista-item-std:last-child {border-bottom:0px;}
.lista-item-std .title { font-size: 1.333rem; font-family: 'Montserrat', sans-serif; font-weight: 600; margin-bottom: 10px; margin-top: 10px; color: #333333;}
.lista-item-meta { color: #444; font-size: 0.85rem; font-family: 'Montserrat', sans-serif; margin-bottom: 7px; }
.lista-item-meta > span { display: inline-block; padding-right: 5px; }
.lista-item-meta i { margin-right: 3px; }
.lista-item-std .thb-content {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 150px;
    background-color: #fff;
    background-image: url(../img/no_thb.jpg);
    width:100%;
}
.lista-item-std p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/*==================== BlogList Style End ==================== */

/*==================== BlogPost Style Start ==================== */
.item-navigation{ margin-top:5px;margin-bottom:15px;}

.text-item-std .thb{max-width:270px;max-height:400px;}
.text-item-std table{width:auto;min-width:75%;}
.text-item-std ul.list-unstyled li{margin:5px 0px;}
.text-item-std .fa-file, .text-item-std .fa-link{display:inline-block;background:#0f3754;color:#fff;border-radius:30px;width:40px;height:40px;line-height:40px;text-align:center;}

.text-item-std .opis a, .text-item-std .short-opis a{text-decoration:underline}

.text-item-102 .thb{max-height:400px;max-width:100%}

/*==================== BlogPost Style End ==================== */

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

.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: 'Montserrat', sans-serif;}

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

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

.error-page p {
    font-size: 1.2rem;
}


/*==================== 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; }

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

@media (min-width: 992px) {

    html{
        overflow:visible;
    }

    /*==================== SideMenu Style Start ==================== */
    .nav-side-menu .menu-list .menu-content { display: block; }
    /*==================== SideMenu Style End ==================== */

}

@media (min-width: 768px) {

    .wsmobileheader {
        display: none;
    }    
    
}


@media (max-width: 767px) { 

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

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

    /*==================== BlogPost Style Start ==================== */
    .item-navigation{ margin-top:0px; float:left !important;}
    .blog-post .blog-post-thumb{ width:100%; float:none; margin-right:0px; margin-bottom:15px; }
    /*==================== BlogPost Style End ==================== */

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

    #footer .container:first-child {
        border-top: 0px solid #ccc;
    }
    #footer img{padding:5px 20px;background:#fff;border-radius:10px;}

    .header{
        padding-top: 54px;
    }

}

@media (max-width: 479px) { 

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

}

@media only print{

    .homepage .header .top-content .container, .podstrona .header .top-content .container{
        max-width: 100%;
    }

    .page-header h1, .page-header h2, .page-header h3, .page-header .title{ 
        color: #000;
        padding: 0px;
    }

    .wsmenucontainer{min-width:0px;}
    
    .header {
        padding-top: 0px;
    }
}