/*
Theme Name: FABER 1
Theme URI: http: //gardenfaber.pl/
Description: Strona internetowa firmy FABER zbudowana przez EXPROMO na bazie Salient Studio 8.0
Author: EXPROMO
Author URI: http: //expromo.pl/
Template: salient
Version: 0.1
*/

/*
#full_width_portfolio {
  margin-top: -100px !important;
}
*/
.trueJustify .nectar-fancy-ul,
.trueJustify .nectar-fancy-ul ul,
.trueJustify .nectar-fancy-ul ul li {
  text-align: left;
  -moz-text-align-last: left;
  text-align-last: left;
}
.green,
.green p,
.green span,
.green div {
  color: #254c31 !important;
}

#top .span_9 >.slide-out-widget-area-toggle {
  margin-right: 30px;
}

.single-produkty .wpb_wrapper p.prod-desc{
  color: #fff !important;
}
/*******************************
  Oznaczenie indoor / outdoor
*******************************/
.indoor > .vc_column-inner > .wpb_wrapper:before {
  content: '';
  display: block;
  position: absolute;
  left: 12px;
  top: 10px;
  width: 24px;
  height: 24px;
  background-image: url(https://www.gardenfaber.pl/wp-content/uploads/2021/01/indoor.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.outdoor > .vc_column-inner > .wpb_wrapper:before {
  content: '';
  display: block;
  position: absolute;
  left: 12px;
  top: 10px;
  width: 24px;
  height: 24px;
  background-image: url(https://www.gardenfaber.pl/wp-content/uploads/2021/01/outdoor.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.indoor.outdoor > .vc_column-inner > .wpb_wrapper:before {
  content: '';
  display: block;
  position: absolute;
  left: 12px;
  top: 10px;
  width: 52px;
  height: 24px;
  background-image: url(https://www.gardenfaber.pl/wp-content/uploads/2021/01/indoor-outdoor.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1000px) {
    .indoor > .vc_column-inner > .wpb_wrapper:before,
    .outdoor > .vc_column-inner > .wpb_wrapper:before,
    .indoor.outdoor > .vc_column-inner > .wpb_wrapper:before {
      left: 25%;
      top: 5%;
    }
}
/*******************************
  Popup
********************************/
.global_modal_container .cp-affilate-link {
  display: none !important;
}
/***********************************
    Main section icons
***********************************/
/*
.mainSectionIcons .img-with-aniamtion-wrap
*/
/*******************************
	Off canvas fix
********************************/
.single-produkty #header-outer.transparent:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a i.lines, .single-produkty #header-outer.transparent:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a i.lines:before, .single-produkty #header-outer.transparent:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a i.lines:after, .single-produkty #header-outer.transparent:not(.directional-nav-effect) .slide-out-widget-area-toggle a .close-line, .single-produkty #header-outer.transparent:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after, .single-produkty #header-outer.transparent.directional-nav-effect > header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, .single-produkty #header-outer.transparent.directional-nav-effect > header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, .single-produkty #header-outer.transparent.directional-nav-effect > header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before, .single-produkty #header-outer.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a i.lines, .single-produkty #header-outer.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a i.lines:before, .single-produkty #header-outer.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a i.lines:after, .single-produkty #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, .single-produkty #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, .single-produkty #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before {
   background-color: rgb(72, 72, 74) !important;
}


/***
* HEADER
***/
.subviewopen > a, .subview > a {
	display: none !important;
}
li.back {
	border-bottom: none !important;
}
.menuParent a {
   border-bottom: 1px rgba(255,255,255,0.2) solid;
   width: 30%;
   margin-bottom: 10px !important;
   border-top: 1px rgba(255,255,255,0.2) solid;
   padding: 14px 0 !important;
}

@media screen and (max-width: 1000px) {
    .menuParent a {
      width: 100%;
    }
    div#header-outer header#top a#logo img.stnd.default-logo {
      opacity: 1!important;
    }
    html body div#header-outer header#top a#logo img.stnd.starting-logo,
    html body #header-outer[data-permanent-transparent="1"][data-transparent-header="true"].transparent:not(.dark-slide) #logo .starting-logo {
      opacity: 0!important;
      
    }
    header#top #logo img.starting-logo {
      display: none !important;
    }
    div#header-outer header#top div.container {
        padding: 0 !important;

    }
    div#header-outer header#top div.container div.row div.col.span_3 {
        text-align: center;
        background: #fff;
        padding-bottom: 10px;
    }
    div#header-outer header#top div.container  div.row div.col.span_3 #logo {
        height: 60px;
    }
    div#header-outer header#top div.container div.right-aligned-menu-items {
        display: block !important;
    }
    #header-outer #top #logo img {
      top: 15px !important;
    }
        div#header-outer header#top div.container div.right-aligned-menu-items nav {
            display: block !important;
            background: transparent;
             position: absolute;
                top: 0;
                right: 20px;

        }
            div#header-outer header#top div.container div.right-aligned-menu-items nav ul {
                
               
            }

            div#header-outer > header#top div.container nav ul .slide-out-widget-area-toggle a .lines-button i.lines,
            div#header-outer > header#top div.container nav ul .slide-out-widget-area-toggle a .lines-button i.lines:before,
            div#header-outer > header#top div.container nav ul .slide-out-widget-area-toggle a .lines-button i.lines:after {
                background: #464648 !important;
            }

}
/* dopisek do hamburder menu */
/* #header-outer .right-aligned-menu-items:after { */
/*
#header-outer .right-aligned-menu-items a:after {
   content: 'MENU';
    color: inherit;
    position: relative;
    display: block;
    z-index: 9999999999999;
    font-size: 20px;
    bottom: 0;
    opacity: 1;
    width: 100%;
    text-align: center;
}
*/
@media only screen and (min-width: 1000px) {
   div#langSwitch {
      z-index: 99999!important;
   }
}
@media only screen and (max-width: 1000px) {
   html body #header-outer {
      opacity: 1 !important;
      padding-top: 0 !important;
   }
    html body #header-outer .right-aligned-menu-items .buttons .slide-out-widget-area-toggle a {
      border: none !important;
    }
   .menuLabel {
      color: rgb(70, 70, 72) !important;
      opacity: 1 !important;
      bottom: -4px !important;
      font-size: 12px !important;
      right: 22px !important;
   }
   html body #header-outer header#top nav {
    z-index: initial !important; 
   }
  
   body.page-id-191 div#ajax-content-wrap > div.blurred-wrap > div.container-wrap > div.container.main-content {
       max-width: 100% !important;
   }
   div#langSwitch {
       display: block;
       z-index: 99999 !important;
       padding-top:7px;
       left: 0;

       position: absolute;
   }
  div#langSwitch img {
      float: left;
      clear: both;
      height: 20px !important;
      width: auto !important;
      margin-left: 20px !important;
      margin-bottom: 10px !important;
      margin-top: 3px;
      box-shadow: 0px 0px 2px #00000052;
  }
   #slide-out-widget-area .off-canvas-menu-container {
      margin-top: 30px !important;
   }
}

@media only screen and (min-width: 1001px) {
   html body #header-outer[data-transparent-header="true"].transparent {
      background-color: rgba(37, 37, 37, 0.18) !important;
   }
}

.menuLabel {
	bottom: 0;
    right: -4px;
    width: 48px;
    position: absolute;
    visibility: visible !important;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    cursor: default;
    height: 20px;
    font-weight: bold;
}
#header-outer.transparent .menuLabel {
   color: #fff;
   opacity: 0.75;
   bottom: 5px;
}
/*
#header-outer.transparent .menuLabel:hover {
   opacity: 1;
}
*/
/*
.menuLabel {
	top:0;
   right: 0;
	position:absolute;
	visibility: visible !important;
	
	width: 100%;
	text-align: center;
}
*/
/***
* GUZIKI NA PIERWSZEJ STRONIE
***/
.frontPageButtons {
    border-top: 20px #fff solid;
    border-bottom: 20px #fff solid;
    position: absolute;
    z-index: 999999999999999999;
    top: calc(50vh - 129px);
    margin-top: 0 !important;
}
    .frontPageButtons div.nectar-fancy-box {
        padding-top: 2% !important;
        padding-bottom: 2% !important;
    }


.frontPageButtons .vc_col-sm-6.instance-1 {
    border-right: 10px #fff solid;
}
.frontPageButtons .vc_col-sm-6.instance-2 {
    border-left: 10px #fff solid;
}

@media screen and (max-width: 1000px) {
    .frontPageButtons {
        width: 100% !important;
        margin-left: 0 !important;
        max-width: none !important;
    }
    body.home .container {
        max-width: 100% !important;
    }
    .frontPageButtons .vc_col-sm-6.instance-1 {
        border-right: none;
        border-bottom: 20px #fff solid;

    }
    .frontPageButtons .vc_col-sm-6.instance-2 {
        border: none;
    }
    .frontPageButtons .nectar-fancy-box .inner {
        padding-bottom: 5%
    }
}

/***
* GUZIKI NA PIERWSZEJ STRONIE
***/
.interNorga {
    position: absolute;
    z-index: 999999999999999999;
    top: -35vh;
    display: inline-block !important;
    left: 50%;
    margin-left: -218px;
}
    .interNorga div.nectar-fancy-box {
        padding-top: 2% !important;
        padding-bottom: 2% !important;
    }
	
	.interNorga img {
        width: 170px !important;
    }

@media screen and (max-width: 1000px) {
	
	.frontPageButtons {
    top: 60vh;
}

    .interNorga {
		
		top: -42vh;
        margin-left: -218px;
        margin-top: 35px
    }
    .interNorga img {
        width: 140px !important;
    }
}

@media screen and (max-width: 450px) {
    .interNorga {
        margin-left: -177px;
        margin-top: 35px
    }
    .interNorga img {
        width: 140px !important;
    }

    .interNorga p {
        font-size: 13px;
        line-height: 1.4em;
    }
}


/***
* UKRYWANIE NORMALNEGO MENU
***/
/*
div#header-outer header#top div.col.span_9.col_last { display: none !important; }
*/
/***
* FOOTER
***/
/*
https://gardenfaber.pl/wp-content/uploads/2017/08/emailv2.png

https://gardenfaber.pl/wp-content/uploads/2017/08/telefon.png
*/

@media screen and (max-width: 1200px) {
  html body div#footer-outer div.contactData a:before {
    width: 16px;
    height: 16px;
  }
}

#footer-outer .nectar-button span {
  color: #fff !important;
}
#footer-outer #footer-widgets .row {
  padding: 15px 0;
}
#footer-outer #footer-widgets .widget_text_icl {
  margin-bottom: 0 !important;
}
#footer-outer > .templatera_shortcode {
  margin-top: 15px;
}
div#footer-outer div.contactData {
  line-height: 1.6em;
}
div#footer-outer div.contactData.companyHome:before {
  display: none !important;
}
div#footer-outer div.contactData.companyHome h5 {
  padding-left: 0 !important;
}
#footer-outer .templatera_shortcode > p {
  padding: 0 !important;
}

div#footer-outer div.contactData p {
  color: #838383 !important;
}
#footer-outer #copyright .span_7 {
  text-align: right;
}
div#footer-outer {
  border-top: 10px solid #254c31;
  background-color: #fff !important;
}
html body #footer-outer a {
  color: #838383;
}
.ascend #footer-outer #copyright {
  background-color: #254c31 !important;
  color: #fff !important;
  padding: 10px 0 !important;
}

div#footer-outer .wpb_row {
  margin-bottom: 0 !important;
}
div#footer-outer div.contactData.wpb_text_column {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 690px) {
  #footer-outer #copyright .span_7 {
    text-align: left;
  }
}
/* FOOTER OUTER OGÓLNIE */

@media screen and (max-width: 1350px) {
	#footer-outer {
		font-size: 12px;
	}
}
@media screen and (max-width: 1200px) {
	#footer-outer {
		font-size: 11px;
	}
}
/* KOLUMNY */
div#footer-outer div.container div.row {
    display: flex;
}
    div#footer-outer div.container div.row div.col.span_3 {
        border-right: 1px rgba(255,255,255,0.1) solid;
    }
    div#footer-outer div.container div.row div.col.span_3:last-child {
        border-right: none;
    }
@media screen and (max-width: 1000px) {
	div#footer-outer div.container div.row {
		display: block;
	}
		div#footer-outer div.container div.row div.col.span_3 {
			border-right: 1px rgba(255,255,255,0.1) solid;
		}
		div#footer-outer div.container div.row div.col.span_3:nth-child(2) {
			border-right: none;
		}
		div#footer-outer div.container div.row div.col.span_3 div.col.span_12,
		div#footer-outer div.container div.row div.col.span_3 div.col.span_12 div.vc_col-sm-12.wpb_column {
			width: 100%;
		}
}
@media screen and (max-width: 690px) {
	body .container, body div.slider-nav, #post-area.standard-minimal.full-width-content article.post .inner-wrap {
		max-width: 80% !important;
	}
	div#footer-outer div.container div.row {
		display: block;
	}
		div#footer-outer div.container div.row div.col.span_3 {
			border: none !important;
			width: 100% !important;
		}

		div#footer-outer div.container div.row div.col.span_3 div.col.span_12,
		div#footer-outer div.container div.row div.col.span_3 div.col.span_12 div.vc_col-sm-12.wpb_column {
			width: 100%;
		}
}


/* NAGŁOWKI DUZE */
div#footer-outer h4.vc_custom_heading {
    text-align: left !important;
    width: 90%;
}
@media screen and (max-width: 1500px) {
	div#footer-outer h4.vc_custom_heading {
		font-size: 20px !important;
		line-height: 26px !important;
		margin-bottom: 0 !important;
	}
}
@media screen and (max-width: 1200px) {
	div#footer-outer h4.vc_custom_heading {
		font-size: 18px !important;
		line-height: 22px !important;
		margin-bottom: 0 !important;
	}
}
/* TELEFONY DUZE */
div#footer-outer div.vc_custom_heading.phoneLink {
    text-align: left !important;
    width: 90%;
}
    div#footer-outer div.vc_custom_heading.phoneLink a {


    }
@media screen and (max-width: 1500px) {
    div#footer-outer div.vc_custom_heading.phoneLink a {
		font-size: 20px;
		line-height: 24px;
    }
}
@media screen and (max-width: 1200px) {
    div#footer-outer div.vc_custom_heading.phoneLink a {
		font-size: 16px;
		line-height: 20px;
    }
}
/* BOXY Z OSOBAMI */


div#footer-outer div.contactData {
    padding: 20px;
    background: #f2f2f2;
    /* border: 1px #383838 solid !important; */
    border-radius: 4px;
    margin-bottom: 20px !important;
    width: 90%;
    text-align:left;
    float: left;
    clear: left;
    position: relative;

}
/*
@media screen and (max-width: 1000px) {
	div#footer-outer div.contactData {
		width: 80% !important;
	}
}
@media screen and (max-width: 690px) {
	div#footer-outer div.contactData {
		width: 100% !important;
	}
}
*/
@media screen and (min-width: 690px) and (max-width: 1000px) {
  #footer-widgets .container .col {
    width: 100%;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
  }
  div#footer-outer div.contactData {
    width: 100% !important;
  }
}
div#footer-outer div.contactData:before {
    content: '';
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    top: 25px;
    left: 20px;
    background-image: url('https://gardenfaber.pl/wp-content/uploads/2017/08/profil.png');
    background-position: center center;
    background-size: contain;
    
}

    div#footer-outer div.contactData h5,
    div#footer-outer div.contactData h6 {
        padding-left: 45px !important;
    }
    div#footer-outer div.contactData.noSubtitle h5 {
        padding-top: 14px;
        padding-bottom: 14px;

    }
    div#footer-outer div.contactData h5 {
        text-transform: uppercase;
        color: #254c31 ;
        margin-bottom: 0;
        padding-bottom: 0;
        line-height: 20px;
    }

    div#footer-outer div.contactData h6 {
        background: transparent;
        color: #fff;
        text-transform: lowercase;
        font-weight: normal;;
        font-size: 12px;
        line-height: 20px;
        display: inline-block;
        padding: 0;
        border-radius: 3px;

    }
    @media screen and (max-width: 1350px) {
    	div#footer-outer div.contactData {
			padding: 10px;
		}
		div#footer-outer div.contactData:before {
			top: 15px;
			left: 10px;
		}
    	div#footer-outer div.contactData h5 {
    		font-size: 14px !important;
    	}
    	div#footer-outer div.contactData h6 {
    	}
		
	}
    @media screen and (max-width: 1200px) {
    	div#footer-outer div.contactData {
			padding: 10px;
		}
		div#footer-outer div.contactData:before {
			top: 15px;
			left: 10px;
			display: none;
		}
    	div#footer-outer div.contactData h5 {
    		font-size: 14px !important;
    		padding: 0 !important;
    	}
    	div#footer-outer div.contactData h6 {
    		padding: 0 !important;
    	}
    	div#footer-outer div.contactData.noSubtitle h5 {
			padding-bottom: 5px !important;
		}
		
	}
    div#footer-outer div.contactData a {
        padding-left: 30px;
        position: relative;
    }
        div#footer-outer div.contactData a:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            width: 20px;
            height: 20px;
            background-repeat: no-repeat;
        }
        div#footer-outer div.contactData a:nth-child(1):before {
            background-image: url('https://gardenfaber.pl/wp-content/uploads/2017/08/emailv3.png');
            background-position: center center;
            background-size: contain;
        }
        div#footer-outer div.contactData a:nth-child(3):before {
            background-image: url('https://gardenfaber.pl/wp-content/uploads/2017/08/telefon.png');
            background-position: center center;
            background-size: contain;
        }
    div#footer-outer div.contactData em {
        color: #838383;

    }
    div#footer-outer .divider-wrap {
        opacity: 0.3 !important;

    }
/* IKONKI W FOOTERZE GENEROWANE PRZEZ SALIENTA */
/* div.footerIcons */
div#footer-outer div.footerIcons {
}
	/* div.iwithtext */
	div#footer-outer div.footerIcons div.iwithtext {
	    margin-bottom: 10px;
	}
		/* div.iwt-icon */
		div#footer-outer div.footerIcons div.iwithtext div.iwt-icon {
		}
			/* i.icon-default-style  */
			div#footer-outer div.footerIcons div.iwithtext div.iwt-icon i.icon-default-style {
			    line-height: 20px;

				    margin-top: -10px !important;
			}
				/* i.icon-default-style:before */
				div#footer-outer div.footerIcons div.iwithtext div.iwt-icon i.icon-default-style:before {
				    color: #545454;
				    font-size: 20px;
				    line-height: 20px;
				}
		/* div.iwt-text */
		div#footer-outer div.footerIcons div.iwithtext div.iwt-text {
		    padding-left: 30px;

		}
			/* p */
			div#footer-outer div.footerIcons div.iwithtext div.iwt-text p {

			}
			/* a */
			div#footer-outer div.footerIcons div.iwithtext div.iwt-text a {

			}
/***
* MEBLE HOTELOWE
***/
@media screen and (min-width:690px) and (max-width: 1001px) {
  .twoIcons .vc_col-sm-3 {
    left: 26%;  
  }
}
.selectionBoxes {
    border: 1px rgba(0,0,0,0.5) solid;
    background: rgba(0,0,0,0.2);
    min-height: 210px;
    border-radius: 5px;
}
.selectionBoxes:hover {
    background: rgba(0,0,0,0.5);
}


.selectionBoxes.col.centered-text div.img-with-aniamtion-wrap.center {
    

}
    .selectionBoxes.col.centered-text div.img-with-aniamtion-wrap.center div.inner {

        height: 120px;
        flex-flow: row nowrap;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

    }
        .selectionBoxes.col.centered-text div.img-with-aniamtion-wrap.center div.inner img {
            max-width: 70px !important;
            margin-bottom: 0 !important;
            
        }
		.lozka-hotelowe .selectionBoxes.col.centered-text div.img-with-aniamtion-wrap.center div.inner img {
			max-width: 110px;
		}
.selectionBoxes div.wpb_text_column div.wpb_wrapper h5 {
    font-size: 20px;
    line-height: 30px;

}

/***
* MEBLE RESTAURACYJNE
***/
html body .vc_row-fluid > .span_12 > .wpb_column:not([class*="offset-"]).selectionBoxes.vc_col-sm-1\/5 {
  width:18% ;
  margin-left: 1%;
  margin-right: 1%;
}
.selectionBoxes .wpb_text_column {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1000px) {
  html body .vc_row-fluid > .span_12 > .wpb_column:not([class*="offset-"]).selectionBoxes.vc_col-sm-1\/5 {
    width:90% ;
    margin-left: 5%;
    margin-right: 5%;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1320px) {
  .selectionBoxes div.wpb_text_column div.wpb_wrapper h5 {
    font-size: 16px;
    line-height: 24px;
  }
}
.selectionBoxes .img-with-aniamtion-wrap .inner .hover-wrap {
  width: 100%;
}

.selectionBoxesWhite {
    border: 1px rgba(255, 255, 255, 0.6) solid;
    background: rgba(255, 255, 255, 0.5);
    min-height: 210px;
    border-radius: 5px;
}

.selectionBoxesWhite:hover {
    background: rgba(255, 255, 255, 0.8);
}

.whiteStripes {
    background: rgb(255, 255, 255);
    padding: 20px;
    border: 1px rgb(255, 255, 255) solid;
    border-radius: 5px;
}

/***
* MENU
***/
#slide-out-widget-area .menuwrapper li.back, #slide-out-widget-area .menu.subview li.subviewopen >.sub-menu >li.back {
    border-bottom: 1px rgba(255,255,255,0.2) solid;
    width: 30%;
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
}

.ikonaDzialuWrap {
	width: 250px;
    height: 250px;
    color: #fff;
    display: block;
    top: 50%;
    margin-top: -125px;
    right: 5%;
    position: absolute;
}

.ikonaDzialuWrap {
    border: none;
    margin-top: -125px !important;
    right: 15%;
}
.ikonaDzialuWrap img {
    width: 100%;
    height: auto;
}
#slide-out-widget-area {
    background-size: cover;
    background-position: center center;
}
/*
#slide-out-widget-area:before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: absolute;
    top: 0;
    left: 0;
	padding-bottom: 150px;
}
*/
/***
* JASNE STRONY
***/
.centerGradient div.row-bg-wrap div.inner-wrap:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );


}
.dark .selectionBoxes  {
    background: rgba(255,255,255,0.5) !important;
    border: 1px #fff solid;
}
.dark .selectionBoxes:hover  {
    background: rgba(255,255,255,0.8) !important;
    border: 1px #fff solid;
}




/*** FABER KATEGORIE ***/
/* div.facetwp-template */
div.facetwp-template {
    margin-top: 10px;
    margin-bottom: -41px !important;
}
    /* div.productsWrap */
    div.facetwp-template div.productsWrap {
        display: flex;
        flex-wrap: wrap;
    }
        /* div.productTile */
        div.facetwp-template div.productsWrap div.productTile {
                width: 25%;
                display: inline-block;
                float: left;
                margin: 0;
                box-shadow: none;
                position: relative;
                transition: all 0.2s ease-out;
                top: 0;
                border-radius: 0;
                overflow: hidden;
                background: #fff;
                /*
                border-right: 1px rgba(0,0,0,0.05) solid;
                border-bottom: 1px rgba(0,0,0,0.05) solid;
                */
                padding-top: 10px;
        }
        div.facetwp-template div.productsWrap div.productTile:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: calc(100% - 20px);
            height: calc(100% - 20px);
            border: 10px rgba(255, 255, 255, 1) solid;
        }
        div.facetwp-template div.productsWrap div.productTile:hover:before {
            border: 10px rgba(0,0,0,0.02) solid;
        }
        div.facetwp-template div.productsWrap div.productTile:nth-child(4n),
        div.facetwp-template div.productsWrap div.productTile:last-child {
            border-right: 0;
        }
        div.facetwp-template div.productsWrap div.productTile:hover {
            top: 0;
            box-shadow: none;
            z-index: 999;
        }
            /* a */
            div.facetwp-template div.productsWrap div.productTile a {
                height: 300px !important;
                position: relative;
            }
                /* div.productImage */
                div.facetwp-template div.productsWrap div.productTile a div.productImage {
                    height: 300px !important;
                    display: flex;
                }
                    /* div.productImageContainer */
                    div.facetwp-template div.productsWrap div.productTile a div.productImage div.productImageContainer {
                        text-align: center;
                        width: 100%;
                        display: block;
                        min-width: 0;
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-size: contain;
                    }
                    /* img */
                    div.facetwp-template div.productsWrap div.productTile a div.productImage img {
                        display: inline-block;
                        /* padding: 50px !important; */
                        width: auto !important;
                        min-width: auto !important;
                        max-width: 100%;
                        height: auto;
                    }
                /* div.productInfo */
                /* Wrzuc im Match Height - https://github.com/liabru/jquery-match-height/blob/master/dist/jquery.matchHeight-min.js */
                div.facetwp-template div.productsWrap div.productTile a div.productInfo {
                    width: 100%;
                    text-align: center;
                    margin-top: 20px;
                    font-size: 20px;
                    text-transform: uppercase;
                    background: transparent;
                    color: #666;
                    font-size: 16px;
                    padding: 20px;
                    height: 90px;
                    margin-bottom: 20p;
                }
@media screen and (max-width: 1150px) and (min-width: 1001px) {
 div.facetwp-template div.productsWrap div.productTile {
                width: 33%;
                display: inline-block;
                float: left;
                box-shadow: none;
                position: relative;
                transition: all 0.2s ease-out;
                top: 0;
                border-radius: 0;
                overflow: hidden;
        }
        div.facetwp-template div.productsWrap div.productTile:nth-child(4n){
            border-right: 1px rgba(0,0,0,0.05) solid;
        }
        div.facetwp-template div.productsWrap div.productTile:nth-child(3n){
            border-right: none;
        }
}
@media screen and (max-width: 1000px) and (min-width: 691px) {
 div.facetwp-template div.productsWrap div.productTile {
                width: 50%;
                display: inline-block;
                float: left;
                margin: 0;
                box-shadow: none;
                position: relative;
                transition: all 0.2s ease-out;
                top: 0;
                border-radius: 0px;
                overflow: hidden;
                border-right: 1px rgba(0,0,0,0.05) solid !important;
        }
        div.facetwp-template div.productsWrap div.productTile:before {
            display: none;
        }
        div.facetwp-template div.productsWrap div.productTile:nth-child(even) {
            border-right: none !important;
        }
}
@media screen and (max-width: 690px) and (min-width: 501px) {
 div.facetwp-template div.productsWrap div.productTile {
                width: 50%;
                display: inline-block;
                float: left;
                margin: 0%;
                box-shadow: none;
                position: relative;
                transition: all 0.2s ease-out;
                top: 0;
                border-radius: 0;
                overflow: hidden;
                border-right: 1px rgba(0,0,0,0.05) solid !important;
        }
        div.facetwp-template div.productsWrap div.productTile:before {
            display: none;
        }
        div.facetwp-template div.productsWrap div.productTile:nth-child(even) {
            border-right: none !important;
        }
        div.facetwp-template div.productsWrap div.productTile:before {
            display: none;
        }
        div.facetwp-template div.productsWrap div.productTile a div.productInfo {
                    width: 100%;
                    text-align: center;
                    margin-top: 20px;
                    font-size: 16px;
                    line-height: 1.4em !important;
                    text-transform: uppercase;
                    background: #fff;
                    color: #666;
                    padding: 20px;
                    height: 80px;
                    margin-bottom: 20p;
                }
}
@media screen and (max-width: 500px) {
 div.facetwp-template div.productsWrap div.productTile {
                width: 99%;
                display: inline-block;
                float: left;
                margin: 1%;
                box-shadow: none;
                position: relative;
                transition: all 0.2s ease-out;
                top: 0;
                border-radius: 0px;
                overflow: hidden;
                border: none !important;
        }
        div.facetwp-template div.productsWrap div.productTile:before {
            display: none;
        }
        div.facetwp-template div.productsWrap div.productTile a div.productInfo {
                    width: 100%;
                    text-align: center;
                    margin-top: 20px;
                    font-size: 16px;
                    line-height: 1.4em !important;
                    text-transform: uppercase;
                    background: #fff;
                    color: #666;
                    padding: 20px;
                    height: 80px;
                    margin-bottom: 20p;
                }
}

/****************
	Kontakt
*****************/
.wpcf7-form div.kontaktEmailDo {
	display: none !important;
}
/*
.wpcf7-form div.kontaktSelect {
    margin-top: 50px;
}
*/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea,
.wpcf7 .kontaktSelect {
  margin-bottom: 25px !important;
}
.wpcf7-form div.kontaktSelect select {
	box-shadow: none !important;
    border-bottom: 1px solid #e0e0e0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    color: #acacac;
}
body.page-id-129 .wpb_wrapper .tabbed .wpb_tabs_nav {
	margin-bottom: 0 !important;
    margin-top: 40px !important;
}
.wpcf7-form .wpcf7-response-output {
   margin-top: 40px;
}

/*****************
	Portfolio filters
******************/
body .portfolio-filters-inline {
	background-color: #000 !important;
}
html body .wpb_column .wpb_wrapper .portfolio-filters-inline .container ul li a {
	color: rgb(205, 113, 90);
    border: 2px solid rgba(205, 113, 90, 0.75) !important;
    background-color: transparent;
    padding: 10px 20px !important;
    margin-left: 10px;
    margin-right: 10px;
	transition: all cubic-bezier(0.65, 0.05, 0.36, 1) 0.2s !important;
	text-transform: uppercase;
}
html body .portfolio-filters-inline .container ul li a.active,
html body .portfolio-filters-inline .container ul li a:hover {
	background-color: #254c31!important;
	border-color: #254c31!important;
	color: #fff !important;
}
/*******************
	Portfolio grid
********************/
.portfolio-items .work-item .work-info .vert-center p {
	display: none !important;
}

.portfolio-wrap .portfolio-items .work-item .vert-center .projectNumber {
  font-size: 22px;
  line-height: 22px;
  padding: 3px 15px;
  border: 1px solid #fff;
  /* background-color: rgba(0, 0, 0, 0.4); */
}
.portfolio-wrap .portfolio-items .work-item .vert-center h3 {
  margin-top: 20px;
}
/*****************
	Zakładki (np. wspólpraca)
******************/
html body .tabbed > .wpb_tabs_nav > li > a,
html body .light .tabbed > ul > li:last-child > a, 
html body .light .tabbed >ul li a {
	color: rgb(205, 113, 90);
    border: 2px solid rgba(205, 113, 90, 0.75) !important;
    background-color: transparent !important;
    padding: 10px 20px !important;
    margin: 10px;
	transition: all cubic-bezier(0.65, 0.05, 0.36, 1) 0.2s !important;
	text-transform: uppercase;
	font-size: 12px !important;
	line-height: 14px !important;
	border-radius: 4px !important;
}
html body .tabbed > .wpb_tabs_nav > li > a.active-tab,
html body .tabbed > .wpb_tabs_nav > li > a:hover,
html body .light .tabbed > ul > li:last-child > a:hover {
	background-color: #254c31!important;
	border-color: #254c31!important;
	color: #fff !important;
}
@media screen and (max-width: 692px) {
	html body .tabbed > .wpb_tabs_nav {
		text-align: center;
		margin-bottom: 20px !important;
	}
	html body .tabbed > .wpb_tabs_nav > li,
	html body .light .tabbed > ul > li:last-child, 
	html body .light .tabbed >ul li{
		float: none !important;
		text-align: center;
		display: inline-block;
	}
	
	html body .tabbed > .wpb_tabs_nav > li > a,
	html body .light .tabbed > ul > li:last-child > a, 
	html body .light .tabbed >ul li a {
		padding: 10px 4px !important;
		margin: 3px;
		font-size: 9px !important;
	}
}

@media screen and (min-width: 693px) and (max-width: 1000px) {
	html body .tabbed > .wpb_tabs_nav {
		text-align: center;
		margin-bottom: 20px !important;
	}
	html body .tabbed > .wpb_tabs_nav > li,
	html body .light .tabbed > ul > li:last-child, 
	html body .light .tabbed >ul li{
		float: none !important;
		text-align: center;
		display: inline-block;
	}
	
	html body .tabbed > .wpb_tabs_nav > li > a,
	html body .light .tabbed > ul > li:last-child > a, 
	html body .light .tabbed >ul li a {
		padding: 10px 4px !important;
		margin: 3px;
		/*font-size: 9px !important;*/
	}
}

@media screen and (min-width:1001px) and (max-width: 1300px) {
	html body .tabbed > .wpb_tabs_nav > li > a,
	html body .light .tabbed > ul > li:last-child > a, 
	html body .light .tabbed >ul li a {
		padding: 10px 4px !important;
		margin: 3px;
		font-size: 9px !important;
	}
}
@media screen and (min-width:1301px) and (max-width: 1440px) {
	html body .tabbed > .wpb_tabs_nav > li > a,
	html body .light .tabbed > ul > li:last-child > a, 
	html body .light .tabbed >ul li a {
		padding: 10px 10px !important;
		margin: 6px;
	}
}
@media screen and (min-width:1440px){
	html body .tabbed > .wpb_tabs_nav > li > a,
	html body .light .tabbed > ul > li:last-child > a, 
	html body .light .tabbed >ul li a {
		padding: 10px 10px !important;
		margin: 6px;
	}
}
/*****************
	Portfolio grid
******************/
.portfolio-items .elastic-portfolio-item .work-meta .inner p {
	display: none !important;
}

/**********
	Single portfolio
***********/
.portfolioOpeningRow {
	/* margin-top: -84px !important; */
   margin-top: -120px !important;
}
.portfolioHeader {
	text-align: center;
}
.portfolioHeader h1{
	display: inline-block;
	padding: 10px 50px;
	background: rgba(0, 0, 0, 0.5);
	color: #fff !important;
}

/*
body.single-portfolio .justified-image-grid { 
	margin-top: -120px !important;
}
*/
body.single-portfolio .justified-image-grid a.jig-link img {
	border: 5px solid #fff !important;
}

body.single-portfolio .portfolioScrollDown {
	text-align: center;
}
body.single-portfolio .portfolioScrollDown span {
	text-transform: uppercase;
    border-radius: 5px;
    border: 1px #000 solid;
	padding: 10px 30px;
    background: rgba(0, 0, 0, 0.5);
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	cursor: pointer;
}
@media screen and (max-width: 1000px) {
   .portfolioOpeningRow {
      width: 100% !important;
      margin: 0 auto !important;
   }
}

/*************
	Single produkt
**************/
body.single-produkty .productDescriptionColumn .wpb_text_column > .wpb_wrapper > p {
  color: #fff !important;
}
body.single-produkty .productIconsWrap .productIcon {
	display: block;
	float: left;
	width: 50px;
	height: auto;
}
/* body.single-produkty  */
body.single-produkty {
}
	/* div.productImageColumn */
	body.single-produkty div.productImageColumn {
	   
	}

		body.single-produkty div.productImageColumn .flex-gallery .slides img {
			height: calc(100vh - 200px);
			width: auto !important;
			margin-left: auto;
			margin-right: auto;
		}
	/* div.vc_col-sm-6 */
	body.single-produkty div.productImageColumn + div.vc_col-sm-6 {
	    background: #f7f7f7
	}
  body.single-produkty .productDescriptionColumn {
    background-color: #252525;
    padding: 60px !important;
  }
		/* h3 */
		body.single-produkty .productDescriptionColumn h3 {
			text-transform: uppercase;
			color: #919191 !important;
		}
		/* h1 */
		body.single-produkty .productDescriptionColumn h1 {
		    color: #254c31 !important;
		    text-transform: uppercase;
		    margin-bottom: 15px;
		    padding-bottom: 15px;
		    border-bottom: 1px #dddddd solid;
		}
		/* div.productParameters */
		body.single-produkty div.productParameters {
			width: 50%;
			float: Left;
			margin-bottom: 0;
			border-bottom: 1px #585858 solid;
			color: #fff;
		}
			/* div.parameterName */
			body.single-produkty div.parameterName {
				padding: 10px 10px 0 10px;;
				font-weight: bold;
			}
			/* div.parameterValue */
			body.single-produkty div.parameterValue {
				padding: 0 10px 10px 10px;
			}
img.productIcon[src='https://gardenfaber.pl/wp-content/uploads/2017/08/cenon-silver-black-textiline-1-150x150.jpg'] {
    display: none !important;
}
.productIconsWrap {
	min-height:70px;
}
img.productIcon {
    border: 3px solid white;
    margin-right: 15px;
    margin-bottom: 15px !important;
    padding: 10px !important;
    width: 70px !important;
}

.iconWrap {
	display: block;
	float: left;
	position: relative;
	cursor: help;
}
.iconWrap .iconLabelWrap {
	float: left;
	clear: both;
	position: absolute;
	top: 70px;
	left: 0;
	width: 210px;
	display: block;
	z-index:99999;
	text-align: center;
	margin-left: -105px;
	left: 35px;
	margin-top: 5px;
	
	opacity: 0;

	transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
	pointer-events: none;
}
.iconWrap .iconLabelWrap .iconLabel{
	text-align: center;
	padding: 5px 15px;
	background: #fff !important;
	font-size: 16px;
	line-height: 20px;
	display: inline-block;
	
}
.iconWrap:hover .productIcon{
	box-shadow: 0px 0px 10px 1px rgba(255, 255, 255, 0.6);
	background: rgba(255, 255, 255, 0.1);
}
.iconWrap:hover .iconLabelWrap {
	opacity: 1;
	display:block;
}
	.iconWrap .iconLabel:hover {
		display: none !important;
	}
.iconWrap:hover .iconLabelWrap .iconLabel {
	
	box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.6);
}

/* galeria produktu*/

.single-produkty .wpb_gallery ol.flex-control-nav {
	display: block;
	text-align: center;
}
.single-produkty .wpb_gallery ol.flex-control-nav li {
	list-style: none;
	display: inline;
}
.single-produkty .wpb_gallery ol.flex-control-nav li a{
	font-size: 0;
	width: 15px;
	height: 15px;
	margin:10px;
	position:relative;
}
.single-produkty .wpb_gallery ol.flex-control-nav li a:after{
	font-family: FontAwesome;
	content: "\f111";
	display: block;
	cursor: pointer;
	position:absolute;
	top:0;
	left:0;
	font-size: 15px;
	color: #252525;
}
.single-produkty .wpb_gallery ol.flex-control-nav li a:hover:after,
.single-produkty .wpb_gallery ol.flex-control-nav li a.flex-active:after {
	color: #254c31 !important
}
/*****
	Header nieprzeźroczysty kiedy footer w tle
******/
html body #header-outer[data-transparent-header="true"].transparent.hoveringFooter {
	background-color: #252525 !important;
	border-bottom: 1px rgba(255,255,255,0.1) solid !important; 
}
html body #header-outer[data-permanent-transparent="1"][data-transparent-header="true"].transparent.hoveringFooter #logo img.starting-logo:not(.dark-version){
  opacity: 1!important;
}
html body #header-outer[data-transparent-header="true"].transparent.hoveringFooter a#logo .starting-logo.dark-version{
  opacity: 0!important;
}
html body #header-outer.transparent.hoveringFooter:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a i.lines,
html body #header-outer.transparent.hoveringFooter:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a i.lines:before,
html body #header-outer.transparent.hoveringFooter:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a i.lines:after {
  background-color: #fff !important;
}
/***
	FIXY ZE SPOTKANIA
***/
    .portfolioHeader h1 {
        text-transform: uppercase;
        border-radius: 5px;
        border: 1px #000 solid;
    }

	.wpb_row .row-bg, .full-width-section .row-bg {
		background-size: cover !important;

		background-attachment: fixed !important;

		background-position: center bottom !important;
	}

	div.bottom_controls {
		display: none !important;
	}
	.single-portfolio .justified-image-grid {
		padding-top: 27px;
	}
		body.single-portfolio .justified-image-grid a.jig-link img {
			border:  none !important;
		}
	.page-id-127 .wpb_row .row-bg, .full-width-section .row-bg {
		background-position: center 80%!important;
	}
	.page-id-129 .wpb_row .row-bg, .full-width-section .row-bg {
		background-position: center 50% !important;
	}
	
	body[data-fancy-form-rcs="1"] .select2-container .select2-choice, body[data-fancy-form-rcs="1"] .select2-container--default .select2-selection--single {
		border-color: #545454 !important;
	}
	.select2-container .select2-choice>.select2-chosen {
		color: #9b9b9b!important;
	}
.kontaktZakladki {
    margin-bottom: -22px;
}
.kontaktZakladki .wpb_wrapper.tabbed {
    position: relative;
}
    .kontaktZakladki .wpb_tabs_nav.ui-tabs-nav.clearfix {
        position: absolute;
        top: -30px;
        right: 80px;
        z-index: 9999;
    }
div[data-midnight="dark"] p,
div[data-midnight="dark"] h1,
div[data-midnight="dark"] h2,
div[data-midnight="dark"] h3,
div[data-midnight="dark"] h4,
div[data-midnight="dark"] ul,
div[data-midnight="dark"] ul li {
    color: #000 !important;

}
div.facetwp-template div.productsWrap .productTile {
    
}
    div.wpb_wrapper div.facetwp-template div.productsWrap .productTile .productImage {
        height: 32vh !important;
    }
        .productTile div.productImage div.productImageContainer {

        }

		

body.single-produkty div.productImageColumn + div.vc_col-sm-6 {
    background: #252525;
}

body.single-produkty h1 {
    color: #fff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

body.single-produkty h3 {
    color: #fff !important;
}

body.single-produkty .main-content .templatera_shortcode p {
    color: #fff !important;
    display: block;
    float: left;
    margin-top: 20px;
    text-align: justify;
}

img.productIcon {
    border: 3px solid white;
    margin-right: 15px;
    padding: 3px;
}

body:not(.woocommerce-cart) .main-content .werzalitScenaTabela table  {
    background: none !important;
    border: none !important;
}

    body:not(.woocommerce-cart) .main-content .werzalitScenaTabela table tr {
        background: none !important;
        border: none !important;

        
    }

    body:not(.woocommerce-cart) .main-content .werzalitScenaTabela table th {
        background: none !important;
        border: none !important;
        vertical-align: middle !important;
        text-align: center;
    }

        body:not(.woocommerce-cart) .main-content .werzalitScenaTabela table tr td {
            background-color: none !important;
            border: none;
            vertical-align: middle !important;
            text-align: center;
            color: #fff;
            padding: 4% !important;
        }

            body:not(.woocommerce-cart) .main-content .werzalitScenaTabela table tr img  {
                height: 80px !important;
                vertical-align: middle !important;
                text-align: center;
				display: block;
				margin-left: auto;
				margin-right: auto;
            }

body:not(.woocommerce-cart) .main-content .werzalitScenaTabela table td.werzalitBorderBottom {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body:not(.woocommerce-cart) .main-content .werzalitScenaTabela table td.werzalitBorderRight {
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
}     

body.single-produkty .noMargin p {
    margin-top: 0;
}
/*
@media screen and (max-width: 1500px) {
    .ikonaDzialuWrap {
        width: 200px;
        height: 200px;
        color: #fff;
        display: block;
        top: 50%;
        margin-top: -100px;
        right: 10%;
        position: absolute;
    }
}
@media screen and (max-width: 1150px) {
    .ikonaDzialuWrap {
        width: 150px;
        height: 150px;
        color: #fff;
        display: block;
        top: 50%;
        margin-top: -75px;
        right: 10%;
        position: absolute;
    }
}
*/

.ikonaDzialuWrap {
    width: 250px;
    height: 250px;
    color: #fff;
    display: block;
    top: 50%;
    margin-top: -125px;
    right: 5%;
    position: absolute;
}
@media screen and (max-width: 1600px) {
    .ikonaDzialuWrap {
    width: 200px;
    height: 200px;
    color: #fff;
    display: block;
    top: 50%;
    margin-top: -125px;
    right: 5%;
    position: absolute;
}
}
@media screen and (max-width: 1200px) {
    .ikonaDzialuWrap {
    width: 150px;
    height: 150px;
    color: #fff;
    display: block;
    top: 50%;
    margin-top: -125px;
    right: 5%;
    position: absolute;
}
}
@media screen and (max-width: 1000px) {
    .ikonaDzialuWrap {
        display: none;
    }
    
    body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a, body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
        font-size: 25px!important;
        line-height: 30px!important;
    }
}


@media screen and (min-width: 1000px) {
    .headerParallaxBlack .row-bg-wrap .inner-wrap .row-bg {
        background-size: cover !important;
        background-attachment: fixed !important;
        background-position: center bottom !important;
    }
    .headerParallaxBlack .row-bg-wrap .inner-wrap .row-bg:before {
        display: block;;
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.9+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */


    }
}
img.productIcon[src='https://gardenfaber.pl/wp-content/uploads/2017/08/baja-silver-castana-150x150.jpg'] {
    display: none !important;
}
div.facetwp-template div.productTile a[href='https://gardenfaber.pl/produkty/035-teak/'] div.productImage div.productImageContainer {
    background-size: contain !important;
   
}
/******
	PRODUKTY PROBNIK
******/
/***
	Loader
***/
div.select_wrap .loader {
	width: 31px;
    height: 31px;
    display: block;
    left: 50%;
    margin-left: -15px;
    position: relative;
    margin-top: 10px;
}

/***
	div.select_wrap
***/
div.select_wrap {
	border-top: none;
    border-left: 10px #fff solid;
    border-right: 10px #fff solid;
    border-bottom: 5px #fff solid;
    background: #fff;
    transition: all 0.1s linear;
    position: relative;
    float: Left;
    margin-right: 20px;
    border-radius: 5px;
    box-shadow: #000 0px 10px 20px;
    z-idnex: 99999999;
}
@media screen and (max-width: 1000px) {
	.wpb_wrapper {
		/* text-align: center; */
	}
	div.select_wrap {
		display: inline-block !important;
		float: none;
	}
}
#drewno_select_wrap {
	display: block;
    float: left;
    clear: both;
}
div.select_wrap:hover {
}
div#drewno_select.select_wrap {
}
div#tkanina_select_wrap.select_wrap {
}
	/***
		#drewno_select, #tkanina_select
	***/
	div#drewno_select:after,
	div#tkanina_select:after {
		display: block;
		content: '';
		width: 0;
		height: 0;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 15px solid #fff;
		position: absolute;
		bottom: -20px;
		left: 50%;
		margin-left: -15px;
		transition: all 0.25s cubic-bezier(0.46, 0.03, 0.52, 0.96);
	}
	div#drewno_select.arrowHidden:after,
	div#tkanina_select.arrowHidden:after {
		/*display: none !important;*/
		/* bottom: -60px; */
		opacity: 0;
	}
	div#drewno_select.arrowHidden.currentOpen:after,
	div#tkanina_select.arrowHidden.currentOpen:after {
		/*display: none !important;*/
		/* bottom: -60px; */
		-ms-transform: rotate(180deg); /* IE 9 */
		-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
		transform: rotate(180deg);
		opacity: 0;
	}
	
	
	div#drewno_select,
	div#tkanina_select {
		cursor: pointer;
	}
	div#drewno_select {
	}
	div#tkanina_select {
	}
	/***
		span.label
	***/
	div#drewno_select span.label,
	div#tkanina_select span.label {
	    display: block;
	    padding: 5px;
	    text-transform: uppercase;
	    text-align: center;
	    font-weight: bold;
	}
	/***
		img.probnik_select_img
	***/
	img.probnik_select_img {
	    width: 150px !important;
	    height: auto !important;
	    border: 1px rgba(0,0,0,0.1) solid;
	}
	/***
		span.probnik_select_name
	***/
	span.probnik_select_name {
		text-transform: uppercase;
		padding: 5px 5px 0 5px;
		display: block;
		text-align: center;
	}
/***
	div.probnik
***/
div.probnik {
	position: absolute;
	left: 50%;
	margin: 0;
	padding: 0;
	top: calc(100% + 25px);
	margin-left: -1px;
	
    width: 1px;
    height: 1px;
    opacity: 0;
	background: #fff;
	padding: 20px;
	box-shadow: rgba(0,0,0,0.4) 0px 17px 40px;
	border: 10px #fff solid;
	border-radius: 5px;
-webkit-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
        transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */
}

div.probnik:after {
	display: block;
	content: '';
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #fff;
	position: absolute;
	top: -25px;
	left: 50%;
	margin-left: -15px;
}
div.probnik.visible {
	display: block;
    width: 40vw;
	margin-left: -20vw;
	height: 400px;
	z-index: 9999999;
	opacity: 1;
}
@media screen and (max-width: 1200px) {
	div.probnik.visible {
		width: 35vw;
		margin-left: -17.5vw;
	}
}
@media screen and (max-width: 1000px) {
  #drewno_select_wrap {
    float: none !important;
  }
	div#probnik_drewna.probnik.visible {
		width: 60vw;
		padding: 10px;
		margin-left: -15vw;
	}
  div#probnik_drewna.probnik:after {
    left: 10%;
  }
  div#probnik_tkanin.probnik.visible {
		width: 60vw;
		padding: 10px;
		margin-left: -45vw;
	}
  div#probnik_tkanin.probnik:after {
    left: 80%;
  }
}
div#probnik_drewna.probnik,
div#probnik_tkanin.probnik {
	text-align: left;
}
div#probnik_tkanin.probnik {

	
}
    /***
        div.close_probnik
    ***/
    div.close_probnik {
        width: 30px;
        height: 30px;
        background: #fff;
        position: absolute;
        top: -20px;
        right: -20px;
        border-radius: 50%;
        border: 3px #252525 solid;
        cursor: pointer;
    }
    div.close_probnik:before,
    div.close_probnik:after {
        content: '';
        position: absolute;
        height: 2px;
        width: 70%;
        top: 50%;
        left: 16%;
        margin-top: -1px;
        background: #000;
        height: 3px;
        margin-top: -2px;
    }
    div.close_probnik:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    div.close_probnik:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    /***
        div.probnik_inner
    ***/
    div.probnik_inner {
	overflow-x: hidden;
	overflow-y: scroll;
	height: 100%;
    }
        /***
            h3
        ***/
        div.probnik h3 {
            color: #252525 !important;
            text-align: left;
            padding-top: 25px;
            padding-bottom: 5px;
            margin-bottom: 15px;
            border-bottom: 1px rgba(0,0,0,0.1) solid;
            clear: both;
        }
        /***
        	h5
        ***/
        div.probnik h5 {
        	clear: left;
        }
				/***
				div.probkiSectionWrap
				***/
				div.probkiSectionWrap {
				    clear: left;
				}
        
        div.probnik h3:first-child {
            padding-top: 0;
        }
        /***
            div.probkaWrap
        ***/
        div.probkaWrap {
            width: 18%;
            margin-right: 2%;
            float: none;
            display: block;
            float: left;
            text-align: center;
            cursor: pointer;
            clear: none !important;
        }
        div.probnik div.probkaWrap:nth-child(5n+1) {
            clear: left !important;
        }
        @media screen and (max-width: 1400px) {
			div.probkaWrap {
				width: 23%;
				margin-right: 2%;
			}
			div.probnik div.probkaWrap:nth-child(5n+1) {
				clear: none !important;
			}
			div.probnik div.probkaWrap:nth-child(4n+1) {
				clear: left !important;
			}
		}
        @media screen and (max-width: 1000px) {
			div.probkaWrap {
				width: 31%;
				margin-right: calc(2% - 1px);
			}
			div.probnik div.probkaWrap:nth-child(4n+1) {
				clear: none !important;
			}
			div.probnik div.probkaWrap:nth-child(3n+1) {
				clear: left !important;
			}
		}
            /***
                img.probkaImg
            ***/
            div.probkaWrap img.probkaImg {
                width: 100% !important;
                height: auto !important;
                border: 1px rgba(0,0,0,0.1) solid;

            }
            /***
                div.probkaName
            ***/
            div.probkaName {
                text-transform: uppercase;
                line-height: 140%;
                padding-bottom: 20px;
                font-size: 12px;
            }
/***
    div.afterSelectClear
***/
.afterSelectClear {
    clear: left;
}
/***
	HOT FIX
***/
.single-produkty #footer-outer {
	z-index: 9;
}


/*
.productTile .productImage {
	text-align: center;
    display: block !important;
}
.productTile .productImage img {
	height: 100%;
    width: auto;
}
*/