@charset "utf-8";
@import url(font-awesome.css);
  
body{
	font-size:16px;color:#333333;font-family:'Open Sans', sans-serif;
	background-color:#f4f4f4;font-weight:400;
	line-height:1.5em;
}

a:hover{color:inherit;}

label.error{font-weight:normal;font-family: 'Open Sans' ,sans-serif;color:#e31e25;}
.push-bottom{margin-bottom:20px;}
.push-top{margin-top:20px;}

p{line-height:1.5em;margin-bottom:20px;}
p.tall {margin-bottom: 20px;}
p.lead{color:#0f2340;font-size:14px;}

.pagination > li .icon.reset{font-size:14px;}
.pagination > li .icon.increase{font-size:19px;}
.pagination > li .icon.increase-more{font-size:24px;}

.resize-tools i{margin:0px 1px;}
.resize-tools i:hover{color:#fff;cursor:pointer;}

.img-frame {
  border: 15px solid #fff;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.6);
  -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.6);
  box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.6);
  margin-bottom:20px;
}

h1.head{
    font-size: 30px;
    font-weight:700;
	color:#362f2d;	
}

h2.head{
    font-size: 24px;
    font-weight:700;
	color:#362f2d;	
}

h3.head{
    font-size: 24px;
    font-weight:700;
}

.page-header{
	padding:0px;
	margin:0px;
	margin-bottom:20px;
	border-bottom:1px solid #d397c3;
	text-align:center;
	text-transform:uppercase;
	
}

.page-footer{
	margin-bottom:20px;
}

.page-header h1, .page-header h2, .page-header h3{
	font-size:24px;
	color:#7c075d;
	font-weight:bold;
	font-family: 'Open Sans', serif;
	margin-bottom:20px;
}

.page-header a.see-more{
	color:#ff6224;font-size:16px;margin-top:20px;line-height:24px;font-family: 'Open Sans', sans-serif;
}

.page-header .subtitle{
	color:#ff6224;font-size:13px;font-family: 'Open Sans', sans-serif;margin-bottom:15px;
}

.important{
    font-size: 16px;
    color: #327199;
    font-weight:bold;
}

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

h1.shorter, h2.shorter, h3.shorter, h4.shorter, h5.shorter, h6.shorter {
	margin-bottom: 0;
}

a {
	text-decoration: none;
}

a:hover, a:focus {
	text-decoration: none;
}

.contact-info{
	float:right;
	line-height: 1.8em;
	font-size:14px;
	clear:both;
	margin-top:10px;
}

ul.contact-info li {
	display: inline-block;
	margin: 0px 1px 0px 10px;
	padding: 0;
}


#header{
	padding:0px;
	margin-bottom:20px;
	background: rgb(255, 255, 255);background: rgba(255, 255, 255, 0.8);
	top: 0;
	width: 100%;
	z-index: 1001;
	position:relative;
}

#header > .container {
	height: 119px;
	position: relative;
	display: table;
	max-width: 1170px;
	width:100%;
	margin-bottom: -80px;
}

#header h1, #header h2 {
	-webkit-transition: all 0.2s ease-in 0.2s;
	-moz-transition: all 0.2s ease-in 0.2s;
	transition: all 0.2s ease-in 0.2s;
	margin: 0;
	padding: 0px 0;
	display: table-cell;
	vertical-align: bottom;
	color: transparent;
}
#header .logo a{
	position: relative;
  	z-index: 1;
	display:block;
}


/* ==========================================================================
   Sticky Header
============================================================================= */
#header.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1001;
}

body.sticky-menu-active #header {
	border-bottom: 1px solid #ccc;
	position: fixed;
	top: -50px;
	width: 100%;
	z-index: 7001;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	filter: none;
	background:#fff;
}

body.sticky-menu-active #header > .container > div{
	webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

body.sticky-menu-active #header .search{display:none;}

body.sticky-menu-active #header nav ul.nav-main {
	margin-bottom: 0px;
	margin-top: 0px;
}

body.sticky-menu-active #header nav ul.nav-main li span{line-height: 40px;}
body.sticky-menu-active #header nav ul.nav-main li a{line-height: 40px;}

/* ==========================================================================
   Menu
============================================================================= */

.btn-responsive-nav {
	display: none;
}

#header nav.nav-main {
	border-top:0;
	border-bottom:0;
	float: right;
	margin-top:20px;
}

#header > .navbar-collapse > .container {
  position: relative;
}

#header .navbar-collapse {
	padding:0px;
	clear:both;
}

#header .logo img {
    position: relative;
    color: transparent;
}

#header nav ul.nav-main {
	margin: 0px 0px 0px 0px;
}

#header .nav > li > a:hover, #header .nav > li > a:focus {
  text-decoration: none;
  background: none;
}

#header nav ul.nav-main > li + li {
	margin-left: -4px;
}

#header nav ul.nav-main li span{line-height: 40px;}

#header nav ul.nav-main li a {
	font-size: 15px;
	font-weight: 400;
	line-height: 40px;
	margin-left: 3px;
	margin-right: 3px;
	padding: 10px 12px;
	font-family: 'Open Sans', sans-serif;
	color:#a71380;
}

#header nav ul.nav-main li ul a {
	text-transform: none;
	font-weight: normal;
	font-size: 0.9em;
}

#header nav ul.nav-main li.dropdown.open a.dropdown-toggle {
	border-radius: 5px 5px 0px 0px;
	background-color: #f8f8f8;
}

#header nav ul.nav-main li.dropdown:hover > a {
	margin-bottom: -1px;
}

#header nav ul.nav-main li.dropdown:hover > ul {
	display: block;
}

#header nav ul.nav-main li.dropdown:hover a.dropdown-toggle {
	border-radius: 0px;
}

#header nav ul.nav-main li.active a {
	background-color: #f8f8f8;
}

#header nav ul.nav-main ul.dropdown-menu {
	background-color: #f8f8f8;
	border: 0;
	border-radius: 0 6px 6px 6px;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08);
	margin: 1px 0 0 3px;
	padding: 0px;
	top: auto;
}

#header nav ul.nav-main ul.dropdown-menu li a {
	margin: 0px;
}

#header nav ul.nav-main ul.dropdown-menu li:hover > a {
	filter: none;
	background: #999;
}

#header nav ul.nav-main ul.dropdown-menu li:last-child > a {
	border-bottom: 0;
	border-radius: 0px 0px 0px 0px;
}

#header nav ul.nav-main ul.dropdown-menu li:first-child > a {
	border-radius: 0px 0px 0px 0px;
}

#header nav ul.nav-main ul.dropdown-menu > li > a {
	font-weight: 400;
	text-transform: none;
	position: relative;
	padding: 6px 10px 6px 10px;
	font-size: 1em;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	line-height:25px;
	color:#fff;
}

#header nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
	border-radius: 0px;
	margin-left: 0px;
	margin-top: 0px;
}

#header nav ul.nav-main .dropdown-submenu {
	position: relative;
}

#header nav ul.nav-main .dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	border-radius: 0 6px 6px 6px;
}

#header nav ul.nav-main .dropdown-submenu > a:after {/* Strzałeczka menu rozwijanego */
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #fff;
	margin-top: 7px;
	margin-right: -5px;
}

#header nav ul.nav-main .dropdown-submenu.pull-left {
	float: none;
}

#header nav ul.nav-main .dropdown-submenu.pull-left > .dropdown-menu {
	left: -100%;
	margin-left: 10px;
	border-radius: 6px 0 6px 6px;
}

#header nav ul.nav-main .dropdown-submenu:hover > .dropdown-menu{
	display: block;
}

#header nav ul.nav-main .dropdown-submenu:hover > a:after {
	border-left-color: #fff;
}

#header .nav-main-collapse {
	overflow-y: visible;	
}

#header .nav-main-collapse.in {
	overflow-y: visible;
}

#header nav ul.nav-main ul.dropdown-menu,
#header nav ul.nav-main li.dropdown.open .dropdown-toggle,
#header nav ul.nav-main li.active a,
#header nav ul.nav-main li > a:hover,
#header nav ul.nav-main li.dropdown:hover a {
	background-color: #a71380 !important;
	border-radius:0px;
    color:#fff;
}

#header nav ul.nav-main li > a{
	border-radius:0px;
}

#header nav ul.nav-main ul.dropdown-menu li:hover > a {
	background-color: #a71380 !important;
}

#header nav ul.nav-main ul.dropdown-menu:active,
#header nav ul.nav-main ul.dropdown-menu:focus {
	border-color: #a71380;
	background-color: #a71380;
}

#header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a {
	background: none !important;
}

#header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover {
	background: #830562 !important;
}

#header .contrast{cursor:pointer;}
#header .contrast:hover{color:#00add9;}

.nav .open a:hover, .nav .open a:focus {
  background-color: #0f2340;
  border-color: #428bca;
  color:#fff !important;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #a71380;
  border-color: #428bca;
  color:#fff !important;
}

/* ========================================================== */
/*                    breadrumb section                       */
/* ========================================================== */

.page-breadcrumb{
    background-repeat: repeat-x;
    background-position: top center;
    padding:5px 0px;
}

.breadcrumb {
  padding: 3px 0px;
  margin-bottom: 0px;
  list-style: none;
  background: none;
  border-radius: 0px;
  font-size:12px;
  margin-top:0px;
  color:#327199;	
}
.breadcrumb > li{margin-right:3px;}
.breadcrumb > li + li:before {
padding: 0px;
color:#327199;
content: "";
}

.breadcrumb > li + li:after {
padding: 0 2px;
color:#327199;
content: "»";
}
.breadcrumb > li + li:last-child:after {
padding: 0 2px;
color:#327199;
content: "";
}

.breadcrumb a {
	color:inherit;
}

.breadcrumb a:hover {
	text-decoration:underline;
} 

.breadcrumb li.first{color:inherit;}

/* ========================================================== */
/* ========================================================== */

#footer {background:transparent;padding:20px;}
#footer p{line-height:1.6em;}
#footer p.copyright{
	clear:both;border-top:1px solid #c59dba;padding-top:10px;
}
#footer a{color:inherit;}

/* ========================================================== */
/*                    Treści                       */
/* ========================================================== */


/* ========================================================== */
/*                    Helpers                       */
/* ========================================================== */

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


/* ========================================================== */
/*                    Buttons                       */
/* ========================================================== */

.btn{border-radius: 0px;min-width:120px;padding:10px 6px;}

.btn-primary {
	background:#7c075d;
	border-color:#7c075d;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#fff;
	text-transform:uppercase;
}

.btn-primary:hover, .btn-primary:focus {
	color:#fff;
	background:#53023e;
	border-color:#53023e;
	 -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease;
}

.btn-secondary {
	background:#aecb06;
	border-color:#aecb06;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#fff;
	text-transform:uppercase;
}

.btn-secondary:hover, .btn-secondary:focus {
	background:#758904;
	border-color:#758904;
	color:#fff;
	 -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease;
}

/* ========================================================== */
/*                    Karuzela logotypów                     */
/* ========================================================== */


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

.pagination>li {
display: inline;
}

.pagination>li>a, .pagination>li>span {
position: relative;
float: left;
padding: 6px 10px;
line-height: 1.42857143;
text-decoration: none;
color: #7c075d;
background-color: transparent;
border: 1px solid #7c075d;
margin-left: -1px;
font-size:18px;
font-family:'Open Sans', sans-serif;
}

.pagination > li .icon{font-size:24px;}

.pagination > .active a,
.pagination > .active span,
.pagination > .active a:hover,
.pagination > .active span:hover,
.pagination > .active a:focus,
.pagination > .active span:focus {
	background-color: #7c075d !important;
	border: 1px solid #7c075d !important;
}

.pagination > .active > a {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #7c075d !important;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #fff;
  background-color: #580241;
  border: 1px solid #580241
}

/* ========================================================== */
/* ========================================================== */
/* ========================================================== */

/* Scroll to Top */
.scroll-to-top {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: #404040;
	border-radius: 7px 7px 0 0;
	bottom: 0px;
	color: #FFF;
	display: block;
	height: 9px;
	opacity: 0;
	padding: 13px 0 35px;
	position: fixed;
	right: 10px;
	text-align: center;
	text-decoration: none;
	width: 49px;
	z-index: 1040;
}

.scroll-to-top a{color:#fff;}

.scroll-to-top:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

.scroll-to-top.visible {
	filter: alpha(opacity=75);
	opacity: 0.75;
}

/* google-map */
.map-container {
    height: 400px;
    margin: 0;
    color: #000;
    margin-top:0px;
    overflow: hidden;
    position:relative;
    width:100%;
}

.map-container2 {
    height: 300px;
    margin: 0;
    color: #000;
    margin-top:20px;
    overflow: hidden;
    position:relative;
    width:100%;
}

#googlemaps{
    width: inherit;
    height: inherit;
}   

.map-container i {
    position: absolute;
    display: block;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

.map-top {
    top: -5px;
    left: 0;
    right: 0;
    height: 5px;
}
.map-right {
    right: -5px;
    top: 0;
    bottom: 0;
    width: 5px;
}
.map-bottom {
    bottom: -5px;
    left: 0;
    right: 0;
    height: 5px;
}
.map-left {
    left: -5px;
    top: 0;
    bottom: 0;
    width: 5px;
}

/******************************************************/

.menu-boczne .title{font-size:30px;font-weight:700;font-family: 'Open Sans', sans-serif;color:#213f1d;margin-top:15px;margin-bottom:10px;}

.menu-boczne ul {
	list-style: none;
	padding:0;
	margin:0;
	color:#213f1d;
}

.menu-boczne ul li{}

.menu-boczne ul > li > ul {
	margin-left:20px;
}

.menu-boczne ul li.selected > a{
	background:#213f1d;
	color:#fff;
}

.menu-boczne ul > li > a {
	color:inherit;
	display:block;
	border-bottom:1px solid #ccc;
	padding:10px 5px;
	
}

/*////////////////////////////////////////////////*/

.box-vertical{margin-bottom:20px;}
.box-vertical .title{padding:15px;position:relative}
.box-vertical .title p{font-size:30px;text-transform:uppercase;color:#fff;line-height:1.2em;}
.box-vertical .title a.more{color:#434a54;}
.box-vertical .content{padding:15px;background:#fff;padding-left:20px;}
.box-vertical a.more{font-size:16px;font-weight:300;color:#36bc9b;}

.box-vertical .title:after {
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);
		background: #e6e6e6;
		content: "";
		display: block;
		height: 17px;
		bottom: 0px;
		top:auto;
		margin: 0 auto;
		left:30px;
		right:auto;
		margin-bottom: -7px;
		position: absolute;
		width: 17px;
		z-index: 0;
	}
	
/****************************************************/

.realizacja-item .content {
  width: 100%;
  padding: 0;
  border: none;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  max-height:310px;
  max-width:262px;
  margin:0 auto;
  margin-bottom:15px;
  height:200px;
}

.realizacja-item .content .opis{
	padding:10px 20px;
	text-align:center;
	position:absolute;
	background-color: rgba(51,51,51,0.85);
	bottom:20px;
	left:0px;
	width:100%;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	z-index:5;
}

.realizacja-item .content .opis a{
	color:#fff;
}

.realizacja-item .content .opis:before {
  background-color: rgba(51,51,51,0.95);
  content: "";
  display: block;
  top: 0px;
  margin: 0 auto;
  left: 0;
  right: 0;
  margin-top: -18px;
  position: absolute;
  z-index: 5;
  width: 0; 
  height: 0; 
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-bottom: 18px solid rgba(51,51,51,0.95);
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

.realizacja-item .content .mask {     
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   z-index:10;
}

.realizacja-item .content img {
   display: block;
   position: relative;
}

.realizacja-item .content span.zoom {
	cursor: pointer;
	display: block;
	font-size: 50px;
	height: 100%;
	top:40%;
	position: absolute;
	text-align: center;
	width: 100%;
	color:#fff !important;
	
}

.realizacja-item .content img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.realizacja-item .content .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(0,0,0, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   height:100%;
   width:100%;
}

.realizacja-item:hover .content img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}

.realizacja-item:hover .content .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

/*///////////// isotope fix ////////////////
//////////////////////////////////////////*/

.row.isotope .col-md-3, .row.isotope .col-md-4{
   margin-right:-1px
}


.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

/* columns of same height styles */

.row-full-height {
  height: 100%;
}
.col-full-height {
  height: 100%;
  vertical-align: middle;
}
.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed;
}
.col-xs-height {
  display: table-cell;
  float: none !important;
}

.col-full-height:before {
  content:"";
}

/* ========================================================== */
/*                    individual section                          */
/* ========================================================== */

.oferta-main{
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	min-height:250px;
	overflow:hidden;
	margin-bottom:20px;
}

.oferta-main h4{
	position:absolute;
	bottom:60px;
	left:20px;
	right:20px;
	font-family: 'Open Sans' ,sans-serif;
	font-size:24px;
	color:#fff;
	font-weight:bold;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.oferta-main a{
	position:absolute;
	bottom:20px;
	left:20px;
	background:#c8539a;
	font-size:16px;
	color:#fff;
	padding:5px 10px;
}

#pasek{
	background-image:url('../img/czyrna_bg.jpg');
	font-size:28px;
	font-weight:300;
	color:#fff;
	padding-top:30px;
}

.modal{
  z-index: 9050;	
}

.modal-backdrop{
	z-index: 9040;
}

#formularz input, #formularz textarea{padding:12px 12px;font-size:16px;height:auto;}

#rezerwacja{
	position:relative;
	z-index:1000;
}

#reservation-box .title{   
	color:#fff;    
	text-transform:uppercase;
	background:#c8539a;
}
#reservation-box .title > div{
	padding:25px 10px;
}

#reservation-box .form-content{
    clear:both;
    background:#fff;
    padding:15px;
}

#reservation-box .row{
    margin-right: -5px;
    margin-left: -5px;
}

#reservation-box .row [class^="col-"], #reservation-box .row [class*=" col-"]{
  padding-right: 5px;
  padding-left: 5px;
}

#reservation-box .form-content{
    clear:both;
    background:#fff;
    padding:15px;
}

#reservation-box form{
    margin:0;
}

#reservation-box .row-same-height{
    background:#f4f4f4;
}

#reservation-box .send{
	background:#7c075d;
}

#reservation-box .btn{
	height:100%;
	min-width:10px;	
	width:100%;
	display:block;
	font-size:30px;
}

#slider{
	margin-top:-140px;
	color:#fff;
	margin-bottom:-98px;
}

.slider-container {
  background: #171717;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
  margin:0 auto;
}

.slider {
	height: 405px;
	max-height: 405px;
	position: relative;
}

.slider .main-label{
	font-size:48px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
	font-weight:bold;
}

.slider .sub-label{
	font-size:18px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

#galeria img{border:1px solid #fff;}

.social-tabs {
    position: fixed;
    right: 0px;
    top: 160px;
}

.social-tabs img{
	width:50px;
	opacity:0.8;
	display:block;
	border-radius:4px 0px 0px 4px;
	margin-top:10px;
}

.social-tabs img:hover{
	opacity:1;
}