@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-size: 1rem; font-weight:400; color: #000; font-family: 'Roboto Condensed', 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; }
.padd-top-20{ padding-top:20px !important; }
.padd-top-30{ padding-top:30px !important; }
.padd-top-40{ padding-top:40px !important; }
.padd-top-50{ padding-top:50px !important; }
.padd-bott-8{ padding-bottom:8px !important; }
.padd-right-20{ padding-right:20px !important; }
.padd-bott-20{ padding-bottom:20px !important; }
.padd-bott-30{ padding-bottom:30px !important; }
.padd-bott-40{ padding-bottom:40px !important; }
.padd-bott-50{ padding-bottom:50px !important; }
.margin-left-20{ margin-left:20px !important; }
.margin-top-20{ margin-top:20px !important; }
.margin-top-30{ margin-top:30px !important; }
.margin-top-40{ margin-top:40px !important; }
.margin-top-50{ margin-top:50px !important; }
.margin-bott-10{ margin-bottom:10px !important; }
.margin-bott-20{ margin-bottom:20px !important; }
.margin-bott-30{ margin-bottom:30px !important; }
.margin-bott-40{ margin-bottom:40px !important; }
.margin-bott-50{ margin-bottom:50px !important; }
.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; 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; }
.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: 'Roboto Condensed', 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: 'Roboto Condensed', sans-serif; font-size:2.5rem;font-weight:600;line-height:1.1em}
.page-subheader h1, .page-subheader h2, .page-subheader h3{ font-family: 'Roboto Condensed', 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: 'Roboto Condensed', 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: 'Roboto Condensed', 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:#009dda; color:#fff;border:1px solid #009dda;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary{background:#009dda; color:#fff;border:1px solid #009dda;}

.btn-link{color:#ff8000;}
.btn-link::after{content:"\f054";font-family:'FontAwesome'; color:#ff8000;margin-left:5px;}
.btn-link:hover, .btn-link:focus{ color:#da6e01;}
/*==================== 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: 'Roboto Condensed', sans-serif; font-size:2.5rem;font-weight:600;margin-bottom:70px;line-height:1.1em}

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

#galeria_main{background-color:#fff;}
#galeria_main .title{font-family: 'Roboto Condensed', sans-serif;font-size:1.9rem;font-weight:600;line-height:1.1em}
#galeria_main .img img:hover{
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}

#galeria_main .img img{
	-webkit-transition: all 0.7s ease 0s;
	  -moz-transition: all 0.7s ease 0s;
	  -o-transition: all 0.7s ease 0s;
	  transition: all 0.7s ease 0s;
}

#blog_main{background-color:#fff;}
#blog_main .img{height:370px;background-size:cover;background-position:center center;}
#blog_main .img:hover{
	-webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    -moz-transition: -moz-transform 0.5s ease-in-out;
    -o-transition: -o-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;	
}
#blog_main .title{font-family: 'Roboto Condensed', sans-serif;font-size:2.3rem;font-weight:600;line-height:1.1em}
#blog_main .title a {color:#000;}

#logo_main{background-color:#05628a;color:#fff;}
#logo_main .title{font-family: 'Roboto Condensed', sans-serif;font-size:2.3rem;font-weight:600;line-height:1.1em;}

#trasa_main{background-color:#05628a;color:#fff;}
#trasa_main .title{font-family: 'Roboto Condensed', sans-serif;font-size:2.3rem;font-weight:600;line-height:1.1em;}
#trasa_main iframe, #trasa_main img{
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    border:10px solid #fff;
}

#video_main{background: url(../img/topbg.jpg) top center no-repeat;background-size:cover;color:#fff;}
#video_main .title{font-family: 'Roboto Condensed', sans-serif;font-size:2.3rem;font-weight:600;line-height:1.1em;}

#patronat_main{background: url(../img/topbg.jpg) top center no-repeat;background-size:cover;color:#fff;}
#patronat_main .title{font-family: 'Roboto Condensed', sans-serif;font-size:2.3rem;font-weight:600;line-height:1.1em;}

#odliczanie{ background-color: #05628a; color: #fff;font-family: 'Roboto Condensed', sans-serif;font-size:4.3rem;font-weight:600;line-height:1.1em;}
#odliczanie .title{font-size:1.8rem;font-weight:600;}
#odliczanie .row > div:first-child{padding:50px 30px;}

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

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

.pasek-top{background:#02293a;}
.pasek-top .navbar-nav{flex-direction: row;}
.pasek-top .navbar-nav .nav-item{padding: 5px;}
.pasek-top .navbar-nav .nav-item .flag{width:18px;}
.pasek-top .navbar-nav .nav-link{padding:0px;}

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

.desktoplogo {
    padding: 15px 0px;
    margin: 0 auto;
    text-align: center;
}

.topbarbg {
    width: 100%;
    display: block;
    min-height: 214px;
    padding-top: 0px;
    background: url(../img/topbg.jpg) top center no-repeat;
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
	border-bottom:5px solid #fff;
}

.wsmenu {font-family: 'Roboto Condensed', sans-serif;}

.wsmenu>.wsmenu-list { width:auto; }

.wsmenu>.wsmenu-list>li>a {padding: 0px 15px 0px 8px;font-size:1.1rem;line-height: 40px;color:#333;border-right: 0px;}
.wsmenu>.wsmenu-list>li>a .wsarrow:after {top: 18px;right:8px;}
.wsmenu>.wsmenu-list>li>ul.sub-menu {top: auto;}
.wsmenu>.wsmenu-list>li>.wsmegamenu {top: auto;font-size:1.1rem;}
.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li { white-space:normal; }
.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a {line-height:20px;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a{font-size:1rem;}

.wsmenu>.wsmenu-list>li>.wsmegamenu .title { border-bottom: 1px solid #CCC;font-size: 19px;font-family: 'Roboto Condensed', sans-serif;padding: 9px 0px 9px 0px; color: #000;}
.wsmenu>.wsmenu-list>li>.wsmegamenu .fluid-width-video-wrapper{height:100px;vertical-align:middle;display:table-cell;}
.wsmenu>.wsmenu-list>li>.wsmegamenu .fluid-width-video-wrapper img{max-height:100%;margin:0 auto;}

/* Desktop Search Bar */
.wsmenu>.wsmenu-list>li.rightmenu {
  float: right;
}

.wsmenu>.wsmenu-list>li.rightmenu a {
  padding: 0px 30px 0px 20px;
  border-right: none;
}

.wsmenu>.wsmenu-list>li.rightmenu a .fa {
  font-size: 15px;
}

.wsmenu>.wsmenu-list>li.rightmenu {
  float: right;
}

.wsmenu>.wsmenu-list>li.rightmenu:before, .wsmenu-list>li.rightmenu:after {
  content: "";
  display: table;
}

.wsmenu>.wsmenu-list>li.rightmenu:after {
  clear: both;
}

.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch {
  float: right;
  width: 220px;
  height: 39px;
  position: relative;
  margin: 16px 0px 0px 0px;
}

.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch .searchicon {
  -webkit-transition: all 0.7s ease 0s;
  -moz-transition: all 0.7s ease 0s;
  -o-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
}

.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input {
  width: 100%;
  position: relative;
  float: right;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  text-indent: 15px;
  height: 39px;
  z-index: 2;
  outline: none;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  color: #333;
  background-color: rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.7s ease 0s;
  -moz-transition: all 0.7s ease 0s;
  -o-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
  font-size: 12px;
}

.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input:focus {
  color: #fff;
  width: 240px;
}

.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input:focus~.btnstyle .fa {
  color: #fff;
  opacity: 1;
}

.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input:focus~.searchicon {
  opacity: 1;
  z-index: 3;
  color: #FFFFFF;
}

.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch .btnstyle {
  top: 0px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  line-height: 30px;
  z-index: 1;
  cursor: pointer;
  color: #fff;
  z-index: 1000;
  background-color: transparent;
  border: solid 0px;
  -webkit-transition: all 0.7s ease 0s;
  -moz-transition: all 0.7s ease 0s;
  -o-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
}

.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch .btnstyle .fa {
  line-height: 37px;
  margin: 0;
  padding: 0;
  text-align: center;
  opacity: 0.30;
}

.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch .btnstyle:hover .fa {
  opacity: 0.35;
}

.wsmenu>.wsmenu-list>li.rightmenu {
  zoom: 1;
}


/* Desktop Main Menu Color */
.wsmainfull {
  background-color: #fff;
}

.wsmenu>.wsmenu-list {
  background-color: #fff;

}

/* Mobile Header */

.wsmobileheader {
  background-color: #fff;
}

.wsmenu>.wsmenu-list>li>a {
  color: #333;
}

.wsmenu>.wsmenu-list>li>a .wsarrow:after {
  border-top-color: #b3b3b3;
}

.wsmenu>.wsmenu-list>li>a:hover .wsarrow:after {
  border-top-color: #fff;
}

.wsmenu>.wsmenu-list>li>a.active .wsarrow:after {
  border-top-color: #fff;
}

.wsmenu>.wsmenu-list>li:hover>a .wsarrow:after {
  border-top-color: #fff;
}

.wsmenu>.wsmenu-list>li>a>.fa {
  color: #55606c;
}

.wsmenu>.wsmenu-list>li>a.active .fa {
  color: #fff;
}

.wsmenu>.wsmenu-list>li:hover>a>.fa {
  color: #fff;
}

.wsmenu>.wsmenu-list>li>a:hover .fa {
  color: #fff;
}

.wsmenu>.wsmenu-list>li>.wsmegamenu .menu_form input[type="submit"] {
  background-color: #0091d0;
  color: #fff;
}

.wsmenu>.wsmenu-list>li>.wsmegamenu .menu_form input[type="button"] {
  background-color: #0091d0;
  color: #fff;
}

.wsmenu>.wsmenu-list>li>a.active {
  background-color: #0091d0;
  color: #fff;
}

.wsmenu>.wsmenu-list>li:hover>a {
  background-color: #0091d0;
  color: #fff;
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover>a {
  background-color: #0091d0;
  color: #fff;
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>a {
  background-color: #0091d0;
  color: #fff;
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li:hover a {
  background-color: #0091d0;
  color: #fff;
}

/*==================== 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 Condensed', 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:16px;font-family: 'Roboto Condensed', sans-serif;background:#02293a;color:#fff;}
#footer a{color:#fff;}
#footer div.copyright .copy span{ margin:0px 5px; }
#footer .container:first-child { padding-top: 15px; padding-bottom: 15px;}
#footer .adres{font-size:14px;font-family:'Roboto Condensed',sans-serif;}
#footer li{margin:0px 10px;}

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

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

/*==================== Breadcrumb Style Start ==================== */
.breadcrumb{border-radius:0; margin:0; background:#fff; padding:5px 0;font-size:0.7rem;border-bottom:1px solid #ccc;}
.breadcrumb > li > a{color:#637278;}
.breadcrumb > li.active{color:#637278;}
.breadcrumb > li + li::before{content:"\f105";font-family:'FontAwesome'; color:#637278;padding: 0 10px;}
/*==================== 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: 'Roboto Condensed', 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: 'Roboto Condensed', 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: 'Roboto Condensed', sans-serif; font-weight: 600; margin-bottom: 10px; margin-top: 10px; color: #ff6600;}
.blog-post-add h4{font-size: 1.1rem;font-family:'Roboto Condensed', 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:#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%;}
.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: 'Roboto Condensed', 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: 'Roboto Condensed', sans-serif; cursor:pointer; }
/*==================== BlogSidebar 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: 'Roboto Condensed', 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: 'Roboto Condensed', 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;}

#top-area{width:100%;}
.podstrona #top-area{max-height:30vh;overflow:hidden;}

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

.kontakt-line p, .kontakt p{font-weight:300;margin-bottom:0;}

.person-item strong{font-size:1.2em;}
.person-item em{font-style:normal;}
.person-item p{margin-bottom:0;}

.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: 'Roboto Condensed', 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;
}

.art-box .title{font-family: 'Roboto Condensed', sans-serif;font-size:1.4em;font-weight:600}
.art-box p{text-align:left;}
.art-box .foto{height:220px;overflow:hidden;}
.art-box .data{font-family: 'Roboto Condensed', sans-serif;font-size:0.8em;font-weight:600;line-height:1.2em;}

/*==================== 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) { 

	.wsmenu>.wsmenu-list>li>a {padding: 0px 20px 0px 15px;}
	
}

@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){ 
    
	/*==================== MainMenu Style Start ==================== */
    .wsmenu-list li a { padding-left: 8px !important; padding-right: 8px !important; }
    /*==================== MainMenu Style End ==================== */

}

@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) { 
    
	.wsmenu {width:100%;}	

}

@media (max-width: 991px) {
   
    /*==================== MainPage Style Start ==================== */   
	
	#blog_main .img{height:280px;}

        .pasek-top {
            margin-top: 54px;
        }
	
	.wsmenu>.wsmenu-list {width: 240px;float: none;}
	.wsmenu>.wsmenu-list>li>.wsmenu-click>i {margin-top: 10px;}
	.wsmenu>.wsmenu-list>li>ul.sub-menu {position: relative;top: 0px;} 
	
	.wsmenu>.wsmenu-list>li>.wsmegamenu .title{padding:6px 0px;margin-bottom:0px;height:auto;}
	.wsmenu>.wsmenu-list>li:hover>.wsmegamenu {max-height: 1400px;}
	
	.desktoplogo {display: none;}
	
	.topbarbg {min-height: 0px;border-bottom: 0px solid #fff;}
	
	.wsmobileheader .smllogo{margin-top:3px;}
	.wsmobileheader .smllogo > img {width:68px;/*width:175px;*/}

    /*==================== 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 ==================== */   
	.section-main{padding:40px 0px;}
    /*==================== MainPage Style End ==================== */
	
	
    

}

@media (max-width: 479px) { 


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

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

}