/* ==========================================================================
Font
========================================================================== */ 
@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&subset=latin-ext');

/* ==========================================================================
USER STYLE
========================================================================== */ 	
@media (min-width:  1200px) { .container {	max-width: 1600px; }}
html, body{height:100%; color:#4e4e4e;}
.body-none-scroll { overflow:hidden; }
a:link, .navbar-toggler { outline:none; }
a { color:#eb682e; }
.ah:hover { opacity:0.6; cursor:pointer; }
a:hover, a:focus { text-decoration:none; }
main { margin-top: 225px; margin-bottom:50px; }
main .container.invisible { display: none; }
.main-bottom-none { margin-bottom:0; }
#carousel_top { margin-top:81px; }
.carousel-control.right, .carousel-control.left { background-image:none; }
.carousel-caption { padding-bottom:50px; font-size:30px; display:none; }
.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;}
.margin-section {padding-top:50px; padding-bottom:50px;}
footer { padding:5px 0; background-color:#eb682e; font-family: 'Poppins', sans-serif; font-weight:300; text-transform: uppercase; color:#FFF; font-size:12px;}
footer a { color:#FFF;}
h1, .h1, h2, .h2, h3, .h3 { color:#eb682e; }
#go_up { background-color:#eb682e; border-radius:5px; position:fixed; right:20px; bottom:20px; padding:10px; opacity:0.9; cursor:pointer; display:none; }
.news_ng1 { font-size:26px; line-height:1.5; font-weight:500; display:block; font-family: 'Poppins', sans-serif; color:#777777;}
.news_ng2 { font-size:20px; line-height:1.5; font-weight:300; display:block; color:#eb682e; font-family: 'Poppins', sans-serif;}
.nav-tabs > li > a { border-radius:0; font-family: 'Poppins', sans-serif; font-size:16px; }
#ikona_01, #ikona_02, #ikona_03, #ikona_04 { fill: #eb682e; }
pre {	font-family: Verdana;	margin: 0;	padding: 0;	background-color: transparent;	font-size: 14px;	border: none;	color: #4e4e4e;}
.select a { color:#000 !important; opacity:0.5; }
.btn-primary {  background-color: #eb682e; }
.btn-primary:hover {  background-color: #eb682e; 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: #eb682e;   border:0;  color: #fff; }
.logotypy_box { margin:20px 0 40px 0; padding:0; }
.logotypy_box li { display:inline-block; margin:0 3px; }
.color-bg { background-color:#eee; }
.body_icon { text-align:center; font-size:25px; }
#owl-slider {	max-width: 1600px;	margin: auto; }
.owl-theme .owl-nav.disabled + .owl-dots {	display: block;	width: 100%;	text-align: center;	margin-top: -30px;	position: absolute;	z-index: 999;}
.owl-theme .owl-dots .owl-dot span {	width: 10px;	height: 10px;}
.img-mobile {	max-width: 90%;	margin: 0 5%; }
.home-txt { margin: 30px 0; color:#666; font-size:18px; font-family: 'Poppins', sans-serif; font-weight:300; }
.home-txt h1 { 	font-size: 40px; font-weight: 300; color: #000;}
.home-txt h2 { 	font-size: 22px;  color: #FFF; background-color:#eb682e; padding:5px 20px; display: inline-block; }
.container-stopka { padding-top: 50px; border-top: 1px solid #ccc; margin: 50px auto; font-size:18px; font-family: 'Poppins', sans-serif; font-weight:300;  }

/* ==========================================================================
OFERTA NG
========================================================================== */ 

.container-oferta { background-color:#4e4e4e; padding:20px 0; margin-bottom:20px; }
.container-oferta h1 { color:#FFF; text-transform: uppercase; font-weight:300; }

/* ==========================================================================
HOME INFOBOX
========================================================================== */ 

.wiersz_color {	background-attachment: fixed;	background-color: transparent;	background-image: url("../img/home-box-bg.jpg");	background-position: center bottom;	color: #fff;	padding: 10px 0 30px 0;}
.home-infobox { margin:80px 20px; padding: 80px 60px; text-align: left; background-color:rgba(255,255,255,0.8); font-family: 'Poppins', sans-serif; font-weight:300; font-size:36px; color:#444; display:inline-block;  }
.home-infobox span {	font-size: 26px;	display: block;	color: #eb682e;}
@media (max-width:  1200px) { .home-infobox {	margin: 20px 20px;	padding: 50px 50px;	text-align: center;	width: 100%;} }
@media (max-width:  996px) { .home-infobox {	margin: 20px;	padding: 20px;	font-size: 26px;} .home-infobox span {	font-size: 22px;} }
@media (max-width:  768px) { .home-infobox {width: 92%; padding:2%; margin:2%; font-size:22px;} .home-infobox span {	font-size: 18px;} }

/* ==========================================================================
IKONY
========================================================================== */ 

#ikony-container { background-color:#f3f3f3; text-align:center; margin:10px 0; padding: 1px 0; }
#ikony-container .ikony-btn { width:20%; margin: -1px 0 0 -6px; display:inline-block; background-color:#f3f3f3; padding:70px 0; border:1px solid #dfdfdf; text-align: center; }
#ikony-container .ikony-btn img { display:block; margin:auto; }
#ikony-container .ikony-btn span { display:block; color:#5f5f60; font-family: 'Poppins', sans-serif; font-size:13px; font-weight: 300; text-transform: uppercase; margin:10px auto 0 auto; }
#ikony-container .ikony-btn:hover { background-color:#eb682e; }
#ikony-container .ikony-btn:hover span { color:#FFF; }
#ikony-container .ikony-btn:hover img {   -webkit-filter: brightness(500%);   filter: brightness(500%);  }
#ikony-container .ic-m .ikony-btn {	width: 10%;	padding: 22px 0;	min-height: 130px;	vertical-align: middle;}
#ikony-container .ic-m .ikony-btn span {	font-size: 10px; }
#ikony-container .ic-m .ikony-btn img {	width: 40px;}

@media (max-width:  1200px) { #ikony-container .ikony-btn {	width: 33%;} #ikony-container .ic-m .ikony-btn {	width: 20% } }
@media (max-width:  768px) { #ikony-container .ikony-btn {	width: 50%;} }
@media (max-width:  500px) { #ikony-container .ikony-btn {	padding: 40px 0; } #ikony-container .ikony-btn span {	font-size: 10px;	margin: 5px auto 0 auto; } #ikony-container .ikony-btn img { width: 40px; } #ikony-container .ic-m .ikony-btn {	display:none; }}
@media (max-width:  350px) { #ikony-container .ikony-btn {	width: 100%;} #ikony-container .ikony-btn {	padding: 30px 0; }}


/* ==========================================================================
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: 1px;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;	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; } }

/* ==========================================================================
BREADCRUMB
========================================================================== */ 

.breadcrumb {	background-color: transparent;	border-radius: 0px;	border-bottom: 1px solid #eee; width:100%;}

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

.contact-bg { background-attachment: fixed;  background-color: transparent;  background-image: url("../img/kontakt_bg.jpg");  background-position: center top;  background-size: cover;  color: #fff; }
.contact-bg pre { color: #fff; }
.contact-bg .kontakt_div { border:0;}
.contact-bg #ikona_01, .contact-bg #ikona_02, .contact-bg #ikona_03, .contact-bg #ikona_04 { fill: #FFF; }
.kontakt_div { min-height: 210px;  border: 1px solid #ccc; text-align:center; padding:25px 0; margin:10px 0}
.form-control-div { width:49%; display:inline-block; vertical-align: top; }
.form-control { border: 1px solid #ccc; margin:2px 0; border-radius:0; background-color:rgba(255,255,255,0.8); color:#999; height:40px; }
.btn { cursor:pointer; }
textarea.form-control { height:172px; }

@media (max-width:  768px) { .form-control-div { width:100%; } .kontakt_div {  padding:15px 0; margin:5px 0} }

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

    #cookies-message
	{
	-webkit-border-radius: 25px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 25px;
	-moz-border-radius-bottomleft: 0;
	border-radius: 25px;
	border-bottom-left-radius: 0;
	padding: 25px 0px;
	font-size: 10px;
	line-height: 15px;
	text-align: center;
	position: fixed;
	bottom: 20px;
	left:20px;
	background-color: #eb682e;
	width: 300px;
	z-index: 999;
	color:#FFF;
	}		
	
	#accept-cookies-checkbox
	{
	background-color: #000; 
	padding:10px; 
	color: #FFF; 
	display: inline-block; 
	margin-left: 10px; 
	text-decoration: none; 
	cursor: pointer;
	}
	
/* ==========================================================================
SLIDER OWL
========================================================================== */ 

.owl-slider-item { position: relative; }
.owl-slider-item .owl-slider-caption {	display: block;	position: absolute;width:100%;	bottom: 50px;	color: #FFF;	font-size: 30px; text-align:center; }

@media (max-width: 992px) {	.owl-slider-item .owl-slider-caption { display:none; } }
	
/* ==========================================================================
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;
	}	
	



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

	
	.foto_galeria {
		border: 1px solid #ccc;
		height: 300px;
		overflow: hidden;
		position: relative;
		width: 300px;
		display: inline-block;
		padding: 15px;
		margin: 5px;
	}
	
	.foto_galeria span
	{
	background-color: #eb682e;
	bottom: 15px;
	color: #fff;
	display: block;
	margin-top: -20px;
	position: absolute;
	text-align: center;
	padding: 2px 20px;
	}
	
	.foto_galeria img
	{
	 opacity:1;
	 height:100%;
	 width:100%;
	 object-fit: scale-down;
	}
	
	.foto_galeria img:hover
	{
	 opacity:0.6;
	}
		
	@media (max-width: 1200px) { .foto_galeria span {	padding: 0px 15px;	font-size: 14px; } .foto_galeria {	width: 250px;	height: 250px;} }
	@media (max-width:  992px) { .foto_galeria span {	padding: 0px 15px;	font-size: 14px;	bottom: 10px;} .foto_galeria {	width: 200px;	height: 200px;	padding: 10px;} }
	@media (max-width:  768px) { .foto_galeria {	width: 30%;	height: 200px;	padding: 10px;} }
	@media (max-width:  500px) { .foto_galeria {	width: 45%;	height: 200px;	padding: 10px;} }
	@media (max-width:  400px) { .foto_galeria span {	bottom: 10px;} .foto_galeria {	width: 47%;	height: 160px;	padding: 2%;	margin: 1%;} }

/* ==========================================================================
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: 99;
	background-color: #eb682e;	
	padding:5px 0;
	font-family: 'Poppins', sans-serif;
	font-size: 25px;
	}
			

/* ==========================================================================
MENU LEFT
========================================================================== */ 

.menu_left ul { padding:0; margin:0; list-style-type:none;}
.menu_left li { padding:0px; margin:0 0 1px 0; color:#FFF; font-family: 'Poppins', sans-serif; font-size:18px; background-color:#eb682e;}
.menu_left li li { background-color:#009ee0; padding:0px 0px 0px 15px;}
.menu_left li li a, .menu_left li li span { color:#FFF}
.menu_left li a, .menu_left li span { color:#FFF; padding:5px 0 5px 15px; display:block; }
.menu_left li a:hover { color:#b2e6fa; }
.poziom_0 ul { display:block; position: absolute; left: 100%; background-color:#FFF; min-width: 200px; z-index: 2; top:0; display:none; }
.poziom_0 { display:block; position: relative; }

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

.navbar-max .nav-column-1 { display:inline-block; width:100%; text-align: center; vertical-align: middle;}  
.navbar-max .nav-column-2 { display:inline-block; width:100%; text-align: center; vertical-align: middle; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding: 10px 0; }
.navbar-mini .nav-column-1 { display:inline-block; width:100%; text-align: center; vertical-align: middle;}  
.navbar-mini .nav-column-2 { display:inline-block; width:100%; text-align: center; vertical-align: middle; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding: 2px 0; }
.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%; padding: 0 0; }
.navbar-max .navbar-brand  img { width:100%; padding: 50px 0; }
.navbar-max .nav-contact {	display: block;	position: fixed;	right: 50px;	top: 70px;	color: #777;}
.navbar-mini .nav-contact {	display: block;	position: fixed;	right: 50px;	top: 10px;	color: #777;}
.bg-light {	background-color: #fff !important; 	-ms-flex-flow: wrap;	flex-flow: wrap; }
.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; }
.main-navigation ul li a {  display: block;  padding: 5px 30px; text-transform: uppercase;   text-decoration: none;  white-space: nowrap;  color: #6f6f6f; font-size: 16px; text-align: left; font-family: 'Poppins', sans-serif; font-weight:300; }
.main-navigation ul li a:hover { background: #eb682e;  color:#FFF; }
.main-navigation li:hover > ul {  display: block;  position: absolute;}
.main-navigation li:hover li { float: none; }
.main-navigation li:hover a { background: #eb682e; color:#fff; }
.main-navigation li:hover li a:hover { background: #b2450b; color:#FFF; }
.main-navigation li ul li { border-top: 0; }
.main-navigation ul ul ul {  left: 100%;  top: 0;}
.main-navigation ul:before, ul:after {  content: " ";   display: table; }
.main-navigation ul:after { clear: both; }


@media (max-width:  992px) { 
.navbar-toggler {	right: 5px;	position: fixed; top: 15px; }
.main-navigation {	left: -100%;	display: block;	position: fixed;	background-color: #FFF;	width: 100%;	top: 0;	z-index: 999;	margin-right: 60px;	padding: 20px 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: 2px 0px 2px 10px;	font-size: 12px;	color: #000 !important;	white-space: inherit;}
.main-navigation ul li {	float: inherit; }
.main-navigation li ul { display: block;	font-size: 13px;}
.main-navigation li:hover li { float: block; }
.main-navigation li:hover > ul {  display: block;  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%; padding: 10px 0; }
.navbar-max  .nav-column-2 { border:none; padding:0;}
.nav-top-icon {	position: fixed;	top: 19px;	right: 70px;}
.navbar-max .nav-contact { 	display: none;}
}



/* ==========================================================================
OWL
========================================================================== */


.oferty_slider { height:350px; text-align:center; cursor:pointer;}
.oferty_slider:hover { opacity:0.5;}
.oferty_slider span {color:#FFF;}
.realizacje_all {  background-color: #eb682e;  color: #FFF;  margin:0;  padding: 2px 0; }



/* ==========================================================================
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,
	.navbar-mini .nav-contact,
	.navbar-max .nav-contact,
	.navbar-max .nav-column-1,
	.navbar-mini .nav-column-1,
	.navbar-max .nav-column-2,
	.navbar-mini .nav-column-2
	{	
		transition: all 0.4s;
		-moz-transition: all 0.4s;
		-webkit-transition: all 0.4s;
		-o-transition: all 0.4s;
	}
	
	
	.hover_div,
	.hover_div:hover,
	.ogloszenia:hover,
	.ogloszenia
	{	
		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
	}

/* ==========================================================================
PHONE
========================================================================== */ 
   
@media (max-width: 992px) {
main {	margin-top: 65px; 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:30px; }
h2, .h2 { font-size:22px; }
.flex-direction-nav { display:none; }
.news_ng1 { font-size:21px; }
.news_ng2 { font-size:18px; }
#fb_box { display:none; }
.poziom_0 ul {  display: block !important;  left: 0;  position:inherit;  width: 100%; }
#flag_box ul {	padding: 5px 0 !important;	margin: 0 !important; }
.home-txt h1 {	font-size: 22px; }
.home-txt h2 {	font-size: 14px; }
.home-txt {	margin: 0px 0;	font-size: 14px; }
.img-mobile {	display: none; }
.container-stopka {	margin: 30px auto;	font-size: 14px;}
.container-oferta h1 {	font-size: 20px; }
.container-oferta {	padding: 10px 0;	margin-bottom: 10px; }
.wiersz_color {	background-attachment: inherit;	background-size: 150%;}
}