/* ==========================================================================
Font
========================================================================== */ 

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap&subset=latin-ext');

/* ==========================================================================
USER STYLE
========================================================================== */ 	
@media (min-width:  1200px) { .container {	max-width: 1400px; }}

.body-none-scroll { overflow:hidden; }
a:link, .navbar-toggler { outline:none; }
a { color:#d27f07; }
.ah:hover { opacity:0.6; cursor:pointer; }
a:hover, a:focus { text-decoration:none; }
main {  margin-bottom:50px; margin-top: 80px; }
main .container.invisible { display: none; }
.main-bottom-none { margin-bottom:0; }
.margin-section {padding-top:50px; padding-bottom:50px;}
footer {	padding: 10px 0;	background-color: transparent;	font-family: 'Roboto', sans-serif;	font-weight: 300;	font-size: 12px; color: #fff;	background-color: rgba(00,00,00,1);}
footer a { color:#FFF;}
h1, .h1, h2, .h2, h3, .h3 { color:#d27f07; }
#go_up {	background-color: rgba(00,00,00,0.7);	position: fixed;	right: 20px;	bottom: 50px;	padding: 10px;	cursor: pointer;	display: none;}
.news_ng1 { font-size:26px; line-height:1.5; font-weight:500; display:block; font-family: 'Roboto', sans-serif; color:#777777;}
.news_ng2 { font-size:20px; line-height:1.5; font-weight:300; display:block; color:#d27f07; font-family: 'Roboto', sans-serif;}
.nav-tabs > li > a { border-radius:0; font-family: 'Roboto', sans-serif; font-size:16px; }
pre {  font-family: Verdana;  margin: 0;  padding: 0; background-color:transparent; font-size:inherit; border:none;  }
.body_icon { text-align:center; font-size:25px; }
.form-control:disabled, .form-control[readonly] {	background-color: transparent; }
.form-control:focus {	color: #495057;	background-color: rgba(255,255,255,0.85);	border-color: inherit;	outline: 0;	box-shadow: none; }
.logo-container {	height: 120px;}
.logo-container img {	width: auto !important;	margin: auto;}
.home-container h1 { font-weight:300; display:block; font-family: 'Roboto', sans-serif; font-size:46px;  }
.home-container h2 {
	font-weight: 400;
	display: inline-block;
	/* padding: 8px 30px 7px 30px; */
	font-size: 24px;
	/* background: #61271b; */
	color: #61271b;
	/* border-radius: 5px; */
	font-family: 'Roboto', sans-serif;
}
.home-container h3 { font-weight:500; display:block; font-family: 'Roboto', sans-serif;  font-size:26px; }
.home-container p { font-size:18px; color:#666; }
.home-container ul { color:#666; line-height: 1.8; }
.home-foto { max-width:90%; display:block; margin:auto; }
.kolory {	display: block;	margin: auto; max-width: 100%;}

/* ==========================================================================
Animation
========================================================================== */ 

.anim {  opacity:0; -webkit-animation-duration: 0.8s;  animation-duration: 0.8s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;} 
@-webkit-keyframes fadeInUp {  from {    opacity: 0;    -webkit-transform: translate3d(0, 150%, 0);    transform: translate3d(0, 150%, 0);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}
@keyframes fadeInUp {  from {    opacity: 0;    -webkit-transform: translate3d(0, 150%, 0);    transform: translate3d(0, 150%, 0);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}
.fadeInUp {  -webkit-animation-name: fadeInUp;  animation-name: fadeInUp;}
@-webkit-keyframes fadeIn {  from {    opacity: 0;  }  to {    opacity: 1;  }}
@keyframes fadeIn {  from {    opacity: 0;  }  to {    opacity: 1;  }}
.fadeIn {  -webkit-animation-name: fadeIn;  animation-name: fadeIn;}


/* ==========================================================================
Podstrona
========================================================================== */ 

.container-ps-ng {	margin: 85px auto 20px auto;	padding: 30px 0;  background-color:#d27f07;}
.breadcrumb {	margin: 0;	background-color: transparent;	border-radius: 0px;	width: 100%;	color: #FFF;	justify-content: flex-end;}
.container-ps-ng, .container-ps-ng a, .breadcrumb-item.active { color:#fff; }
.container-ps-ng a:hover { opacity:0.8; }
.container-ps-ng h1 { color:#fff; font-weight:300; }
.breadcrumb-item + .breadcrumb-item::before {	display: inline-block;	padding-right: .5rem;	padding-left: .5rem;	color: rgba(255,255,255,0.6);	content: "/"; }
.close { cursor: pointer; }
.produkty { color:#999; }
.produkty table { border: 1px solid #d27f07; }
.produkty td {	padding: 10px 20px; }
.produkty tr:nth-child(even) {background: #eee}
span.info {	font-size: 28px;	display: block;	text-align: center;	padding: 5vh;	text-transform: uppercase;	font-weight: 400;	color: #d27f07;	border-bottom: 1px solid #ddd;	border-top: 1px solid #ddd;	margin: 5vh auto;}
.produktyItem {	width: 17%;	display: inline-block;	margin: 1%;	position:relative;}
.produktyItem img {	max-width: 100%;	max-height: 330px;	display: block;	margin: auto;}
.produktyItem span {	background: #d27f07;	color: #fff;	font-size: 20px;	padding: 0px 30px;	display: inline-block;	text-align: center;	margin: auto;	position: absolute;	bottom: 20px;	left: 0;}
.lg-outer.lg-pull-caption-up .lg-sub-html, .lg-sub-html {
	background: #d27f07;
	color: #fff;
	font-size: 24px;
	padding: 0px 30px;
	display: inline-block;
	width: 230px;
	margin: auto;
	bottom: 20px;
}

@media (min-width:  1400px) {
.container-ps-ng h1 {	font-size: 36px; }
.container-ps-ng, .container-ps-ng a, .breadcrumb-item.active {	font-size: 14px; }
}

/* ==========================================================================
BTN
========================================================================== */ 

.btn { cursor:pointer; }
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { background-image:none; text-shadow:none; box-shadow:none; border:0; border-radius:0px;}
.btn-primary {	background-color: #d27f07;	font-size: 12px;	padding: 5px 20px;	text-transform: uppercase;}
.btn-primary:hover {  background-color: #d27f07; opacity:0.8; }
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {  background-color: #d27f07;   border:0;  color: #fff; }
.btn-primary.focus, .btn-primary:focus {	box-shadow: none;}
.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show > .btn-primary.dropdown-toggle {	color: #fff;	background-color: #d27f07;	border-color:0;	box-shadow: none;}


/* ==========================================================================
HAMBURGER MENU
========================================================================== */ 

.navbar-light .navbar-toggler {	outline: none; cursor:pointer; }
.hamburger_nav{ overflow: hidden; margin:0; padding:0; outline: none !important; border:none;}

#nav-mhweb-hamburger {width: 30px;height: 25px;position: relative;margin: 5px 0px 0px 0px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-mhweb-hamburger span {display: block;position: absolute;height: 2px;width: 50%;background: #AAA;opacity: 1;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-mhweb-hamburger.open span{margin-left:3px;margin-top:-4px;}
#nav-mhweb-hamburger span:nth-child(even) {left: 50%;}
#nav-mhweb-hamburger span:nth-child(odd) {left:0px;}
#nav-mhweb-hamburger span:nth-child(1), #nav-mhweb-hamburger span:nth-child(2) {top: 0px;}
#nav-mhweb-hamburger span:nth-child(3), #nav-mhweb-hamburger span:nth-child(4) {top: 8px; width: 100%; left:-5px; }
#nav-mhweb-hamburger span:nth-child(5), #nav-mhweb-hamburger span:nth-child(6) {top: 16px;}
#nav-mhweb-hamburger.open span:nth-child(1), #nav-mhweb-hamburger.open span:nth-child(6) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#nav-mhweb-hamburger.open span:nth-child(2),#nav-mhweb-hamburger.open span:nth-child(5) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-mhweb-hamburger.open span:nth-child(1) {left: 0px;top: 9px;}
#nav-mhweb-hamburger.open span:nth-child(2) {left: calc(50% - 5px);top: 9px;}
#nav-mhweb-hamburger.open span:nth-child(3) {left: -50%;opacity: 0;}
#nav-mhweb-hamburger.open span:nth-child(4) {left: 100%;opacity: 0;}
#nav-mhweb-hamburger.open span:nth-child(5) {left: 0px;top: 19px;}
#nav-mhweb-hamburger.open span:nth-child(6) {left: calc(50% - 5px);top: 19px;}

/* ==========================================================================
PASSWORD
========================================================================== */ 

.password-card {	margin: 5% auto;	width: 100%; max-width:600px; text-align: center;	color: #555;	padding: 4% 2%;}
.password-card h3 {	margin: 0;	padding: 0;	text-transform: uppercase;	font-family: 'Roboto', sans-serif;	font-weight: 300;	color: #555;}
.password-card ion-icon { font-size:80px; color:#555; }
.password-card .btn { width:100%; }
@media (max-width:  768px) { .password-card .alert-danger {	font-size: 13px;	padding: 5px;} .password-card h3 { font-size:22px; }.password-card ion-icon {	font-size: 60px; } }


/* ==========================================================================
KONTAKT
========================================================================== */ 

.contact-bg { background-attachment: fixed;  background-color: transparent;  background-image: url("../img/kontaktBg.jpg");  background-position: center top;  background-size: cover;  color: #fff; 	padding-top: 10vh;	padding-bottom: 10vh }
.contact-bg pre { color: #fff; }
.contact-bg .h1 {	color: #ffb03e;	font-weight: 300;	margin-bottom: 20px;	display: block;}
.contact-bg .form-control {	border: 1px solid rgba(255,255,255,0.4);	margin: 10px 0;	border-radius: 0;	background-color: rgba(00,00,00,0.1);	color: #fff;	height: 40px;	padding: 25px;}
textarea.form-control, .contact-bg textarea.form-control { height:172px; }
.contact-btn {	font-size: 14px;	height: 46px; }
.form-alert { border:2px solid rgba(255,0,0,0.6); }

@media (max-width:  768px) { 
.contact-bg {	padding-top: 2vh;	padding-bottom: 2vh; }
.contact-bg .h1 {	margin-bottom: 10px;	font-size: 24px; margin-top: 20px; }
.contact-bg .form-control {	padding: 20px;	font-size: 14px; }
}

/* ==========================================================================
COOKIES INFO
========================================================================== */ 

#cookies-message {	padding: 25px;	font-size: 10px;	line-height: 15px;	text-align: center;	position: fixed;	bottom: 20px;	left: 20px;	background-color: rgba(0,0,0,0.75);	width: 25%;	z-index: 9999;	color: #FFF;}		
#accept-cookies-checkbox {	background-color: rgba(0,0,0,0.75);	padding: 10px 30px;	color: #FFF;	display: inline-block;	margin-left: 10px;	text-decoration: none;	cursor: pointer;}
	
/* ==========================================================================
SLIDER OWL
========================================================================== */ 

#owl-slider .owl-item img {	display: block;	width: 100%; }
#owl-slider .owl-slider-item { position: relative; }
#owl-slider .owl-slider-item .owl-slider-caption {	display: block;	position: absolute;width:100%;	bottom: 50px;	color: #FFF;	font-size: 30px; text-align:center; }
#owl-slider .slider-ng {	line-height: 1; display: inline-block;	position: absolute;	z-index: 9999;	padding: 20px;	left: 25%;	top: 45vh;	width: 50%;	text-align: center;	color: #fff;	text-transform: uppercase;	font-family: 'Roboto', sans-serif;	font-size: 50px;	font-weight: 100;}
#owl-slider .slider-ng span { font-weight:600; font-size:70px; }
#owl-slider .owl-nav {	margin-top: -100px;	position: absolute;	right: 5vh; }
#owl-slider .owl-nav [class*="owl-"] {	color: #FFF;	font-size: 22px;	margin: 5px;	padding: 15px 25px 20px 25px;	background: transparent;	border-radius: 0;	border: 1px solid #fff;	line-height: 1;}
#owl-slider .owl-nav [class*="owl-"]:hover { opacity:0.5; }
#owl-slider .owl-dots {	position: absolute;	margin-top: -70px;	left: 5vh; }
#owl-slider  .owl-dots .owl-dot span {	width: 20px;	height: 20px;	margin: 5px 7px;	background: transparent;	border: 1px solid #fff;}
#owl-slider  .owl-dots .active span {	background: rgba(255,255,255,0.2);	}

@media (max-width: 1400px) { 
#owl-slider .slider-ng {	left: 15%;	width: 70%;	font-size: 40px; } 
#owl-slider .slider-ng span { font-weight: 600;	font-size: 60px;} 
#owl-slider .owl-nav [class*="owl-"] { font-size: 22px;	padding: 10px 20px 15px 20px;} 
#owl-slider .owl-dots .owl-dot span {	width: 15px;	height: 15px;}
}

@media (max-width: 992px) {	
#owl-slider {	height: auto;}
#owl-slider .owl-item img {	height: auto; }
#owl-slider .slider-ng {	left: 5%;	width: 90%;	font-size: 30px;	top: 25vh;}
#owl-slider .slider-ng span { font-size: 40px; }
#owl-slider .owl-slider-item {	height: auto;}
#owl-slider .owl-nav { display:none; }
#owl-slider .owl-dots {	margin-top: -30px;	left: 0;	width: 100%; }
}

@media (max-width: 700px) {	
#owl-slider .slider-ng {	font-size: 26px;	top: 18vh; }
#owl-slider .slider-ng span { font-size: 30px; }
}

@media (max-width: 500px) {	
#owl-slider .slider-ng {	font-size: 20px;	top: 10vh; }
#owl-slider .slider-ng span { font-size: 26px; }
}

@media (max-width: 400px) {	
#owl-slider .slider-ng {	font-size: 16px;	top: 5vh; }
#owl-slider .slider-ng span { font-size: 22px; }
}
	
/* ==========================================================================
DOWNLOAD
========================================================================== */ 

.download-box {  float: left;  height: 160px;  margin: 0 1px 1px 0;  overflow: hidden;  position: relative;  text-align: center;  width: 140px; }
.download-box span { font-weight:bold; }	
	
/* ==========================================================================
FACEBOOK
========================================================================== */ 

#fb_box	{	 background-image:url('../img/fb_bg.png');	 width:290px;	 height:72px;	 padding:0 0 0 70px;	 position: fixed;	 right: -223px;	 top: 200px;	 z-index: 100;	 cursor:pointer;	}	
	

/* ==========================================================================
FORMULARZ WYCENY
========================================================================== */

.wycena_container {position:fixed;top:0;z-index: 10000;}
.wycena_container_bg {  background-color: rgba(42, 42, 42, 0.6);  display: none;  height: 100%;  margin: 0 auto;  position: fixed;  text-align: center;  width: 100%;  z-index: 10001;}
.wycena_container_content {  background-color: rgba(42, 42, 42, 0.9);  border-right: 10px solid #d27f07;  display: block;  font-size: 13px;  padding: 20px;  position: fixed;  width: 100%;  height:100%;  z-index: 10002;  color:#FFF;  left:-100%;}
.wycena_form {  float: left;  margin: 0 0 30px;  position: relative;  width: 100%;}
.wycena_form_text {  color: #d27f07;  float: left;  font-family: 'Roboto', sans-serif;  font-size: 22px;  font-weight: 300;  left: 0;  margin: 0;  position: relative;  text-align: right;  top: 0;  width: 30%;}
.wycena_input {  padding: 10px 0 8px 10px; background: transparent;  border-color: #515252 #515252 #515252;  border-style: solid;  border-width: 0 0 1px;  float: right;  font-family: 'Roboto', sans-serif;  font-weight: 300;  font-size: 20px;  width: 65%;  color:#AAA;}
.wycena_select {  background: transparent;  border-color: #515252 #515252 #515252;  border-style: solid;  border-width: 1px;  float: right;  font-family: 'Roboto', sans-serif;  font-weight: 300;  font-size: 20px;  width: 65%;  padding:5px 10px;  color:#AAA;}
.wycena_textarea {  background: transparent;  border-color: #515252 #515252 #515252;  border-style: solid;  border-width: 1px;  float: right;  font-family: 'Roboto', sans-serif;  font-weight: 300;  font-size: 20px;  width: 65%;  padding:5px 10px;  color:#AAA;}
select.wycena_select > option {	  padding:5px 10px;}
.wycena_container_ng {  color:#FFF;	  font-family: 'Roboto', sans-serif;  font-weight: 300;  font-size: 32px;  text-transform: uppercase;  text-align:right;  margin:15px 0;  color:#5f5f5f;  padding-top: 50px;}	
.formularz_btn {  cursor: pointer;  display: block;  position: absolute;  right: -47px;  text-align: right;  top: 40%;}
.formularz_close_btn {	cursor:pointer;	display:block;	float:right;	position:relative;	margin:-20px -20px 0 0;	width:50px;	height:50px;}
.formularz_close_btn img {max-width:100%;}
.wycena_submit {  background: #d27f07 none repeat scroll 0 0;  border: 0;  color: #fff;  cursor: pointer;  float: right;  font-family: 'Roboto', sans-serif;  font-size: 16px;  font-weight: 300;  margin: 0;  padding: 10px 40px;  text-transform: uppercase;}

@media (max-height: 800px) {	
	.wycena_container_ng {  font-size: 26px;  margin: 5px 0; }
	.wycena_select {  font-size: 16px;  padding: 2px 10px;  width: 65%; }
	.wycena_form_text, .wycena_input, .wycena_textarea { font-size: 18px; }
	.wycena_form { margin-bottom:5px; }
	.wycena_submit { padding: 5px 40px 3px 40px; font-size:12px; }	
}

@media (max-width: 700px) { 
.wycena_form_text, .wycena_select {	font-size: 14px; width: 95%; }
.wycena_container_ng {	font-size: 22px; padding-top: 30px; }
.wycena_form_text, .wycena_input, .wycena_textarea {	font-size: 14px; padding:3px 0 3px 3px;}
.wycena_textarea, .wycena_input { width:95%; }
 }


/* ==========================================================================
GALERIA
========================================================================== */ 

	.foto_galeria span {  background-color: #d27f07;  bottom: 0;  color: #fff;  display: block;  margin-top: -20px;  position: absolute;  text-align: center;  width: 100%; }
	.foto_galeria {	  border: 0 solid #eee;	  height: 210px;	  margin: 0 1px 1px 0;	  overflow: hidden;	  position: relative;	  width: 210px;	  display:inline-block;	}
	.foto_galeria img {		opacity: 1;		width: 100%;		object-fit: cover;		height: 100%;	}
	.foto_galeria img:hover	{	 opacity:0.6;	}
	
	.gallery-category { position:relative; width:23%; margin:0.7%; overflow:hidden; display: inline-block; }
	.gallery-category img { width:100%; height:300px; object-fit: cover; }
	.gallery-category span {	position: absolute;	display: block;	width: 100%;	bottom: 0;	background: rgba(00,00,00,0.6);	color: #fff;	font-size: 14px;	padding: 10px 20px;}
	
	@media (max-width: 1200px) { .gallery-category { width:31%; } .foto_galeria { width:173px; margin: 0 1px 1px 0; height:173px; } }
	@media (max-width:  992px) { .gallery-category { width:48%; } .foto_galeria { width:179px; margin: 0 1px 1px 0; height:179px; } }
	@media (max-width:  768px) { .gallery-category img { width:100%; height:220px } .foto_galeria { width:24.8%; margin:0.1%; height:176px; } }
	@media (max-width:  600px) { .foto_galeria { width:33.1%; margin:0.1%; height:176px; } }
	@media (max-width:  450px) { .gallery-category { width:98%; } .foto_galeria { width:49.8%; margin:0.1%; height:176px; } }
	@media (max-width:  300px) { .foto_galeria { width:99.8%; margin:0.1%; height:176px; } }

/* ==========================================================================
GALERIA GRID
========================================================================== */ 

	.flexbin {  display: flex;  overflow: hidden;  flex-wrap: wrap;  margin: -2.5px; }
	.flexbin:after {    content: '';    flex-grow: 999999999;       height: 0; }
	.flexbin > * {  max-width: 50%;  position: relative;    display: block;       margin: 2.5px;    flex-grow: 1; }
	.flexbin > * > img {      height: 250px;      object-fit: cover;      max-width: 100%;      min-width: 100%;      vertical-align: bottom; }
	.flexbin.flexbin-margin {    margin: 2.5px; }
	
  @media (max-width: 980px) {
		.flexbin {      display: flex;      overflow: hidden;      flex-wrap: wrap;      margin: -2.5px; }
        .flexbin:after {        content: '';        flex-grow: 999999999;               height: 0; }
        .flexbin > * {      max-width: 100%;  position: relative;        display: block;              margin: 2.5px;        flex-grow: 1; }
        .flexbin > * > img {          height: 200px;          object-fit: cover;          max-width: 100%;          min-width: 100%;          vertical-align: bottom; }
		.flexbin.flexbin-margin {        margin: 2.5px; } 
		}
		
  @media (max-width: 400px) {
      .flexbin {      display: flex;      overflow: hidden;      flex-wrap: wrap;      margin: -2.5px; }
      .flexbin:after {        content: '';        flex-grow: 999999999;                height: 0; }
      .flexbin > * {        position: relative;        display: block;            margin: 2.5px;        flex-grow: 1; }
      .flexbin > * > img {          height: 100px;          object-fit: cover;          max-width: 100%;          min-width: 100%;          vertical-align: bottom; }
      .flexbin.flexbin-margin {        margin: 2.5px; } 
	  }


/* ==========================================================================
KOMUNIKAT FORM
========================================================================== */ 

#komunikat_zwrotny {	position: absolute;	width: 100%;	min-height: 20px;	color:#fff;	text-align:center;	z-index: 10003;	background-color: #d27f07;		padding:5px 0;	font-family: 'Roboto', sans-serif;	font-size: 25px;	}
			

/* ==========================================================================
MENU VERTICAL
========================================================================== */ 

.menu-vertical, .menu-vertical ul, .menu-vertical li {    list-style: none;}
.menu-vertical ul {    padding: 0; display:none; }
.menu-vertical {    padding: 4px;    margin: 0px;}
.menu-vertical > li {    margin: 4px 0; position: relative;}
.menu-vertical > li li {    margin: 2px 0; position: relative;}
.menu-vertical a {    color: #333;    display: block;    outline: none;    text-decoration: none;}
.menu-vertical li > a > span {    float: right;    font-size: 27px;    font-weight: bolder;}
.menu-vertical li > a:hover > span {    color: #fff;}
.menu-vertical li > a > span:after {    content: '\25be';}
.menu-vertical li.open > a > span:after {    content: '\25b4';}
.menu-vertical a:hover, .menu-vertical li.active > a {    background-color: #d27f07;    color: #fff;}
.menu-vertical > li.active > a  {    background-color: #4D90FE;}
.menu-vertical li a {	border-bottom: 1px solid #ddd; padding: 10px 10px 10px 25px; }
.menu-vertical li li li a {	padding: 10px 10px 10px 50px; }
.menu-vertical > li > a {	font-size: 16px;	line-height: 22px;	padding: 10px 10px;	border: 1px solid #d27f07; color:#d27f07;}
.menu-vertical .select { color: #fff; background-color: #1BC0FF;}
.menu-vertical .openMenu { display:block; }
.menu-vertical .submenu span:before {	content: '\25be';	position: absolute;	top: 1px;	right: 1px;	font-size: 27px;	height: 42px;	width: 42px;	text-align: center;	cursor:pointer; }
.menu-vertical .submenu span.open:before { content: '\25b4'; }
.menu-vertical .submenu span:hover:before{ background-color:#eee; }

@media (max-width: 992px) {
.menu-vertical .submenu span::before {	right: 1px;	font-size: 22px;	height: 32px;	width: 40px; }
.menu-vertical li a {	padding: 8px 10px 8px 25px; }
.menu-vertical > li > a {	font-size: 12px;	padding: 5px 10px;}
}

/* ==========================================================================
MENU TOP
========================================================================== */ 

.nav-column-1 { display:inline-block; width:15%; text-align: left; vertical-align: middle;}  
.nav-column-2 { display:inline-block; width:85%; text-align: right; vertical-align: middle; }
.main-navigation, .nav-top-icon { display:inline-block; vertical-align: middle; }
.navbar-mini .navbar-brand  { height:auto; padding:5px; }
.navbar-mini .navbar-brand  img { width:65%; }
.navbar-max .navbar-brand  img { width:100%; }
.bg-light {	background-color: #fff !important; background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(242,242,242,1) 65%, rgba(242,242,242,1) 100%); -webkit-box-shadow: 0px 8px 5px 0px rgba(0,0,0,0.2); 
box-shadow: 0px 8px 5px 0px rgba(0,0,0,0.2); }
.navbar-toggler {	border: 0px solid transparent; }
.main-navigation ul {  list-style: none;  padding: 0;  margin: 0;}
.main-navigation ul li {  display: block;  position: relative;  float: left;}
.main-navigation li ul { display: none; box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.1); }
.main-navigation ul li a {
	display: block;
	padding: 10px 20px;
	text-decoration: none;
	white-space: nowrap;
	color: #777;
	font-size: 16px;
	text-align: left;
	font-family: Roboto;
	font-weight: 300;
	border-radius: 3px;
}
.main-navigation ul li a:hover { background: #d27f07; color:#FFF; }
.main-navigation li:hover li { float: none; }
.main-navigation li:hover a { background: #eee; }
.main-navigation li:hover li a:hover { background: #d27f07; color:#FFF; }
.main-navigation li ul li { border-top: 0; }
.main-navigation ul ul ul {  left: 100%;  top: 0;}
.main-navigation ul:before, .main-navigation ul:after {  content: " ";   display: table; }
.main-navigation ul:after { clear: both; }
.main-navigation ul li ul li a { min-width:120px; }
#flag_box {	width: 60px;	display: inline-block;}
#flag_box img { margin-top: -5px; }
#flag_box .btn-secondary {	color: #828282;	background-color: #fff;	border-color: #ccc;	text-transform: uppercase;	border-radius: 0;	font-size: 12px;	padding: 3px 15px;}
#flag_box .dropdown-item {	padding: 1px 15px;}
#flag_box .dropdown-menu {	min-width: auto;	width: 58px;	border-radius: 0;	font-size: 12px;	text-transform: uppercase;}
.mobile-bg { display: none; }

@media (min-width:  992px) {	
.main-navigation li:hover > ul {  display: block;  position: absolute;}
}

@media (max-width:  992px) { 
.navbar-toggler {	right: 5px;	position: fixed; top: 10px; }
.main-navigation {	left: -100%;	display: block;	position: fixed;	background-color: #FFF;	width: 100%;	top: 0;	z-index: 999;	margin-right: 60px;	padding: 60px 0px 20px 60px;	border-right: 1px solid #ddd;	height: 100%;	overflow-y: scroll;}
.main-navigation-active { left:-60px; text-align: left; }
.main-navigation ul li a {	padding: 10px 1px 12px 10px;	font-size: 16px;	white-space: inherit;	border-bottom: 1px solid #ddd;	margin: 0 10%;}
.main-navigation ul li {	float: inherit; }
.main-navigation li ul {  box-shadow:none; font-size: 13px;}
.main-navigation li:hover > ul {  position: relative;}
.main-navigation li:hover a { background: transparent; }
.main-navigation ul ul ul {	left: inherit; }
.main-navigation ul ul a {	padding-left: 40px;}
.main-navigation ul ul ul a {	padding-left: 60px;}
.navbar-max .navbar-brand  img { width:50%; }
.nav-column-1 { width:75%; text-align: left; }
.nav-column-2 { width:25%; text-align: left; }
.navbar-max #flag_box {	top: 15px; right: 65px; position: fixed; }
.main-navigation .submenu span::before {	content: '\25be';	position: absolute;	top: 5px;	right: 32px;	font-size: 23px;	height: 37px;	width: 45px;	text-align: center;	cursor: pointer;	border-left: 1px solid #ddd;}
.main-navigation .submenu span.open:before { content: '\25b4'; }
.main-navigation .submenu span:hover:before{ background-color:#eee; }
.mobile-bg { background: rgba(0,0,0,0.4);	position: fixed;	left: 0;	top: 60px;	width: 100%;	height: 100%;	z-index: 1;	display: none;}
}


/* ==========================================================================
Galeria HOME
========================================================================== */


.oferty_slider { height:450px; text-align:center; cursor:pointer;}
.oferty_slider img { height:100%; width:100%; object-fit: cover; }
.oferty_slider:hover { opacity:0.5;}

@media (max-width: 1600px) { .oferty_slider { height:400px; } }
@media (max-width: 1400px) { .oferty_slider { height:350px; } }
@media (max-width: 1200px) { .oferty_slider { height:300px; } }

/* ==========================================================================
OGŁOSZENIA
========================================================================== */ 

.ogloszenia .img-thumbnail { border-radius:0; margin-bottom:0; height:175px; overflow:hidden; }
.ogloszenia { width:48%; border:1px solid #DDD; vertical-align:top; padding:1%; background-color:rgba(255,255,255,0.8); margin:5px 1%; display:inline-block; overflow:hidden; }
.ogloszenia:hover { background-color:#eee; }
.ogloszenia_foto { width:33%; display:inline-block; height:100%; vertical-align:top; margin:2% 0; }
.ogloszenia_tresc { width:64%; margin-left:2%; display:inline-block; height:100%; vertical-align:top; }
.ogloszenia_ng { color:#333; font-size:30px; font-family: 'Roboto', sans-serif; font-weight:300; }
.ogloszenia_data { color:#d27f07; font-size:15px; font-family: 'Roboto', sans-serif; font-weight:400; }
.ogloszenia_opis { font-size:13px; }
.btn-ogloszenia { margin:5px auto; width:60%; padding:2px 0 5px; }

@media (max-width: 1200px) { .ogloszenia .img-thumbnail  { height:140px; } }
@media (max-width: 991px) { .ogloszenia { width:98%; margin-left:auto; margin-right:auto; } }
@media (max-width: 500px) { .ogloszenia .img-thumbnail {	height: auto; } .ogloszenia { width:98%; } .ogloszenia_tresc { width:94%; margin:3%; } .ogloszenia_foto { width:100%; } .ogloszenia_ng { font-size:25px; } }

/* ==========================================================================
MAPA / PRZEDSTAWICIELE
========================================================================== */

.mapa-box { color:#666; border-bottom:1px solid #DDD; padding:10px 20px; }
.mapa-box:hover { background-color:#f5f5f5; }
.mapa-box strong { color:#d27f07; font-size:16px; }
.mapa-box a { font-size:13px; }
.mapa-container, .mapa-menu { width:100%; height:600px; overflow:hidden; }
#szukaj_input {	padding: 10px;	color: #666;	min-width: 15%;	border: 1px solid #DDD;	margin: 2px; }
.mapa-reset { padding: 10px;	color: #666; background-color:#DDD;  border: 1px solid #DDD;	margin: 2px; display:inline-block; }
.mapa-reset:hover { background-color:#CCC; }

@media (max-width: 767px) { #szukaj_input {	min-width: 98%; padding:5px; } .mapa-reset { min-width: 98%; padding:5px; text-align:center; } .mapa-container, .mapa-menu { height:300px; } }


/* ==========================================================================
BLOG
========================================================================== */

.blog-container-col{  -webkit-columns: 3;  -moz-columns: 3;  columns: 3;  margin-top:15px;}
.blog-container { width:100%; margin:0 0 15px 0; height:auto; overflow:hidden; border:5px solid #f5f5f5; padding:15px; }
.blog-img img:hover { transform: scale(1.2); }
.blog-img { width:100%; overflow:hidden; height:auto; }
.blog-img-big { max-height:600px; }
.blog-img img { max-width:100%; }
.blog-title { color:#d27f07; font-size:28px; font-family: 'Roboto', sans-serif; font-weight:300;  }
.blog-content { font-size:12px; line-height:22px; }
.blog-data { font-size:14px; color:#AAA; margin-top:10px; }
.blog-data-big { font-size:16px; }
.blog-tags { font-size:13px; color:#AAA; margin-top:10px; }
.blog-tags a { color:#AAA; }
.blog-tags a:hover { color:#666; }
.blog-tags span { margin-right:10px; }
.blog-tags-big { font-size:16px; }
.blog-tags-big a { margin-left:5px; }
h1.blog-h1 {	margin: 5px 0 20px 0;	padding: 0;	font-weight: 200;	font-size: 50px; }
.blog-gallery-horizontal {	width: 48%;	height: 500px;	object-fit: cover;	margin: 0.5%;}
.blog-gallery-vertical {	width: 48%;	height: 800px;	object-fit: cover;	margin: 0.5%;}

@media (max-width: 1200px) { .blog-gallery-vertical { height: 600px; } .blog-gallery-horizontal { height: 300px; } .blog-title { font-size:22px; } .blog-content {	line-height: 20px;} }
@media (max-width: 992px)  { .blog-gallery-vertical { height: 400px; } .blog-gallery-horizontal { height: 220px; } .blog-title { font-size:22px; } .blog-content {	line-height: 20px;} .blog-container-col{  -webkit-columns: 2;  -moz-columns: 2;  columns: 2; } }
@media (max-width: 500px)  { .blog-gallery-vertical { height: 300px; } .blog-gallery-horizontal { height: 150px; } h1.blog-h1 {	margin: 5px 0 10px 0;	font-size: 30px; }.blog-data-big { font-size:14px; } .blog-tags-big { font-size:14px; } .blog-title { font-size:22px; } .blog-content {	line-height: 20px;} .blog-container-col{  -webkit-columns: 1;  -moz-columns: 1;  columns: 1; } .blog-img { height: 150px; } }

/* ==========================================================================
TRANSITIONS
========================================================================== */

	.navbar-mini .navbar-brand,
	.navbar-mini .navbar-brand  img,
	.navbar-mini .navbar-nav > li > a,
	.navbar-max .navbar-brand,
	.navbar-max .navbar-brand  img,
	.navbar-max .navbar-nav > li > a,
	.navbar-mini,
	.navbar-max,
	.ah,
	.ah:hover,
	.navbar-mini #szukaj-top,
	.navbar-max #szukaj-top,
	.szukaj-top-close,
	.foto_galeria img,
	.foto_galeria img:hover,
	.oferta_home_box:hover,
	.oferta_home_box,
	.oferty_slider,
	.oferty_slider:hover,
	.blog-img img,
	.blog-img img:hover,
	.blog-container a,
	.blog-container a:hover,
	.main-navigation,
	#owl-slider .owl-nav [class*="owl-"],
	#owl-slider .owl-nav [class*="owl-"]:hover 
	{	
		transition: all 0.4s;
		-moz-transition: all 0.4s;
		-webkit-transition: all 0.4s;
		-o-transition: all 0.4s;
	}
	

/* ==========================================================================
PHONE
========================================================================== */ 
   
@media (max-width: 1400px) {
	.contact-bg .h1 {	font-size: 26px; }
	.contact-bg .form-control {	margin: 5px 0;	height: 30px;	padding: 20px; }
	.contact-btn {	font-size: 14px;	height: 38px; }
	.home-container h1 {	font-size: 40px; }
	.home-container h2 {	font-size: 22px;}
	.home-container h3 {	font-size: 24px;}
}	
	
@media (max-width: 1200px) {
	.main-navigation ul li a {	padding: 12px 15px;	font-size: 16px;}
	.home-container h1 {	font-size: 36px; }
	.home-container h2 {	font-size: 18px;}
	.home-container h3 {	font-size: 20px;}
	.home-container p {	font-size: 16px;}
	.produktyItem img {	max-height: 250px; }
	.produktyItem span {	font-size: 16px; }
}	
	
@media (max-width: 992px) {
body {font-size:12px;}
main { margin-top:60px; margin-bottom:20px; }
.margin-section {	padding-top: 25px;	padding-bottom: 25px; }
.carousel_top { margin-top:51px; }
.foot_mobile { text-align:center !important; }
.foot_mobile img { max-width:100%; }
footer { font-size:12px; padding:5px 0; }
h1, .h1 { font-size:24px; }
h2, .h2 { font-size:20px; }
.flex-direction-nav { display:none; }
.news_ng1 { font-size:21px; }
.news_ng2 { font-size:18px; }
#fb_box { display:none; }
#cookies-message {	padding: 10px;	bottom: 0;	left: 0;	width: 100%;}
.container-ps-ng {	margin: 0px auto 20px auto;	padding: 10px 0; }
.formularz_btn { display:none; }
.home-container h1 {	font-size: 24px; }
.home-container h2 {	font-size: 16px;}
.home-container h3 {	font-size: 18px;}
.home-container p {	font-size: 12px;}
.home-foto { display:none; }
span.info {	font-size: 18px;	padding: 2vh;	font-weight: 500;	margin: 5vh auto;}
.produktyItem {	width: 47%;}
}