@charset "UTF-8";
/* Reset */
@import "reset.css";
/* Ustawienia globalne
---------------------------------------------------------------------------------------------------- */
body {
background: #fff;
width: 100%;
height: 100%;
}
body a {
text-decoration: none;
}
* {
outline: 0;
}
.last {margin-right: 0 !important;}
.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; }
.clear { zoom: 1; }
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both; }
.clearfix {*zoom: 1;}
.strong { font-weight: 700;}
.nopaddingtop {padding-top: 0 !important;}
.nopaddingbottom {padding-bottom: 0 !important;}
.floatleft {float: left !important;}
.nomargintop {margin-top: 0 !important;}
.pnomarginright {margin-right: 0 !important;}
.nomarginbottom {margin-bottom: 0 !important;}
.nopaddingright {padding-right: 0 !important;}
.justify {text-align: justify;}
.center {text-align: center;}
.hide, .wyskakujace_okno {display: none !important;}
.center-align {
text-align: center;
display: block;
}
.content {
width: 1200px;
margin: 0 auto;
position: relative;
}
#fixed-zamow {
position: fixed;
display: flex;
flex-direction: row;
height: 230px;
width: 629px;
right: -559px;
top: 250px;
z-index: 10;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#fixed-zamow-home {
position: absolute;
display: flex;
flex-direction: row;
height: 230px;
width: 629px;
top: 500px;
z-index: 10;
right: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#fixed-zamow .btn, #fixed-zamow-home .btn {
margin: 46px 10px 0 0;
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#fixed-zamow .btn img, #fixed-zamow-home .btn img {
height: 92px;
}
#fixed-zamow .link img, #fixed-zamow-home .link img {
height: 230px;
}
#fixed-zamow.home .btn {
opacity: 0;
}
#fixed-zamow.open {
right: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#fixed-search {
position: fixed;
height: 92px;
width: 320px;
background: #e41b12;
right: -250px;
top: 170px;
z-index: 999;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#fixed-search.open {
right: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#fixed-search form {
display: inline-block;
margin: 28px 0 0 18px;
}
#search-btn {
width: 45px;
height: 45px;
display: inline-block;
margin: 25px 0 0 12px;
border: none;
outline: none;
vertical-align: top;
background: url("../grafika/search-ico.png") 0 0 no-repeat;
}
#fixed-search .pole1 {
display: inline-block;
margin: 0 6px 0 6px;
vertical-align: top;
}
#fixed-search .pole1 input {
background: #fff;
height: 40px;
width: 125px;
border: none;
color: #848484;
font: 300 14px/14px "Open Sans",sans-serif;
padding: 0 5px 0 10px;
}
#fixed-search .pole1 input.de {
width: 116px;
}
#fixed-search .pole1 input.fr {
width: 108px;
}
#fixed-search .pole1 input.it {
width: 108px;
}
#fixed-search .pole2 {
display: inline-block;
vertical-align: top;
}
#fixed-search .pole2 input {
border: none;
outline: none;
background: #15384b;
height: 40px;
color: #fff;
padding: 0 18px 0 18px;
font: 600 14px/14px "Open Sans",sans-serif;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#fixed-search .pole2 input:hover {
background: #afb6bd;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#catalog-fixed {
position: fixed;
width: 60px;
height: 92px;
display: block;
padding: 14px 0 0 30px;
background: #2d9be8;
right: -20px;
z-index: 999;
top: 280px;
text-align: left;
color: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
font: 700 18px/18px "Open Sans",sans-serif;
}
#catalog-fixed:after {
width: 45px;
height: 41px;
position: absolute;
top: 38px;
left: 14px;
content: '';
background: url("../grafika/katalog-ico2.png") 0 0 no-repeat;
}
#catalog-fixed:hover {
right: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
/* Header
---------------------------------------------------------------------------------------------------- */
#main-wrapper {
width: 100%;
height: 826px;
position: relative;
min-width: 1200px;
z-index: 1;
}
#main-wrapper .arrow-down {
position: absolute;
left: 50%;
width: 64px;
height: 64px;
margin-left: -32px;
background: url("../grafika/romb-bg2.png") 0 0 no-repeat;
z-index: 99;
top: 794px;
outline: none;
}
#main-wrapper .arrow-down img {
width: 17px;
height: 19px;
position: absolute;
left: 50%;
margin-left: -9px;
top: 22px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-wrapper .arrow-down:hover img {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
top: 28px;
}
#main-wrapper .back_pic {
height: 826px;
float: left;
}
#main-wrapper .back_pic .videooverlay {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
#wrapper_content {
position: relative;
height: 826px;
width: 100%;
float: left;
left: 0 !important;
overflow: hidden;
}
#wrapper_content .back_pic {
float: left;
display: block;
position: relative;
z-index: 95;
}
#wrapper_content .slider-info {
margin: 250px 0;
display: block;
width: 880px;
text-align: left;
position: relative;
padding: 0 0 0 0;
}
#wrapper_content .slider-info .big-text {
color: #fff;
font: 700 72px/80px "Open Sans",sans-serif;
display: block;
margin: 0 0 42px 0;
text-shadow: -1px 2px 0 rgba(0, 0, 0, 0.32);
}
#wrapper_content .slider-info .small-text {
color: #fff;
font: 600 18px/24px "Open Sans",sans-serif;
display: block;
margin: 0 0 55px 0;
text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.32);
}
#wrapper_content .slider-info .more-btn {
background: #fff;
margin: 0 0 0 0;
font: 300 16px/16px "Open Sans",sans-serif;
padding: 13px 72px 13px 32px;
color: #0d7ecd;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#wrapper_content .slider-info .more-btn:before {
content: '';
width: 19px;
height: 17px;
position: absolute;
opacity: 1;
top: 18px;
right: 30px;
background: url("../grafika/more-arrow.png") 0 0 no-repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#wrapper_content .slider-info .more-btn:after {
content: '';
width: 19px;
height: 17px;
position: absolute;
opacity: 0;
top: 18px;
right: 30px;
background: url("../grafika/more-arrow.png") 0 -19px no-repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#wrapper_content .slider-info .more-btn:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: #e41b12;
color: #fff;
}
#wrapper_content .slider-info .more-btn:hover:before {
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#wrapper_content .slider-info .more-btn:hover:after {
opacity: 1;
right: 20px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-header {
/* width: 1200px;*/
width: 100%;
min-width: 1200px;
height: 144px;
display: block;
margin: 0 auto;
position: absolute;
z-index: 150;
top: 1px;
left: 0;
/* margin-left: -600px;*/
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-header.header-fixed {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
top: 0;
height: 92px;
background: #181818;
opacity: 0.9;
z-index: 9999;
}
#main-header.header-fixed nav {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
margin: 38px 0 0 0 !important;
}
#main-header.header-fixed nav ul li ul li .column a {
padding: 7px 0 7px 0 !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-header.header-fixed nav ul li ul li a {
padding: 7px 0 7px 0 !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-header.header-fixed nav ul li a {
padding-bottom: 34px !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-header.header-fixed nav ul li div a {
padding-bottom: 7px !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-header.header-fixed nav a:after {
bottom: 0 !important;
opacity: 1 !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-header.header-fixed .right-side {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
height: 92px;
z-index: 9999;
}
#main-header.header-fixed .logo {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
overflow: hidden;
margin: 24px 0 0 0;
}
#main-header.header-fixed .logo img {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
width: auto;
height: 36px;
}
#main-header.header-fixed .right-side nav:after {
display: none;
}
#main-header.header-fixed .right-side #header-icos {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
top: -60px;
}
#main-header .logo {
display: block;
margin: 48px 0 0 0;
float: left;
width: auto;
height: 50px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-header .logo img {
width: auto;
height: 50px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-header .right-side {
float: right;
display: block;
height: 145px;
width: 920px;
}
#main-header .right-side {
float: right;
display: block;
height: 145px;
width: 920px;
}
#main-header .right-side nav {
display: block;
margin: 74px 0 0 0;
float: right;
padding: 0 0 36px 0;
position: relative;
}
#main-header .right-side nav ul {
list-style: none;
}
#main-header .right-side nav ul li {
display: inline-block;
margin: 0 6px 0 6px;
position: relative;
}
#main-header .right-side nav ul li a {
padding: 28px 22px 32px 22px;
position: relative;
color: #fff;
font: 700 14px/14px "Open Sans",sans-serif;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-header .right-side nav ul li:hover a, #main-header .right-side nav a.active {
background: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
color: #222222;
-webkit-box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.2);
}
#main-header .right-side nav a:before, #main-header .right-side nav a.active:before {
content: '';
position: absolute;
left: 50%;
bottom: 4px;
width: 10px;
height: 0;
margin-left: -5px;
background: url("../grafika/nav-arrow.png") no-repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-header .right-side nav ul li:hover a:before, #main-header .right-side nav a.active:before {
height: 12px;
bottom: 10px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#header-icos {
position: absolute;
right: 0;
top: 15px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#header-icos .social-icos {
display: inline-block;
vertical-align: top;
margin: 0 0 0 0;
padding: 0 17px 0 0;
border-right: 1px solid #fff;
}
#header-icos .social-icos .ico {
display: inline-block;
width: 26px;
height: 26px;
vertical-align: top;
margin: 0 2px 0 2px;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#header-icos .social-icos .ico:before {
content: '';
width: 26px;
height: 26px;
position: absolute;
left: 0;
top: 0;
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#header-icos .social-icos .ico:after {
content: '';
width: 26px;
height: 26px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#header-icos .social-icos .ico:hover:before {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
#header-icos .social-icos .ico:hover:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
#header-icos .social-icos .fb-ico:before {
background: url("../grafika/fb-ico.png") 0 0 no-repeat;
}
#header-icos .social-icos .fb-ico:after {
background: url("../grafika/fb-ico.png") 0 -30px no-repeat;
}
#header-icos .social-icos .yt-ico:before {
background: url("../grafika/yt-ico.png") 0 0 no-repeat;
}
#header-icos .social-icos .yt-ico:after {
background: url("../grafika/yt-ico.png") 0 -30px no-repeat;
}
#header-icos .social-icos .in-ico:before {
background: url("../grafika/in-ico.png") 0 0 no-repeat;
}
#header-icos .social-icos .in-ico:after {
background: url("../grafika/in-ico.png") 0 -30px no-repeat;
}
#header-icos .social-icos .google-ico:before {
background: url("../grafika/google-ico.png") 0 0 no-repeat;
}
#header-icos .social-icos .google-ico:after {
background: url("../grafika/google-ico.png") 0 -30px no-repeat;
}
#header-icos .language-icos {
display: inline-block;
vertical-align: top;
margin: 0 0 0 0;
padding: 0 0 0 17px;
}
#header-icos .language-icos .ico {
display: inline-block;
width: 26px;
height: 26px;
vertical-align: top;
margin: 0 2px 0 2px;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#header-icos .language-icos .ico:hover:before {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
#header-icos .language-icos .ico:hover:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
#header-icos .language-icos .ico.active:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
#header-icos .language-icos .ico:before {
content: '';
width: 26px;
height: 26px;
position: absolute;
left: 0;
top: 0;
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#header-icos .language-icos .ico:after {
content: '';
width: 26px;
height: 26px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#header-icos .language-icos .pl-ico:before {
background: url("../grafika/jezyki/pl.png") 0 0 no-repeat;
}
#header-icos .language-icos .pl-ico.active:after {
background: url("../grafika/jezyki/pl.png") 0 -30px no-repeat;
}
#header-icos .language-icos .pl-ico:after {
background: url("../grafika/jezyki/pl.png") 0 -30px no-repeat;
}
#header-icos .language-icos .en-ico:before {
background: url("../grafika/jezyki/en.png") 0 0 no-repeat;
}
#header-icos .language-icos .en-ico:after {
background: url("../grafika/jezyki/en.png") 0 -30px no-repeat;
}
#header-icos .language-icos .fr-ico:before {
background: url("../grafika/jezyki/fr.png") 0 0 no-repeat;
}
#header-icos .language-icos .fr-ico:after {
background: url("../grafika/jezyki/fr.png") 0 -30px no-repeat;
}
#header-icos .language-icos .de-ico:before {
background: url("../grafika/jezyki/de.png") 0 0 no-repeat;
}
#header-icos .language-icos .de-ico:after {
background: url("../grafika/jezyki/de.png") 0 -30px no-repeat;
}
#header-icos .language-icos .ru-ico:before {
background: url("../grafika/jezyki/ru.png") 0 0 no-repeat;
}
#header-icos .language-icos .ru-ico:after {
background: url("../grafika/jezyki/ru.png") 0 -30px no-repeat;
}
#header-icos .language-icos .it-ico:before {
background: url("../grafika/jezyki/it.png") 0 0 no-repeat;
}
#header-icos .language-icos .it-ico:after {
background: url("../grafika/jezyki/it.png") 0 -30px no-repeat;
}
#header-icos .language-icos .es-ico:before {
background: url("../grafika/jezyki/es.png") 0 0 no-repeat;
}
#header-icos .language-icos .es-ico:after {
background: url("../grafika/jezyki/es.png") 0 -30px no-repeat;
}
/* Strona Główna - Top - Menu rozwijane
---------------------------------------------------------------------------------------------------- */
nav ul li .expand-nav {
overflow: hidden;
position: absolute;
margin-top: 32px;
z-index: 9999;
margin-right: 0;
opacity: 0;
height: 0;
padding: 0 0 0 0;;
left: 0;
background: #fff;
-webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.15);
width: 195px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
nav ul li:hover .expand-nav {
opacity: 1;
height: auto;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
padding: 15px 15px 15px 15px;;
}
#main-header .right-side nav ul li:hover .expand-nav a {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
border: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
nav ul li .expand-nav a {
padding: 7px 10px 7px 10px !important;
font: 300 15px/20px "Open Sans", sans-serif !important;
color: #222222 !important;
text-align: left;
text-transform: none !important;
text-decoration: none;
outline: none;
border: none;
float: none;
display: block;
}
nav ul li .expand-nav a:hover {
background: #f4f4f4 !important;
}
nav ul li .expand-nav a:before {
content: '';
display: none !important;
}
nav ul li .expand-nav a:after {
content: '';
display: none !important;
}
#offer-li:hover #offer-nav {
opacity: 1;
height: auto;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
padding: 35px 40px 35px 40px;
}
#offer-nav {
overflow: hidden;
position: absolute;
margin-top: 32px;
z-index: 9999;
margin-right: 0;
opacity: 0;
height: 0;
padding: 0 0 0 0;
margin-left: -232px;
left: 50%;
background: #fff;
-webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.15);
width: 440px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#offer-nav .column {
display: inline-block;
width: 182px;
vertical-align: top;
margin: 0 15px 0 15px;
}
#offer-nav .column .kat:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
color: #e41b12 !important;
background: none !important;
}
#offer-nav .column .kat {
display: block;
text-transform: uppercase !important;
color: #222222;
margin: 0 0 16px 0;
padding: 0 0 0 0 !important;
font: 700 14px/20px "Open Sans", sans-serif !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#offer-nav .column a {
display: block;
padding: 7px 7px 7px 20px !important;
font: 300 15px/20px "Open Sans", sans-serif !important;
color: #222222 !important;
text-transform: none !important;
text-align: left;
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#offer-nav .column a .square {
height: 10px;
left: 0;
position: absolute;
top: 12px;
width: 10px;
}
#main-header .right-side nav ul li#offer-li:hover a {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
border: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
#offer-nav .column a:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: #f4f4f4 !important;
border: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
#offer-nav .column a:before {
content: '';
height: 0 !important;
display: none !important;
}
#offer-nav .column a:after {
content: '';
height: 0 !important;
display: none !important;
}
div#pag {
overflow: hidden;
outline: 0;
height: 35px;
position: absolute;
z-index: 110;
right: 0;
top: 780px;
}
div#pag a {
background: url("../grafika/top/pag.png") 0 -0 no-repeat transparent;
display: inline-block;
height: 12px;
text-indent: -9999px;
width: 12px;
padding: 0 3px;
outline: medium none;
margin: 12px 4px 10px 4px;
}
div#pag a.selected {
background-position: 0 -14px;
cursor: default;
outline: none;
}
#main-header .right-side .languages {
position: absolute;
right: 0;
top: 0;
width: auto;
height: auto;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-header .right-side .languages p {
display: inline-block;
color: #fff;
font: 400 12px/12px "Lato",sans-serif;
vertical-align: top;
margin: 15px 0 0 0;
}
#main-header .right-side .languages .language-btn {
color: #fff;
font: 700 18px/18px "Lato",sans-serif;
position: relative;
width: 55px;
padding: 0 0 0 8px;
outline: none;
text-align: left;
margin: 12px 0 0 0;
display: inline-block;
background: transparent;
border: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-header .right-side .languages .language-btn:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
color: #ff3c41;
}
#main-header .right-side .languages .language-btn:hover:before {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
#main-header .right-side .languages .language-btn:hover:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
#main-header .right-side .languages .language-btn:before {
content: '';
width: 13px;
height: 13px;
position: absolute;
opacity: 1;
background: url('../grafika/lang-arrow.png') 0 0 no-repeat;
right: 6px;
top: 3px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-header .right-side .languages .language-btn:after {
content: '';
width: 13px;
height: 13px;
position: absolute;
opacity: 0;
background: url('../grafika/lang-arrow.png') 0 -15px no-repeat;
right: 6px;
top: 3px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-header .right-side .languages .language-content {
list-style: none;
width: 70px;
padding: 2px 0 4px 14px;
margin: 0 0 0 0;
position: relative;
display: none;
opacity: 0;
z-index: 30;
text-align: right;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-header .right-side .languages .language-content.open {
opacity: 1;
display: block;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-header .right-side .languages .language-content li a {
color: #fff;
font: 700 18px/18px "Lato",sans-serif;
padding: 3px 0 3px 0;
display: block;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-header .right-side .languages .language-content li a:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
color: #4b4b4c;
}
/* Main offer
---------------------------------------------------------------------------------------------------- */
#main-offer {
width: 100%;
padding: 60px 0 60px 0;
position: relative;
background: #fff;
min-width: 1200px;
z-index: 0;
}
#main-offer .naglowek {
text-align: center;
color: #222222;
display: block;
font: 400 24px/30px "Open Sans",sans-serif;
margin: 0 0 35px 0;
}
#main-offer .offer-box {
display: inline-block;
margin: 0 13px 0 13px;
vertical-align: top;
width: 370px;
text-align: center;
padding: 0 0 0 0;
position: relative;
border-top: 1px solid #e8e8e8;
overflow: hidden;
}
#main-offer .offer-box img.product-pic {
width: 370px;
height: 268px;
}
#main-offer .offer-box .nowosc {
position: absolute;
left: 5px;
top: 0;
width: 44px;
height: 215px;
background: url('../grafika/bg-nowosc.png') 0 0 no-repeat;
color: #fff;
text-transform: uppercase;
}
#main-offer .offer-box .na-zapytanie {
position: absolute;
left: 5px;
top: 0;
width: 44px;
height: 215px;
background: url('../grafika/bg-na-zapytanie.png') 0 0 no-repeat;
color: #fff;
text-transform: uppercase;
}
#main-offer .offer-box .odstep {
left: 54px
}
#main-offer .offer-box .nowosc.en,
#main-offer .offer-box .na-zapytanie.en {
top: -60px;
}
#main-offer .offer-box .nowosc.pl,
#main-offer .offer-box .na-zapytanie.pl {
top: -50px;
}
#main-offer .offer-box .nowosc.de,
#main-offer .offer-box .na-zapytanie.de {
top: -50px;
}
#main-offer .offer-box .nowosc.fr,
#main-offer .offer-box .na-zapytanie.fr {
top: -50px;
}
#main-offer .offer-box .nowosc.it,
#main-offer .offer-box .na-zapytanie.it {
top: -65px;
}
#main-offer .offer-box .nowosc.es,
#main-offer .offer-box .na-zapytanie.es {
top: -70px;
}
#main-offer .offer-box .nowosc.ru,
#main-offer .offer-box .na-zapytanie.ru {
top: -60px;
}
#main-offer .offer-box .nowosc .podpis {
transform: rotate(270deg);
width: 133px;
height: 44px;
display: block;
position: absolute;
left: -30px;
top: 85px;
font: 700 14px/14px "Open Sans",sans-serif;
text-align: left;
}
#main-offer .offer-box .na-zapytanie .podpis {
transform: rotate(270deg);
width: 133px;
height: 44px;
display: block;
position: absolute;
left: -30px;
top: 85px;
font: 700 14px/14px "Open Sans",sans-serif;
text-align: left;
}
#main-offer .offer-box hr {
border-top: 1px solid #e8e8e8;
border-bottom: none;
margin: 0 0 22px 0;
}
#main-offer .offer-box .product-name {
text-align: center;
display: block;
text-transform: uppercase;
color: #222222;
margin: 0 0 8px 0;
font: 400 24px/30px "Open Sans",sans-serif;
}
#main-offer .offer-box .product-category {
text-align: center;
display: block;
margin: 0 0 18px 0;
}
#main-offer .offer-box .product-category span {
display: inline-block;
vertical-align: super;
}
#main-offer .offer-box .product-category span.category {
text-transform: uppercase;
color: #222222;
font: 400 12px/16px "Open Sans",sans-serif;
}
#main-offer .offer-box .offer-more {
padding: 10px 62px 10px 26px;
margin: 0 auto 0;
background: #2d9be8;
color: #fff;
position: relative;
font: 300 16px/16px "Open Sans",sans-serif;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
display: inline-block;
}
#main-offer .offer-box .offer-more:after {
content: '';
width: 19px;
height: 17px;
position: absolute;
top: 10px;
right: 25px;
background: url('../grafika/white-arrow2.png') 0 0 no-repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-offer .offer-box:hover .offer-more {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: #e41b12;
}
#main-offer .offer-box:hover .offer-more:after {
right: 18px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
/* Main offer
---------------------------------------------------------------------------------------------------- */
#technology-grey {
width: 100%;
padding: 60px 0 60px 0;
position: relative;
background: #eff0f0;
min-width: 1200px;
z-index: 0;
}
#technology-grey .naglowek {
text-align: center;
color: #222222;
display: block;
font: 400 24px/30px "Open Sans",sans-serif;
margin: 0 0 35px 0;
}
#technology-grey .technology-box {
display: inline-block;
margin: 0 13px 0 13px;
border: 2px solid #fff;
width: 266px;
height: 266px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
padding: 0 0 0 0;
position: relative;
}
#technology-grey .technology-box:hover {
background: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#technology-grey .technology-box:hover .technology-title {
top: 55px;
margin-top: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#technology-grey .technology-box .technology-title {
margin: -29px 0 0 -108px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
color: #2d9be8;
overflow: hidden;
position: absolute;
top: 50%;
height: 58px;
font: 600 20px/28px "Open Sans",sans-serif;
width: 216px;
left: 50%;
}
#technology-grey .technology-box:hover .technology-title {
vertical-align: top;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
color: #222222;
}
#technology-grey .technology-box .hidden-content {
overflow: hidden;
position: absolute;
width: 216px;
left: 50%;
bottom: 50px;
margin-left: -108px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
height: 0;
}
#technology-grey .technology-box:hover .hidden-content {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
height: 90px;
}
#technology-grey .technology-box .hidden-content .text {
color: #222222;
font: 300 14px/20px "Open Sans",sans-serif;
display: block;
overflow: hidden;
height: 38px;
margin: 0 0 32px 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#technology-grey .technology-box .hidden-content .purple-arrow {
margin: 0 auto 0;
width: 17px;
height: 19px;
display: block;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: url('../grafika/purple-arrow.png') 0 0 no-repeat;
}
/* Main offer
---------------------------------------------------------------------------------------------------- */
#main-offer {
width: 100%;
padding: 150px 0 150px 0;
height: 169px;
position: relative;
background: #fff;
z-index: 0;
overflow: hidden;
}
#main-offer.de {
height: 80px;
padding: 0;
}
#main-offer .left:before {
content: '';
position: absolute;
height: 169px;
width: 500px;
background: url("../grafika/bg_mono_left.png") no-repeat;
left: 0;
top: 0;
}
#main-offer .left:after {
content: '';
position: absolute;
height: 169px;
width: 150px;
background: url("../grafika/bg_mono_right.png") no-repeat;
right: -86px;
top: 0;
}
#main-offer .left {
position: absolute;
height: 169px;
width: 44%;
background: url("../grafika/bg_mono.png") repeat-x;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-offer .left:hover > span {
margin-right: 20px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-offer .left:hover span > span {
margin-right: 20px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-offer .left > span {
position: absolute;
top: 40px;
right: 100px;
color: #fff;
text-transform: uppercase;
font: 300 36px/40px "Open Sans",sans-serif;
width: 420px;
text-align: right;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-offer .left span > span {
font: 600 36px/40px "Open Sans",sans-serif;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-offer .right:after {
content: '';
position: absolute;
height: 169px;
width: 150px;
background: url("../grafika/bg_poly_left.png") no-repeat;
left: -86px;
top: 0;
}
#main-offer .right:before {
content: '';
position: absolute;
height: 169px;
width: 500px;
background: url("../grafika/bg_poly_right.png") no-repeat;
right: 0;
top: 0;
}
#main-offer .right {
position: absolute;
width: 44%;
height: 169px;
background: url("../grafika/bg_poly.png") repeat-x;
right: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-offer .right:hover > span,
#main-offer .right:hover span > span {
margin-left: 20px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-offer .right > span {
position: absolute;
top: 40px;
left: 100px;
color: #fff;
text-transform: uppercase;
font: 300 36px/40px "Open Sans",sans-serif;
width: 380px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-offer .right span > span {
font: 600 36px/40px "Open Sans",sans-serif;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-offer p {
font: 300 16px/26px "Open Sans",sans-serif;
display: block;
margin: 0 0 54px 0;
text-align: center;
color: #646565;
}
#main-offer .download-item {
display: inline-block;
width: 396px;
margin: 0 0 0 0;
position: relative;
}
#main-offer .download-item a {
display: block;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
padding: 88px 0 0 0;
}
#main-offer .download-item a .ico {
width: 50px;
height: 46px;
position: absolute;
top: 12px;
left: 50%;
margin-left: -25px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-offer .download-item a:hover .ico {
top: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-offer .download-item a .ico:before {
content: '';
width: 50px;
height: 46px;
position: absolute;
left: 0;
top: 0;
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-offer .download-item a .ico:after {
content: '';
width: 50px;
height: 46px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-offer .download-item a:hover .ico:before {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
#main-offer .download-item a:hover .ico:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
#main-offer .download-item a .katalog:after {
background: url('../grafika/katalog-ico.png') 0 0 no-repeat;
}
#main-offer .download-item a .katalog:before {
background: url('../grafika/katalog-ico.png') 0 -46px no-repeat;
}
#main-offer .download-item a .ulotki:after {
background: url('../grafika/ulotki-ico.png') 0 0 no-repeat;
}
#main-offer .download-item a .ulotki:before {
background: url('../grafika/ulotki-ico.png') 0 -46px no-repeat;
}
#main-offer .download-item a .dokumenty:after {
background: url('../grafika/dokumenty-ico.png') 0 0 no-repeat;
}
#main-offer .download-item a .dokumenty:before {
background: url('../grafika/dokumenty-ico.png') 0 -46px no-repeat;
}
#main-offer .download-item a p {
text-transform: uppercase;
color: #2d9be8;
font: 700 18px/24px "Open Sans",sans-serif;
display: block;
margin: 0 0 0 0;
}
/* Main about
---------------------------------------------------------------------------------------------------- */
#main-about {
width: 100%;
padding: 60px 0 60px 0;
position: relative;
background: #fff;
min-width: 1200px;
z-index: 0;
}
#main-about .about-text {
float: left;
display: block;
width: 564px;
}
#main-about.de .about-text {
width: 100%;
}
#main-about .about-text .naglowek {
color: #414647;
font: 400 24px/32px "Open Sans",sans-serif;
display: block;
margin: 0 0 34px 0;
}
#main-about .about-text p {
color: #646565;
font: 300 16px/24px "Open Sans",sans-serif;
display: block;
margin: 0 0 30px 0;
}
#main-about .about-text .more-btn {
background: #afb6bd none repeat scroll 0 0;
color: #fff;
display: inline-block;
font: 300 16px/16px "Open Sans",sans-serif;
margin: 5px auto;
padding: 9px 62px 12px 26px;
position: relative;
transition: all 0.3s ease 0s;
}
#main-about .about-text .more-btn:hover {
background: #e41b12;
transition: all 0.3s ease 0s;
}
#main-about .about-text .more-btn:before {
background: rgba(0, 0, 0, 0) url("../grafika/white-arrow2.png") no-repeat scroll 0 0;
content: "";
height: 17px;
position: absolute;
right: 25px;
top: 11px;
transition: all 0.3s ease 0s;
width: 19px;
}
#main-about .about-text .more-btn:hover:before {
transition: all 0.3s ease 0s;
right: 15px;
}
#main-about iframe {
float: right;
display: block;
width: 600px;
height: 338px;
}
#main-about.de iframe {
display: none;
}
#main-about .about-pic {
float: right;
display: block;
width: 600px;
height: 400px;
}
/* Main realizacje
---------------------------------------------------------------------------------------------------- */
#main-realizacje {
width: 100%;
padding: 60px 0 60px 0;
position: relative;
background: #eff0f0;
min-width: 1200px;
z-index: 0;
}
#main-realizacje .naglowek {
text-align: center;
color: #222222;
display: block;
font: 400 24px/30px "Open Sans",sans-serif;
margin: 0 0 35px 0;
}
#main-realizacje .realizacje-item {
display: inline-block;
width: 370px;
margin: 0 13px 0 13px;
padding: 0 0 30px 0;
position: relative;
border-bottom: 1px solid #d6d6d6;
vertical-align: top;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-realizacje .realizacje-pic {
position: relative;
display: block;
margin: 0 0 25px 0;
width: 370px;
height: 268px;
}
#main-realizacje .realizacje-pic img {
width: 370px;
height: 268px;
position: absolute;
top: 0;
left: 0;
}
#main-realizacje .realizacje-item:hover .realizacje-pic .overlay {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
#main-realizacje .realizacje-item .realizacje-pic .overlay {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
width: 370px;
height: 268px;
position: absolute;
left: 0;
top: 0;
background: url("../grafika/overlay-bg.png") repeat scroll 0 0;
}
#main-realizacje .realizacje-item .realizacje-pic .ico {
background: rgba(0, 0, 0, 0) url("../grafika/gal-ico.png") repeat scroll 0 0;
height: 0;
left: 50%;
margin-left: -45px;
margin-top: -45px;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
width: 0;
}
#main-realizacje .realizacje-item:hover .realizacje-pic .ico {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
width: 90px;
height: 90px;
opacity: 1;
}
#main-realizacje .realizacje-item .podpis {
color: #222222;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
font: 300 16px/26px "Open Sans",sans-serif;
text-align: center;
display: block;
overflow: hidden;
height: 58px;
margin: 0 0 15px 0;
padding: 0 0 0 0;
}
#main-realizacje .realizacje-item:hover .purple-arrow {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-realizacje .realizacje-item .purple-arrow {
position: absolute;
display: block;
width: 10px;
height: 12px;
left: 50%;
margin-left: -5px;
bottom: 15px;
background: url("../grafika/purple-arrow2.png") no-repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-realizacje .realizacje-item:hover .purple-arrow {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
bottom: 24px;
}
/* Dane kontaktowe
---------------------------------------------------------------------------------------------------- */
#main-slogan {
width: 100%;
min-width: 1200px;
background: url('../grafika/parallax/paralax02.jpg') 50% center no-repeat;
background-size: cover;
overflow: hidden;
height: 500px;
position: relative;
z-index: 0;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#main-slogan.de {
background: url('../grafika/kolo.jpg') 50% center no-repeat;
}
#main-slogan iframe {
width: 100%;
min-width: 1200px;
height: 582px;
margin-top: -2px;
}
/* Parallax
---------------------------------------------------------------------------------------------------- */
#main-parallax {
width: 100%;
min-width: 1200px;
background: url('../grafika/parallax-bg.jpg') 50% center no-repeat fixed;
background-size: cover;
overflow: hidden;
height: 300px;
position: relative;
z-index: 0;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#main-parallax.de {
background: url('../grafika/pompy-ciepla-parallax.jpg') 50% center no-repeat fixed;
}
#main-parallax .left-side {
float: left;
display: block;
width: 480px;
padding: 80px 30px 0 30px;
}
#main-parallax .right-side {
float: right;
display: block;
width: 540px;
padding: 80px 30px 0 30px;
}
#main-parallax .left-side img, #main-parallax .right-side img {
width: 84px;
height: 61px;
display: block;
margin: 0 auto 0;
}
#main-parallax .right-side .podpis, #main-parallax .left-side .podpis {
color: #fff;
text-transform: uppercase;
font: 300 42px/46px "Open Sans",sans-serif;
display: block;
text-align: center;
}
#main-parallax .right-side .podpis.de, #main-parallax .left-side .podpis.de {
font: 300 40px/46px "Open Sans",sans-serif;
}
#main-parallax .right-side .podpis.es, #main-parallax .left-side .podpis.es {
font: 300 35px/40px "Open Sans",sans-serif;
}
#main-parallax .right-side .podpis.fr, #main-parallax .left-side .podpis.fr {
font: 300 33px/40px "Open Sans",sans-serif;
}
#main-parallax .right-side .podpis.ru, #main-parallax .left-side .podpis.ru {
font: 300 24px/36px "Open Sans",sans-serif;
}
#main-parallax .right-side .podpis strong, #main-parallax .left-side .podpis strong {
font-weight: 700;
}
#main-parallax .right-side .opis, #main-parallax .left-side .opis {
color: #fff;
font: 300 15px/26px "Open Sans",sans-serif;
display: block;
text-align: center;
}
#main-parallax .right-side .more-btn, #main-parallax .left-side .more-btn {
background: #fff;
margin: 30px auto 0;
display: block;
width: 136px;
font: 300 16px/16px "Open Sans",sans-serif;
padding: 14px 52px 15px 32px;
color: #0d7ecd;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-parallax .right-side .more-btn.fr, #main-parallax .left-side .more-btn.fr {
font: 300 16px/22px "Open Sans",sans-serif;
}
#main-parallax .right-side .more-btn:before, #main-parallax .left-side .more-btn:before {
content: '';
width: 19px;
height: 17px;
position: absolute;
opacity: 1;
top: 16px;
right: 30px;
background: url("../grafika/more-arrow.png") 0 0 no-repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-parallax .right-side .more-btn.fr:before, #main-parallax .left-side .more-btn.fr:before {
top:30px;
}
#main-parallax .right-side .more-btn.ru:before, #main-parallax .left-side .more-btn.ru:before {
top:24px;
}
#main-parallax .right-side .more-btn:after, #main-parallax .left-side .more-btn:after {
content: '';
width: 19px;
height: 17px;
position: absolute;
opacity: 0;
top: 16px;
right: 30px;
background: url("../grafika/more-arrow.png") 0 -19px no-repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-parallax .right-side .more-btn.fr:after, #main-parallax .left-side .more-btn.fr:after {
top:30px;
}
#main-parallax .right-side .more-btn.ru:after, #main-parallax .left-side .more-btn.ru:after {
top:24px;
}
#main-parallax .right-side .more-btn:hover:before, #main-parallax .left-side .more-btn:hover:before {
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#main-parallax .right-side .more-btn:hover:after, #main-parallax .left-side .more-btn:hover:after {
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
right: 20px;
}
#main-parallax .right-side .more-btn:hover, #main-parallax .left-side .more-btn:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: #e41b12;
color: #fff;
}
/* Jbg-2-Group
---------------------------------------------------------------------------------------------------- */
#jbg-2-group {
width: 100%;
padding: 60px 0 60px 0;
position: relative;
background: #fff;
min-width: 1200px;
z-index: 0;
}
#jbg-2-group .content {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
#jbg-2-group .naglowek {
width: 100%;
text-align: center;
color: #222222;
display: block;
font: 700 20px/30px "Open Sans",sans-serif;
margin: 0 0 20px;
}
#jbg-2-group .item-box {
width: 12%;
margin: 35px 0;
display: inline-block;
position: relative;
padding: 0 0 20px;
}
#jbg-2-group .item-box img {
display: block;
margin: 0 auto 0;
width: auto;
height: auto;
max-height: 40px;
max-width: 100%;
}
#jbg-2-group .item-box .arrow {
position: absolute;
width: 17px;
height: 19px;
left: 50%;
margin-left: -9px;
bottom: -30px;
display: block;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#jbg-2-group .item-box:hover .arrow {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
bottom: -10px;
}
#jbg-2-group .item-box .arrow:before {
content: '';
opacity: 1;
position: absolute;
left: 0;
top: 0;
width: 17px;
height: 19px;
background: url('../grafika/group-item-arrow.png') 0 0 no-repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#jbg-2-group .item-box .arrow:after {
content: '';
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 17px;
height: 19px;
background: url('../grafika/group-item-arrow.png') 0 -23px no-repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#jbg-2-group .item-box:hover .arrow:before {
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#jbg-2-group .item-box:hover .arrow:after {
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
/* Subpage header
---------------------------------------------------------------------------------------------------- */
#subpage-wrapper {
width: 100%;
min-width: 1200px;
background: url('../grafika/top-subpage.jpg') 0 0 no-repeat;
height: 141px;
position: relative;
background-size: cover;
z-index: 100;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#subpage-wrapper.de {
background: url('../grafika/281.png') 0 0 repeat;
}
/* Breadcrumbs
---------------------------------------------------------------------------------------------------- */
#breadcrumbs {
min-width: 1200px;
width: 100%;
background: #fff;
padding: 20px 0 20px 0;
position: relative;
z-index: 1;
border-bottom: 1px solid #e8e8e8;
}
#breadcrumbs .back-btn {
float: right;
display: block;
color: #fff;
background: #afb6bd;
position: relative;
font: 300 16px/16px "Open Sans",sans-serif;
padding: 14px 25px 14px 55px;
margin: 0 0 0 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
z-index: 1;
}
#breadcrumbs .back-btn:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: #e41b12;
}
#breadcrumbs .back-btn:hover:before {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
left: 14px;
}
#breadcrumbs .back-btn:before {
content: '';
position: absolute;
width: 19px;
height: 17px;
left: 18px;
top: 14px;
background: url('../grafika/back-arrow.png') 0 0 no-repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#breadcrumbs .home-ico {
position: relative;
display: inline-block;
margin: 1px 12px 0 0;
width: 18px;
height: 18px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
vertical-align: top;
}
#breadcrumbs .home-ico:before {
content: '';
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
width: 18px;
height: 18px;
opacity: 1;
position: absolute;
left: 0;
top: 0;
background: url('../grafika/home-ico.png') 0 0 no-repeat;
}
#breadcrumbs .home-ico:after {
content: '';
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
width: 18px;
height: 18px;
opacity: 0;
position: absolute;
left: 0;
top: 0;
background: url('../grafika/home-ico.png') 0 -20px no-repeat;
}
#breadcrumbs .home-ico:hover:before {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
#breadcrumbs .home-ico:hover:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
#breadcrumbs .arrow {
display: inline-block;
width: 11px;
height: 11px;
margin: 4px 12px 0 0;
vertical-align: middle;
background: url('../grafika/bread-arrow.png') 0 0 no-repeat;
}
#breadcrumbs .bread-anchor {
text-transform: uppercase;
display: inline-block;
color: #676767;
font: 400 12px/12px "Open Sans",sans-serif;
margin: 0 12px 0 0;
vertical-align: middle;
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#breadcrumbs .bread-anchor:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
color: #e41b12;
}
#breadcrumbs p {
text-transform: uppercase;
vertical-align: middle;
display: inline-block;
color: #aaaaaa;
font: 400 12px/12px "Open Sans",sans-serif;
margin: 0 12px 0 0;
text-decoration: none;
}
#breadcrumbs .breadcrumbs {
float: left;
width: 800px;
display: block;
margin: 10px 0 0 0;
}
/* Subpage content
---------------------------------------------------------------------------------------------------- */
#subpage-content {
width: 1200px;
margin: 0 auto 0;
display: block;
position: relative;
padding: 50px 0 40px 0;
}
#left-column {
float: left;
display: block;
width: 200px;
padding: 0 50px 0 0;
}
#left-column hr {
border-bottom: none;
border-top: 1px solid #e2e2e2;
display: block;
margin: 35px 0;
}
#right-column {
float: right;
display: block;
border-left: 1px solid #e8e8e8;
width: 900px;
padding: 0 0 0 49px;
}
#right-column h1.aktualnosci-h1 {
float: left;
width: 560px;
}
#sortowanie-aktualnosci {
float: right;
width: 180px;
margin: 30px 0 0 0;
display: block;
}
#sortowanie-aktualnosci p.p-sort {
color: #aaaaaa;
display: inline-block;
margin: 0 0 0 0;
font: 400 12px/12px "Open Sans",sans-serif;
}
#sortowanie-aktualnosci a.a-sort {
display: inline-block;
text-transform: uppercase;
font: 400 12px/12px "Open Sans",sans-serif;
color: #646565;
margin: 0 0 0 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#sortowanie-aktualnosci a.a-sort .arrow-up {
display: inline-block;
width: 8px;
height: 10px;
background: url('../grafika/sort-arrows.png') 0 0 no-repeat;
margin: 0 3px 0 3px;
}
#sortowanie-aktualnosci a.a-sort .arrow-down {
display: inline-block;
width: 8px;
height: 10px;
background: url('../grafika/sort-arrows.png') 0 -12px no-repeat;
margin: 0 3px 0 3px;
}
#sortowanie-aktualnosci a.a-sort:hover {
text-decoration: none;
color: #2d9be8;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#home {
margin: 60px 0 0 0;
}
#home.strona_pompy .content {
width: 100%;
}
#right-column h1,
#home h1 {
margin: 0 0 45px 0;
color: #222222;
font: 700 48px/54px "Open Sans",sans-serif;
position: relative;
padding: 0;
}
#right-column h1 .kod {
color: #222222;
font: 300 28px/28px "Open Sans",sans-serif;
text-transform: uppercase;
display: inline-block;
position: absolute;
}
#right-column div.mono {
padding: 20px 0 0 50px;
position: relative;
top: 0;
left: -50px;
width: 100%;
height: 133px;
background: url("../grafika/bg_nag_mono.png") no-repeat;
background-size: 750px 133px;
margin-bottom: 30px;
overflow: hidden;
}
#right-column div.poli {
padding: 20px 0 0 50px;
position: relative;
top: 0;
left: -50px;
width: 100%;
height: 133px;
background: url("../grafika/bg_nag_poly.png") no-repeat;
background-size: 750px 133px;
margin-bottom: 30px;
overflow: hidden;
}
#right-column h2,
#home h2 {
margin: 0 0 30px 0;
color: #222222;
display: block;
font: 600 36px/42px "Open Sans",sans-serif;
}
#right-column div.mono h1,
#right-column div.poli h1 {
color: #fff;
text-transform: uppercase;
width: 400px;
font: 600 30px/36px "Open Sans",sans-serif;
}
#right-column div.mono h2,
#right-column div.poli h2 {
color: #fff;
text-transform: uppercase;
width: 400px;
font: 600 30px/36px "Open Sans",sans-serif;
}
#right-column h3,
#home h3 {
margin: 0 0 25px 0;
color: #000000;
display: block;
font: 600 24px/28px "Open Sans",sans-serif;
}
#home h3 {
font: 600 30px/30px "Open Sans",sans-serif;
}
#home h3 span {
color: #e41b12;
}
#right-column h4,
#home h4 {
margin: 0 0 10px 0;
color: #000000;
display: block;
font: 600 20px/24px "Open Sans",sans-serif;
}
#home h4 {
cursor: pointer;
padding-right: 30px;
position: relative;
display: inline-block;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#home h4:after {
content: '';
top: 6px;
right: 0;
position: absolute;
width: 12px;
height: 10px;
background: url('../grafika/akt-arrow.png');
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#home h4.open:after {
content: '';
top: 6px;
right: 0;
position: absolute;
width: 12px;
height: 10px;
background: url('../grafika/akt-arrow.png');
transform: rotate(90deg) !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column p,
#home p {
color: #646565;
display: block;
margin: 0 0 25px 0;
font: 300 15px/25px "Open Sans",sans-serif;
}
#home div.content div {
overflow: hidden;
height: 0;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
margin-bottom: 20px;
}
#home div.content div.open {
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
}
#home div.content div p {
height: auto;
}
#right-column a,
#home a {
color: #e41b12;
margin: 0 0 25px 0;
font: 300 15px/25px "Open Sans",sans-serif;
}
#right-column a:hover,
#home a:hover {
text-decoration: underline;
}
#right-column ul,
#home ul {
margin: 0 0 30px 30px;
list-style-image: url('../grafika/ul.png');
}
#right-column ol,
#home ol {
margin: 0 0 30px 34px;
}
#right-column hr,
#home hr {
display: block;
margin: 25px 0 25px 0;
border-bottom: none;
border-top: 1px solid #e8e8e8;
}
#right-column ul li, #right-column ol li,
#home ul li, #home ol li {
color: #646565;
margin: 0 0 10px 0;
font: 300 15px/25px "Open Sans",sans-serif;
padding: 0 0 0 5px;
}
#right-column table,
#home table {
width: 100%;
display: block;
/* overflow-x: scroll; */
margin: 0 0 30px 0;
}
#right-column table tr {width: 100%;}
#home table tr {width: 100%;}
#right-column table th,
#home table th {
background: #fff;
color: #222222;
vertical-align: middle;
padding: 20px 14px 20px 14px;
font: 700 14px/20px "Open Sans", sans-serif;
border-right: 1px solid #e8e8e8;
}
#right-column table td,
#home table td {
background: #fff;
vertical-align: middle;
color: #222222;
font: 300 13px/20px "Open Sans", sans-serif;
padding: 14px 14px 14px 14px;
border-right: 1px solid #e8e8e8;
}
#right-column table tr:nth-child(2n +1) td,
#home table tr:nth-child(2n +1) td {
background: #f9f9f9;
}
#right-column .download-item {
display: block;
position: relative;
margin: 0 0 20px 0;
padding: 0 0 0 32px;
font: 400 14px/20px "Open Sans", sans-serif;
color: #222222;
}
#right-column .download-item:before {
content: '';
width: 12px;
height: 14px;
position: absolute;
left: 0;
top: 4px;
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: url('../grafika/download-ico.png') 0 0 no-repeat;
}
#right-column .download-item:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
color: #e41b12;
text-decoration: none;
}
#right-column .back-btn {
display: block;
float: left;
color: #fff;
background: #afb6bd;
position: relative;
font: 300 16px/16px "Open Sans",sans-serif;
padding: 14px 25px 14px 55px;
margin: 35px 0 35px 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
z-index: 1;
}
#right-column .back-btn:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: #e41b12;
text-decoration: none;
}
#right-column .back-btn:hover:before {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
left: 14px;
}
#right-column .back-btn:before {
content: '';
position: absolute;
width: 19px;
height: 17px;
left: 18px;
top: 14px;
background: url('../grafika/back-arrow.png') 0 0 no-repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
/* Boczne filtrowanie
---------------------------------------------------------------------------------------------------- */
/* Boczne filtrowanie
---------------------------------------------------------------------------------------------------- */
#side-filters {
border-bottom: 1px solid #e8e8e8;
display: block;
margin: 0;
padding: 0 0 25px;
width: 200px;
}
#side-filters .naglowek {
display: block;
text-transform: uppercase;
color: #222222;
font: 600 21px/27px "Open Sans",sans-serif;
}
#side-filters .clear-btn {
display: block;
background: #f4f4f4;
color: #222222;
font: 300 16px/16px "Open Sans",sans-serif;
position: relative;
padding: 10px 0 12px 30px;
border: 2px solid #f4f4f4;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
margin: 0 0 15px 0;
}
#side-filters .clear-btn:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
border-color: #e41b12;
background: transparent;
}
#side-filters .clear-btn:after {
content: '';
width: 17px;
height: 19px;
position: absolute;
right: 28px;
top: 10px;
background: url('../grafika/trash-ico.png') 0 0 no-repeat;
}
#side-filters .filter-criterion {
display: block;
border-bottom: 1px solid #e8e8e8;
padding: 0 0 20px;
}
#side-filters .filter-criterion.expand {
overflow: hidden;
height: 170px;
position: relative;
padding: 0 0 50px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
}
#side-filters .filter-criterion.expand.open {
height: auto;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
}
#side-filters .filter-criterion .podpis {
color: #222222;
font: 400 16px/24px "Open Sans",sans-serif;
}
#side-filters .filter-criterion label {
display: block;
margin: 0 0 6px 0;
}
#side-filters .filter-criterion input {
vertical-align: middle;
}
#side-filters .filter-criterion span {
color: #222222;
vertical-align: top;
padding-left: 5px;
font: 300 14px/24px "Open Sans",sans-serif;
}
#side-filters .filter-criterion .criterion-more {
display: block;
text-transform: uppercase;
color: #2d9be8;
position: absolute;
left: 0;
bottom: 0;
z-index: 9;
width: 200px;
background: #fff;
font: 700 11px/11px "Open Sans",sans-serif;
padding: 10px 0 20px 20px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-filters .filter-criterion .criterion-more:hover {
cursor: pointer;
}
#side-filters .filter-criterion .criterion-more .ico {
width: 14px;
height: 8px;
position: absolute;
left: 0;
top: 12px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-filters .filter-criterion .criterion-more .ico:before {
content: '';
width: 14px;
height: 8px;
position: absolute;
left: 0;
top: 0;
opacity: 1;
background: url('../grafika/filter-arrow.png') 0 0 no-repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-filters .filter-criterion .criterion-more .ico:after {
content: '';
width: 14px;
height: 8px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
background: url('../grafika/filter-arrow.png') 0 -10px no-repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-filters .filter-criterion .criterion-more.open .ico:before, #side-filters .filter-criterion .criterion-more.open .ico:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
transform: rotate(180deg);
}
#side-filters .filter-criterion .criterion-more:hover .ico:before {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
#side-filters .filter-criterion .criterion-more:hover .ico:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
#side-filters .filter-criterion .criterion-more:after {
content: '';
width: 200px;
height: 20px;
position: absolute;
left: 0;
top: -20px;
background: url('../grafika/criterion-more-after.png') 0 0 no-repeat;
}
#side-filters .filter-criterion .criterion-more:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
color: #e41b12;
}
#side-filters .filter-quantity {
text-align: center;
display: block;
margin: 12px 0 17px 0;
color: #222222;
font: 400 12px/12px "Open Sans",sans-serif;
}
#side-filters .filter-quantity span {
font: 600 14px/14px "Open Sans",sans-serif;
}
#side-filters .filter-btn {
display: block;
background: #afb6bd;
margin: 0 0 15px 0;
padding: 10px 0 15px 32px;
position: relative;
color: #fff;
font: 300 16px/16px "Open Sans",sans-serif;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-filters .filter-btn:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: #e41b12;
}
#side-filters .filter-btn:after {
content: '';
width: 17px;
height: 18px;
position: absolute;
right: 26px;
top: 10px;
background: url('../grafika/filter-ico.png') 0 0 no-repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-filters .filter-btn:hover:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
transform: rotate(360deg);
}
/* Realizacje
---------------------------------------------------------------------------------------------------- */
#right-column .realizacje-item {
display: inline-block;
width: 290px;
margin: 0 3px 38px 3px;
padding: 0 0 30px 0;
position: relative;
border-bottom: 1px solid #d6d6d6;
vertical-align: top;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .realizacje-item .realizacje-pic {
position: relative;
display: block;
margin: 0 0 25px 0;
width: 290px;
height: 210px;
}
#right-column .realizacje-item .realizacje-pic img {
width: 290px;
height: 210px;
position: absolute;
top: 0;
left: 0;
}
#right-column .realizacje-item .realizacje-pic .overlay {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: url("../grafika/overlay-bg.png") repeat scroll 0 0;
}
#right-column .realizacje-item:hover {
text-decoration: none;
}
#right-column .realizacje-item:hover .realizacje-pic .overlay {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
#right-column .realizacje-item .realizacje-pic .ico {
background: rgba(0, 0, 0, 0) url("../grafika/gal-ico.png") repeat scroll 0 0;
height: 0;
left: 50%;
margin-left: -45px;
margin-top: -45px;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
width: 0;
}
#right-column .realizacje-item:hover .realizacje-pic .ico {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
width: 90px;
height: 90px;
opacity: 1;
}
#right-column .realizacje-item .podpis {
font: 300 16px/24px "Open Sans",sans-serif;
color: #222222;
display: block;
text-align: center;
overflow: hidden;
height: 48px;
}
#right-column .realizacje-item .purple-arrow {
background: rgba(0, 0, 0, 0) url("../grafika/purple-arrow2.png") no-repeat scroll 0 0;
bottom: 15px;
display: block;
height: 12px;
left: 50%;
margin-left: -5px;
position: absolute;
transition: all 0.3s ease 0s;
width: 10px;
}
#right-column .realizacje-item:hover .purple-arrow {
transition: all 0.3s ease 0s;
bottom: 24px;
}
/* Subpage offer
---------------------------------------------------------------------------------------------------- */
#right-column .offer-container,
#right-column .video-container {
display: block;
width: 900px;
margin: 0 0 0 0;
padding: 45px 0 0 0;
border-top: 1px solid #444644;
}
#right-column .offer-container.no-border,
#right-column .video-container.no-border {
border-top: none;
padding-top: 0;
margin-bottom: 30px;
}
#right-column .offer-container .offer-box2 {
display: inline-block;
width: 418px;
height: 422px;
border: 1px solid #e3e3e3;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
position: relative;
margin: 0 13px 0 13px;
overflow: hidden;
}
#right-column .video-container .video-box {
display: inline-block;
width: 418px;
height: 450px;
border: 1px solid #e3e3e3;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
position: relative;
margin: 0 13px 0 13px;
overflow: hidden;
}
#right-column .offer-container .offer-box3 {
display: inline-block;
width: 418px;
height: 422px;
border: 1px solid #e3e3e3;
position: relative;
margin: 0 13px 0 13px;
overflow: hidden;
}
#right-column .offer-container .offer-box2 a {
position: absolute;
left: 0;
top: 0;
z-index: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
width: 418px;
height: 422px;
}
#right-column .video-container .video-box a {
position: absolute;
left: 0;
top: 0;
z-index: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
width: 418px;
height: 450px;
}
#right-column .video-container .video-box a .overlay {
position: absolute;
left: 0;
top: 0;
width: 418px;
height: 303px;
opacity: 0;
background: url("../grafika/overlay-bg.png") repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .video-container .video-box a:hover .overlay {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
#right-column .video-container .video-box a .gal-ico {
position: absolute;
left: 50%;
top: 150px;
width: 0;
height: 0;
margin-left: -45px;
margin-top: -45px;
opacity: 0;
background: url("../grafika/ico-video.png") repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .video-container .video-box a:hover .gal-ico {
opacity: 1;
width: 90px;
height: 90px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .offer-container .offer-box3 a {
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 418px;
height: 422px;
cursor: move;
}
#right-column .offer-container .offer-box2:hover a,
#right-column .video-container .video-box:hover a,
#right-column .offer-container .offer-box3:hover a {
text-decoration: none;
}
#right-column .offer-container .offer-box2 .nowosc,
#right-column .offer-container .offer-box3 .nowosc {
background: url("../grafika/bg-nowosc.png") no-repeat scroll 0 0;
color: #fff;
height: 215px;
left: 10px;
position: absolute;
text-transform: uppercase;
top: 0;
width: 44px;
z-index: 99;
}
#right-column .offer-container .offer-box2 .na-zapytanie,
#right-column .offer-container .offer-box3 .na-zapytanie {
background: url("../grafika/bg-na-zapytanie.png") no-repeat scroll 0 0;
color: #fff;
left: 10px;
position: absolute;
text-transform: uppercase;
width: 44px;
z-index: 99;
height: 215px;
}
#right-column .offer-container .offer-box2 .odstep,
#right-column .offer-container .offer-box3 .odstep {
left: 64px;
}
#right-column .offer-container .offer-box2 .nowosc.en,
#right-column .offer-container .offer-box3 .nowosc.en,
#right-column .offer-container .offer-box2 .na-zapytanie.en,
#right-column .offer-container .offer-box3 .na-zapytanie.en {
top: -60px;
}
#right-column .offer-container .offer-box2 .nowosc.pl,
#right-column .offer-container .offer-box3 .nowosc.pl,
#right-column .offer-container .offer-box2 .na-zapytanie.pl,
#right-column .offer-container .offer-box3 .na-zapytanie.pl {
top: -50px;
}
#right-column .offer-container .offer-box2 .nowosc.de,
#right-column .offer-container .offer-box3 .nowosc.de,
#right-column .offer-container .offer-box2 .na-zapytanie.de,
#right-column .offer-container .offer-box3 .na-zapytanie.de {
top: -50px;
}
#right-column .offer-container .offer-box2 .nowosc.fr,
#right-column .offer-container .offer-box3 .nowosc.fr,
#right-column .offer-container .offer-box2 .na-zapytanie.fr,
#right-column .offer-container .offer-box3 .na-zapytanie.fr {
top: -50px;
}
#right-column .offer-container .offer-box2 .nowosc.it,
#right-column .offer-container .offer-box3 .nowosc.it,
#right-column .offer-container .offer-box2 .na-zapytanie.it,
#right-column .offer-container .offer-box3 .na-zapytanie.it {
top: -65px;
}
#right-column .offer-container .offer-box2 .nowosc.es,
#right-column .offer-container .offer-box3 .nowosc.es,
#right-column .offer-container .offer-box2 .na-zapytanie.es,
#right-column .offer-container .offer-box3 .na-zapytanie.es {
top: -70px;
}
#right-column .offer-container .offer-box2 .nowosc.ru,
#right-column .offer-container .offer-box3 .nowosc.ru,
#right-column .offer-container .offer-box2 .na-zapytanie.ru,
#right-column .offer-container .offer-box3 .na-zapytanie.ru {
top: -60px;
}
#right-column .offer-container .offer-box2 .nowosc .podpis,
#right-column .offer-container .offer-box3 .nowosc .podpis {
display: block;
font: 700 14px/14px "Open Sans",sans-serif;
height: 44px;
left: -30px;
position: absolute;
top: 85px;
transform: rotate(270deg);
width: 133px;
}
#right-column .offer-container .offer-box2 .na-zapytanie .podpis,
#right-column .offer-container .offer-box3 .na-zapytanie .podpis {
display: block;
font: 700 14px/14px "Open Sans",sans-serif;
height: 44px;
left: -30px;
position: absolute;
top: 85px;
transform: rotate(270deg);
width: 133px;
}
#right-column .offer-container.no-border .offer-box2,
#right-column .offer-container.no-border .offer-box3,
#right-column .video-container.no-border .video-box
{
margin-bottom: 25px;
}
#right-column .offer-container .offer-box2 .cat-btn,
#right-column .offer-container .offer-box2 .cat-usun,
#right-column .offer-container .offer-box3 .cat-usun {
width: 50px;
height: 44px;
position: absolute;
top: 19px;
right: 20px;
z-index: 9;
border: 1px solid #dbdbdb;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .offer-container .offer-box2 .cat-btn .ico,
#right-column .offer-container .offer-box2 .cat-usun .ico,
#right-column .offer-container .offer-box3 .cat-usun .ico {
position: absolute;
width: 37px;
height: 20px;
left: 5px;
top: 12px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
z-index: 10;
display: block;
}
#right-column .offer-container .offer-box2 .cat-btn .ico:before,
#right-column .offer-container .offer-box2 .cat-usun .ico:before,
#right-column .offer-container .offer-box3 .cat-usun .ico:before {
content: "";
width: 37px;
height: 20px;
left: 0;
top: 0;
position: absolute;
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .offer-container .offer-box2 .cat-btn .ico:before,
#right-column .offer-container .offer-box3 .cat-btn .ico:before {
background: url("../grafika/cat-ico.png") 0 0 no-repeat;
}
#right-column .offer-container .offer-box2 .cat-usun .ico:before,
#right-column .offer-container .offer-box3 .cat-usun .ico:before {
background: url("../grafika/cat-ico-usun.png") 0 0 no-repeat;
}
#right-column .offer-container .offer-box2 .cat-btn:hover .ico:before,
#right-column .offer-container .offer-box2 .cat-btn.active .ico:before,
#right-column .offer-container .offer-box2 .cat-usun:hover .ico:before,
#right-column .offer-container .offer-box2 .cat-usun.active .ico:before,
#right-column .offer-container .offer-box3 .cat-usun:hover .ico:before,
#right-column .offer-container .offer-box3 .cat-usun.active .ico:before {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
#right-column .offer-container .offer-box2 .cat-btn:hover .ico:after,
#right-column .offer-container .offer-box2 .cat-btn.active .ico:after,
#right-column .offer-container .offer-box2 .cat-usun:hover .ico:after,
#right-column .offer-container .offer-box2 .cat-usun.active .ico:after,
#right-column .offer-container .offer-box3 .cat-usun:hover .ico:after,
#right-column .offer-container .offer-box3 .cat-usun.active .ico:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
#right-column .offer-container .offer-box2 .cat-btn .ico:after,
#right-column .offer-container .offer-box2 .cat-usun .ico:after,
#right-column .offer-container .offer-box3 .cat-usun .ico:after {
content: "";
width: 37px;
height: 20px;
left: 0;
top: 0;
position: absolute;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .offer-container .offer-box2 .cat-btn .ico:after {
background: url("../grafika/cat-ico.png") 0 -23px no-repeat;
}
#right-column .offer-container .offer-box2 .cat-usun .ico:after,
#right-column .offer-container .offer-box3 .cat-usun .ico:after {
background: url("../grafika/cat-ico-usun.png") 0 -23px no-repeat;
}
#right-column .offer-container .offer-box2 .cat-btn:hover,
#right-column .offer-container .offer-box2 .cat-btn.active,
#right-column .offer-container .offer-box2 .cat-usun:hover,
#right-column .offer-container .offer-box2 .cat-usun.active,
#right-column .offer-container .offer-box3 .cat-usun:hover {
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: #e41b12;
}
#right-column .offer-container .offer-box2 .purple-arrow,
#right-column .offer-container .offer-box3 .purple-arrow {
background: url("../grafika/purple-arrow2.png") no-repeat scroll 0 0;
bottom: 20px;
display: block;
height: 12px;
left: 50%;
margin-left: -5px;
position: absolute;
transition: all 0.3s ease 0s;
width: 10px;
}
#right-column .video-container .video-box .purple-arrow {
background: url("../grafika/purple-arrow2.png") no-repeat scroll 0 0;
bottom: 20px;
display: block;
height: 12px;
left: 50%;
margin-left: -5px;
position: absolute;
transition: all 0.3s ease 0s;
width: 10px;
}
#right-column .offer-container .offer-box2:hover .purple-arrow {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
bottom: 28px;
}
#right-column .video-container .video-box:hover .purple-arrow{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
bottom: 28px;
}
#right-column .offer-container .offer-box3:hover .purple-arrow {
bottom: 28px;
}
#right-column .offer-container .offer-box2:hover {
border-color: #e41b12;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .video-container .video-box:hover {
border-color: #e41b12;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .offer-container .offer-box3:hover {
border-color: #e41b12;
cursor: move;
}
#right-column .offer-container .offer-box2 img {
display: block;
width: 418px;
height: 303px;
margin: 0 0 0 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .video-container .video-box img {
display: block;
width: 418px;
height: 303px;
margin: 0 0 0 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .column-content .product-info {
float: right;
width: 250px;
display: block;
}
#right-column .offer-container .offer-box3 img {
display: block;
width: 418px;
height: 303px;
margin: 0 0 0 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .offer-container .offer-box2:hover img,
#right-column .offer-container .offer-box3:hover img {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
transform: scale(1.02);
}
#right-column .offer-container .offer-box2 .product-name,
#right-column .offer-container .offer-box3 .product-name {
text-align: center;
display: block;
text-transform: uppercase;
color: #222222;
font: 400 24px/28px "Open Sans",sans-serif;
margin: 16px 0 8px 0;
overflow: hidden;
height: 28px;
}
#right-column .offer-container .offer-box2:hover .product-name,
#right-column .offer-container .offer-box3:hover .product-name {
color: #e41b12;
}
#right-column .video-container .video-box .product-name {
text-align: center;
display: block;
text-transform: uppercase;
color: #222222;
font: 400 20px/26px "Open Sans",sans-serif;
margin: 16px 10px 8px;
overflow: hidden;
height: 55px;
}
#right-column .offer-container .offer-box2 .product-category,
#right-column .offer-container .offer-box3 .product-category {
display: block;
margin: 0 0 18px;
text-align: center;
}
#right-column .video-container .video-box .krotki-opis {
display: block;
margin: 0 0 18px;
text-align: center;
}
#right-column .offer-container .offer-box2:hover,
#right-column .video-container .video-box:hover,
#right-column .offer-container .offer-box3:hover {
text-decoration: none;
}
#right-column .offer-container .offer-box2 .product-category .category,
#right-column .offer-container .offer-box3 .product-category .category {
color: #222222;
font: 400 12px/16px "Open Sans",sans-serif;
text-transform: uppercase;
}
#right-column .video-container .video-box .krotki-opis span {
color: #222222;
font: 400 12px/16px "Open Sans",sans-serif;
}
#right-column .offer-container .offer-box2 .product-category span,
#right-column .video-container .video-box .krotki-opis span,
#right-column .offer-container .offer-box3 .product-category span {
display: inline-block;
vertical-align: super;
}
#right-column .offer-container .offer-box2 .product-category span img,
#right-column .offer-container .offer-box3 .product-category span img {
width: 8px;
height: 7px;
}
.add-cat-btn {
background: #afb6bd none repeat scroll 0 0;
color: #fff !important;
display: inline-block;
font: 300 16px/16px "Open Sans",sans-serif;
margin: 5px auto;
padding: 10px 60px 12px 26px;
position: relative;
transition: all 0.3s ease 0s;
}
.add-cat-btn:after {
background: rgba(0, 0, 0, 0) url("../grafika/katalog-ico2.png") no-repeat scroll 0 0;
background-size: 20px 18px;
content: "";
height: 18px;
position: absolute;
right: 20px;
top: 15px;
width: 20px;
}
.add-cat-btn:hover {
background: #e41b12;
text-decoration: none !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
/* Boxy kategorie
---------------------------------------------------------------------------------------------------- */
#right-column .box-kat {
position: relative;
display: inline-block;
overflow: hidden;
border: 1px solid #e2e2e2;
margin: 0 4px 8px 4px;
width: 271px;
height: 271px;
text-align: center;
line-height: 271px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#box-kat-container {
display: block;
text-align: center;
}
#right-column a.box-kat div {
color: #fff;
text-transform: uppercase;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#right-column a.box-kat div::before,
#right-column a.box-kat div::after {
pointer-events: none;
}
#right-column a.box-kat div,
#right-column a.box-kat div > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*---------------*/
/***** Jazz *****/
/*---------------*/
a.box-kat.effect-jazz img {
opacity: 1;
}
a.box-kat.effect-jazz div::before,
a.box-kat.effect-jazz div::after,
a.box-kat.effect-jazz img,
a.box-kat.effect-jazz p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
a.box-kat.effect-jazz div::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-top: none;
border-bottom: 1px solid #e2e2e2;
content: '';
opacity: 0;
z-index: 9;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
-webkit-transform-origin: 43% 43%;
transform-origin: 43% 43%;
}
a.box-kat.effect-jazz div::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-top: 1px solid #e2e2e2;
border-bottom: none;
content: '';
opacity: 0;
z-index: 9;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
-webkit-transform-origin: 57%;
transform-origin: 57%;
}
a.box-kat.effect-jazz .ico {
background: #fff;
width: 108px;
height: 108px;
display: block;
-webkit-box-shadow: 0 5px 0 0 rgba(0,0,0,0.18);
-moz-box-shadow: 0 5px 0 0 rgba(0,0,0,0.18);
box-shadow: 0 5px 0 0 rgba(0,0,0,0.18);
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
position: absolute;
top: 62px;
left: 50%;
margin-left: -54px;
z-index: 100;
}
a.box-kat.effect-jazz .ico:before {
content: '';
width: 58px;
height: 60px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -28px;
margin-top: -30px;
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
a.box-kat.effect-jazz .ico:after {
content: '';
width: 58px;
height: 60px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -28px;
margin-top: -30px;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
a.box-kat.effect-jazz:hover .ico:before {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
a.box-kat.effect-jazz:hover .ico:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
#right-column a.box-kat.effect-jazz h2 {
display: inline-block;
vertical-align: middle;
font: 700 18px/24px "Lato",sans-serif;
opacity: 1;
z-index: 2;
width: 260px;
margin: 0 auto;
position: relative;
}
#right-column a.box-kat:hover h2 {
color: #e2001a;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column a.box-kat:hover {
border-color: #e2001a;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
a.box-kat.effect-jazz:hover img {
opacity: 0.7;
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}
a.box-kat.effect-jazz:hover div::after {
opacity: 1;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
a.box-kat.effect-jazz:hover div::before {
opacity: 1;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
/* Side aktualności
---------------------------------------------------------------------------------------------------- */
#side-aktualnosci {
display: block;
width: 200px;
border-bottom: 1px solid #e8e8e8;
padding: 40px 0 20px 0;
}
#side-aktualnosci .naglowek {
color: #222222;
display: block;
font: 400 24px/28px "Open Sans",sans-serif;
margin: 0 0 30px;
padding: 0 0 0 56px;
position: relative;
text-align: left;
}
#side-aktualnosci .naglowek:before {
background: url("../grafika/akt-ico-purple.png") no-repeat;
content: "";
height: 40px;
left: 0;
position: absolute;
top: -5px;
width: 43px;
}
#side-aktualnosci .side-akt {
position: relative;
display: block;
margin: 0 0 24px 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-aktualnosci .side-akt:hover .akt-tyt {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
color: #e41b12;
}
#side-aktualnosci .side-akt .akt-tyt {
overflow: hidden;
display: block;
margin: 0 0 0 0;
font: 600 16px/22px "Open Sans",sans-serif;
color: #222222;
height: 45px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-aktualnosci .side-akt .akt-data {
display: block;
margin: 8px 0 0 0;
font: 300 12px/12px "Open Sans",sans-serif;
color: #646565;
}
#side-aktualnosci .side-akt .arrow {
background: url("../grafika/akt-arrow.png") no-repeat scroll 0 0;
height: 10px;
position: absolute;
left: 68px;
bottom: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
width: 12px;
}
#side-aktualnosci .side-akt:hover .arrow {
left: 185px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-aktualnosci .more-btn, #right-column .btn {
background: #afb6bd;
color: #fff;
display: inline-block;
font: 300 16px/16px "Open Sans",sans-serif;
margin: 5px auto;
padding: 10px 58px 12px 26px;
position: relative;
transition: all 0.3s ease 0s;
}
#side-aktualnosci .more-btn:hover, #right-column .btn:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: #e41b12;
}
#side-aktualnosci .more-btn:after, #right-column .btn:after {
content: '';
width: 19px;
height: 17px;
position: absolute;
right: 22px;
top: 11px;
background: url("../grafika/white-arrow2.png") no-repeat scroll 0 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-aktualnosci .more-btn:hover:after, #right-column .btn:hover:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
right: 15px;
}
/* Side contact
---------------------------------------------------------------------------------------------------- */
#side-contact {
display: block;
width: 200px;
margin: 0 0 0 0;
padding: 0 0 25px 0;
border-bottom: 1px solid #e8e8e8;
}
#side-contact .naglowek {
padding: 0;
display: block;
position: relative;
margin: 0 0 30px 0;
color: #222222;
text-align: left;
font: 400 24px/28px "Open Sans",sans-serif;
}
#side-contact .adress {
display: block;
position: relative;
margin: 0 0 28px 0;
padding: 0 0 0 26px;
color: #646565;
font: 300 13px/20px "Open Sans",sans-serif;
}
#side-contact .adress:before {
background: url("../grafika/footer-adres-ico.png") no-repeat scroll 0 0;
content: "";
height: 25px;
left: 0;
position: absolute;
top: 1px;
width: 16px;
}
#side-contact .tel {
display: block;
position: relative;
margin: 0 0 25px 0;
padding: 0 0 0 26px;
color: #646565;
font: 300 13px/20px "Open Sans",sans-serif;
}
#side-contact .tel:before {
background: url("../grafika/footer-tel-ico.png") no-repeat scroll 0 0;
content: "";
height: 25px;
left: 0;
position: absolute;
top: 4px;
width: 16px;
}
#side-contact .mail {
display: block;
position: relative;
margin: 0 0 25px 0;
padding: 0 0 0 26px;
color: #646565;
font: 300 13px/20px "Open Sans",sans-serif;
}
#side-contact .mail:before {
background: rgba(0, 0, 0, 0) url("../grafika/footer-mail-ico.png") no-repeat scroll 0 0;
content: "";
height: 25px;
left: 0;
position: absolute;
top: 4px;
width: 13px;
}
#side-contact .mail a {
display: block;
margin: 0 0 0 0;
color: #e41b12;
}
#side-contact .mail a:hover {
text-decoration: underline;
}
#side-contact .form-btn {
background: #afb6bd none repeat scroll 0 0;
color: #fff;
display: inline-block;
font: 300 16px/16px "Open Sans",sans-serif;
margin: 5px auto;
padding: 10px 52px 12px 26px;
position: relative;
transition: all 0.3s ease 0s;
}
#side-contact .form-btn.de, #side-contact .form-btn.es, #side-contact .form-btn.fr {
font: 300 16px/20px "Open Sans",sans-serif;
}
#side-contact .form-btn:after {
background: rgba(0, 0, 0, 0) url("../grafika/ask-ico.png") no-repeat scroll 0 0;
content: "";
height: 19px;
position: absolute;
right: 20px;
top: 9px;
width: 12px;
}
/*#side-contact .form-btn.de:after {*/
/* top: 22px;*/
/*}*/
#side-contact .form-btn.es:after {
top: 22px;
}
#side-contact .form-btn.fr:after {
top: 22px;
}
#side-contact .form-btn.ru:after {
top: 18px;
}
#side-contact .form-btn:hover {
background: #e41b12;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
/* Side icos
---------------------------------------------------------------------------------------------------- */
#side-icos {
display: block;
width: 200px;
padding: 25px 0 10px 0;
border-bottom: 1px solid #e8e8e8;
}
#side-icos .download-item {
display: block;
width: 200px;
margin: 0 0 25px 0;
position: relative;
}
#side-icos .download-item a {
display: block;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
padding: 78px 0 0 0;
}
#side-icos .download-item a .ico {
width: 50px;
height: 46px;
position: absolute;
top: 12px;
left: 50%;
margin-left: -25px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-icos .download-item a:hover .ico {
top: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-icos .download-item a .ico:before {
content: '';
width: 50px;
height: 46px;
position: absolute;
left: 0;
top: 0;
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-icos .download-item a .ico:after {
content: '';
width: 50px;
height: 46px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-icos .download-item a:hover .ico:before {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
#side-icos .download-item a:hover .ico:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
#side-icos .download-item a .katalog:after {
background: url('../grafika/katalog-ico.png') 0 0 no-repeat;
}
#side-icos .download-item a .katalog:before {
background: url('../grafika/katalog-ico.png') 0 -46px no-repeat;
}
#side-icos .download-item a .ulotki:after {
background: url('../grafika/ulotki-ico.png') 0 0 no-repeat;
}
#side-icos .download-item a .ulotki:before {
background: url('../grafika/ulotki-ico.png') 0 -46px no-repeat;
}
#side-icos .download-item a .dokumenty:after {
background: url('../grafika/dokumenty-ico.png') 0 0 no-repeat;
}
#side-icos .download-item a .dokumenty:before {
background: url('../grafika/dokumenty-ico.png') 0 -46px no-repeat;
}
#side-icos .download-item a p {
text-transform: uppercase;
color: #222222;
font: 700 16px/26px "Open Sans",sans-serif;
display: block;
margin: 0 0 0 0;
text-align: center;
}
#side-icos .download-item a:hover p {
color: #e41b12;
}
/* Boczne logowanie
---------------------------------------------------------------------------------------------------- */
#side-login {
display: block;
padding: 0 0 25px;
margin: 0 0 20px 0;
width: 200px;
border-bottom: 1px solid #e8e8e8;
}
#side-login form {
display: block;
padding: 18px 20px 18px 20px;
width: 160px;
background: #eff0f0;
}
#side-login form input {
width: 143px;
border: 1px solid #c2c2c2;
height: 34px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
outline: none;
padding: 0 5px 0;
}
#side-login form input:hover, #side-login form input:focus {
border-color: #e41b12;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-login .f_wiersz {
display: block;
margin: 0 0 20px 0;
}
#side-login .f_wiersz .f_info {
color: #222222;
display: block;
font: 300 14px/18px "Open Sans",sans-serif;
margin: 0 0 11px 0;
}
#side-login .naglowek {
color: #222222;
display: block;
font: 400 24px/28px "Open Sans",sans-serif;
margin: 0 0 30px;
padding: 0 0 0 56px;
position: relative;
text-align: left;
}
#side-login .naglowek:after {
background: url("../grafika/log-ico.png") no-repeat scroll 0 0;
content: "";
height: 39px;
left: 0;
position: absolute;
top: -5px;
width: 40px;
}
#side-login .f_button {
display: block;
margin: 15px 0 0 0;
}
#side-login .f_button .f_input_button {
background: #afb6bd;
color: #fff;
font: 300 16px/22px "Open Sans",sans-serif;
position: relative;
padding: 8px 0 10px 20px;
border: none;
width: 156px;
text-align: left;
outline: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-login .f_button .f_input_button.fr:after {
display: none;
}
#side-login .f_button .f_input_button.es:after {
right: 12px;
}
#side-login .f_button .f_input_button:hover:after {
right: 16px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-login .f_button .f_input_button:after {
background: url("../grafika/white-arrow2.png") no-repeat scroll 0 0;
content: "";
height: 17px;
opacity: 1;
position: absolute;
right: 24px;
top: 13px;
transition: all 0.3s ease 0s;
width: 19px;
}
#side-login .f_button .f_input_button:hover {
background: #e41b12;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
/* Boczne filtrowanie
---------------------------------------------------------------------------------------------------- */
#side-filters {
border-bottom: 1px solid #e8e8e8;
display: block;
margin: 0;
padding: 0 0 25px;
width: 200px;
}
#side-filters .naglowek {
display: block;
text-transform: uppercase;
color: #222222;
font: 600 21px/27px "Open Sans",sans-serif;
}
#side-filters .clear-btn {
display: block;
background: #f4f4f4;
color: #222222;
font: 300 16px/16px "Open Sans",sans-serif;
position: relative;
padding: 10px 0 12px 30px;
border: 2px solid #f4f4f4;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
margin: 0 0 15px 0;
}
#side-filters .clear-btn.de {
padding: 10px 10px 12px 20px;
}
#side-filters .clear-btn.ru {
padding: 10px 10px 12px 8px;
}
#side-filters .clear-btn:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
border-color: #e41b12;
background: transparent;
}
#side-filters .clear-btn:after {
content: '';
width: 17px;
height: 19px;
position: absolute;
right: 28px;
top: 10px;
background: url('../grafika/trash-ico.png') 0 0 no-repeat;
}
#side-filters .clear-btn.de:after {
right: 12px;
}
#side-filters .clear-btn.ru:after {
right: 12px;
}
#side-filters .clear-btn.es:after {
right: 12px;
}
#side-filters .clear-btn.fr:after {
right: 16px;
}
#side-filters .filter-criterion {
display: block;
border-bottom: 1px solid #e8e8e8;
padding: 0 0 20px;
}
#side-filters .filter-criterion.expand {
overflow: hidden;
height: 170px;
position: relative;
padding: 0 0 50px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
}
#side-filters .filter-criterion.expand.open {
height: auto;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
}
#side-filters .filter-criterion .podpis {
color: #222222;
font: 400 16px/24px "Open Sans",sans-serif;
}
#side-filters .filter-criterion label {
display: block;
margin: 0 0 6px 0;
}
#side-filters .filter-criterion input {
vertical-align: middle;
}
#side-filters .filter-criterion span {
color: #222222;
vertical-align: top;
padding-left: 5px;
font: 300 14px/24px "Open Sans",sans-serif;
}
#side-filters .filter-criterion .criterion-more {
display: block;
text-transform: uppercase;
color: #2d9be8;
position: absolute;
left: 0;
bottom: 0;
z-index: 9;
width: 200px;
background: #fff;
font: 700 11px/11px "Open Sans",sans-serif;
padding: 10px 0 20px 20px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-filters .filter-criterion .criterion-more:hover {
cursor: pointer;
}
#side-filters .filter-criterion .criterion-more .ico {
width: 14px;
height: 8px;
position: absolute;
left: 0;
top: 12px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-filters .filter-criterion .criterion-more .ico:before {
content: '';
width: 14px;
height: 8px;
position: absolute;
left: 0;
top: 0;
opacity: 1;
background: url('../grafika/filter-arrow.png') 0 0 no-repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-filters .filter-criterion .criterion-more .ico:after {
content: '';
width: 14px;
height: 8px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
background: url('../grafika/filter-arrow.png') 0 -10px no-repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-filters .filter-criterion .criterion-more.open .ico:before, #side-filters .filter-criterion .criterion-more.open .ico:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
transform: rotate(180deg);
}
#side-filters .filter-criterion .criterion-more:hover .ico:before {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
#side-filters .filter-criterion .criterion-more:hover .ico:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
#side-filters .filter-criterion .criterion-more:after {
content: '';
width: 200px;
height: 20px;
position: absolute;
left: 0;
top: -20px;
background: url('../grafika/criterion-more-after.png') 0 0 no-repeat;
}
#side-filters .filter-criterion .criterion-more:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
color: #e41b12;
}
#side-filters .filter-quantity {
text-align: center;
display: block;
margin: 12px 0 17px 0;
color: #222222;
font: 400 12px/12px "Open Sans",sans-serif;
}
#side-filters .filter-quantity span {
font: 600 14px/14px "Open Sans",sans-serif;
}
#side-filters .filter-btn {
display: block;
background: #afb6bd;
margin: 0 0 15px 0;
padding: 10px 0 15px 32px;
position: relative;
color: #fff;
font: 300 16px/16px "Open Sans",sans-serif;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-filters .filter-btn:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: #e41b12;
}
#side-filters .filter-btn:after {
content: '';
width: 17px;
height: 18px;
position: absolute;
right: 26px;
top: 10px;
background: url('../grafika/filter-ico.png') 0 0 no-repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-filters .filter-btn:hover:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
transform: rotate(360deg);
}
/* Widok produktu
---------------------------------------------------------------------------------------------------- */
#right-column .produkt-kategorie {
margin-top: 60px;
text-transform: uppercase;
display: block;
padding: 5px 10px;
background: #e41b12;
position: relative;
}
#right-column .produkt-kategorie span {
font: 400 14px/20px "Open Sans",sans-serif;
color: #fff;
font-weight: 700;
}
#right-column .column-content {
display: block;
margin: 20px 0 0 0;
}
#animacja {
float: left;
display: block;
width: 600px;
height: 600px;
position: relative;
overflow: hidden;
}
#animacja img {
position: absolute;
top: 0;
left: 0;
width: 600px;
height: 600px;
}
#animacja img.ukryj {
display: none;
}
#right-column .column-content .main-product-pic {
float: left;
display: block;
width: 598px;
height: 433px;
border: 1px solid #f4f4f4;
position: relative;
overflow: hidden;
}
#right-column .column-content .main-product-pic .nowosc {
position: absolute;
left: 10px;
top: 0;
width: 44px;
height: 215px;
background: url('../grafika/bg-nowosc.png') 0 0 no-repeat;
color: #fff;
text-transform: uppercase;
}
#right-column .column-content .main-product-pic .na-zapytanie {
position: absolute;
left: 10px;
top: 0;
width: 44px;
height: 215px;
background: url('../grafika/bg-na-zapytanie.png') 0 0 no-repeat;
color: #fff;
text-transform: uppercase;
}
#right-column .column-content .main-product-pic .odstep {
left: 64px;
}
#right-column .column-content .main-product-pic .nowosc.en,
#right-column .column-content .main-product-pic .na-zapytanie.en {
top: -60px;
}
#right-column .column-content .main-product-pic .nowosc.pl,
#right-column .column-content .main-product-pic .na-zapytanie.pl {
top: -50px;
}
#right-column .column-content .main-product-pic .nowosc.de,
#right-column .column-content .main-product-pic .na-zapytanie.de {
top: -50px;
}
#right-column .column-content .main-product-pic .nowosc.fr,
#right-column .column-content .main-product-pic .na-zapytanie.fr {
top: -50px;
}
#right-column .column-content .main-product-pic .nowosc.it,
#right-column .column-content .main-product-pic .na-zapytanie.it {
top: -65px;
}
#right-column .column-content .main-product-pic .nowosc.es,
#right-column .column-content .main-product-pic .na-zapytanie.es {
top: -70px;
}
#right-column .column-content .main-product-pic .nowosc.ru,
#right-column .column-content .main-product-pic .na-zapytanie.ru {
top: -60px;
}
#right-column .column-content .main-product-pic .nowosc .podpis {
transform: rotate(270deg);
width: 133px;
height: 44px;
display: block;
position: absolute;
left: -30px;
top: 85px;
font: 700 14px/14px "Open Sans",sans-serif;
}
#right-column .column-content .main-product-pic .na-zapytanie .podpis {
transform: rotate(270deg);
width: 133px;
height: 44px;
display: block;
position: absolute;
left: -30px;
top: 85px;
font: 700 14px/14px "Open Sans",sans-serif;
}
#right-column .column-content .main-product-pic img {
width: 598px;
height: 433px;
}
#right-column .column-content .main-product-pic .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
background: url("../grafika/overlay-bg.png") repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .column-content .main-product-pic:hover .overlay {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
#right-column .column-content .main-product-pic .gal-ico {
position: absolute;
left: 50%;
top: 50%;
width: 0;
height: 0;
margin-left: -45px;
margin-top: -45px;
opacity: 0;
background: url("../grafika/gal-ico.png") repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .column-content .main-product-pic:hover .gal-ico {
opacity: 1;
width: 90px;
height: 90px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .column-content .product-info {
float: right;
width: 250px;
display: block;
}
#right-column .column-content .product-info .cat-btn,
#right-column .column-content .product-info .cat-usun {
display: block;
position: relative;
color: #fff;
font: 300 16px/20px "Open Sans",sans-serif;
padding: 12px 0 14px 35px;
background: #afb6bd;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .column-content .product-info .cat-btn:after {
background: url("../grafika/cat-ico.png") 0 -23px no-repeat;
content: "";
height: 20px;
right: 20px;
position: absolute;
top: 13px;
transition: all 0.3s ease 0s;
width: 37px;
}
#right-column .column-content .product-info .cat-usun:after {
background: url("../grafika/cat-ico-usun.png") 0 -23px no-repeat;
content: "";
height: 20px;
right: 20px;
position: absolute;
top: 13px;
transition: all 0.3s ease 0s;
width: 37px;
}
#right-column .column-content .product-info .cat-btn:hover,
#right-column .column-content .product-info .cat-btn.active,
#right-column .column-content .product-info .cat-usun:hover,
#right-column .column-content .product-info .cat-usun.active,
#right-column .column-content .product-info .karta-btn:hover,
#right-column .column-content .product-info .gal-btn:hover,
#right-column .column-content .product-info .ask-btn:hover {
text-decoration: none;
background: #e41b12;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .column-content .product-info .karta-btn {
display: block;
position: relative;
color: #fff;
font: 300 16px/20px "Open Sans",sans-serif;
padding: 12px 100px 14px 35px;
background: #15384b;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .column-content .product-info .karta-btn:after {
background: url("../grafika/small-cat-ico.png") 0 0 no-repeat;
content: "";
height: 22px;
right: 16px;
position: absolute;
top: 50%;
margin-top: -11px;
transition: all 0.3s ease 0s;
width: 26px;
}
#right-column .column-content .product-info .gal-btn:after {
background: url("../grafika/gal-ico2.png") 0 0 no-repeat;
content: "";
height: 22px;
right: 21px;
position: absolute;
top: 50%;
margin-top: -11px;
transition: all 0.3s ease 0s;
width: 26px;
}
#right-column .column-content .product-info .gal-btn{
display: block;
position: relative;
color: #fff;
font: 300 16px/20px "Open Sans",sans-serif;
padding: 12px 80px 14px 35px;
background: #afb6bd;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .column-content .product-info .ask-btn {
display: block;
position: relative;
color: #fff;
font: 300 16px/20px "Open Sans",sans-serif;
padding: 12px 80px 14px 35px;
background: #1D1F20;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .column-content .product-info .ask-btn:after {
background: url("../grafika/ask-ico2.png") 0 0 no-repeat;
content: "";
height: 21px;
right: 21px;
position: absolute;
top: 50%;
margin-top: -11px;
transition: all 0.3s ease 0s;
width: 25px;
}
#right-column .column-content .product-info .naglowek {
display: block;
margin: 0 0 25px 0;
padding: 0 0 0 48px;
color: #222222;
position: relative;
font: 600 20px/20px "Open Sans",sans-serif;
}
#right-column .column-content .product-info .naglowek:before {
content: '';
width: 34px;
height: 34px;
position: absolute;
left: 0;
top: -5px;
background: url("../grafika/przekroj-ico.png") 0 0 no-repeat;
}
#right-column .column-content .product-info .przekroj-item {
background: #2d9be8;
display: inline-block;
width: 40px;
height: 20px;
padding: 6px 0 0 0;
color: #fff;
font: 700 12px/12px "Open Sans",sans-serif;
margin: 0 3px 6px 3px;
text-align: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .column-content .product-info .przekroj-item:hover {
text-decoration: none;
background: #e41b12;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .column-content .left-column {
float: left;
display: block;
width: 400px;
}
#right-column .column-content .right-column {
float: right;
display: block;
width: 400px;
}
#right-column .column-content .left-column .naglowek, #right-column .column-content .right-column .naglowek {
display: block;
color: #222222;
position: relative;
font: 600 20px/25px "Open Sans",sans-serif;
padding: 0 0 0 48px;
margin: 0 0 0 0;
}
#right-column .column-content .left-column .naglowek:before, #right-column .column-content .right-column .naglowek:before {
content: '';
width: 34px;
height: 34px;
position: absolute;
left: 0;
top: -3px;
}
#right-column .column-content .left-column .moduly:before {
background: url("../grafika/moduly-ico.png") 0 0 no-repeat;
}
#right-column .column-content .left-column .klasa-temp:before {
background: url("../grafika/klasa-temp-ico.png") 0 0 no-repeat;
}
#right-column .column-content .left-column .czynnik-chlodniczy:before {
background: url("../grafika/czynnik-chlod-ico.png") 0 0 no-repeat;
}
#right-column .column-content .right-column .cechy:before {
background: url("../grafika/cechy-ico.png") 0 0 no-repeat;
}
ul.expand_wrapper {
display: block;
list-style: none !important;
margin: 30px 0 0 0 !important;
}
ul.expand_wrapper li {
padding: 0 0 0 0 !important;
width: 500px;
margin: 0 0 15px 0 !important;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
height: 100%;
}
ul.expand_wrapper li:hover .move {
color: #e41b12;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
ul.expand_wrapper span.move {
width: 383px;
padding: 0 0 0 17px;
text-decoration: none;
font: 700 14px/18px "Open Sans",sans-serif;
color: #979797;
display: block;
position: relative;
z-index: 99;
cursor: pointer;
margin: 0 0 12px 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
ul.expand_wrapper span.static {
padding: 0 0 0 17px;
text-decoration: none;
font: 700 14px/18px "Open Sans",sans-serif;
color: #979797;
display: block;
position: relative;
z-index: 99;
margin: 0 0 12px 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
ul.expand_wrapper span.static:before {
content: '';
width: 8px;
height: 7px;
position: absolute;
top: 5px;
left: 0;
background: url("../grafika/grey-arrow.png") 0 0 no-repeat;
transform: rotate(0deg);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
ul.expand_wrapper span.move:before {
content: '';
width: 8px;
height: 7px;
position: absolute;
top: 5px;
left: 0;
background: url("../grafika/blue-arrow.png") 0 0 no-repeat;
transform: rotate(0deg);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
ul.expand_wrapper span.active:before {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
transform: rotate(90deg) !important;
}
ul.expand_wrapper span.move:hover {
cursor: pointer;
}
ul.expand_wrapper span.active {
background: none;
}
ul.expand_wrapper .toggle_container {
clear: both;
margin: 0;
overflow: hidden;
width: 366px;
background: none;
position: relative;
display: none;
background: #f9f9f9;
padding: 14px 17px 0 17px;
}
ul.expand_wrapper .toggle_container p {
font: 300 14px/18px "Open Sans",sans-serif;
color: #646565;
}
#right-column .description {
display: block;
margin: 0 0 0 0;
}
#right-column .description .naglowek,
#right-column .column-content .naglowek {
display: block;
color: #e41b12;
position: relative;
font: 600 20px/25px "Open Sans",sans-serif;
text-transform: uppercase;
padding: 5px 0;
margin: 50px 0 30px 0;
border-bottom: 2px solid #e41b12;
}
#ico {
list-style: none;
}
#ico li {
display: flex;
align-items: center;
flex-wrap: wrap;
}
#ico li span {
margin: 0 20px 0 10px;
}
#right-column .description p {
color: #646565;
font: 300 16px/24px "Open Sans",sans-serif;
}
#right-column .technical-data {
display: flex;
justify-content: center;
align-items: center;
margin: 30px 0 0 0;
width: 433px;
}
#right-column .technical-data .box {
width: 100px;
height: auto;
text-align: center;
margin: 0 10px;
}
#right-column .technical-data .box .bg {
background: #e41b12;
-webkit-clip-path: polygon(15% 0%, 85% 0%, 100% 15%, 100% 85%, 85% 100%, 15% 100%, 0% 85%, 0% 15%);
clip-path: polygon(15% 0%, 85% 0%, 100% 15%, 100% 85%, 85% 100%, 15% 100%, 0% 85%, 0% 15%);
width: 100px;
height: 100px;
color: #fff;
font: 600 30px/100px "Open Sans",sans-serif;
}
#right-column .technical-data .box .bg span {
margin-left: 3px;
font: 300 16px/100px "Open Sans",sans-serif;
}
#right-column .technical-data .box .podpis {
font: 300 12px/12px "Open Sans",sans-serif;
text-transform: uppercase;
}
#right-column .naglowek-pliki, #right-column .naglowek-galeria, #right-column .naglowek-formularz {
display: block;
color: #e41b12;
position: relative;
font: 600 20px/25px "Open Sans",sans-serif;
text-transform: uppercase;
padding: 5px 0;
margin: 50px 0 30px 0;
border-bottom: 2px solid #e41b12;
}
/* FAQ
---------------------------------------------------------------------------------------------------- */
ul#expand_wrapper {
display: block;
list-style: none !important;
margin: 50px 0 0 0 !important;
}
ul#expand_wrapper li {
padding: 15px 0 0 0;
width: 850px;
border-bottom: 1px solid #e3e3e3;
position: relative;
cursor: pointer;
float: left;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
height: 100%;
}
ul#expand_wrapper li .move:after {
content: '';
width: 35px;
height: 35px;
background: center no-repeat #43b666;
display: block;
position: absolute;
left: 0;
top: 8px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
ul#expand_wrapper li .move.active:after {
background: center no-repeat #43b666;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
transform:rotate(90deg);
}
ul#expand_wrapper li .move:hover:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: center no-repeat #43b666;
}
ul#expand_wrapper li .move:hover {
color: #43b666;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
ul#expand_wrapper span.move {
width: 785px;
padding: 10px 0 0 65px;
text-decoration:none;
font: 500 26px/30px "Fira Sans",sans-serif;
color: #364771;
display: block;
position: relative;
margin: 0 0 30px 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
ul#expand_wrapper span.move:hover {
cursor: pointer;
}
ul#expand_wrapper span.active {
background: none;
}
ul#expand_wrapper .toggle_container {
clear: both;
margin: 0;
overflow: hidden;
width: 100%;
background: none;
position: relative;
display: none;
}
/* Galeria - podstrona
---------------------------------------------------------------------------------------------------- */
#galeria {
text-align: center;
}
#galeria .galeria-item {
display: inline-block;
width: 290px;
height: 210px;
position: relative;
overflow: hidden;
z-index: 10;
margin: 0 3px 5px 3px;
}
#galeria .galeria-item .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
background: url("../grafika/overlay-bg.png") repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#galeria .galeria-item .gal-ico {
position: absolute;
left: 50%;
top: 50%;
width: 0;
height: 0;
margin-left: -45px;
margin-top: -45px;
opacity: 0;
background: url("../grafika/gal-ico.png") repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#galeria .galeria-item:hover .gal-ico {
opacity: 1;
width: 90px;
height: 90px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#galeria .galeria-item:hover .overlay {
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#galeria .galeria-item img {
width: 290px;
height: 210px;
}
/*---------------*/
/***** Jazz *****/
/*---------------*/
a.galeria-item.effect-jazz img {
opacity: 1;
}
a.galeria-item.effect-jazz div::before,
a.galeria-item.effect-jazz div::after,
a.galeria-item.effect-jazz img,
a.galeria-item.effect-jazz p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
a.galeria-item.effect-jazz div::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-top: none;
border-bottom: 1px solid #fff;
content: '';
opacity: 0;
z-index: 9;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
-webkit-transform-origin: 43% 43%;
transform-origin: 43% 43%;
}
a.galeria-item.effect-jazz div::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-top: 1px solid #fff;
border-bottom: none;
content: '';
opacity: 0;
z-index: 9;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
-webkit-transform-origin: 57%;
transform-origin: 57%;
}
a.galeria-item.effect-jazz .ico {
background: #fff;
width: 108px;
height: 108px;
display: block;
-webkit-box-shadow: 0 5px 0 0 rgba(0,0,0,0.18);
-moz-box-shadow: 0 5px 0 0 rgba(0,0,0,0.18);
box-shadow: 0 5px 0 0 rgba(0,0,0,0.18);
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
position: absolute;
top: 62px;
left: 50%;
margin-left: -54px;
z-index: 100;
}
a.galeria-item.effect-jazz .ico:before {
content: '';
width: 58px;
height: 60px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -28px;
margin-top: -30px;
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
a.galeria-item.effect-jazz .ico:after {
content: '';
width: 58px;
height: 60px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -28px;
margin-top: -30px;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
a.galeria-item.effect-jazz:hover .ico:before {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
a.galeria-item.effect-jazz:hover .ico:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
a.galeria-item.effect-jazz:hover img {
opacity: 0.7;
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}
a.galeria-item.effect-jazz:hover div::after {
opacity: 1;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
a.galeria-item.effect-jazz:hover div::before {
opacity: 1;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
a.galeria-item.effect-jazz:hover h2,
a.galeria-item.effect-jazz:hover p {
opacity: 1;
}
/* Aktualności
---------------------------------------------------------------------------------------------------- */
#right-column .aktualnosc-item {
display: block;
margin: 0 0 40px 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #e8e8e8;
height: 251px;
width: 850px;
}
#right-column .aktualnosc-item .akt-pic {
float: left;
width: 290px;
height: 210px;
display: block;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .aktualnosc-item .akt-pic .overlay {
width: 290px;
height: 210px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: url('../grafika/overlay-bg.png') repeat;
}
#right-column .aktualnosc-item .akt-pic:hover .overlay {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
#right-column .aktualnosc-item .akt-pic .overlay .ico {
width: 0;
height: 75px;
position: absolute;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
top: 50%;
margin-top: -37px;
left: 90px;
background: url('../grafika/enter-ico.png') repeat;
}
#right-column .aktualnosc-item .akt-pic:hover .overlay .ico {
width: 92px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .aktualnosc-item .akt-pic img {
width: 290px;
height: 210px;
}
#right-column .aktualnosc-item .akt-content {
float: right;
display: block;
width: 538px;
height: 210px;
}
#right-column .data,
#right-column .aktualnosc-item .akt-content .data {
background: #e8e8e8;
color: #222222;
font: 300 12px/12px "Open Sans", sans-serif;
padding: 3px 9px 3px 9px;
margin: 0 0 0 0;
}
#right-column .aktualnosc-item .akt-content .akt-tyt {
display: block;
overflow: hidden;
font: 600 24px/30px "Open Sans", sans-serif;
color: #222222;
text-decoration: none;
height: 64px;
margin: 15px 0 8px 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .aktualnosc-item .akt-content .akt-tyt:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
color: #e41b12;
}
#right-column .aktualnosc-item .akt-content .more-btn {
font: 600 14px/14px "Open Sans", sans-serif;
margin: 0 0 0 0;
position: relative;
color: #222222;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .aktualnosc-item .akt-content .more-btn:hover {
text-decoration: none;
color: #e41b12;
}
#right-column .aktualnosc-item .akt-content .more-btn:hover:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
right: -26px;
}
#right-column .aktualnosc-item .akt-content .more-btn:after {
content: '';
width: 12px;
height: 10px;
position: absolute;
right: -20px;
top: 6px;
background: url("../grafika/akt-arrow.png") no-repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .aktualnosc-item .akt-content p {
display: block;
overflow: hidden;
font: 300 15px/24px "Open Sans", sans-serif;
color: #646565;
margin: 0 0 10px 0;
text-decoration: none;
height: 72px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .aktualnosc-item .akt-content .akt-more:hover:before {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
right: 10px;
}
#right-column .load-more {
background: #2d9be8;
color: #ffffff;
text-align: center;
font: 300 16px/16px "Open Sans", sans-serif;
padding: 9px 56px 10px 28px;
margin: 35px auto 0;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .load-more:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: #e41b12;
}
#right-column .load-more:hover {
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .load-more:before {
content: '';
width: 17px;
height: 19px;
position: absolute;
right: 20px;
top: 12px;
background: url("../grafika/arrow-down.png") no-repeat;
}
/* Menu boczne - podstrona
---------------------------------------------------------------------------------------------------- */
#side-nav {
width: 200px;
display: block;
padding: 0 0 25px 0;
margin: 0 0 30px 0;
list-style: none;
border-bottom: 1px solid #e8e8e8;
}
#side-nav li a {
text-transform: uppercase;
font: 700 16px/20px "Open Sans", sans-serif;
color: #222222;
padding: 6px 0 6px 0;
display: block;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-nav li a.active {
color: #e41b12;
}
#side-nav li a:hover {
color: #e41b12;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-nav li > ul {
border-top: none;
list-style: none;
padding: 10px 0 10px 0;
}
#side-nav li > ul li a.mono:before {
content: '';
position: absolute;
left: 5px;
top: 9px;
width: 16px;
height: 16px;
background: url("../grafika/romb_mono.png") no-repeat;
background-size: 16px 16px;
}
#side-nav li > ul li a.poli:before {
content: '';
position: absolute;
left: 5px;
top: 9px;
width: 16px;
height: 16px;
background: url("../grafika/romb_poli.png") no-repeat;
background-size: 16px 16px;
}
#side-nav li > ul li a {
text-transform: none;
font: 400 15px/18px "Lato", sans-serif;
color: #222222;
padding: 8px 0 8px 35px;
border-bottom: none;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#side-nav li > ul li a:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: #f4f4f4;
color: #222222;
}
#side-nav li > ul li a .square {
width: 10px;
height: 10px;
position: absolute;
left: 0;
top: 12px;
background: #d8d8d8;
}
/* Blog - lista
---------------------------------------------------------------------------------------------------- */
#right-column .blog-item {
display: block;
margin: 0 0 25px 0;
}
#right-column .blog-pic {
float: left;
display: block;
position: relative;
width: 273px;
height: 273px;
}
#right-column .blog-content {
float: right;
display: block;
width: 537px;
border-bottom: 1px solid #e3e3e3;
padding: 0 0 20px 0;
}
#right-column .blog-item .blog-data {
display: block;
text-align: center;
font: 300 14px/14px "Fira Sans", sans-serif;
color: #828282;
background: #f3f3f3;
width: 98px;
padding: 8px 0 5px 0;
margin: 0 0 18px 0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
#right-column .blog-item .blog-tytul {
font: 500 26px/32px "Fira Sans", sans-serif;
color: #636363;
overflow: hidden;
height: 64px;
display: block;
margin: 0 0 16px 0;
}
#right-column .blog-item .blog-tytul:hover {
text-decoration: none;
color: #43b666;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .blog-item p {
display: block;
margin: 0 0 18px 0;
overflow: hidden;
height: 70px;
color: #585858;
font: 300 15px/24px "Fira Sans",sans-serif;
}
#right-column .blog-item .blog-more {
background: #43b666 none repeat scroll 0 0;
border-radius: 22px;
color: #fff;
display: block;
font: 500 13px/13px "Fira Sans",sans-serif;
padding: 14px 0 12px 20px;
position: relative;
text-align: left;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
width: 142px;
margin: 0 0 0 0;
}
#right-column .blog-item .blog-more:hover {
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: #49ce72;
}
#right-column .blog-item .blog-more:after {
background: rgba(0, 0, 0, 0) no-repeat scroll 0 0;
content: "";
height: 15px;
position: absolute;
right: 25px;
top: 13px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
width: 19px;
}
#right-column .blog-item .blog-more:hover:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
right: 15px;
}
#strony-pozycja {
display: block;
width: 260px;
margin: 40px auto 0;
}
#strony-pozycja .poprzednia, #strony-pozycja .nastepna {
display: inline-block;
width: 22px;
height: 22px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
padding: 0 0 0 0;
position: relative;
vertical-align: middle;
margin-bottom: 0;
}
#strony-pozycja .poprzednia:hover:before {
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#strony-pozycja .poprzednia:hover:after {
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#strony-pozycja .poprzednia:before {
content: '';
width: 22px;
height: 22px;
position: absolute;
left: 0;
top: 0;
background: url('../grafika/arrow-prev.png') 0 0 no-repeat;
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#strony-pozycja .poprzednia:after {
content: '';
width: 22px;
height: 22px;
position: absolute;
left: 0;
top: 0;
background: url('../grafika/arrow-prev.png') 0 -24px no-repeat;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#strony-pozycja .nastepna:before {
content: '';
width: 22px;
height: 22px;
position: absolute;
left: 0;
top: 0;
background: url('../grafika/arrow-next.png') 0 0 no-repeat;
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#strony-pozycja .nastepna:after {
content: '';
width: 22px;
height: 22px;
position: absolute;
left: 0;
top: 0;
background: url('../grafika/arrow-next.png') 0 -24px no-repeat;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#strony-pozycja .nastepna:hover:before {
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#strony-pozycja .nastepna:hover:after {
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#strony-pozycja .poprzednia:hover, #strony-pozycja .nastepna:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#strony-pozycja .poprzednia {
margin-right: 20px;
}
#strony-pozycja .nastepna {
margin-left: 20px;
}
#strony-pozycja .strona-input {
display: inline-block;
color: #58585a;
font: 300 14px/14px "Lato",sans-serif;
}
#strony-pozycja .strona-input input {
background: #fff;
border: 1px solid #e2e2e2;
width: 39px;
height: 39px;
margin: 0 5px;
text-align: center;
color: #58585a;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
font: 300 14px/14px "Lato",sans-serif;
}
#strony-pozycja .strona-input input:hover, #strony-pozycja .strona-input input:focus {
background: #fff;
border-color: #e2001a;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
/* Galeria - kategorie
---------------------------------------------------------------------------------------------------- */
#galeria-kategorie {
text-align: center;
}
/* Common style */
#galeria-kategorie .box-item {
position: relative;
display: inline-block;
overflow: hidden;
margin: 0 3px 5px 3px;
width: 273px;
height: 273px;
text-align: center;
cursor: pointer;
line-height: 273px;
}
#galeria-kategorie .box-item img {
position: relative;
display: block;
width: 273px;
height: 273px;
opacity: 1;
}
#galeria-kategorie .box-item div {
color: #fff;
text-transform: uppercase;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#galeria-kategorie .box-item div::before,
#galeria-kategorie .box-item div::after {
pointer-events: none;
}
#galeria-kategorie .box-item div,
#galeria-kategorie .box-item div > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#galeria-kategorie .box-item .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
background: url('../grafika/box-px.png') repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#galeria-kategorie .box-item .overlay-1 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 1;
background: url('../grafika/box-px-2.png') repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#galeria-kategorie .box-item:hover .overlay-1 {
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#galeria-kategorie .box-item:hover .overlay {
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#galeria-kategorie .box-item.effect-jazz h2 {
padding-top: 0;
display: inline-block;
font: 700 18px/26px "Lato",sans-serif;
opacity: 1;
z-index: 2;
color: #fff;
margin: 0 auto;
vertical-align: middle;
position: relative;
text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.00);
}
#galeria-kategorie .box-item .gal-more {
text-align: center;
color: #fff;
text-transform: uppercase;
font: 700 14px/14px "Lato",sans-serif;
position: absolute;
bottom: 20px;
left: 0;
opacity: 0;
width: 273px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#galeria-kategorie .box-item:hover .gal-more {
opacity: 1;
bottom: 25px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
/* Galeria - filrtowanie
---------------------------------------------------------------------------------------------------- */
#galeria-form {
display: block;
margin: 0 0 40px 0;
}
#galeria-form p {
display: inline-block;
vertical-align: middle;
margin: 4px 10px 0 0;
}
#galeria-form label {
display: inline-block;
vertical-align: top;
margin: 0 15px 0 5px;
}
#galeria-form label select {
outline: none;
border: 1px solid #e2e2e2;
height: 38px;
width: 258px;
padding: 5px 5px 5px 10px;
font: 300 15px/15px "Lato",sans-serif;
color: #58585a;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#galeria-form label select:hover, #galeria-form label select:focus {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
border-color: #e2001a;
}
/* Kategorie
---------------------------------------------------------------------------------------------------- */
#right-column .kat-box {
display: inline-block;
vertical-align: top;
margin: 0 3px 11px 3px;
width: 238px;
padding: 0 25px 0 25px;
text-align: center;
position: relative;
height: 238px;
border: solid 1px #e8e8e8;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
}
#right-column .kat-box.dp {
height: 280px !important;
background: #eff0f0;
border: solid 1px #fff;
}
#right-column .kat-box:hover {
text-decoration: none;
border-color: #e41b12;
-webkit-box-shadow: inset 0 0 0 1px #e41b12;
-moz-box-shadow: inset 0 0 0 1px #e41b12;
box-shadow: inset 0 0 0 1px #e41b12;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .kat-box img.piktogram {
position: relative;
margin-top: 40px;
width: 50px;
height: 50px;
}
#right-column .kat-box img.pdf {
position: relative;
width: auto;
height: 120px;
}
#right-column .kat-box .podglad {
font: 600 50px/120px "Open Sans",sans-serif;
display: block;
color: #fff;
margin: 20px 0 0 0;
height: 120px;
overflow: hidden;
}
#right-column .kat-box .tytul {
font: 600 24px/30px "Open Sans",sans-serif;
display: block;
color: #222222;
margin: 20px 0 0 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
overflow: hidden;
height: 60px;
}
#right-column .kat-box.dp .tytul {
font: 600 14px/20px "Open Sans", sans-serif;
color: #222222;
}
#right-column .kat-box.dp .rozmiar {
font: 400 14px/20px "Open Sans", sans-serif;
color: #222222;
margin: 10px 0 0 0;
display: block;
}
#right-column .kat-box:hover .tytul {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
color: #e41b12;
}
#right-column .kat-box .purple-arrow {
background: rgba(0, 0, 0, 0) url("../grafika/purple-arrow2.png") no-repeat scroll 0 0;
bottom: 38px;
display: block;
height: 12px;
left: 50%;
margin-left: -5px;
position: absolute;
transition: all 0.3s ease 0s;
width: 10px;
}
#right-column .kat-box:hover .purple-arrow {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
bottom: 45px;
}
/* Kontakt - podstrona
---------------------------------------------------------------------------------------------------- */
#right-column .contact-line {
display: block;
margin: 0 0 25px 0;
}
#right-column .contact-adres {
display: inline-block;
margin: 10px 0 0 0;
position: relative;
padding: 0 0 0 26px;
vertical-align: top;
color: #646565;
float: left;
font: 300 15px/24px "Open Sans",sans-serif;
}
#right-column .contact-adres strong {
font-weight: 600;
}
#right-column .contact-adres:before {
content: '';
position: absolute;
width: 16px;
height: 25px;
left: 0;
top: 4px;
background: url("../grafika/adres-ico2.png") no-repeat;
}
#right-column .contact-btns {
display: block;
float: right;
}
#right-column .contact-btns .map-btn {
display: inline-block;
vertical-align: top;
color: #fff;
background: #15384b;
font: 300 16px/20px "Open Sans",sans-serif;
text-align: left;
width: 98px;
height: 54px;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
padding: 14px 80px 0 35px;
margin-right: 15px;
}
#right-column .contact-btns .map-btn.ru {
display: block;
width: 165px;
padding: 14px 95px 0 20px;
font: 300 15px/20px "Open Sans",sans-serif;
}
#right-column .contact-btns .map-btn.es {
padding: 14px 95px 0 20px;
font: 300 15px/20px "Open Sans",sans-serif;
}
#right-column .contact-btns .map-btn.fr {
padding: 14px 95px 0 20px;
font: 300 15px/20px "Open Sans",sans-serif;
}
#right-column .contact-btns .map-btn.de {
padding: 14px 95px 0 20px;
}
#right-column .contact-btns .map-btn:after {
content: '';
width: 31px;
height: 31px;
position: absolute;
right: 25px;
top: 19px;
background: url("../grafika/globus-ico.png") no-repeat;
}
#right-column .contact-btns .map-btn.de:after {
right: 15px;
}
#right-column .contact-btns .serwis-btn {
display: inline-block;
vertical-align: top;
margin-left: 15px;
color: #fff;
background: #afb6bd;
font: 300 16px/20px "Open Sans",sans-serif;
text-align: left;
width: 128px;
height: 45px;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
padding: 23px 0 0 34px;
}
#right-column .contact-btns .serwis-btn.ru {
display: block;
margin-left: 0;
width: 165px;
padding: 14px 95px 9px 20px;
font: 300 15px/20px "Open Sans",sans-serif;
}
#right-column .contact-btns .serwis-btn:before {
content: '';
width: 28px;
height: 28px;
position: absolute;
right: 25px;
top: 19px;
background: url("../grafika/serwis-ico.png") no-repeat;
}
#right-column .contact-btns .serwis-btn:hover {
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: #e41b12;
}
#right-column .contact-btns .map-btn:hover {
text-decoration: none;
background: #e41b12;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#right-column .contact-box .contact-tel {
display: block;
position: relative;
font: 300 15px/20px "Open Sans",sans-serif;
color: #646565;
padding: 0 0 0 24px;
margin: 0 0 25px 0;
}
#right-column .contact-box .contact-mail {
display: block;
position: relative;
font: 300 15px/20px "Open Sans",sans-serif;
color: #afb6bd;
padding: 0 0 0 24px;
margin: 0 0 20px 0;
}
#right-column .contact-tel:before {
content: '';
position: absolute;
width: 11px;
height: 25px;
left: 0;
top: -1px;
background: url("../grafika/tel-ico3.png") no-repeat;
}
#right-column .contact-mail:before {
content: '';
position: absolute;
width: 30px;
height: 35px;
left: 0;
top: -2px;
background: url("../grafika/mail-ico2.png") no-repeat;
}
#contact-map {
height: 310px;
width: 900px;
margin: 30px 0 40px 0;
}
#zasieg-mapa {
height: 500px;
width: 900px;
margin: 30px 0 40px 0;
}
#right-column .contact-box {
display: inline-block;
margin: 0 30px 30px 0;
vertical-align: top;
width: 417px;
padding: 0 0 15px 0;
border-bottom: 1px solid #e8e8e8;
}
#right-column .contact-box .contact-adres {
display: block;
margin: 0 0 25px 0;
position: relative;
padding: 0 0 0 26px;
color: #646565;
float: none;
font: 300 15px/24px "Open Sans",sans-serif;
}
#right-column .contact-box .contact-adres:before {
top: -1px;
}
/* Kontakt - formularz
---------------------------------------------------------------------------------------------------- */
#formularz-popup-style {
padding: 25px;
}
#formularz-kontaktowy {
width: 900px;
}
/* dolozone */
#formularz-kontaktowy #kraj {
margin-bottom: 25px;
}
#formularz-kontaktowy #kraj span {
font: 600 26px/26px "Open Sans",sans-serif;
}
#formularz-kontaktowy a {
color: #e30613;
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#formularz-kontaktowy a:hover {
text-decoration: underline;
}
#formularz-kontaktowy .right_form {
float: right;
margin-right: 4px;
width: 202px;
padding-top: 25px;
}
#form_token2 {
width: 202px;
display:block;
float: left;
}
#formularz-kontaktowy .f_kolumna_1 {
width: 204px;
display: inline-block;
margin: 0 10px 22px 10px;
}
#formularz-kontaktowy .f_tekst {
width: 660px;
display: inline-block;
margin: 0 10px 15px 10px;
clear: both;
}
#formularz-kontaktowy .f_tekst .checkbox {
display: block;
width: 100%;
margin: 10px 0 0 0;
}
#formularz-kontaktowy .f_tekst .checkbox .checkbox-bg {
width: 27px;
height: 32px;
background: #f9f9f9;
padding: 8px 0 0 13px;
display: inline-block;
}
#formularz-kontaktowy .f_tekst .checkbox .checkbox-bg-white {
width: 27px;
height: 32px;
background: #fff;
padding: 8px 0 0 13px;
display: inline-block;
}
#formularz-kontaktowy .f_tekst .checkbox input {
display: inline-block;
vertical-align: middle;
}
#formularz-kontaktowy .f_tekst .checkbox label {
display: inline-block;
vertical-align: top;
padding: 0 0 0 15px;
width: 600px;
}
#formularz-kontaktowy .f_tekst .checkbox label span {
color: #222222;
display: inline-block;
font: 300 12px/16px "Open Sans", sans-serif;
}
#formularz-kontaktowy .f_tekst .checkbox label a {
display: inline-block;
color: #e41b12;
margin-bottom: 0;
font: 300 12px/14px "Open Sans", sans-serif;
}
#formularz-kontaktowy .f_button {
text-align: center;
float: right;
clear: both;
}
#formularz-kontaktowy .f_info, #formularz-kontaktowy .f_info3 {
margin-bottom: 12px;
float: left;
clear: both;
font: 300 14px/21px "Open Sans", sans-serif !important;
color: #222222;
}
#formularz-kontaktowy .f_info3 {
display: block;
float: none;
}
#formularz-kontaktowy .f_info span, #formularz-kontaktowy .f_info3 span {
color: #e41b12;
}
#formularz-kontaktowy .wymagane {
display: block;
margin-top: 50px;
margin-bottom: 10px;
font: 300 14px/15px "Open Sans", sans-serif !important;
color: #222222;
}
#formularz-kontaktowy .wymagane span {
color: #e41b12;
margin-top: 10px;
}
#formularz-kontaktowy .f_token_input {
float: right;
width: 69px;
height: 52px;
}
#formularz-kontaktowy .f_token_img {
float: left;
width: 90px;
height: 50px;
margin-bottom: 15px;
}
#formularz-kontaktowy .f_token_img img {
margin: 2px 0 0 0 !important;
width: 90px;
height: 50px;
}
#formularz-kontaktowy .f_input {
font: 400 14px/20px "Open Sans", sans-serif !important;
color: #222222;
border: 1px solid #c2c2c2;
padding: 4px 8px;
outline: none;
width: 186px;
height: 30px;
margin: 0;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#formularz-kontaktowy .f_input:hover, #formularz-kontaktowy .f_input:focus {
border: 1px solid #e41b12;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#formularz-kontaktowy .f_select {
font: 400 14px/20px "Open Sans", sans-serif !important;
color: #222222;
border: 1px solid #c2c2c2;
padding: 4px 8px;
outline: none;
width: 205px;
height: 40px;
margin: 0;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#formularz-kontaktowy .f_select:hover, #formularz-kontaktowy .f_select:focus {
border: 1px solid #e41b12;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#formularz-kontaktowy .f_input_token {
margin-top: 5px;
font: 400 14px/14px "Open Sans", sans-serif !important;
border: 1px solid #c2c2c2;
color: #222222;
float: right;
padding: 3px 6px;
width: 66px;
height: 30px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#formularz-kontaktowy .f_input_token:hover, #formularz-kontaktowy .f_input_token:focus {
border: 1px solid #e41b12;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#formularz-kontaktowy .f_textarea {
font: 400 14px/20px "Open Sans", sans-serif;
color: #222222;
padding: 6px 8px;
width: 642px;
height: 98px;
border: 1px solid #c2c2c2;
outline: none;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#kariera_content #formularz-kontaktowy .f_textarea {width: 872px;}
#formularz-kontaktowy .f_textarea:hover, #formularz-kontaktowy .f_textarea:focus {
border: 1px solid #e41b12;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#formularz-kontaktowy .f_input_button {
display: block;
position: relative;
color: #fff;
font: 300 16px/16px "Open Sans",sans-serif;
background: #afb6bd;
height: 42px;
text-align: left;
padding: 0 0 0 25px;
width: 202px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
outline: none;
border: none;
margin: 10px 0 0 0;
}
#formularz-kontaktowy .f_input_button.es {
padding: 0 0 0 10px;
}
#formularz-kontaktowy .f_input_button.it {
padding: 0 0 0 10px;
}
#formularz-kontaktowy .f_input_button.fr {
padding: 0 0 0 10px;
font: 300 15px/15px "Open Sans",sans-serif;
}
#formularz-kontaktowy .f_input_button:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
text-decoration: none;
background: #e41b12;
}
#formularz-kontaktowy .f_input_button:before {
content: '';
position: absolute;
right: 24px;
top: 13px;
opacity: 1;
width: 19px;
height: 17px;
background: url("../grafika/white-arrow2.png") no-repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#formularz-kontaktowy .f_input_button.es:before {
right: 12px;
}
#formularz-kontaktowy .f_input_button.fr:before {
right: 12px;
}
#formularz-kontaktowy .f_input_button.it:before {
right: 16px;
}
#formularz-kontaktowy .f_input_button:hover:before {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
right: 10px;
}
#formularz-kontaktowy .f_brak {
background-color: #eeeeed;
}
#formularz-kontaktowy h2 span,
#formularz-kontaktowy h3 span {
color: #e41b12;
}
#form_prawy {
display: block;
}
/* Formularz pop-up
---------------------------------------------------------------------------------------------------- */
#formularz-pop-up {
width: 718px;
margin: 0 auto 0;
}
#formularz-pop-up h2 {
font-size: 32px;
}
#formularz-pop-up .form-pic {
width: 273px;
height: 273px;
display: inline-block;
margin: 0 32px 25px 0;
vertical-align: top;
}
#form-pop-up-r {
display: inline-block;
margin: 0 0 0 0;
width: 408px;
vertical-align: top;
}
#formularz-pop-up a {
color: #e30613;
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#formularz-pop-up a:hover {
text-decoration: underline;
}
#formularz-pop-up .right_form2 {
float: right;
width: 190px;
padding-top: 25px;
padding-bottom: 45px;
}
#form_token3 {
width: 168px;
display:block;
float: left;
}
#formularz-pop-up .f_kolumna_1 {
width: 182px;
display: inline-block;
margin: 0 10px 22px 10px;
}
#formularz-pop-up .f_tekst {
width: 490px;
display: inline-block;
margin: 0 10px 15px 0;
clear: both;
}
#formularz-pop-up .f_button {
text-align: center;
float: right;
clear: both;
}
#formularz-pop-up .f_info, #formularz-pop-up .f_info3 {
margin-bottom: 12px;
float: left;
clear: both;
font: 300 14px/15px "Lato", sans-serif !important;
color: #58585a;
}
#formularz-pop-up .f_info3 {
display: block;
float: none;
}
#formularz-pop-up .f_info span, #formularz-pop-up .f_info3 span {
color: #f72b3e;
}
#formularz-pop-up .wymagane {
display: block;
margin-top: 50px;
margin-bottom: 10px;
font: 300 14px/15px "Lato", sans-serif !important;
color: #58585a;
}
#formularz-pop-up .wymagane span {
color: #e2001a;
margin-top: 10px;
}
#formularz-pop-up .f_token_input {
float: right;
width: 69px;
height: 52px;
}
#formularz-pop-up .f_token_img {
float: left;
width: 90px;
height: 50px;
margin-bottom: 15px;
}
#formularz-pop-up .f_token_img img {
margin: 2px 0 0 0 !important;
width: 90px;
height: 50px;
}
#formularz-pop-up .f_input {
font: 400 14px/20px "Lato", sans-serif !important;
color: #58585a;
border: 1px solid #e2e2e2;
padding: 4px 8px;
outline: none;
width: 163px;
height: 30px;
margin: 0;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#formularz-pop-up .f_input:hover, #formularz-pop-up .f_input:focus {
border: 1px solid #e2001a;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#formularz-pop-up .f_input_token {
margin-top: 5px;
font: 400 14px/14px "Lato", sans-serif !important;
border: 1px solid #e2e2e2;
color: #58585a;
float: right;
padding: 3px 6px;
width: 55px;
height: 36px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#formularz-pop-up .f_input_token:hover, #formularz-pop-up .f_input_token:focus {
border: 1px solid #e2001a;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#formularz-pop-up .f_textarea {
font: 400 14px/20px "Lato", sans-serif;
color: #58585a;
padding: 4px 8px;
width: 470px;
height: 167px;
border: 1px solid #e2e2e2;
outline: none;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#formularz-pop-up .f_textarea:hover, #formularz-pop-up .f_textarea:focus {
border: 1px solid #e2001a;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#formularz-pop-up .f_input_button {
display: block;
text-transform: uppercase;
position: relative;
color: #fff;
font: 700 14px/14px "Lato",sans-serif;
background: #e12234;
height: 45px;
text-align: left;
padding: 0 0 0 15px;
width: 190px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
outline: none;
border: none;
margin: 10px 0 0 0;
}
#formularz-pop-up .f_input_button:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
text-decoration: none;
background: #ff3c41;
}
#formularz-pop-up .f_input_button:before {
content: '';
position: absolute;
right: 14px;
top: 12px;
opacity: 1;
width: 22px;
height: 22px;
background: url("../grafika/submit-arrow.png") no-repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#formularz-pop-up .f_input_button:hover:before {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
right: 10px;
}
#formularz-pop-up .f_brak {
background-color: #eeeeed;
}
#form_prawy {
display: block;
}
/* Footer
---------------------------------------------------------------------------------------------------- */
footer {
width: 100%;
min-width: 1200px;
position: relative;
padding: 0 0 0;
}
footer .top {
min-width: 1200px;
width: 100%;
background: #2a2c2c;
position: relative;
padding: 55px 0 55px 0;
}
footer .top .content:before {
content: '';
width: 39px;
height: 19px;
position: absolute;
top: -55px;
left: 0;
background: url('../grafika/footer-addon.png') 0 0 no-repeat;
}
footer .top .footer-box {
display: inline-block;
width: 370px;
margin: 0 13px 0 13px;
vertical-align: top;
}
footer .top .footer-box img {
height: 50px;
width: auto;
margin-bottom: 4px;
}
footer .top .footer-box hr {
border-top: none;
border-bottom: 1px solid #1b1b1b;
margin: 25px 0 25px;
}
footer .top .footer-box .naglowek {
display: block;
padding: 0 0 0 62px;
position: relative;
margin: 14px 0 40px 0;
color: #b7b7b7;
font: 400 24px/26px "Open Sans",sans-serif;
}
footer .top .footer-box .aktualnosci:before {
content: '';
width: 43px;
height: 40px;
position: absolute;
top: -6px;
left: 0;
background: url('../grafika/akt-ico.png') 0 0 no-repeat;
}
footer .top .footer-box .kontakt:before {
content: '';
width: 40px;
height: 40px;
position: absolute;
top: -6px;
left: 0;
background: url('../grafika/kontakt-ico.png') 0 0 no-repeat;
}
footer .top .footer-box .social-icos {
display: block;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
footer .top .footer-box .social-icos .ico {
display: inline-block;
width: 26px;
height: 26px;
vertical-align: top;
margin: 0 15px 0 15px;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
footer .top .footer-box .social-icos .ico:before {
content: '';
width: 26px;
height: 26px;
position: absolute;
left: 0;
top: 0;
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
footer .top .footer-box .social-icos .ico:after {
content: '';
width: 26px;
height: 26px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
footer .top .footer-box .social-icos .ico:hover:before {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
footer .top .footer-box .social-icos .ico:hover:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
footer .top .footer-box .social-icos .fb-ico:before {
background: url("../grafika/fb-ico.png") 0 0 no-repeat;
}
footer .top .footer-box .social-icos .fb-ico:after {
background: url("../grafika/fb-ico.png") 0 -30px no-repeat;
}
footer .top .footer-box .social-icos .yt-ico:before {
background: url("../grafika/yt-ico.png") 0 0 no-repeat;
}
footer .top .footer-box .social-icos .yt-ico:after {
background: url("../grafika/yt-ico.png") 0 -30px no-repeat;
}
footer .top .footer-box .social-icos .in-ico:before {
background: url("../grafika/in-ico.png") 0 0 no-repeat;
}
footer .top .footer-box .social-icos .in-ico:after {
background: url("../grafika/in-ico.png") 0 -30px no-repeat;
}
footer .top .footer-box .social-icos .google-ico:before {
background: url("../grafika/google-ico.png") 0 0 no-repeat;
}
footer .top .footer-box .social-icos .google-ico:after {
background: url("../grafika/google-ico.png") 0 -30px no-repeat;
}
#footer-nav {
display: block;
margin: 35px 0 0 0;
}
#footer-nav a {
display: block;
position: relative;
padding: 0 0 0 50px;
text-transform: uppercase;
color: #b7b7b7;
font: 700 14px/14px "Open Sans",sans-serif;
margin: 28px 0 28px 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#footer-nav a:hover {
color: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#footer-nav a:before {
content: '';
width: 8px;
height: 7px;
position: absolute;
left: 0;
top: 4px;
opacity: 1;
background: url('../grafika/footer-nav-arrow.png') 0 0 no-repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#footer-nav a:after {
content: '';
width: 8px;
height: 7px;
position: absolute;
left: 0;
top: 4px;
opacity: 0;
background: url('../grafika/footer-nav-arrow.png') 0 -8px no-repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#footer-nav a:hover:before {
opacity: 0;
left: 25px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#footer-nav a:hover:after {
opacity: 1;
left: 25px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
footer .top .footer-box .footer-akt {
display: block;
margin: 0 0 20px 0;
}
footer .top .footer-box .footer-akt .akt-nazwa {
display: block;
color: #b7b7b7;
font: 600 16px/20px "Open Sans",sans-serif;
margin: 0 0 0 0;
text-decoration: none;
overflow: hidden;
height: 22px;
}
footer .top .footer-box .footer-akt .akt-nazwa:hover {
text-decoration: underline;
}
footer .top .footer-box .footer-akt .data {
color: #767676;
font: 600 12px/12px "Open Sans",sans-serif;
margin: 6px 0 0 0;
}
footer .top .footer-box .more-btn {
background: #afb6bd none repeat scroll 0 0;
color: #fff;
display: inline-block;
font: 300 16px/16px "Open Sans",sans-serif;
margin: 5px auto;
padding: 9px 62px 11px 26px;
position: relative;
transition: all 0.3s ease 0s;
}
footer .top .footer-box .more-btn:hover {
transition: all 0.3s ease 0s;
background: #e41b12;
}
footer .top .footer-box .more-btn:hover:before {
transition: all 0.3s ease 0s;
right: 15px;
}
footer .top .footer-box .more-btn:before {
background: rgba(0, 0, 0, 0) url("../grafika/white-arrow2.png") no-repeat scroll 0 0;
content: "";
height: 17px;
position: absolute;
right: 25px;
top: 11px;
transition: all 0.3s ease 0s;
width: 19px;
}
footer .top .footer-box .form-btn {
background: #afb6bd none repeat scroll 0 0;
color: #fff;
display: inline-block;
font: 300 16px/16px "Open Sans",sans-serif;
margin: 5px auto;
padding: 9px 52px 11px 26px;
position: relative;
transition: all 0.3s ease 0s;
}
footer .top .footer-box .form-btn:after {
content: '';
width: 12px;
height: 19px;
right: 20px;
top: 9px;
position: absolute;
background: url("../grafika/ask-ico.png") no-repeat;
}
footer .top .footer-box .form-btn:hover {
transition: all 0.3s ease 0s;
background: #e41b12;
}
footer .top .footer-box .footer-adres, footer .top .footer-box .footer-tel, footer .top .footer-box .footer-mail {
display: block;
position: relative;
padding: 0 0 0 32px;
margin: 0 0 30px 0;
color: #767676;
font: 300 14px/22px "Open Sans",sans-serif;
}
footer .top .footer-box .footer-adres:before {
content: '';
width: 16px;
height: 25px;
position: absolute;
left: 0;
top: 4px;
background: url("../grafika/footer-adres-ico.png") no-repeat;
}
footer .top .footer-box .footer-tel:before {
content: '';
width: 16px;
height: 25px;
position: absolute;
left: 0;
top: -2px;
background: url("../grafika/footer-tel-ico.png") no-repeat;
}
footer .top .footer-box .footer-mail:before {
content: '';
width: 13px;
height: 25px;
position: absolute;
left: 0;
top: -1px;
background: url("../grafika/footer-mail-ico.png") no-repeat;
}
footer .top .footer-box .footer-mail a,
footer .top .footer-box .footer-tel a
{
color: #b7b7b7;
}
footer .top .footer-box .footer-mail a:hover {
text-decoration: underline;
}
footer .bottom {
min-width: 1200px;
width: 100%;
background: #eff0f0;
position: relative;
padding: 18px 0 18px 0;
}
footer .bottom .copyright {
float: left;
color: #818181;
font: 400 11px/11px "Open Sans",sans-serif;
}
footer .bottom .copyright .separator {
margin: 0 10px;
}
footer .bottom .copyright a {
font: 400 11px/11px "Open Sans",sans-serif;
color: #818181;
}
footer .bottom .copyright a:hover {
text-decoration: underline;
}
footer .bottom .euforia {
float: right;
color: #818181;
font: 400 11px/11px "Open Sans",sans-serif;
}
footer .bottom .euforia a {
text-decoration: none;
color: #818181;
font: 400 11px/11px "Open Sans",sans-serif;
}
footer .bottom .euforia a:hover {
text-decoration: underline;
}
footer .bottom .footer-totop {
width: 84px;
height: 84px;
position: absolute;
left: 50%;
margin-left: -42px;
background: url("../grafika/footer-totop-bg.png") no-repeat;
top: -60px;
}
footer .bottom .footer-totop img {
position: absolute;
bottom: 28px;
left: 50%;
width: 23px;
height: 26px;
margin-left: -12px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
outline: none;
}
footer .bottom .footer-totop:hover img {
bottom: 36px;
outline: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
/* Mobile
---------------------------------------------------------------------------------------------------- */
/* Fixed btns
---------------------------------------------------------------------------------------------------- */
.fixed-btn {
position: fixed;
width: 86px;
height: 60px;
right: -24px;
z-index: 999;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.fixed-btn.open {
right: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#formed-fix {
top: 54px;
}
#fb-fix {
top: 316px;
}
#yt-fix {
top: 377px;
}
#katalog-fix {
top: 438px;
}
#kontakt-btn {
position: fixed;
right: -224px;
top: 135px;
width: 286px;
height: 180px;
cursor: pointer;
z-index: 999;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#kontakt-btn.open {
right: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#kontakt-btn .naglowek {
font: 700 20px/20px "Lato",sans-serif;
color: #fff;
display: block;
height: 41px;
left: -60px;
padding: 20px 0 0 69px;
position: absolute;
text-align: left;
top: 59px;
transform: rotate(90deg);
width: 111px;
text-transform: uppercase;
background: #e2001a;
}
#kontakt-btn .naglowek:before {
content: '';
position: absolute;
top: 9px;
left: 11px;
width: 40px;
height: 40px;
background: url('../grafika/tel-ico2.png') no-repeat;
transform: rotate(-90deg);
}
#kontakt-btn .fixed-tel {
float: right;
width: 224px;
height: 180px;
}
#kontakt-btn .fixed-tel .tel {
background: #e2001a;
width: 206px;
height: 70px;
margin: 0 0 1px 0;
padding: 20px 0 0 18px;
}
#kontakt-btn .fixed-tel .tel2 {
background: #e2001a;
width: 206px;
height: 69px;
margin: 0 0 0 0;
padding: 20px 0 0 18px;
}
#kontakt-btn .fixed-tel .tel ._1, #kontakt-btn .fixed-tel .tel2 ._1 {
display: block;
margin: 0 0 10px 0;
color: #fff;
font: 700 16px/16px "Lato",sans-serif;
}
#kontakt-btn .fixed-tel .tel ._2, #kontakt-btn .fixed-tel .tel2 ._2 {
display: block;
margin: 0 0 0 0;
color: #fff;
font: 400 16px/16px "Lato",sans-serif;
}
#kontakt-btn .fixed-tel .tel ._2 .bigger, #kontakt-btn .fixed-tel .tel2 ._2 .bigger {
font: 400 20px/20px "Lato",sans-serif;
}
/* toTop
---------------------------------------------------------------------------------------------------- */
#toTop {
width: 49px;
height: 57px;
padding:0;
position:fixed;
bottom: 60px;
right: 20px;
cursor:pointer;
text-decoration:none;
z-index: 9999;
float: right;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#toTop:before {
content: '';
width: 49px;
height: 57px;
position: absolute;
left: 0;
top: 0;
opacity: 1;
background: url('../grafika/totop.png') 0 0 no-repeat;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#toTop:after {
content: '';
width: 49px;
height: 57px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
background: url('../grafika/totop.png') 0 -62px no-repeat;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#toTop:hover {
bottom: 70px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#toTop:hover:before {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
#toTop:hover:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
/* =============================================================================
Cookies
========================================================================== */
#ciasteczka {
color: #434648;
font: 12px/18px Tahoma;
line-height: 1.5;
max-width: 300px;
height: auto;
background: #fff;
*background: #00aeef;
padding: 6px 10px;
position: fixed;
bottom: 9px;
left:0;
z-index: 9999;
opacity: 0.9;
-webkit-border-radius: 0 40px 40px 0;
border-radius: 0 40px 40px 0;
border: 1px solid #E0E0E0;
overflow: hidden;
}
#ciasteczka .zawartosc {
max-width: 300px; /* do zmiany */
}
#ciasteczka p.info {
margin: 4px 0 0 0;
font: 400 10px/12px "Lato", sans-serif;
text-align: justify;
}
#ciasteczka p.info a {
color: #2d9be8;
}
#ciasteczka p strong {
font: 500 11px/12px "Lato", sans-serif;
}
#ciasteczka a.zamknij {
float: right;
width: 34px;
height: 35px;
background: url('../grafika/ico-ok.png') no-repeat;
display: block;
overflow: hidden;
cursor: pointer;
}
#ciasteczka a.zamknij:hover {
background-position: 0 -36px;
}
#ciasteczka a.zamknij.en { margin: 15px 0 15px 9px; }
#ciasteczka a.zamknij.pl { margin: 24px 0 24px 9px; }
#ciasteczka a.zamknij.de { margin: 30px 0 30px 9px; }
#ciasteczka a.zamknij.fr { margin: 22px 0 22px 9px; }
#ciasteczka a.zamknij.it { margin: 12px 0 14px 9px; }
#ciasteczka a.zamknij.es { margin: 17px 0 17px 9px; }
#ciasteczka a.zamknij.ru { margin: 23px 0 23px 9px; }
/* Komunikaty
---------------------------------------------------------------------------------------------------- */
.komunikat_ok:before {
content: '';
position: absolute;
left: 0;
top: 0;
background: url('../grafika/ikona-ok.png');
width: 64px;
height: 64px;
}
.komunikat_ok {
position: relative;
background-color: #99cc00;
color: #ffffff;
text-align: center;
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 16px;
padding: 15px 75px;
margin: 5px 0;
display: block;
overflow: hidden;
}
.komunikat_uwaga:before {
content: '';
position: absolute;
left: 0;
top: 0;
background: url('../grafika/ikona-uwaga.png');
width: 64px;
height: 64px;
}
.komunikat_uwaga {
position: relative;
background-color: #ED6F00;
color: #ffffff;
text-align: center;
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 16px;
padding: 15px 75px;
margin: 5px 0;
display: block;
overflow: hidden;
}
.komunikat_blad:before {
content: '';
position: absolute;
left: 0;
top: 0;
background: url('../grafika/ikona-blad.png');
width: 64px;
height: 64px;
}
.komunikat_blad {
position: relative;
background-color: #ff0000;
color: #ffffff;
text-align: center;
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 16px;
padding: 15px 75px;
margin: 5px 0;
display: block;
overflow: hidden;
}
.komunikat_info:before {
content: '';
position: absolute;
left: 0;
top: 0;
background: url('../grafika/ikona-info.png');
width: 64px;
height: 64px;
}
.komunikat_info {
position: relative;
background-color: #00A4FF;
color: #ffffff;
text-align: center;
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 16px;
padding: 15px 75px;
margin: 5px 0;
display: block;
overflow: hidden;
}
/* =============================================================================
Style mobilne
========================================================================== */
#dl-menu {
display: none;
}
#mobile-header {
position: absolute;
width: 100%;
min-width: 740px;
display: none;
z-index: 999;
}
#mobile-header .logo {
display: block;
margin: 15px 0 0 0;
float: left;
width: auto;
height: 36px;
position: relative;
z-index: 99999;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#mobile-header .logo img {
width: auto;
height: 36px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#menu-boczne-mobilne {display: none; margin: 0 auto 15px; width: 402px;}
#menu-boczne-mobilne select {
font: 400 14px/20px "Lato", sans-serif !important;
color: #58585a;
border: 1px solid #e2e2e2;
padding: 4px 8px;
outline: none;
width: 400px;
height: 45px;
margin: 0 0 25px 0;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#menu-boczne-mobilne select:hover, #menu-boczne-mobilne select:focus {
border-color: #e2001a;
background: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#header-mobile-icos {
position: absolute;
right: 72px;
width: 424px;
top: 8px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#header-mobile-icos .social-icos {
display: inline-block;
vertical-align: top;
margin: 0 0 0 0;
padding: 0 10px 0 10px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}
#header-mobile-icos .social-icos .ico {
display: inline-block;
width: 26px;
height: 26px;
vertical-align: top;
margin: 0 2px 0 2px;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#header-mobile-icos .social-icos .ico:before {
content: '';
width: 26px;
height: 26px;
position: absolute;
left: 0;
top: 0;
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#header-mobile-icos .social-icos .ico:after {
content: '';
width: 26px;
height: 26px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#header-mobile-icos .social-icos .ico:hover:before {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
#header-mobile-icos .social-icos .ico:hover:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
#header-mobile-icos .social-icos .fb-ico:before {
background: url("../grafika/fb-ico.png") 0 0 no-repeat;
}
#header-mobile-icos .social-icos .fb-ico:after {
background: url("../grafika/fb-ico.png") 0 -30px no-repeat;
}
#header-mobile-icos .social-icos .yt-ico:before {
background: url("../grafika/yt-ico.png") 0 0 no-repeat;
}
#header-mobile-icos .social-icos .yt-ico:after {
background: url("../grafika/yt-ico.png") 0 -30px no-repeat;
}
#header-mobile-icos .social-icos .in-ico:before {
background: url("../grafika/in-ico.png") 0 0 no-repeat;
}
#header-mobile-icos .social-icos .in-ico:after {
background: url("../grafika/in-ico.png") 0 -30px no-repeat;
}
#header-mobile-icos .social-icos .google-ico:before {
background: url("../grafika/google-ico.png") 0 0 no-repeat;
}
#header-mobile-icos .social-icos .google-ico:after {
background: url("../grafika/google-ico.png") 0 -30px no-repeat;
}
#mobile-btns {
vertical-align: top;
margin: 0 0 0 0;
padding: 0 0 0 10px;
position: absolute;
left: 0;
z-index: 99;
top: 105px;
display: none;
}
#mobile-btns .ico {
display: inline-block;
width: 26px;
height: 26px;
vertical-align: top;
margin: 0 2px 0 2px;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#mobile-btns .ico:hover:before {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
#mobile-btns .ico:hover:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
#mobile-btns .ico.active:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
#mobile-btns .ico:before {
content: '';
width: 26px;
height: 26px;
position: absolute;
left: 0;
top: 0;
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#mobile-btns .ico:after {
content: '';
width: 26px;
height: 26px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#mobile-btns .pl-ico:before {
background: url("../grafika/jezyki/pl.png") 0 0 no-repeat;
}
#mobile-btns .pl-ico:after {
background: url("../grafika/jezyki/pl.png") 0 -30px no-repeat;
}
#mobile-btns .pl-ico.active:before {
background: url("../grafika/jezyki/pl.png") 0 0 no-repeat;
opacity: 0;
}
#mobile-btns .pl-ico.active:after {
background: url("../grafika/jezyki/pl.png") 0 -30px no-repeat;
opacity: 1;
}
#mobile-btns .en-ico:before {
background: url("../grafika/jezyki/en.png") 0 0 no-repeat;
}
#mobile-btns .en-ico:after {
background: url("../grafika/jezyki/en.png") 0 -30px no-repeat;
}
#mobile-btns .de-ico:before {
background: url("../grafika/jezyki/de.png") 0 0 no-repeat;
}
#mobile-btns .de-ico:after {
background: url("../grafika/jezyki/de.png") 0 -30px no-repeat;
}
#mobile-btns .fr-ico:before {
background: url("../grafika/jezyki/fr.png") 0 0 no-repeat;
}
#mobile-btns .fr-ico:after {
background: url("../grafika/jezyki/fr.png") 0 -30px no-repeat;
}
#mobile-btns .it-ico:before {
background: url("../grafika/jezyki/it.png") 0 0 no-repeat;
}
#mobile-btns .it-ico:after {
background: url("../grafika/jezyki/it.png") 0 -30px no-repeat;
}
#mobile-btns .es-ico:before {
background: url("../grafika/jezyki/es.png") 0 0 no-repeat;
}
#mobile-btns .es-ico:after {
background: url("../grafika/jezyki/es.png") 0 -30px no-repeat;
}
#mobile-btns .ru-ico:before {
background: url("../grafika/jezyki/ru.png") 0 0 no-repeat;
}
#mobile-btns .ru-ico:after {
background: url("../grafika/jezyki/ru.png") 0 -30px no-repeat;
}
#mobile-btns .separator {
display: inline-block;
vertical-align: middle;
width: 1px;
height: 28px;
background: #fff;
margin: 0 0 0 10px;
}
#mobile-btns .mobile-catalog-btn {
display: inline-block;
vertical-align: middle;
position: relative;
padding: 0 10px 0 30px;
margin: 2px 0 0 13px;
color: #ffffff;
font: 400 14px/14px "Open Sans", sans-serif;
}
#mobile-btns .mobile-catalog-btn:before {
content: '';
width: 22px;
height: 20px;
position: absolute;
top: -3px;
left: 0;
background: url("../grafika/small-cat-ico.png") 0 0 no-repeat;
}
#header-mobile-icos .mobile-search {
width: 106px;
display: inline-block;
vertical-align: top;
margin: 23px 10px 0 10px;
}
#header-mobile-icos .mobile-search form {
width: 106px;
}
#header-mobile-icos .mobile-search form .pole1 {
display: inline-block;
vertical-align: top;
width: 78px;
margin: 0 -2px 0 -2px;
}
#header-mobile-icos .mobile-search form .pole2 {
display: inline-block;
vertical-align: top;
width: 28px;
margin: 0 -2px 0 -3px;
}
#header-mobile-icos .mobile-search form .pole1 input {
border: 1px solid #fff;
background: transparent;
width: 69px;
color: #fff;
height: 24px;
padding: 0 0 0 5px;
font: 300 12px/12px "Open Sans", sans-serif;
}
#header-mobile-icos .mobile-search form .pole2 button {
border: none;
width: 26px;
background: #afb6bd;
height: 26px;
padding: 0 0 0 0;
}
#menu-boczne-mobilne {display: none; margin: 0 auto 15px; width: 402px;}
#menu-boczne-mobilne select {
font: 400 14px/20px "Open Sans", sans-serif !important;
color: #58585a;
border: 1px solid #e2e2e2;
padding: 4px 8px;
outline: none;
width: 400px;
height: 45px;
margin: 0 0 25px 0;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#menu-boczne-mobilne select:hover, #menu-boczne-mobilne select:focus {
border-color: #e41b12;
background: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#left-column .mobile-filter-btn {
background: #2d9be8 none repeat scroll 0 0;
color: #fff;
display: none;
font: 300 16px/16px "Open Sans",sans-serif;
margin: 0 0 15px;
padding: 10px 60px 15px 22px;
position: relative;
transition: all 0.3s ease 0s;
}
#left-column .mobile-filter-btn:after {
background: rgba(0, 0, 0, 0) url("../grafika/filter-ico.png") no-repeat scroll 0 0;
content: "";
height: 18px;
position: absolute;
right: 26px;
top: 10px;
transition: all 0.3s ease 0s;
width: 17px;
}
#mobile-filters {
display: none;
}
#mobile-filters .filter-criterion {
display: block;
text-align: left;
font: 400 16px/16px "Open Sans",sans-serif;
margin: 0 0 25px 0;
padding: 0 0 20px 0;
border-bottom: 1px solid #e2e2e2;
}
#mobile-filters .filter-criterion label {
margin: 0 10px 15px 10px;
display: inline-block;
}
#mobile-filters .filter-criterion .podpis {
color: #222222;
font: 600 16px/24px "Open Sans",sans-serif;
}
#mobile-filters .filter-criterion span {
color: #222222;
font: 300 14px/24px "Open Sans",sans-serif;
padding-left: 5px;
vertical-align: top;
}
#mobile-filters .filter-criterion input {
vertical-align: middle;
}
#mobile-filters .filter-quantity {
color: #222222;
float: left;
font: 400 12px/12px "Open Sans",sans-serif;
margin: 12px 0 17px;
text-align: left;
}
#mobile-filters .filter-quantity span {
font: 600 14px/14px "Open Sans",sans-serif;
}
#mobile-filters .btns-right {
float: right;
}
#mobile-filters .filter-btn {
background: #2d9be8 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font: 300 16px/16px "Open Sans",sans-serif;
margin: 0 20px 15px;
padding: 10px 64px 15px 22px;
position: relative;
transition: all 0.3s ease 0s;
}
#mobile-filters .filter-btn:after {
background: rgba(0, 0, 0, 0) url("../grafika/filter-ico.png") no-repeat scroll 0 0;
content: "";
height: 18px;
position: absolute;
right: 26px;
top: 10px;
transition: all 0.3s ease 0s;
width: 17px;
}
#mobile-filters .clear-btn, #menu-boczne-mobilne .clear-btn {
background: #f4f4f4 none repeat scroll 0 0;
border: 2px solid #f4f4f4;
color: #222222;
display: inline-block;
font: 300 16px/16px "Open Sans",sans-serif;
margin: 0 0 15px;
padding: 8px 64px 13px 22px;
position: relative;
transition: all 0.3s ease 0s;
}
#mobile-filters .clear-btn:after, #menu-boczne-mobilne .clear-btn:after {
background: rgba(0, 0, 0, 0) url("../grafika/trash-ico.png") no-repeat scroll 0 0;
content: "";
height: 19px;
position: absolute;
right: 28px;
top: 10px;
width: 17px;
}
#mobile-filters .clear-btn:hover, #mobile-filters .filter-btn:hover, #menu-boczne-mobilne .clear-btn:hover {
text-decoration: none;
}
#privacy_content {
padding: 25px;
max-width: 1024px;
}
/* =============================================================================
Style mobilne
========================================================================== */
#right-column ul.no_expand_wrapper {
margin-left: 0;
margin-top: 25px;
}
#right-column ul.no_expand_wrapper li:before {
content: '';
position: absolute;
width: 4px; height: 6px;
left: 0;
top: 11px;
background: url("../grafika/ul.png") no-repeat;
}
#right-column ul.no_expand_wrapper li {
display: block;
margin: 0 20px 10px 0;
position: relative;
padding-left: 10px;
}
/* =============================================================================
Kariera
========================================================================== */
#kariera_content {
position: relative;
width: 900px;
display: block;
margin: 0 auto;
}
#kariera_content header {
position: relative;
width: 900px;
height: 120px;
display: block;
margin: 0 auto 30px;
background: url('../grafika/parallax-bg.jpg') 50% center no-repeat fixed;
background-size: cover;
}
#kariera_content header .logo {
position: relative;
margin: 40px 0 0 30px;
float: left;
}
#kariera_content header .logo img {
width: 200px; height: auto;
}
#kariera_content header .naglowek {
float: left;
position: relative;
display: block;
margin: 45px 0 0 140px;
color: #fff;
font: 600 36px/36px "Open Sans",sans-serif;
text-shadow: -1px 2px 0 rgba(0, 0, 0, 0.32);
}
#kariera_content .wstep {
position: relative;
display: block;
margin: 25px 0 25px 0;
font: 300 16px/24px "Open Sans", sans-serif !important;
color: #222222;
}
#kariera_content hr {
width: 900px;
border-top: 1px solid #e8e8e8;
border-bottom: none;
margin: 0 0 22px 0;
}
#kariera_content footer {
position: relative;
width: 900px;
display: block;
margin: 30px auto;
font: 300 14px/15px "Open Sans", sans-serif !important;
color: #222222;
}
#kariera_content footer a {
color: #2d9be8;
}
#kariera_content h3 {
margin: 0 0 25px 0;
color: #000000;
display: block;
font: 600 24px/28px "Open Sans",sans-serif;
}
#kariera_content h2 {
margin: 0 0 30px 0;
color: #222222;
display: block;
font: 600 36px/42px "Open Sans",sans-serif;
}
#kariera_content p {
color: #646565;
display: block;
margin: 0 0 25px 0;
font: 300 15px/25px "Open Sans",sans-serif;
}
#kariera_content a {
color: #2d9be8;
margin: 0 0 25px 0;
font: 300 15px/25px "Open Sans",sans-serif;
}
.gwiazdka {
color: #2d9be8 !important;
}
#logo_ue {
position: absolute;
display: block;
z-index: 999;
}
#logo_ue img {
width: 70px;
height: auto;
}
#logo_ue.desktop {
top: 20px;
right: 20px;
}
#logo_ue.mobile.bottom {
bottom: 25px;
left: 20px;
}
#logo_ue.mobile.top {
top: 750px;
left: 20px;
}
/* --- style do teksów pod pozycjonowanie --- */
#right-column p.tekst_pozycjnowanie {
text-align: justify;
margin-top: 30px;
}
footer .top .content.sekcja_poz::before {
display: none;
}
footer .top .sekcja_poz {
color: #767676;
}
footer .top .sekcja_poz hr {
border-top: none;
border-bottom: 1px solid #1b1b1b;
margin: 35px 0;
}
footer .top .sekcja_poz .naglowek_poz {
display: block;
text-align: center;
margin: 0 0 20px;
font: 400 20px/20px "Open Sans",sans-serif;
}
footer .top .sekcja_poz p {
display: block;
margin: 0 0 25px 0;
font: 300 14px/22px "Open Sans",sans-serif;
text-align: center;
}
footer .top .sekcja_poz a {
color: #FFFFFF;
}