@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: 18px;}
body {font-weight:300; color: #333; font-family: 'Lato', 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; }

.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; height:40px; 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; }

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: 'Lato', 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: 'Nunito', sans-serif; font-size:36px;font-weight:200;}
.page-subheader h1, .page-subheader h2, .page-subheader h3{ font-family: 'Lato', 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: 'Lato', 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; }

h3.content-header{font-family: 'Nunito', sans-serif; font-size:28px;font-weight:200;}
h4.content-header{font-family: 'Nunito', sans-serif; font-size:20px;font-weight:200;}


.main-header h1, .main-header h2, .main-header h3{font-family: 'Nunito', sans-serif; font-size:36px;font-weight:200;margin-bottom:50px;}
/*.main-header h1::before, .main-header h2::before, .main-header h3::before{
      width: 15px;
      height: 15px;
      background: #ff7f26;
      border-radius: 50%;
      content: '';
      display: inline-block;
      vertical-align: middle;
      margin-right:10px;
      margin-top:-2px;
*/

.section1 .container:first-child{
    position:relative;
    padding-top:80px;
}

.section1 .arrow-icon-link{margin-top:50px;margin-bottom:50px;}
.section2 .main-header h3{font-size:24px;margin-bottom:50px;}
.section3 .main-header h3{font-size:24px;margin-bottom:50px;}

.section3 .container{
    position:relative;
    overflow-y: hidden;
}

.arrow-icon-link .fa-chevron-right {
    color:#fff; 
    font-size:20px;
}

.arrow-icon-link .fa-circle{
    text-shadow: 0px 0px 5px #666;
    color: #d23d2b;
}

.arrow-icon-link a{text-transform: uppercase;color:#d23d2b;font-size:16px;margin-left:1.1em;}

@media (min-width: 992px) {

    .section1 .container:first-child:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 33%;
        background: #f3f2f0;
        z-index:-1;
        max-height:360px;
    }

    .section3 .container:before {
        content: "";
        position: absolute;
        top: 80px;
        bottom: 0;
        left: 0;
        right: 33%;
        background: #f3f2f0;
        z-index:-1;
        height:100%;
    }

    .section3 .container .text-col{
        padding-top:130px;
        padding-bottom:40px;
    }

}
@media (max-width: 991px) {
    
    .section1 .main-header{
        height: 100%;
        background: #f3f2f0;
        padding:20px;        
    }
    
    .section1 .main-header h1, .section1 .main-header h2, .section1 .main-header h3,
    .section2 .main-header h1, .section2 .main-header h2, .section2 .main-header h3, 
    .section3 .main-header h1, .section3 .main-header h2, .section3 .main-header h3 {margin-bottom:20px;}
    
    .section1 .arrow-icon-link{margin-top:10px;margin-bottom:0px;}
    
    .section2 p{
        background: #f3f2f0;
        padding:20px;   
        padding-right:70px;
    }
    
    .section3 .text-col{
        background: #f3f2f0;
        padding:20px;   
        padding-right:70px;
    }
}


.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;}
.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: #346f23; }
.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: #d13922;color: #fff;border:1px solid #d13922;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{ background:#a92a17; color:#fff;border:1px solid #a92a17;}

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

.btn-link{color:#d13922;}
.btn-link::after{content:"\f054";font-family:'FontAwesome'; color:#d13922;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:30px; line-height:48px; margin:45px 0 35px;}
/*==================== 404 Style End ==================== */

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

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

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

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

.topbarbg {
    width: 100%;
    display: block;
    padding-top: 0px;
    font-family: 'Roboto', sans-serif;
}

/*==================== SideMenu Style Start ==================== */
.nav-side-menu { background: #eeeeee; margin-bottom: 24px; }
.nav-side{ padding: 20px; }
.nav-side-menu h4 { color: #290b03; font-weight: 400; text-transform: capitalize; font-family: 'Roboto', sans-serif; margin: 0; padding: 13px 12px; background: #cccccc; }
.nav-side-menu .toggle-btn { display: none; }
.nav-side-menu ul.menu-content > li { position: relative; font-size: 15px; padding: 4px 0; }
.nav-side-menu ul.menu-content a{color: #333;}
.nav-side-menu ul.menu-content li > a:hover,
.nav-side-menu ul.menu-content li > span > a:hover{ color:#cbb137;}
.nav-side-menu li.active > span > a, .nav-side-menu li.active >  a  { font-weight: bold; }
.nav-side-menu ul.menu-content { padding: 0; margin: 0; list-style: none; }
.nav-side-menu ul.menu-content .sub-menu{ padding:0 0 0 15px; margin-top:5px; list-style:none; font-size:13px; }
.nav-side-menu li:not(collapsed) .arrow:before { font-family: FontAwesome; content: "\f078"; display: inline-block; padding-left: 10px; padding-right: 10px; vertical-align: middle; float: right; font-size:13px; }
/*==================== SideMenu Style End ==================== */

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

#footer{font-size:18px;font-family:'Lato', sans-serif;}
#footer a{}
#footer div.copyright .copy span{ margin:0px 5px; }
#footer .container:first-child { padding-top: 15px; padding-bottom: 15px;border-top:1px solid #ccc;}
#footer li{margin:10px 0px;}
#footer .footer-contact{font-size: 18px;}
#footer .social-icons{font-size: 12px;}
#footer .social-icons .fab{font-size:24px;opacity:0.8;color:#015ac0;}
#footer .social-icons .fab:hover{opacity:1;}

/*==================== 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;}
.breadcrumb > li > a{color:#000;}
.breadcrumb > li.active{color:#000;}
.breadcrumb > li + li::before{content:"/";color:#000;padding: 0 6px;}
/*==================== Breadcrumb Style End ==================== */

/*==================== Pager Style Start ==================== */
.pagination {font-size:1.2em;}
.pagination > li { display: inline; }
.pagination > li > a.btn-rounded{padding: 8px 15px;background-color: #346f23;color: #fff;border:1px solid #346f23;}
.pagination > li > a.btn-rounded:hover{padding: 8px 15px;background-color: #265618;color: #fff;border:1px solid #265618;}
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 8px 5px; line-height: 20px; text-decoration: none; color: #666; background-color: transparent; border: 1px solid transparent; margin: 0px 3px; font-size: 1.0em; }
.pagination > li .fa { font-size: 1.1em; }
.pagination > .active a, .pagination > .active span, .pagination > .active a:hover, .pagination > .active span:hover, .pagination > .active a:focus, .pagination > .active span:focus { background-color: #346f23; color:#fff;border-radius:40px; }
.pagination > .active > a { background-color: transparent; padding: 8px 10px; font-size:1.3em;color: #346f23; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.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: 22px; font-family: 'Lato', sans-serif; font-weight: 600; margin-bottom: 10px; margin-top: 10px; color: #333333;}
.blog-post-thumb{ width:30%; float:left; margin-right:15px; margin-bottom:15px; }
.blog-post-meta { color: #666666; font-size: 0.85rem; font-family: 'Lato', sans-serif; margin-bottom: 7px; }
.blog-post-meta > span { display: inline-block; padding-right: 5px; }
.blog-post-meta i { margin-right: 3px; }
/*==================== 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: 'Lato', sans-serif; font-weight: 600; margin-bottom: 10px; margin-top: 10px; color: #333333;}
.blog-post-add h4{font-size: 1.2rem;font-family:'Lato', sans-serif;}
.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:#18386c;margin-right:3px;}
.blog-post-add ul li a{color:inherit;}
.blog-post-add ul li a:hover{color:#18386c;}
.blog-post hr{border-top: 1px solid #d2d2d2;}
.blog-post .table-responsive > table {width:auto;font-size:inherit; min-width: 50%;}
.blog-post .table-responsive > table p{margin:0px;line-height:1.5rem;}
.blog-post .blog-post-thumb{ width:30%; float:left; margin-right:15px; margin-bottom:15px; }
/*==================== BlogPost Style End ==================== */

/*==================== BlogSidebar Style Start ==================== */
.blog_sidebar_post h5{ font-size: 20px; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 2rem; text-transform: uppercase; }
.blog_sidebar_post { float: left; width: 100%; font-size: 14px; padding-bottom: 30px; }
.blog_sidebar_line { width: 20%; margin-bottom: 20px; border-bottom: 2px solid #333; webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.blog_sidebar_post:hover .blog_sidebar_line { border-bottom-color: #e01215; width: 30%; }
ul.blog_categories, ul.blog_meta { float: left; width: 100%; padding: 0px; margin: 0px; }
ul.blog_categories li { list-style: none; }
ul.blog_meta li { list-style: none; padding: 10px 0px; }
.blog_tag a { border: none; color: #fff; background: #222; font-style: normal; font-size: 13px !important; padding: 3px 18px 3px 18px; border-radius: 3px; margin-bottom: 4px; display: inline-block; font-size: 14px; }
.blog_tag a:hover { background: #e01215; }
.blog_tag { color: #fff; line-height: 1.7rem; font-size: 14px; padding-top: 10px; }
.expandArchiveList{ color: #333; font-size:18px; font-family: 'Lato', sans-serif; cursor:pointer; }
/*==================== BlogSidebar Style End ==================== */


/*==================== Banery Style Start ==================== */

.reklama{padding:10px 0px;}
.reklama .tytul{font-size:12px;font-family: 'Lato', sans-serif;color:#aaa;border-bottom:1px solid #aaa;margin-bottom:10px;}
.reklama:after{ content: ' ';border-bottom:1px solid #aaa;margin-top:10px;width:100%;height:1px;display:block;}

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

#slider-area{height:70vh;width:100%;top:0;left:0;font-family: 'Lato', sans-serif;}
#slider-area .owl-item, #slider-area .owl-stage, #slider-area .owl-stage-outer {height:100%;}
#slider-area .owl-item div.slider-item{height:100%;width:100%;position:relative;}
#slider-area .slider-text{position:absolute;left:10%;z-index:10;top:40%;text-align:left;width:40%;background-color: rgba(255, 255, 255, 0.8);max-width:450px;min-width:300px;padding:20px;}
#slider-area .slider-text-right{position:absolute;left:auto;right:10%;z-index:10;top:40%;}
#slider-area .slider-text h2{font-size:40px;text-transform:uppercase;color:#000;font-weight:600;}
#slider-area .slider-text p{font-size:24px;color:#000;font-family: 'Lato', sans-serif;}
#slider-area .slider-text hr{border-top: 1px solid #000;margin:10px 0px;}
#slider-area .slider-text a{text-decoration:none;text-transform:uppercase;}

#pasek-tagi{padding:10px;font-family: 'Lato', sans-serif;margin-bottom:40px;}
#pasek-tagi .title{font-size:1.3em;font-weight:600;line-height:1em}

.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: 'Lato', 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) {

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

    /*==================== Footer Style Start ==================== */
    #footer .item{ width:25%; }
    /*==================== Footer Style End ==================== */
}

@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) { 

    #blog_main .img {
        height: 270px;
    }

}

@media (max-width: 1199px) { 

}

@media (max-width: 991px) {

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

    #blog_main .img{height:280px;}       


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


}

@media (max-width: 479px) { 

    body{
        padding-top: 54px;
    }

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

}