@font-face {
    font-family: 'Roboto';
    src: url('/website/fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('/website/fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('/website/fonts/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('/website/fonts/robotocondensed-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('/website/fonts/robotocondensed-light-webfont.woff2') format('woff2'),
         url('/website/fonts/robotocondensed-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('/website/fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('/website/fonts/robotocondensed-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/website/fonts/roboto-light-webfont.woff2') format('woff2'),
         url('/website/fonts/roboto-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;

}
@font-face {
    font-family: 'Roboto';
    src: url('/website/fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('/website/fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body { background: #fff; font-family: 'Roboto Condensed', Arial, sans-serif; font-size: 1em; line-height: 1.6; overflow-x: hidden; }

.curtain { opacity: 0; display: none; float: left; position: absolute; left: 0; top: 70px; width: 100%; height: 100%; background: #403f45; z-index: 4; }

img { max-width: 100%; height: auto; }
p { font: 400 1em/1.5em 'Roboto Condensed', sans-serif; color: #333; }
h2 { float: left; width: 100%; font: 700 1.4em/1.4em 'Roboto Condensed', sans-serif; color: #333; }

.pos-center { width: 1000px; margin: 0 auto; position: relative; text-align: left; }
.shadow { width: 1000px; height: 11px; background: url(img/shadow.png) center top no-repeat; text-align: center; }

/* --- BACKGROUND --- */
#bg_top { float: left; position: relative; z-index: 3; width: 100%; height: 660px; background: #fff; }
#bg_slogan { float: left; position: relative; z-index: 2; width: 100%; height: 90px; background: #fff; box-shadow: 0 1px 2px 0 #bbb; -moz-box-shadow: 0 1px 2px 0 #bbb; -webkit-box-shadow: 0 1px 2px 0 #bbb; }
#bg_panel { float: left; position: relative; z-index: 2; width: 100%; height: 90px; background: #fff; box-shadow: 0 1px 2px 0 #bbb; -moz-box-shadow: 0 1px 2px 0 #bbb; -webkit-box-shadow: 0 1px 2px 0 #bbb; }
#bg_content { float: left; position: relative; z-index: 1; width: 100%; min-height: 200px; }
#bg_footer_top { float: left; position: relative; z-index: 0; width: 100%; height: auto; background: #4e5359; }
#bg_footer_bottom { float: left; position: relative; width: 100%; height: 60px; background: #555a60; } 

.page #bg_top { height: 480px; }

/* --- LANGUAGES --- */
.languages { float: left; position: absolute; z-index: 4; right: 60px; top: 2px; width: 100px; }
.languages a { margin-left: 6px; opacity: 1 !important; }
.languages span { margin-left: 6px; }

/* --- TOP SLIDER --- */
.top-slider { float: left; width: 100%; height: 660px; position: relative; }
.top-slider .caroufredsel_wrapper{max-width: 100%;}
.top-slider .pos-center{width:100%; max-width:1000px;}
.top-slider .slides { float: left; height: 660px; width:100%; max-width: 100%;}
.top-slider .item { float: left; width: 100%; position: relative; max-width: 100%;}
.top-slider .contentslide { height: 660px; position: relative; }
.top-slider .contentslide .caption { position: relative; left: 50px; top: 210px; width: 330px; padding: 15px 15px; background: url(img/bg_top_caption.png) repeat; }
.top-slider .contentslide .caption, 
.top-slider .contentslide .caption a { color: #fff; }
.top-slider .contentslide .caption h1 { font: 700 1.8em/1.6em 'Roboto', sans-serif; color: #fff;}
.top-slider .contentslide .caption p { position: relative; font: 300 1.2em/1.1em 'Roboto Condensed', sans-serif; color: #cccccc; }
.top-slider .contentslide .caption a { float: left; position: absolute; margin: 15px 0 0 0; padding: 7px 0 8px 25px; left: 0; font: 300 0.95em/0.95em 'Roboto Condensed', sans-serif; text-align: left; text-transform: uppercase; width: 110px; background: url(img/bg_top_link.png) no-repeat; }
.top-slider .contentslide .caption a:hover { text-decoration: underline; }
.top-slider .contentslide img { position: absolute; z-index: -1; left: 50%; min-height:100%; min-width: 100%; height:auto !important; transform: translate(-50%,0); max-width: none; top:0px;}

.top-slider .pagination { position: absolute;  z-index: 1; left: 50%; bottom: 0; width: 98px; height: 25px; margin-left: -49px; background: url(img/bg_top_pagination.png) no-repeat; }
.top-slider .pagination ul { width: 98px; height: 8px; text-align: center; margin-top: 10px; }
.top-slider .pagination ul li { display: inline; margin: 0 3px 0 3px; }
.top-slider .pagination ul li a { display: inline-block; width: 8px; height: 8px; background: #777777; border-radius: 50%; text-indent: -999em; }
.top-slider .pagination ul li.selected a { background: #f58220; }
.top-slider .pagination ul li:hover a { background: #f58220; }

.page .top-slider { height: 480px; }
.page .top-slider .slides { height: 480px; }
.page .top-slider .contentslide { height: 480px; }
.page .top-slider .contentslide .caption { display: none; }
.page .top-slider .contentslide{
    overflow: hidden;
}
.page .top-slider .contentslide img  { transform: translate(-50%,-50%); top:50%; }

/* --- LOGO --- */
.logo { float: left; position: absolute; z-index: 4; left: 50px; top: 30px; }
.logo a { float: left; width: 230px; height: 130px; background: #403f45 url(img/logo_polfarm.png) no-repeat; }

/* --- MENU --- */
.menu { float: left; position: absolute; z-index: 5; right: 120px; top: 30px; width: 600px; height: 70px; background: #403f45; }
.menu ul { float: right; }
.menu ul li { float: left; list-style: none; }
.menu ul li a { float: left; padding: 25px 10px 24px 10px; font: 400 1em 'Roboto Condensed', sans-serif; color: #fff; text-transform: uppercase; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease; }
.menu ul li a:hover { background: #f58220; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.menu ul li.menuactive a { background: #f58220; }

/* --- SEARCH --- */
.menu_search { float: left; position: absolute; z-index: 5; right: 50px; top: 30px; width: 70px; height: 70px; background: #555a60 url(img/icon_lupa.png) center center no-repeat; cursor: pointer; }
.content_search { float: left; position: absolute; z-index: 4; right: 50px; top: 60px; width: 235px; height: 35px; background: #fff;  }

.content_search label { display: none; }
.content_search form { float: left; margin: 5px 0 0 10px; padding: 0; }
.content_search .search-input { float: left; width: 150px; height: 23px; font: normal 0.7em Arial; color: #999; padding: 0 5px; margin: 0 10px 0 0; background: transparent; border: 0 none; border-bottom: 1px solid #f58220; }
.content_search .search-button { float: left; width: 50px; height: 25px; font: normal 0.7em Arial; color: #fff; background: #f58220; border: 0 none; border-radius: 0; cursor: pointer; }

/* --- TITLE --- */
.tytul { float: left; position: absolute; top: 120px; left: 50px; width: 900px; height: 50px; background: #f58220; font: 300 1.5em/1.5em 'Roboto Condensed', sans-serif; color: #fff; text-transform: uppercase; }
.tytul span { margin: 0; }

/* --- SLOGAN --- */
.slogan { float: left; width: 100%; text-align: center; margin: 30px 0 0 0; } 
.slogan h1 { font: 300 2.35em/1em 'Roboto', sans-serif; color: #f58220; }

/* --- PANEL --- */
.panel_left { float: left; margin: 24px 0 0 10px; font: 300 2.45em 'Roboto', sans-serif; color: #666; }
.panel_right { float: right; margin: 28px 10px 0 0; }
.panel_right ul { float: left; }
.panel_right ul li { float: left; margin: 0 0 0 20px; }
.panel_right ul li a { float: left; padding: 8px 15px; font: 400 1.125em/1.125em 'Roboto Condensed', sans-serif; color: #999; background: #eeeeee; border-radius: 4px; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease; }
.panel_right ul li a:hover { color: #fff; background: #f58220; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.panel_right ul li.menuactive a { color: #fff; background: #f58220; }

/* --- CONTENT --- */
.content_site { float: left; margin: 0 0 30px 0; width: 940px; padding: 10px 30px 30px 30px; background: #eee url(img/bg_content_site.png) center bottom no-repeat; }
.content_site p { margin: 15px 0 15px 0; font: 400 1em/1.5em 'Roboto Condensed', sans-serif; color: #333; }
.content_site h2 { margin: 10px 0; }
.content_site p img { margin: 30px 0 20px 20px; } 
.content_site a{   color:#f58220; text-decoration: underline;}
.content_site a:hover{text-decoration: none;}

.content_site_up { float: left; margin: 10px 0 0 0; width: 100%; height: 27px; background: url(img/bg_name.png) 30px center no-repeat; }

.content_site .blok_oferta { float: left; width: 140px; height: 180px; margin: 14px 24px; }
.content_site .blok_oferta p { float: left; width: 140px; text-align: center; margin: 10px 0; }
.content_site .blok_oferta img { width: 100%; margin: 0; }

/* --- BLOKI --- */
.blok { float: left; margin: 70px 12px 70px 12px; width: 225px; height: 255px; position: relative; }
.blok a.more { float: right; width: 180px; padding: 7px 0 7px 0; background: #f58220; text-align: center; font: 400 1em/1em 'Roboto Condensed', sans-serif; color: #fff; }
.image_effect { float: left; position: absolute; top: 0; left: 0; width: 225px; height: 225px; opacity: 0; filter: alpha(opacity = 0);  background: url(img/bg_blok.png) repeat; cursor: pointer; }

.blok_pierwszy { float: left; margin: 70px 12px 70px 12px; width: 225px; height: 225; position: relative; }
.blok_pierwszy p { float: left; font: italic 400 0.95em/1.4em 'Roboto Condensed', sans-serif; color: #333; border-bottom: 5px solid #eeeeee; padding: 35px 0 20px 0; } 
.blok_pierwszy p span { font-weight: 700; }
.blok_pierwszy a { float: right; margin: 20px 0 0 0; padding: 7px 0 8px 10px; left: 0; font: 400 1em/1em 'Roboto Condensed', sans-serif; color: #fff; text-align: left; text-transform: uppercase; width: 110px; background: url(img/bg_top_link.png) no-repeat; }
.blok_pierwszy a:hover { text-decoration: underline; }
.blok_pierwszy a span { margin-left: 12px; }

/* --- FOOTER TOP --- */
.column { float: left; width: 229px; padding: 0 0 10px 20px; border-right: 1px solid #5f656b; margin: 20px 0 20px 0; }
.column p { float: left; width: 200px; margin: 0 0 0 10px; font: 400 0.95em/1.4em 'Roboto Condensed', sans-serif; color: #aaaaaa; }
.column.last { width: 220px; border-right: 0 none; }
.column a { float: left; width: 100%; font: 400 0.95em/1.4em 'Roboto Condensed', sans-serif; color: #aaaaaa; }
.column a:hover { color: #fff; }
.column h4 { float: left; width: 200px; text-align: center; font: 400 1.125em 'Roboto', sans-serif; color: #aaa; margin: 0 9px 15px 9px; padding: 8px 0; border-bottom: 5px solid #606060; }
.column h4.color { border-bottom: 5px solid #f58220; }

/* --- FOOTER BOTTOM --- */
.footer_bottom_left { float: left; margin: 24px 0 0 20px; }
.footer_bottom_left p { font: 700 0.75em 'Roboto Condensed', sans-serif; color: #aaaaaa; }
.footer_bottom_left p span { color: #fff; }
.footer_bottom_right { float: right; margin: 22px 20px 0 0; }

/* --- GOOGLE MAPS --- */
#mapa_dojazdu_mapa { float: left; width: 100%; position: relative; min-height:400px;} 
#mapa_dojazdu_mapa table { width: 100%; } 
#mapa_dojazdu_mapa table td { width: 100%; }
#mapa_dojazdu_mapa iframe{    position: absolute; left:0; top:0; width:100%; height:100%; }
#GoogleMaps1 { width:100% !important; height: auto; margin: 10px 0 10px 0;  }
#GoogleMaps1 img { max-width: none; } 
#GoogleMaps2 { width:100% !important; height: auto; margin: 10px 0 10px 0;  }
#GoogleMaps2 img { max-width: none; } 

.mapa_dojazdu_etykieta { float: right; width: 280px; background: #ddd; position: relative; right: 10px; margin: -375px 0 0 0; padding: 12px 5px 0 5px; box-shadow: 0 0 8px -1px #777; z-index: 100; }
.mapa_dojazdu_etykieta img { outline: none; border: 0 none; }
table.mapa_dojazdu_dane { padding: 0; margin: 0 auto; }
table.mapa_dojazdu_dane tr { vertical-align: top; }
table.mapa_dojazdu_dane tr td { vertical-align: top; padding: 0 10px 8px 0; }
table.mapa_dojazdu_dane tr td p { font: 400 1em/1.2em 'Roboto Condensed', sans-serif; margin: 0; }
table.mapa_dojazdu_dane tr td img { margin: 2px 0 0 0; }

table.dane_adresowe { width: 100%; margin: 20px 0 0 0; }
table.dane_adresowe thead tr td { width: 25%; padding: 10px 0 10px 0; margin: 0; background: #555a60; border: 1px solid #eee; }
table.dane_adresowe thead tr td p { margin: 0 0 0 20px; padding: 0; font: 400 1em 'Roboto Condensed', sans-serif; color: #fff; }

table.dane_adresowe tbody tr { padding: 0; margin: 0; }
table.dane_adresowe tbody tr td { width: 25%; padding: 0 0 30px 0; margin: 0; background: #ccc; border: 1px solid #eee; vertical-align: middle; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease; }
table.dane_adresowe tbody tr td p { width: 100%; text-align: center; margin: 0; padding: 0; font: 400 0.875em/1.4em 'Roboto Condensed', sans-serif; color: #333; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease; }

table.dane_adresowe tbody tr td:hover { background: #f58220; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
table.dane_adresowe tbody tr td:hover p { color: #fff; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

/* --- FORMULARZ KONTAKTOWY --- */

.contact_form { width: 100%; margin: 70px auto 15px auto; }
.contact_form div { width: 100%; }
.contact_form label { float: left; width: 37%; margin: 4px 0 0 0; padding: 0 2% 0 0; text-align: right; font: 400 1em/1.2em 'Roboto Condensed', Arial, sans-serif; color: #333; }
.contact_form input { font: 400 1em 'Roboto Condensed', sans-serif; color: #666; -moz-box-sizing: border-box; border: 1px solid #CDCDCD; float: left; width: 40%; margin: 0 0 10px 0; padding: 5px 4px 5px 4px; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; }
.contact_form textarea { float: left; resize: none; font: 400 1em 'Roboto Condensed', sans-serif; color: #666; width: 39%; height: 250px; padding: 5px 4px 5px 4px; border: 1px solid #CDCDCD; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; }
.contact_form div.submit { width: 83%; margin: 0 auto; }
.contact_form div.submit input { float: right; font: 700 0.875em 'Roboto Condensed', sans-serif; color: #444; text-transform: uppercase; cursor: pointer; margin: 12px 134px 0 0; background: #ccc; width: 100px; padding: 5px 20px; border: none; border-radius: 5px; -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  -ms-transition: all 0.5s ease;  -o-transition: all 0.5s ease;  transition: all 0.5s ease; }
.contact_form div.submit input:hover { background: #f58220; color: #fff; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.albumy { float: left; margin: 20px 0 20px 0; padding: 0; }
.albumy ul.picturelist { float: left; margin: 0; padding: 0; }
.albumy ul.picturelist li.thumb { float: left; margin: 0 1px 2px 1px; padding: 0; position: relative; }
.albumy ul.picturelist li.thumb a { float: left; margin: 0; padding: 0; }
.albumy ul.picturelist li.thumb a span { float: left; margin: 0; padding: 0; } 
.albumy ul.picturelist li.thumb a span img { width: 232px; height: 154px; }

.image_effect_gallary { float: left; position: absolute; top: 0; left: 0; width: 232px; height: 154px; opacity: 0; filter: alpha(opacity = 0);  background: url(img/bg_gallery.png) repeat; cursor: pointer; }

/* --- RESPONSIVE WEB DESIGN --- */
#bg_menu_rwd { display: none; }

#bg_menu_rwd { float: left; width: 100%; height: 70px; position: relative; background: #403f45; z-index: 5; }

.logo_rwd { float: left; margin: 5px 0 0 20px; }
.logo_rwd a { float: left; width: 185px; height: 60px; background: url(img/logo_polfarm_rwd.webp) no-repeat; }

.search_button_rwd { float: right; width: 70px; height: 70px; cursor: pointer; background: url(img/rwd_icon_lupa.png) no-repeat center center #403f45; }
.search_button_rwd.active { background: #eee url(img/rwd_icon_lupa_active.png) center center no-repeat; }

.search_rwd { display: none; float: left; position: absolute; top: -195px; left: 0; width: 100%; height: 125px; z-index: 4; background: #eee; border-bottom: 1px solid #ccc; }
.search_rwd label { display: none; }
.search_rwd form { width: 330px; margin: 42px auto 0 auto; padding: 0; }
.search_rwd form .search-input { float: left; width: 275px; height: 38px; background: #403f45; border: 0 none; font: 400 1em 'Roboto Condensed', sans-serif; color: #fff; padding-left: 10px; border-radius: 5px 0 0 5px;  }
.search_rwd form .search-button { float: left; width: 40px; height: 40px; background: #f58220 url(img/rwd_icon_lupa_active.png) center center no-repeat; border: 0 none; border-radius: 0 5px 5px 0; cursor: pointer; text-indent:-9999px; }

.button_menu_rwd { float: right; width: 70px; height: 70px; background: #403f45; }
.button_menu_rwd span { float: left; text-align: center; font: 300 1.3em 'Roboto Condensed', sans-serif; color: #fff; width: 70px; padding: 21px 0; cursor: pointer; }
.button_menu_rwd span.active { color: #403f45; background: #eee; }

.menu_rwd { display: none; float: left; position: absolute; top: -270px; left: 0; width: 100%; z-index: 4; }
.menu_rwd ul { float: left; width: 100%; }
.menu_rwd ul li { float: left; width: 100%; list-style: none; }
.menu_rwd ul li a { float: left; width: 96%; text-align: left; padding: 12px 0 12px 4%; font: 300 1.4em 'Roboto Condensed', sans-serif; color: #333; background: #eee; border-bottom: 1px solid #ccc; }
.menu_rwd ul li a:focus { background: #f58220; color: #fff; }
.menu_rwd ul li.menuactive a { background: #f58220; color: #fff; }

.languages_rwd_front { display: none; position: absolute; left: 51px; top: 71px; z-index: 1; margin: 0; }
.languages_rwd_front a { margin-left: 6px; opacity: 1 !important; }
.languages_rwd_front span { margin-left: 6px; }

.languages_rwd_page { display: none; position: absolute; right: 40px; top: 148px; z-index: 2; margin: 0; }
.languages_rwd_page a { margin-left: 6px; opacity: 1 !important; }
.languages_rwd_page span { margin-left: 6px; }

.top_mobile { display: none; float: left; width: 100%; height: 280px; background: url(img/top_989.webp) no-repeat; }

.bg_undermenu_rwd { display: none; float: left; width: 100%; background: #fff; position: relative; z-index: 3; }
.undermenu_rwd { float: left; width: 100%; margin: 0; background: #eee; }
.undermenu_rwd ul { float: left; width: 100%; margin: 0; padding: 5px 0; } 
.undermenu_rwd ul li { float: left; margin: 5px 5%; }
.undermenu_rwd ul li a { float: left; padding: 8px 12px 8px 12px; color: #666; font: 400 1em/1em 'Roboto Condensed', sans-serif; color: #999; background: #e2e2e2; border-radius: 4px; }
.undermenu_rwd ul li.menuactive a { color: #f58220; }



.fb-widget{
  width: 340px;
  position: fixed;
  top: 217px;
  right: -340px;
  float: left;
  -webkit-transition: right 500ms ease-out 0s;
  -moz-transition: right 500ms ease-out 0s;
  -o-transition: right 500ms ease-out 0s;
  transition: right 500ms ease-out 0s;
  z-index: 1000;
}

.fb-widget:hover{
	right: 0;
}

.fb-widget .fb-trigger{
  width: 43px;
  height: 42px;
  background: url(img/fb.png) 0 0 no-repeat;
  position: absolute;
  top: 0;
  left: -41px;
}
@media (max-width:980px) {
	.fb-widget{
		display: none;
	}
}