/*
Theme Name: Ostoja
Author: Bydgoskie Zasoby Internetowe Marcin Haponiuk
Author URI:www.bzi.pl
*/

body {
     font-family: 'PT Sans Narrow', sans-serif;
     color:#000;
     font-size:16px;
     overflow-x:hidden;
}

.color-blue { color: #0a5c82;}
.color-white { color: #ffffff;}

a:link, a:visited, a:active {text-decoration:none;color:#00609c;}
a:hover { color: #00609c; text-decoration: underline;}
a:focus {outline-color: transparent;}

:focus {
    outline: none;
}


h1, h2, h3, h4, h5, h6 {}
h1 { font-size: 56px;}


/*----------NAVIGATION -------------------*/
/* navbar */
.navbar-default {
    margin-top:24px;
    min-height: 69px;
    border:0;
    background: transparent;
}
/* title */
.navbar-default .navbar-brand {
    color: #fff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #e5dfc1;
}
/* link */
.navbar-default .navbar-nav > li > a{
     color:#fff;
     text-transform:uppercase;
     font-size:18px;
     line-height: 69px;
     padding-top: 0px;
     padding-bottom: 0px;

}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #807c6b;
}

/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: rgba(0,0,0,.4);
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

@media (min-width: 768px) {
     ul.navbar-nav {float:right;}
}

.navbar-brand { padding: 0px 15px; font-size: 22px; line-height: 69px; }


/*top logo and lines */
#top-lines {position:fixed;overflow:hidden;top:24px;z-index:1020;width:100%; height: 69px; background: transparent;}

#top-lines .line-left  {float:left; width:30vw;}
#top-lines .line-right  {float:right; width:calc(70vw - 142px );}

#top-lines .line-left, #top-lines .line-right {height: 69px;    background: url('img/wzorek_top.png') repeat; }

#logo {width:125px;position:fixed;z-index:1040;left:30vw;top:2px;}

#logo img {max-width:100%;height:auto;}

/* slider-1 */
.parallax-window {
    background: transparent;
}

#slider-1 {height:90vh;width:100%;}

#slider-1 .center-box {text-align:center;padding-left:5%;padding-right:5%;padding-top:15vh;}

#slider-1 h1 {background:rgba(127,76,25,.1);color:#fff;font-size:40px;text-transform:uppercase;display:inline-block;padding:15px; border: 1px solid #fff; font-weight: normal;}

#slider-1 a {display:inline-block;margin:40vh auto auto auto;color:#fff;font-size:20px;text-transform:uppercase;padding:5px 20px;border:2px solid #fff;}

#slider-1 a:hover {background:rgba(127,76,25,.1);color:#fff; text-decoration: none;}

div#rounded {background-image:url('img/rounded-1.png');background-size:cover;width:100%;background-position:bottom center;height:200px;position:relative;margin-top:-170px;}

/* about */
section {padding:30px 0;}

h2 {
  text-align: center;
  font-size:30px;
  text-transform:uppercase;
}

h2.special-blue {
  position: relative;
  color: #0a5c82;
}

h2.special-blue span {
  background: #fff;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}

h2.special-blue:before {
  background: #0a5c82;;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
    top: 50%;
  width: 100%;
}

h2.special-blue:before {
  left: 0;
}
/* DESC */
section#desc .content {margin-top:10px;line-height:1.9em;}
hr {border-top:2px solid #0a5c82; margin:20px auto 40px auto;}

/* offer */
section#offer {padding:0;}

section#offer h2 {margin-bottom:40px;}

.grey-bg { background-color: #f3f3f3; padding-top: 15px; padding-bottom: 15px;}

#slider-bg1, #slider-bg2, #slider-bg3, #slider-bg4, #slider-bg5, #slider-bg6, #slider-bg7 {min-height:400px;width:100%;background-position:right;}

.rzut img  { margin: 0px auto;}
.wzorek-brown { background-image: url('img/wzorek_brazowy.png'); background-repeat: repeat; }

#slider-2a {min-height:400px;width:100%;background-position:left;}



section#offer .content {margin:100px 0;}

#slider-3 {height:500px;}

#oferta-2 {background-image:url('img/bg-2.jpg');background-position:left;background-repeat:no-repeat;background-size:contain;}

#oferta-2 .content {margin: 60px 0;}




.anchor {
    display: block;
    position: relative;
    top:-80px;
    visibility: hidden;
}


.content ul {list-style-type: none;}

.content ul li:before {
     font-family:'icomoon';
	content: "\e901";
	margin:0 5px 0 -15px;
	color: #a82524;
}

.google-maps {
        position: relative;
        padding-bottom: 39%; /* This is the aspect ratio */
        height: 0;
        overflow: hidden;
        border: 5px solid #d8e6ec;

    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
/*--------------------FOOTER------------------------------*/
.info_nad_kontaktem { background-color: #d8e6ec; padding-top: 20px; padding-bottom: 20px; }
footer .top {background-color:#5c4724; color:#fff; padding-top:15px; padding-bottom: 15px;}
.logo_footer { background-image: url('img/logo_footer.png'); background-position: 0 50%; background-repeat: no-repeat; padding-left: 80px; min-height: 70px; padding-top: 0px; padding-bottom: 0px; }

footer h3 {font-size:20px; text-transform:uppercase;color:#fff;}

footer .bottom {background:#4f3811;padding-bottom:70px;color:#fff;padding-top:20px;}

footer .bottom a {color:#fff;}

footer .bzi a {color:#a88f63;}

/*-------------------EXTRA ADD-ONS------------------------*/

/* scroll to top */
.scrollToTop{
	width:60px;
	height:60px;
	text-align:center;
	padding: 15px;
	position:fixed;
	bottom:25px;
	right:25px;
	display:none;
	background: rgba(0,0,0,0.5);
	border-radius:50%;
	z-index: 999;
}
.scrollToTop:hover{
	text-decoration:none;
}

.scrollToTop>i {
	font-size: 30px;
}


/* WORDPRESS */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
/*------------------MEDIA QUERIES-------------------------*/
@media screen and (max-width: 767px) {
     #slider-2, #slider-3 {height:250px;}

     h2.special-blue:before {display:none;}

     .navbar-default .navbar-collapse, .navbar-default .navbar-form {border:0;padding-top:40px;}
}

@media all and (max-width: 560px) {
     #slider-1 h1 {font-size:30px;margin-top:20px;}

     #slider-1 a {display:none;}
     h1 { font-size: 36px;}

     .navbar-default {
       margin-top:0px;
       background-color:rgba(79,56,17,.8);
}

     section {padding:20px 0;}

     section#about .content {margin-top:30px;}

     section#offer .content {margin:50px 0;}

     #top-lines, #logo { display: none;}
}