/*------------------------------------------------------------------
[Table of contents]
0. Fonts
1. Clearfix
2. Preloader
3. Typography
4. Headings
5. Main Nav
6. Main Content
7. Column Grid
8. Content Elements
9. Icons
10. Image Hover
11. Lists
12. Google Maps
-------------------------------------------------------------------*/

/* =1. Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}/* ----- clear fix for floats ----- */
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}/* hides clearfix from IE-mac */
.clearfix {
	display: block;
}/* end hide from IE-mac */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	margin: auto;
	display: block;
}
.alignnone {
	clear: both;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	height: 0;
	width: 0;
}
.centered {
	text-align: center;
}
.hidden {
	display: none;
	visibility: hidden;
}
/* Preventing font-rendering switches during CSS transitions inside Flexslider for Safari and Chrome under MacOSX */
*, *:before, *:after {
	-webkit-font-smoothing: antialiased;
}
.flexslider {
	-webkit-transform: translateZ(0px);
}
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =2. Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(193, 193, 193) !important;
	z-index: 9999;
}
#status {
	z-index: 28;
	position: absolute;
	color: #000 !important;
	top: 50%;
	height: 280px;
	width: 100%;
	margin-top: -140px;
}
/* horizontal centering */
.parent {
	width: 300px;
	margin: 0px auto;
	position: relative;
	height: 280px;
	z-index: 11;
}
.element .parent {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.4);
	-webkit-text-shadow: 0px 0 35px rgba(0, 0, 0, 0.2);
	text-shadow: 0px 0 35px rgba(0, 0, 0, 0.2);
}
.col2-3 .parent {
	width: 620px;
	height: 580px;
}
#status .child {
	text-align: center;
}
/* vertical centering */
.parent {
	display: table
}
.child {
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	padding: 0 35px;
}
.col2-3 .child {
	padding: 120px;
}
.child.vertical-top {
	vertical-align: top;
}
.child span {
	text-transform: uppercase;
}
/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =3. Typography
--------------------------------------------------------------------------------------------------------*/
html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	height: 100%;
	overflow-x: hidden;
}
body {
	font-size: 15px;
	font-family: 'Arial', Arial, Helvetica, sans-serif;
	color: rgb(0, 0, 0);
	background: rgb(255, 255, 255);
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
strong {
	font-weight: 600;
	color: rgb(0, 0, 0);
}
a, a > * {
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
a, a:hover, a:focus {
	color: rgb(0, 0, 0);
	text-decoration: none;
	outline: 0;
}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	text-rendering: optimizeLegibility;
	outline: 0;
}
*:focus, *:after:focus, *:before:focus {
outline: 0;
}
*:after, *:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
p {
	line-height: 1.5;
	padding: 0;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	z-index: 1;
	position: relative;
	opacity: 0.7
}
p a, dl a {
	color: rgb(0, 0, 0);
	text-decoration: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
p a:hover {
	color: rgb(0, 0, 0);
	opacity: 1;
}
p.small {
	font-size: 13px !important;
	font-style: italic;
	color: #000;
	opacity: 0.7;
	border-bottom: solid 1px rgba(0, 0, 0, 0.4);
	margin-bottom: 0;
	display: inline-block;
	padding-bottom: 2px;
}
p.heading {
	margin-top: 12px;
}
#preloader p.small {
	color: rgb(0, 0, 0) !important;
	padding: 0px !important
}
.child p.small {
	margin: 10px 0;
}
i {
	font-family: "Arial", Georgia, Verdana, sans-serif;
}
span.arrow {
	position: relative;
	padding-left: 2px;
	line-height: 1;
	text-align: center;
	background: url(../images/arrow-right-white.png) center no-repeat;
	background-size: 12px 8px;
}
span.arrow.rounded {
	border: solid 1px rgba(255, 255, 255, 1);
	display: inline-block;
	width: 38px;
	height: 38px;
}
.header-bottom p {
	font-size: 13px;
}
p.price, p.large {
	font-size: 17px;
}
blockquote {
	padding: 8px 0px 8px 0px;
	font-style: italic;
	border: 0;
}
.testimonials blockquote {
	padding: 0;
}
blockquote p {
	font-family: "Playfair Display", Georgia, Verdana, sans-serif;
	color: #fff;
	font-size: 17px;
	font-style: normal
}
blockquote p.small {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	border: 0;
	border-top: solid 1px rgba(255, 255, 255, 0.4);
	padding-top: 3px;
	margin-top: 10px;
}
blockquote .small::before, blockquote footer::before, blockquote small::before {
	content: "";
}
.child blockquote {
	margin: 0;
}
em {
	font-style: italic;
}
.button, .button:focus {
	display: block;
	color: rgb(0, 0, 0);
	border: solid 2px rgb(0, 0, 0);
	padding: 12px 30px 13px;
	margin: 5px 0 10px 0;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 1px;
	display: inline-block;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	z-index: 1;
	position: relative;
	font-family: "Arial", Helvetica, Arial, sans-serif;
	-webkit-text-shadow: none !important;
	text-shadow: none !important;
	font-style: normal;
}
.col2-3 .button {
	margin-top: 25px;
}
.button i {
	margin-right: 3px;
}
.btn-group-lg > .btn, .btn-lg, .btn {
	border-radius: 51%;
}
.dl-horizontal dt {
	width: 20px;
	text-align: left;
	float: left;
	opacity: 0.7;
	font-weight: 400;
}
.dl-horizontal dd {
	margin-left: 35px;
	opacity: 0.7
}
.dl-horizontal.hours dt {
	width: 100px;
}
.dl-horizontal.hours dd {
	margin-left: 115px;
}
.padding {
	padding: 0 2px;
}
.signature {
	display: block;
	background: url(../images/signature.png) center center no-repeat;
	background-size: 185px 50px;
	width: 185px;
	height: 50px;
	opacity: 0.7
}
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =4. Headings
--------------------------------------------------------------------------------------------------------*/
#logo {
	display: block;
	position: relative;
	margin: 0;
	width: 100px;
	min-height: 107px;
}
#logo a {
	display: block;
	background: url(../images/bg-logo@2x.png) center center no-repeat;
	background-size: 100px 107px;
	width: 100px;
	height: 107px;
	text-indent: -9999px;
}
.tagline {
	float: left;
	font-size: 13px;
	font-weight: 400;
	position: relative;
	display: table;
	height: 52px;
	margin-top: -1px;
	color: #fff;
}
.tagline span {
	vertical-align: middle;
	display: table-cell
}
.hentry h1, h2, h3, h4, h5 {
	line-height: 1.3;
	color: rgb(0, 0, 0);
	display: block;
	position: relative;
	font-family: "Arial black", Georgia, Verdana, sans-serif;
	font-weight: 400;
	z-index: 1
}
h2 a, h3 a, h4 a, h5 a, h2 .small, h3 .small, h4 .small, h5 .small {
	color: #fff
}
h2 {
	font-size: 40px;
	line-height: 1.25;
	letter-spacing: -1px;
	margin-top: 0px;
}
h3 {
	font-size: 26px;
	margin-top: 10px;
}
h4 {
	font-size: 20px;
	line-height: 1.4
}
h5 {
	font-size: 17px;
	line-height: 1.5
}
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	color: #fff
}
.post h2 {
	margin-top: 10px;
	margin-bottom: 20px;
}
blockquote h3 {
	font-size: 34px
}
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =5. Main Nav
--------------------------------------------------------------------------------------------------------*/
#menu-button {
	font-size: 13px;
	display: none;
	height: 52px;
	position: relative;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#menu-button .centralizer {
	display: table-cell;
	vertical-align: middle;
}
#nav-button {
	display: inline-block;
	width: 50px;
	height: 50px;
	border: solid 2px rgba(0, 0, 0, 1);
	margin: 0;
	margin-left: 10px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	padding: 18px 0 0 0px;
	cursor: pointer
}
.nav-bar {
	background-color: rgba(0, 0, 0, 1);
	border-radius: 1px;
	display: block;
	width: 19px;
	height: 2px;
	margin: 0px auto 3px;
}
#main-nav {
	position: relative;
	width: 165px;
	margin-left: 35px;
}
#main-nav a {
	text-decoration: none;
	color: rgb(0, 0, 0);
	opacity: 0.7;
	font-size: 18px;
	letter-spacing: 2px;
	font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: block;
	padding: 4px 0px;
}
#main-nav > ul a {
	text-transform: uppercase;
}
#main-nav > ul .active > a, #main-nav > ul a.active, #main-nav li a:hover, #main-nav li a.selected {
	color: rgb(0, 0, 0);
	opacity: 1;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
#main-nav > ul > li > .sub-nav {
	padding: 3px 15px;
}
#main-nav > ul > li > .sub-nav > li > a {
	font-size: 12px;
}
.pushed-left #nav-button span:nth-child(1), .pushed-left-alt #nav-button span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: relative;
	top: 5px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.pushed-left #nav-button span:nth-child(2), .pushed-left-alt #nav-button span:nth-child(2) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: relative;
	top: 0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.pushed-left #nav-button span:nth-child(3), .pushed-left-alt #nav-button span:nth-child(3) {
	display: none;
}
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =6. Main Content
--------------------------------------------------------------------------------------------------------*/
header {
	position: fixed;
	top: 180px;
	left: 0;
	width: 250px;
	z-index: 104;
	height: 100%;
}
#content {
	width: 1520px;
	position: relative;
	padding-left: 240px;
	padding-top: 40px;
	padding-bottom: 70px;
	z-index: 103;
	display: block;
	background-color: rgb(255, 255, 255);
	background-image: url("http://sprecords.osw.bydgoszcz.pl/images/background.jpg") fixed cover;
}
.thin-post-format #content {
	max-width: 1000px;
}
#background-color {
	background: rgb(255, 255, 255);
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 102;
}
.logo-wrapper {
	position: fixed;
    top: 15px;
	left: 0;
	z-index: 101;
	padding: 35px 0px 0px 35px
}
.header-bottom {
	margin: 5px 0 0 35px;
}
.pushed-left #content, .pushed-left #background-color {
	-webkit-transform: translate3d(200px, 0px, 0px);
	transform: translate3d(200px, 0px, 0px);
}
.pushed-left-alt #content, .no-csstransforms3d .pushed-left #content, .pushed-left-alt #background-color, .no-csstransforms3d .pushed-left #background-color {
	-webkit-transform: translateX(200px);
	-ms-transform: translateX(200px);
	transform: translateX(200px);
}
#content, #background-color {
	-webkit-transition: -webkit-transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s;
	transition: transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s;
}
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =7. Column Grid
--------------------------------------------------------------------------------------------------------*/
.col3-3 {
	width: 940px;
	height: auto;
	margin: 10px;
	float: left;
	position: relative
}
.col4-3 {
	width: 1260px;
	height: auto;
	margin: 10px;
	position: relative
}
.col1-3 {
	width: 300px;
	height: 280px;
	margin: 10px;
	background: #C1C1C1;
	float: left;
	position: relative
}
.col2-3 {
	width: 620px;
	height: 580px;
	margin: 10px;
	background: #C1C1C1;
	float: left;
	position: relative
}
.col1-3.auto, .col2-3.auto {
	height: auto !important;
}
.col1-3.double {
	height: 580px;
	overflow: auto;
}
.col2-3.half {
	height: 280px;
}
.col1-3.grey {
	padding: 17px 35px;
}
.col2-3.grey, .col3-3.grey, .col4-3.grey {
	padding: 65px 80px;
	background: #C1C1C1;
}
.element .col1-3, .element .col2-3, .element .col3-3 {
	margin: 0
}
.bottom {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	z-index: 2;
	padding: 25px 35px;
	-webkit-text-shadow: 0px 0 30px rgba(0, 0, 0, 0.4);
	text-shadow: 0px 0 30px rgba(0, 0, 0, 0.4);
}
.bottom.no-text-shadow {
	-webkit-text-shadow: 0px 0 30px rgba(0, 0, 0, 0);
	text-shadow: 0px 0 30px rgba(0, 0, 0, 0);
}
.bottom h2 {
	-webkit-text-shadow: 0px 0 30px rgba(0, 0, 0, 0.4);
	text-shadow: 0px 0 30px rgba(0, 0, 0, 0.4);
}
.bottom.on-right {
	padding: 17px 35px;
	text-align: right;
	color: #fff;
	opacity: 1
}
.col2-3 .bottom.on-left {
	padding: 65px 80px;
	text-align: left;
	color: #fff;
	opacity: 1
}
.bottom p {
	opacity: 1
}
a:hover .bottom {
	background: #393939;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
a:hover .bottom p {
	color: #fff;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.top {
	position: absolute;
	top: 0;
	right: 0;
	padding: 17px 35px;
}
.white01 {
	background: url(../images/white03.png) no-repeat #94ad49;
	background-size: 300px 280px;
}
.white01:hover {
	background: url(../images/white03.png) no-repeat #889f43 !important;
	background-size: 300px 280px !important;
}
.white02 {
	background: url(../images/white02.png) no-repeat #c7944b;
	background-size: 300px 280px;
}
.white02:hover {
	background: url(../images/white02.png) no-repeat #b98945 !important;
	background-size: 300px 280px !important;
}
.white03 {
	background: url(../images/white04.png) no-repeat #499a9c;
	background-size: 300px 280px;
}
.white03:hover {
	background: url(../images/white04.png) no-repeat #438d8f !important;
	background-size: 300px 280px !important;
}
.white04 {
	background: url(../images/white02.png) no-repeat #94ad49;
	background-size: 300px 280px;
}
.white04:hover {
	background: url(../images/white02.png) no-repeat #889f43 !important;
	background-size: 300px 280px !important;
}
.white01.no-hover {
	background: url(../images/white03.png) no-repeat #94ad49;
	background-size: 300px 280px;
}
.white01.no-hover:hover {
	background: url(../images/white03.png) no-repeat #94ad49 !important;
	background-size: 300px 280px !important;
}
.dark-shadow {
	background: url(../images/dark-shadow.png) no-repeat #333;
	background-size: 300px 280px;
}
.with-link.dark-shadow:hover {
	background: url(../images/dark-shadow.png) no-repeat #3c3c3c !important;
	background-size: 300px 280px !important;
}
.col1-3.double.dark-shadow {
	background: url(../images/dark-shadow02.png) no-repeat #333;
	background-size: 300px 580px;
}
.col2-3.dark-shadow {
	background: url(../images/dark-shadow-col2-3.png) no-repeat #333;
	background-size: 620px 580px;
}
.col2-3.bg-image01 {
	background: url(../images/restaurant10.jpg) no-repeat #333;
	background-size: 620px 580px;
}
.chalk01 {
	background: url(../images/chalk01.png) no-repeat #131417;
	background-size: 300px 280px;
}
.chalk01.with-link:hover {
	background: url(../images/chalk01.png) no-repeat #1b1d21 !important;
	background-size: 300px 280px !important;
}
.chalk02 {
	background: url(../images/chalk02.png) no-repeat #131417;
	background-size: 300px 280px;
}
.col2-3.chalk03 {
	background: url(../images/chalk03.png) no-repeat #292a2c;
	background-size: 620px 580px;
}
.col1-3.double.chalk03 {
	background: url(../images/chalk03.png) no-repeat #292a2c;
	background-size: 620px 580px;
}
.colored {
	background: #d74340;
}
.colored:hover {
	background: #be3e3c !important;
}
.colored2 {
	background: #4267b2;
}
.colored2:hover {
	background: #214896 !important;
}
.colored3 {
	background: #F9B101;
	font-color: black !important;
}
.colored3:hover {
	background: #E7A40A !important;
}
/* =End Column Grid
--------------------------------------------------------------------------------------------------------*/


/* =8. Content Elements
--------------------------------------------------------------------------------------------------------*/
.description {
	opacity: 1;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 260px;
	padding: 15px 35px 20px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
  width: 100%;
background-color: rgba(255,255,255, 0.35);
}
.portfolio .description, .about .description, .menu .description {
	-webkit-text-shadow: 0px 0 30px rgba(0, 0, 0, 0.4);
	text-shadow: 0px 0 30px rgba(0, 0, 0, 0.4);
}
.portfolio .description h4, .about .description h4, .menu .description h4 {
	font-size: 26px;
}
.hidden-below {
	opacity: 0;
	position: absolute;
	bottom: -40px;
	left: 35px;
	-webkit-transition: all 0.2s ease 0.1s;
	transition: all 0.2s ease 0.1s;
}
.element:hover .hidden-below {
	opacity: 1;
	bottom: 30px;
	-webkit-transition: all 0.2s ease 0.1s;
	transition: all 0.2s ease 0.1s;
}
.with-hidden-below:hover .description {
	bottom: 60px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.arrow-wrapper {
	opacity: 0;
	position: absolute;
	right: 45px;
	bottom: 30px;
}
a:hover .arrow-wrapper {
	opacity: 1;
	right: 35px;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
.overflow, .element {
	overflow: hidden;
}
.overflow-visible {
	overflow: visible !important
}
.break {
	display: block;
	position: relative;
	height: 20px;
	width: 100%;
}
.whole-tile {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 55;
	padding: 17px 35px;
}
.with-link {
	-webkit-transition: background 0.2s ease 0s;
	transition: background 0.2s ease 0s;
}
.with-link:hover {
	background: #3c3c3c;
	-webkit-transition: background 0.2s ease 0s;
	transition: background 0.2s ease 0s;
}
.dots-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	padding: 20px;
	width: 100%;
	height: 100%;
	z-index: 10;
	opacity: 0.3;
}
.dots {
	border: 1px solid #fff;
	width: 100%;
	height: 100%;
}
/* =End Content Elements
--------------------------------------------------------------------------------------------------------*/


/* =9. Icons
--------------------------------------------------------------------------------------------------------*/
.social-list {
	font-size: 0;
	display: inline-block;
	margin: 0;
  	margin: 10px;
	width: 284px;
	margin-left: 20px;
}
.social-list li {
	display: inline-block;
	margin: 7px 14px 7px 0px;
  transition:300ms;
}
.social-list li a {
	width: 60px;
	height: 60px;
	display: table;
	float: left;
	text-align: center;
	border: solid 2px rgba(0, 0, 0, 0.75); 
}
/*.social-list li a:hover {
	background-color: #d74340;
} */
.social-list li a i {
	color: rgb(0, 0, 0);
	font-size: 28px;
	display: table-cell;
	vertical-align: middle
}
.description .social-list {
	margin-bottom: 15px;
	margin-top: 15px;
}
header .social-list {
	margin: 50px 0px 20px 35px;
}
dl .fa-map-marker {
	margin-left: 2px;
}
dl .fa-phone {
	margin-left: 1px;
}
.icon-placer {
	position: absolute;
	bottom: -30px;
	right: 35px;
	text-align: right;
	z-index: 0
}
.icon-placer i {
	font-size: 170px;
	color: #fff;
	opacity: 0.05;
	display: inline-block;
	width: 300px;
}
.over-image i.fa {
	color: #fff;
	font-size: 30px;
	margin-right: 10px;
	top: 5px;
	position: relative
}
.over-image i.fa.fa-camera {
	font-size: 26px;
	top: 4px;
}
i.fa.inactive {
	opacity: 0.4
}
/* End Icons
--------------------------------------------------------------------------------------------------------*/


/* =10. Image Hover
--------------------------------------------------------------------------------------------------------*/
.images {
	display: block;
	position: relative;
}
.images img {
	width: 100%;
	display: block;
	max-width: 100% !important;
	z-index: 9
}
img {
	box-shadow: #000 0 0 0
}
.videos {
	width: 902px;
	height: 508px;
}
.images img {
	opacity: 1;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.element:hover .images img {
	opacity: 0.6;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.element.no-hover:hover .images img, img.fancybox-image, .flexslider img {
	opacity: 0.8;
}
.image-above {
	z-index: 2;
	position: relative;
	background: #333;
	display: block;
	width: 300px;
	height: 280px;
}
.image-below {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}
/*.element:hover .image-above { opacity:0; }*/
.element.hybrid:hover .images img {
	opacity: 0.8;
}
.element.hybrid .image-above {
	-webkit-transition: opacity ease-in-out 0.3s;
	transition: opacity ease-in-out 0.3s;
}
.element.hybrid:hover .image-above {
	opacity: 0;
	-webkit-transition: opacity ease-in-out 0.3s;
	transition: opacity ease-in-out 0.3s;
}
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =11. Lists
--------------------------------------------------------------------------------------------------------*/
ul.unordered-list, .hentry ul {
	padding: 0px 0px 13px 15px;
}
ul.unordered-list li, .hentry ul li {
	list-style: circle;
	line-height: 1.5;
	font-size: 15px;
	font-family: 'Arial', Arial, Helvetica, sans-serif;
	opacity: 0.7
}
ol {
	padding: 0px 0px 13px 17px;
}
ol li {
	list-style: decimal;
	line-height: 1.5;
	font-size: 15px;
	font-family: 'Arial', Arial, Helvetica, sans-serif;
	opacity: 0.7
}
ul.price-list {
	padding-top: 8px;
	border-top: 1px solid rgba(255,255,255,0.25);
}
ul.price-list li {
	list-style: none;
	line-height: 1.5;
	font-size: 15px;
	font-family: 'Arial', Arial, Helvetica, sans-serif;
	opacity: 0.7;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(255,255,255,0.25);
	margin-bottom: 8px;
}
ul.price-list li.last {
	border-bottom: 0px solid rgba(255,255,255,0.25);
}
ul.price-list li span.small {
	padding-top: 2px;
}
ul.unordered-list li a, .hentry ul li a, ol li a {
	color: #c3c3c3;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,0.25);
}
ul.unordered-list li a:hover, .hentry ul li a:hover, ol li a:hover {
	color: #fff;
	text-decoration: none;
}
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =12. Googlemaps
--------------------------------------------------------------------------------------------------------*/
#map {
	width: 620px;
	height: 580px;
	margin: 0;
	border: 0
}
#map:before, #map:after {
	background: none;
	content: '';
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#map:after {
	bottom: 0;
	top: auto;
}
/* End Googlemaps
--------------------------------------------------------------------------------------------------------*/


/* =13. Footer
--------------------------------------------------------------------------------------------------------*/
footer {
	margin: 35px 10px;
}
footer .social-list {
	padding-bottom: 10px;
	display: block
}
footer p {
	font-size: 13px;
}
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =14. Demo Specific
--------------------------------------------------------------------------------------------------------*/
.designer .icon-placer i {
	opacity: 0.1
}
.designer .hentry h1, .designer h2, .designer h3, .designer h4, .designer h5, .designer p, .designer h2 i, .designer p i, .designer i {
	font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.designer h2 {
	font-weight: 300;
	letter-spacing: -2px;
}
.designer h2 i, .designer .bottom h2 {
	font-weight: 400;
	letter-spacing: -1px;
}
.fitness .icon-placer i {
	opacity: 0.1
}
.fitness .hentry h1, .fitness h2, .fitness h3, .fitness h4, .fitness h5, .fitness p, .fitness h2 i, .fitness p i, .fitness i {
	font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.caption h2 i, .bottom h2 i {
	opacity: 0.7;
	border-top: solid 1px rgba(255, 255, 255, 0.4);
	display: inline-block;
	margin-top: 17px;
	padding-top: 2px;
	font-weight: 300;
	letter-spacing: -2px;
}
.fitness blockquote {
	font-style: normal;
}
.fitness .flex-direction-nav a {
	bottom: 135px;
	top: auto;
	margin: 0;
}
.restaurant .images img {
	opacity: 0.75;
}
.restaurant .element:hover .images img {
	opacity: 0.55;
}
.restaurant .element.no-hover:hover .images img, .restaurant img.fancybox-image, .restaurant .flexslider img {
	opacity: 0.75;
}
.barbershop .images img {
	opacity: 0.75;
}
.barbershop .element:hover .images img {
	opacity: 0.55;
}
.barbershop .element.no-hover:hover .images img, .barbershop img.fancybox-image, .barbershop .flexslider img {
	opacity: 0.75;
}
.demo .images img {
	opacity: 0.75;
}
.demo .element:hover .images img {
	opacity: 0.55;
}
i.fa {
	font-family: FontAwesome !important
}
/* End Demo Specific
--------------------------------------------------------------------------------------------------------*/


/* NEW CSS */

.gm-style {
	height: 100%;
}
.gm-style .gm-style-iw {
	color: #000;
}
@font-face {
	font-family: 'IcoMoon';
	src: url('../../../media/jui/fonts/IcoMoon.eot');
	src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[data-icon]:before {
	font-family: 'IcoMoon';
	content: attr(data-icon);
	speak: none;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: 'IcoMoon';
	font-style: normal;
	speak: none;
}
.icon-edit:before {
	content: "\2b";
}
.icon-edit {
	background-color: #000;
	color: #fff!important;
	padding: 10px;
}
.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.alert, .alert h4 {
	color: #c09853;
}
.alert h4 {
	margin: 0;
}
.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 20px;
}
.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847;
}
.alert-success h4 {
	color: #468847;
}
.alert-danger, .alert-error {
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
}
.alert-danger h4, .alert-error h4 {
	color: #b94a48;
}
.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad;
}
.alert-info h4 {
	color: #3a87ad;
}
.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}
.alert-block>p, .alert-block>ul {
	margin-bottom: 0;
}
.alert-block p+p {
	margin-top: 5px;
}
.close {
	float: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
.close:hover, .close:focus {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.center{
    position: absolute;
	left: -320px;
}
.mute{
	display: none;
    position: absolute;
	bottom: 15px;
	right: 15px;
	z-index: 1000;
}
.unmute-icon{
	background:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwOC41MiA1MDguNTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwOC41MiA1MDguNTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPGc+CgkJCQk8cGF0aCBkPSJNMjcxLjMyNywwLjA5NUwyNjguOTc1LDBjLTUuMjQ0LDAtMTEuMjUxLDEuNjIxLTE4LjE0OCw1Ljc4NCAgICAgIGMwLDAtMTMyLjUzMywxMTUuNjI1LTEzOC4yODYsMTIxLjM0NkgzOS43MjhjLTE3LjU0NCwwLTMxLjc4MiwxNC4yMzktMzEuNzgyLDMxLjc4MnYxOTQuNzMxICAgICAgYzAsMTcuNTc2LDE0LjIzOSwzMS43ODMsMzEuNzgyLDMxLjc4M2g3Mi44MTRjNS43NTMsNS43MjEsMTM4LjI4NiwxMTcuMjQ2LDEzOC4yODYsMTE3LjI0NiAgICAgIGM2Ljg5Nyw0LjIyNywxMi45MDQsNS44NDgsMTguMTQ4LDUuODQ4bDIuMzUyLTAuMDk1YzExLjc1OS0xLjExMiwyMC4xNS0xMC45NjUsMjIuNjYxLTIxLjM1OFYyMS40ODUgICAgICBDMjkxLjUwOSwxMS4wNiwyODMuMDg3LDEuMjA4LDI3MS4zMjcsMC4wOTV6IE0yNjIuMjA1LDQ3MC43OTRjLTQ5LjU4MS00MS43NjItMTIxLjQwOS0xMDIuNDk5LTEyNy4yNTctMTA3LjkwMiAgICAgIGMtNS45NDMtNS45NzUtMTQuMDE2LTkuMjQ5LTIyLjQzOC05LjI0OUgzOS43Mjh2LTQuMDM2VjE1OC45MTJoNzIuODE0YzguMTM2LDAsMTYuMjczLTMuNDAxLDIyLjE1Mi04Ljk5NCAgICAgIGM1Ljc4NC01LjQ5OCw3Ny42MTMtNjguMzMyLDEyNy41MTEtMTExLjg3NFY0NzAuNzk0TDI2Mi4yMDUsNDcwLjc5NHoiIGZpbGw9IiMwMDAwMDAiLz4KCQkJCTxwYXRoIGQ9Ik0zNDIuOTY1LDMwOS43ODRjLTcuODUsMy45NzMtMTAuOTk3LDEzLjUwOC03LjA4NywyMS4zNThjMi44MjksNS41Myw4LjQyMiw4LjcwOCwxNC4yMDcsOC43MDggICAgICBjMi4zNTIsMCw0Ljc2Ny0wLjU3Miw3LjE1MS0xLjY4NGMzMi4xMzItMTYuMjQxLDUyLjA5MS00OC4zNDEsNTIuMDkxLTgzLjk2OXMtMTkuOTU5LTY3LjcyOC01Mi4wOTEtODMuOTM4ICAgICAgYy03Ljg1LTMuOTczLTE3LjM4NS0wLjc5NS0yMS4zNTgsNy4wNTZjLTMuOTA5LDcuODUtMC43NjMsMTcuMzg1LDcuMDg3LDIxLjM1OGMyMS4zMjYsMTAuNzc0LDM0LjU3OSwzMi4wMzcsMzQuNTc5LDU1LjU1NiAgICAgIFMzNjQuMjkxLDI5OS4wNDEsMzQyLjk2NSwzMDkuNzg0eiIgZmlsbD0iIzAwMDAwMCIvPgoJCQkJPHBhdGggZD0iTTMzOS43MjMsNTkuMzA2Yy04LjQ4Ni0xLjcxNi0xNy4wMDQsMy45NDEtMTguNjI1LDEyLjU1NCAgICAgIGMtMS43MTYsOC42MTMsMy45MDksMTYuOTcyLDEyLjU1NCwxOC42NTZjNzguMzEyLDE1LjI1NiwxMzUuMTM5LDg0LjEyOCwxMzUuMTM5LDE2My43NDNzLTU2LjgyNywxNDguNDg4LTEzNS4xMzksMTYzLjc0MyAgICAgIGMtOC42MTMsMS42ODQtMTQuMjM5LDkuOTgtMTIuNTU0LDE4LjY1NmMxLjQ5NCw3LjU5Niw4LjEzNiwxMi44MDgsMTUuNTEsMTIuODA4bDMuMTE1LTAuMzE4ICAgICAgYzkzLjIxOC0xOC4xMTYsMTYwLjg1MS0xMDAuMTE1LDE2MC44NTEtMTk0LjkyMkM1MDAuNTc0LDE1OS40ODQsNDMyLjk0MSw3Ny40ODYsMzM5LjcyMyw1OS4zMDZ6IiBmaWxsPSIjMDAwMDAwIi8+CgkJCTwvZz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) no-repeat center;
    background-size:32px;
    border:0;
    width:32px;
    height:32px;
    text-indent:-999px;
}
.mute-icon {
    background:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwOC41NTEgNTA4LjU1MSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTA4LjU1MSA1MDguNTUxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxnPgoJPGc+CgkJPGc+CgkJCTxnPgoJCQkJPHBhdGggZD0iTTI2My4zODEsMC4wNzlsLTIuMzUyLTAuMDY0Yy01LjI0NCwwLTExLjI1MSwxLjYyMS0xOC4xMTYsNS43ODQgICAgICBjMCwwLTEzMi41MzMsMTE1LjYyNS0xMzguMzE3LDEyMS4zNDZIMzEuNzgyQzE0LjIzOSwxMjcuMTQ2LDAsMTQxLjM4NCwwLDE1OC45MjhWMzUzLjY2YzAsMTcuNTc2LDE0LjIzOSwzMS43ODIsMzEuNzgyLDMxLjc4MiAgICAgIGg3Mi44MTRjNS43ODQsNS43MjEsMTM4LjMxNywxMTcuMjQ2LDEzOC4zMTcsMTE3LjI0NmM2Ljg2NSw0LjIyNywxMi44NzIsNS44NDgsMTguMTE2LDUuODQ4bDIuMzUyLTAuMDk1ICAgICAgYzExLjc2LTEuMTEyLDIwLjE1LTEwLjk2NSwyMi42NjEtMjEuMzU4VjIxLjUwMUMyODMuNTYzLDExLjA0NCwyNzUuMTQxLDEuMTkyLDI2My4zODEsMC4wNzl6IE0yNTQuMjYsNDcwLjc3OCAgICAgIGMtNDkuNTgxLTQxLjc2Mi0xMjEuMzc3LTEwMi40OTktMTI3LjI1Ny0xMDcuOTAyYy01Ljk0My01Ljk3NS0xMy45ODQtOS4yNDktMjIuNDM4LTkuMjQ5SDMxLjc4MnYtNC4wMzZWMTU4Ljg5Nmg3Mi44MTQgICAgICBjOC4xMzYsMCwxNi4zMDQtMy40MDEsMjIuMTUyLTguOTk0YzUuNzg0LTUuNDY3LDc3LjYxMy02OC4zMDEsMTI3LjUxMS0xMTEuODQzVjQ3MC43NzhMMjU0LjI2LDQ3MC43Nzh6IiBmaWxsPSIjMDAwMDAwIi8+CgkJCQk8cGF0aCBkPSJNNDQ4LjAwNiwyNTQuMjc2bDU0LjgyNS01NC44NTdjNy42MjgtNy41NjQsNy42MjgtMTkuODY0LDAtMjcuNDI4ICAgICAgYy03LjUzMi03LjU2NC0xOS44NjQtNy41NjQtMjcuMzk3LDBsLTU0Ljg1Nyw1NC44NTdsLTU0LjkyLTU0Ljg1N2MtNy41MzItNy41NjQtMTkuODY0LTcuNTY0LTI3LjM5NywwICAgICAgYy03LjU2NCw3LjU2NC03LjU2NCwxOS44NjQsMCwyNy40MjhsNTQuODg4LDU0Ljg1N2wtNTQuODg4LDU0Ljg4OGMtNy41NjQsNy41MzItNy41NjQsMTkuODY0LDAsMjcuMzk2ICAgICAgYzcuNTMyLDcuNTY0LDE5Ljg2NCw3LjU2NCwyNy4zOTYsMGw1NC45Mi01NC44NTdsNTQuODU3LDU0Ljg1N2M3LjUzMiw3LjU2NCwxOS44NjQsNy41NjQsMjcuMzk3LDAgICAgICBjNy41NjQtNy41MzIsNy41NjQtMTkuODY0LDAtMjcuMzk2TDQ0OC4wMDYsMjU0LjI3NnoiIGZpbGw9IiMwMDAwMDAiLz4KCQkJPC9nPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat center;
    background-size:32px;
	border:0;
    width:32px;
    height:32px;
    text-indent:-999px;
}

  #container .opisArtysty{
	padding-top:17px;
  }
@media (max-width: 992px) {
  #container .opisArtysty{
    padding-top:30px;
    padding-left:0px;
    padding-right:0px;
  }
}

.item-206 a:after{
  content: "\f08e";
  font-family: FontAwesome !important;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.sukcesy{
  overflow-y:auto;
}