@font-face {
    font-family: 'HelveticaLtCn';
    src: url('../fonts/HelvLtCn.eot');
    src: url('../fonts/HelvLtCn.eot') format('embedded-opentype'),
         url('../fonts/HelvLtCn.woff') format('woff'),
         url('../fonts/HelvLtCn.ttf') format('truetype'),
         url('../fonts/HelvLtCn.svg#HelveticaNeueLTCom37ThinCondensed') format('svg');
}
body { background: #eee; font-family: "HelveticaLtCn", Arial, Helvetica, sans-serif; font-size: 18px; }
/*html, body { height: 100%; }*/
a { color: #000; }
h1, h2, h3, h4, h5, h6 { margin: 0.8em 0; font-family: "HelveticaLtCn", sans-serif; }
p { line-height: 30px; margin: 1em 0; }
#wrapper { margin: auto; max-width: 950px; position: relative; }
/*.main_contents_main { border-top: 20px #181a18 solid; } */
#top { width: 100%; font-family: "HelveticaLtCn", sans-serif; padding-top: 14px; font-size: 14px; position: relative; }
#top_main { padding-bottom: 48px; }
#top .logo { float: left; margin-bottom: 15px; }
#top .logo a { display: block; width: 279px; height: 130px; background: url(../images/logo.png) no-repeat; margin-left: 111px; text-indent: -9999px; }
#top .langs { float: right; margin-top: 95px; background: #f7f7f7; line-height: 38px; text-transform: uppercase; padding-right: 24px; }
#top .langs p { width: 120px; margin: 0; text-align: center; display: inline-block; }
#top .langs div { display: inline-block; margin: 0; }
#top .soc_links { float: right; margin-top: 95px; text-transform: uppercase; text-indent: -9999px; }
#top .soc_links ul { list-style: none; width: 160px; }
#top .soc_links li { float: left; padding: 4px 3px; background: #fff; }
#top .soc_links span { background: url(../images/social-icons.png) no-repeat; width: 30px; height: 30px; display: block; }
#top .soc_links .gplus { border-radius: 50% 0 0 50%; padding-left: 4px; }
#top .soc_links .instagram span { background-position: -35px 0; }
#top .soc_links .twitter span { background-position: -71px 0; }
#top .soc_links .facebook { padding-right: 18px; }
#top .soc_links .facebook span { background-position: -106px 0; }
#top .menu { text-align: left; line-height: 47px; margin-bottom: 1px; position: absolute; top: 159px; left: 0; width: 100%; z-index: 999; background: #eee; }
#top .menu .menu_toggle { background: #ef0e0e url(../images/menu-toggle.png) center center no-repeat; width: 22px; display: none; height: 47px; margin: auto; vertical-align: top; }
#top .menu ul { display: block; margin: auto; max-width: 950px; }
#top .menu > ul > li { background: #fff url(../images/menu-li-bg.png) top left no-repeat; display: inline-block; padding: 0; font-size: 14px; text-transform: uppercase; width: 157px; margin-right: 1px; position: relative; transition: all 0.7s ease; }
#top .menu > ul > li > a { background: url(../images/menu-i-bg.png) left center no-repeat; color: #444; text-decoration: none; display: block; padding-left: 45px; }
#top .menu > ul > li.active, #top .menu > ul > li:hover { background: #ef0e0e; }
#top .menu > ul > li.active > a, #top .menu > ul > li:hover > a { color: #fff; background: url(../images/menu-i-over-bg.png) left center no-repeat; }
#top .menu > ul > li.i_0 { width: 158px; }
#top .menu > ul > li.i_1 a { background-position: -164px center; }
#top .menu > ul > li.i_2 a { background-position: -326px center; }
#top .menu > ul > li.i_3 { width: 158px; }
#top .menu > ul > li.i_3 a { background-position: -475px center; }
#top .menu > ul > li.i_4 a { background-position: -638px center; }
#top .menu > ul > li.i_5 a { background-position: -798px center; }
#top .menu ul ul { position: absolute; left: -21px; top: 47px; padding-top: 22px; background: url(../images/menu-sec-bg.png) top center no-repeat; visibility: hidden; line-height: 20px; width: 200px; z-index: 999; transition: all 0.7s ease 0.3s; opacity: 0; }
#top .menu > ul > li:hover ul { visibility: visible; opacity: 1; }
#top .menu ul ul li { border-bottom: 1px solid #898989; }
#top .menu ul ul li.first_item a { padding-top: 19px; border-radius: 8px 8px 0 0; }
#top .menu ul ul li.last_item { border-bottom: none; }
#top .menu ul ul li.last_item a { padding-bottom: 19px; border-radius: 0 0 8px 8px; }
#top .menu > ul > li ul a { background: #fff; color: #666; text-decoration: none; display: block; transition: all 0.1s ease; padding: 9px 0; padding-left: 20px; }
#top .menu > ul > li ul li.active a, #top .menu > ul > li ul li:hover a { background: #000; color: #fff; }

#top .banner { margin-bottom: 40px; }
.main_contents { font-size: 18px; color: #1f1f1f; overflow: hidden; }
.main_contents h1 { text-transform: uppercase; font-size: 50px; font-weight: normal; margin: 0 0 10px; font-family: "HelveticaLtCn", sans-serif; }
.main_contents p { line-height: 24px; }
.main_contents_subpage .header { color: #fff; padding: 20px 50px 20px 280px; background: #406bd7; position: relative; }
.main_contents_subpage .header h1 { line-height: 60px; font-size: 38px; margin: 0 0 10px; }
.main_contents_subpage .header h1.middle { padding: 82px 0 83px; margin: 0; }
.main_contents_subpage .header p { font-size: 18px; margin: 0 0 5px; }
.main_contents_subpage .header a { color: #fff; }
.main_contents_subpage .content { background: #fff; padding: 20px 38px; }
.ajax_content { display: none; }

#main_contents_3 .header { background: #406bd7 url(../images/drzwi-chlodnicze-icon.png) 50px center no-repeat; }
#main_contents_4 .header { background: #d74040 url(../images/drzwi-przeciwpozarowe-icon.png) 50px center no-repeat; }
#main_contents_5 .header { background: #406bd7 url(../images/drzwi-gazoszczelne-icon.png) 50px center no-repeat; }
#main_contents_6 .header { background: #406bd7 url(../images/drzwi-segmentowe-icon.png) 50px center no-repeat; }
#main_contents_7 .header { background: #406bd7 url(../images/drzwi-do-pieczarkarni-icon.png) 50px center no-repeat; }
#main_contents_8 .header { background: #406bd7 url(../images/drzwi-mroznicze-icon.png) 50px center no-repeat; }

#main_contents_10 .header { background: #d24d4d url(../images/park-maszyn-icon.png) 50px center no-repeat; }
#main_contents_10 .header:before { background: #d24d4d; width: 30px; height: 30px; position: absolute; transform: rotate(45deg); bottom: -15px; left: 50%; margin-left: -15px; content: ''; }
#main_contents_13 .header { background: #514d99 url(../images/indywidualne-zamowienia-icon.png) 50px center no-repeat; }
#main_contents_13 .header:before { background: #514d99; width: 30px; height: 30px; position: absolute; transform: rotate(45deg); bottom: -15px; left: 50%; margin-left: -15px; content: ''; }
#main_contents_14 .header { background: #738d54 url(../images/precyzyjne-wykonawstwo-icon.png) 50px center no-repeat; }
#main_contents_14 .header:before { background: #738d54; width: 30px; height: 30px; position: absolute; transform: rotate(45deg); bottom: -15px; left: 50%; margin-left: -15px; content: ''; }
#main_contents_15 .header { background: #3c8ea6 url(../images/wyjatkowa-trwalosc-icon.png) 50px center no-repeat; }
#main_contents_15 .header:before { background: #3c8ea6; width: 30px; height: 30px; position: absolute; transform: rotate(45deg); bottom: -15px; left: 50%; margin-left: -15px; content: ''; }
#main_contents_9 .header { background: #406bd7 url(../images/uslugi-icon.png) 50px center no-repeat; }
#main_contents_11 .header { background: #406bd7 url(../images/transport-icon.png) 50px center no-repeat; }
#main_contents_12 .header { background: #406bd7 url(../images/kontakt-icon.png) 50px center no-repeat; }
#main_contents_16 .header { background: #406bd7 url(../images/portfolio-icon.png) 50px center no-repeat; }
#main_contents_22 .header { background: #406bd7 url(../images/ciecie-plazmowe-icon.png) 50px center no-repeat; }
#main_contents_21 .header { background: #406bd7 url(../images/frezowanie-icon.png) 50px center no-repeat; }
#main_contents_20 .header { background: #406bd7 url(../images/prasy-krawedziowe-icon.png) 50px center no-repeat; }
#main_contents_19 .header { background: #406bd7 url(../images/ciecie-icon.png) 50px center no-repeat; }
#main_contents_18 .header { background: #406bd7 url(../images/ciecie-icon.png) 50px center no-repeat; }
#main_contents_17 .header { background: #406bd7 url(../images/ciecie-icon.png) 50px center no-repeat; }
#main_contents_9 .header:before, #main_contents_11 .header:before, #main_contents_12 .header:before, #main_contents_16 .header:before { background: #406bd7; width: 30px; height: 30px; position: absolute; transform: rotate(45deg); bottom: -15px; left: 50%; margin-left: -15px; content: ''; }


.cf:after { display: table; content: ''; clear: both; }

#homepage .home_image { float: left; margin-right: 1px; margin-bottom: 1px; width: 316px; height: 220px; position: relative; text-align: center; overflow: hidden; }
#homepage .home_image:nth-child(3n) { margin-right: 0; }
#homepage .home_image img { vertical-align: middle; position: absolute; top: 0; left: 0; transition: all 0.3s; }
#homepage .home_image .title { position: absolute; bottom: 0; font-size: 34px; color: #fff; text-transform: uppercase; z-index: 2; left: 50%; opacity: 0; transform: translateX(-50%); transition: all 2s; margin: 0; }
#homepage .home_image.loaded .title { opacity: 1; bottom: 25px; }
#homepage .home_image:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-position: center center; background-repeat: no-repeat; transition: all 0.5s; background-image: url(../images/loading.png); animation: 3s rotate1 infinite linear; }
#homepage .home_image.loaded:before { opacity: 0; }
#homepage .home_image a { display: block; }
#homepage .home_image:hover img { display: block; top: -100%; }
#homepage .home_image.i_1 { background: url(../images/indywidualne-zamowienia-bg.png) no-repeat; }
#homepage .home_image.i_1 a:before { background-image: url(../images/indywidualne-zamowienia-icon-s.png); }
#homepage .home_image.i_2 { background: url(../images/precyzyjne-wykonawstwo-bg.png) no-repeat; }
#homepage .home_image.i_2 a:before { background-image: url(../images/precyzyjne-wykonawstwo-icon-s.png); }
#homepage .home_image.i_3 { background: url(../images/wyjatkowa-trwalosc-bg.png) no-repeat; }
#homepage .home_image.i_3 a:before { background-image: url(../images/wyjatkowa-trwalosc-icon-s.png); }
#homepage .home_image.i_4 { background: url(../images/zapewniamy-transport-bg.png) no-repeat; }
#homepage .home_image.i_4 a:before { background-image: url(../images/park-maszyn-icon-s.png); }
#homepage .home_image.i_5 { background: url(../images/nasze-realizacje-bg.png) no-repeat; }
#homepage .home_image.i_5 a:before { background-image: url(../images/nasze-realizacje-icon-s.png); }
#homepage .home_image.i_6 { background: url(../images/park-maszyn-bg.png) no-repeat; }
#homepage .home_image.i_6 a:before { background-image: url(../images/zapewniamy-transport-icon-s.png); background-position: center 70px; }
#homepage .home_image a:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-position: center center; background-repeat: no-repeat; transition: all 1s; }
#homepage .home_image.loaded a:before { background-position: center 25px; }

#homepage .home_image_full_width { display: block; margin-bottom: 1px; position: relative; text-align: center; width: 100%; height: 197px; }
#homepage .home_image_full_width a { display: none; }
#homepage .home_image_full_width a:before { background: #fff; width: 30px; height: 30px; position: absolute; transform: rotate(45deg); top: -16px; left: 142px; content: ''; z-index: 5; }
#homepage .home_image_full_width:nth-child(2n) a:before { left: 462px; }
#homepage .home_image_full_width .title { position: absolute; top: 50%; font-size: 34px; color: #fff; text-transform: uppercase; z-index: 2; left: 50%; opacity: 0; transform: translateX(-50%) translateY(-50%); transition: all 2s; margin: 0; line-height: 32px;}
#homepage .home_image_full_width .title .small { display: block; font-size: 26px; margin: 0; }
#homepage .home_image_full_width.loaded .title { opacity: 1; }
#homepage .home_image_full_width img { width: 100%; vertical-align: middle; }
#homepage .home_image_full_width.i_1 { background: url(../images/park-maszyn-2-bg.png) no-repeat; }
#homepage .home_image_full_width.i_2 { background: url(../images/portfolio-bg.png) no-repeat; }
#homepage .home_image_full_width.i_3 { background: url(../images/transport-2-bg.png) no-repeat; }
#homepage .home_image_full_width.i_2 .title { font-size: 70px; }
#homepage .home_image_full_width img { transition: all 0.5s; }
#homepage .home_image_full_width:hover img { opacity: 0; }
#homepage img.ll { display: none; }
#homepage .text.iz_3 { background: #fff; padding: 25px; }
#homepage .text:after { display: table; content: ''; clear: both; }

#homepage .wrapper { position: relative; }
#homepage .slideshow { font-family: "HelveticaLtCn", sans-serif; }
#homepage .slideshow .photo { margin: 0 18px 30px 0; }
#homepage .slideshow .photo:nth-child(3n) { margin-right: 0; }
#homepage .slideshow .photo img { border-radius: 5px; }
#homepage p { margin-bottom: 25px; }
#homepage .content_main h2 { font-size: 32px; margin: 10px 40px; }
#homepage ul { margin-left: 25px; }

#bottom { background: #444; color: #d6d6d6; position: relative; font-size: 16px; height: 216px; }
#bottom a { color: #d6d6d6; }
#bottom p { float: left; margin: 20px 35px 20px 33px; line-height: 26px; }
#bottom .map_link { position: absolute; right: 0; margin: 0; }
#bottom .about { float: none; clear: both; color: #696969; font-size: 14px; margin-top: 35px; }
#author { font-size: 12px; line-height: 30px; text-align: right; margin-right: 40px;  }

/*#footer { float: right; text-align: right; font-size: 12px; margin-right: 30px; }*/
#cookies_policy { position: fixed; bottom: 0; width: 100%; text-align: center; padding: 10px 0; border-top: 1px #ccc solid; background: #fff; color: #000; font-size: 14px; }
#cookies_policy .close { float: right; margin: 0 5% 10px 20px; }
#cookies_policy a { color: #111f4e; }

@keyframes rotate1 {
  to { transform: rotate(360deg); }
}

@media screen and (max-width: 1000px){
}
@media screen and (max-width: 950px){
#top .menu { padding-top: 5px; line-height: 39px; }
#top .menu .menu_toggle { cursor: pointer; display: block; width: auto; }
#top .menu ul { display: none; }
#top .menu ul li { display: block; background: none; margin: auto; width: auto; border-bottom: 1px solid #898989; }
#top .menu > ul > li.i_0 { width: auto; }
#top .menu > ul > li.i_3 { width: auto; }
#top .menu ul li a { padding-left: 10px; background: none; }
#top .menu > ul > li:hover{ background: none; }
#top .menu > ul > li.active > a, #top .menu > ul > li:hover > a { background: none; }
#top .menu ul li:hover a, #top .menu > ul > li ul li:hover a { color: #444; }
#top .menu ul ul { position: static; padding-top: 22px; background: none; line-height: 28px; width: auto; white-space: nowrap; transition: all 0s; opacity: 1; visibility: visible; padding: 0; }
#top .menu ul ul li a { background: none; padding-top: 0; padding-bottom: 0; }
#top .menu ul ul li.first_item a { padding-top: 0; }
#top .menu ul ul li.last_item a { padding-bottom: 0; }
#top .menu > ul > li ul li.active a, #top .menu > ul > li ul li:hover a { background: none; color: #000; }
}
@media screen and (max-width: 850px){
#homepage .home_image { margin: auto; float: none; margin-right: -3px; display: inline-block; }
#homepage .text.iz_1 { text-align: center; }
#homepage .text.iz_2 { display: none; }
#bottom .map_link { display: none; }
.main_contents_subpage .header { padding: 20px !important; background-image: none !important; }
}
@media screen and (max-width: 760px){
#top .logo { float: none; }
#top .logo a { margin: auto; }
#top .langs { position: relative; text-align: center; margin-top: 55px; }
#top .soc_links { margin-top: 55px; }
#homepage { padding-top: 52px; }
#homepage .slideshow .links span { display: block; }
#homepage .slideshow .links a { width: 50%; }
#homepage h1 { line-height: 45px; }
}
@media screen and (max-width: 620px){
#bottom { height: auto; padding: 5px 0; }
}
@media screen and (max-width: 550px){
}
@media screen and (max-width: 450px){
#bottom p { float: none; margin: 20px 33px; line-height: 26px; }
}