/* ############################# engine / html ############################# */
/* ############################# engine / pages ############################# */
.sxn_pages blockHeader h2 {
text-align:center;
}
.sxn_pages container {
display:flex;
justify-content:center;
}
.sxn_pages container {
padding-top:50px;
}
.sxn_pages container {
padding-bottom:50px;
}
.sxn_pages blockHeader {
grid-area:blockHeader;
text-align:justify;
}
.sxn_pages blockA {
text-align:left;
display:block;
}
.sxn_pages blockB {
text-align:left;
display:block;
}
.sxn_pages blockGallery {
margin-top:20px;
grid-area:blockGallery;
text-align:justify;
display:grid;
grid-gap:10px;
grid-template-columns:1fr 1fr 1fr 1fr;
}
.sxn_pages blockGallery element {
cursor:pointer;
}
@media screen and (max-width:767px){
.sxn_pages container {
padding:0px;
}
.sxn_pages gridwraper {
padding:20px 10px;
grid-template-columns:1fr;
grid-template-areas:
"blockHeader"
"blockA"
"blockB"
"blockGallery"
;
}
.sxn_pages blockGallery {
grid-gap:5px;
grid-template-columns:1fr 1fr;
}
}
/* ############################# engine / startBlock ############################# */
.sxn_startBlock container{
display:flex !important;
align-items:center;
justify-content:center;
height:100vh;
}
.sxn_startBlock .html-heading,
.sxn_startBlock .html-text {
color: #FFF;
}
.sxn_startBlock img{
filter: invert(1);
opacity: 0.7;
}
.sxn_startBlock boxinfo{
background-color: #000A;
display:block;
border:solid 1px #888;
border-radius: 10px;
color:white;
width: 550px;
padding: 30px 50px;
}
.sxn_startBlock {
background-image:url('/engine/assets/background/wallpaper.jpg?');
}
/* ############################# project / 44foxCGBlack ############################# */
.sxn_44foxCGBlack {
background-color:#22272a;
padding-top:50px;
padding-bottom:50px;
}
.sxn_44foxCGBlack blockb {
align-items:center;
justify-content:flex-start;
color:white;
}
.sxn_44foxCGBlack gridWraper {
grid-template-columns:50% 50%;
grid-template-areas:
"blockA blockB"
;
}
.sxn_44foxCGBlack gridWraper div {
text-align:left;
}
.sxn_44foxCGBlack gridWraper blockb div {
max-width:500px;
}
@media only screen and (max-width:767px) {
.sxn_44foxCGBlack container {
padding-left:10px;
padding-right:10px;
}
.sxn_44foxCGBlack gridwraper {
grid-gap:20px;
grid-template-columns:1fr;
grid-template-areas:
"blockB"
"blockA"
;
}
}
/* ############################# project / 44foxCGWhite ############################# */
.sxn_44foxCGWhite {
padding-top:50px;
padding-bottom:50px;
}
.sxn_44foxCGWhite blocka {
align-items:center;
justify-content:flex-start;
}
.sxn_44foxCGWhite gridWraper {
grid-template-columns:50% 50%;
grid-template-areas:
"blockA blockB"
;
grid-gap:30px;
}
.sxn_44foxCGWhite gridWraper div {
text-align:left;
}
.sxn_44foxCGWhite gridWraper blockb div {
max-width:500px;
}
@media only screen and (max-width:767px) {
.sxn_44foxCGWhite container {
padding-left:10px;
padding-right:10px;
}
.sxn_44foxCGWhite gridwraper {
grid-gap:20px;
grid-template-columns:1fr;
grid-template-areas:
"blockA"
"blockB"
;
}
}
/* ############################# project / bgDomain ############################# */
/* ############################# project / bgImage ############################# */
/* ############################# project / bgLogo ############################# */
/* ############################# project / block2 ############################# */
/* ############################# project / bloglista ############################# */
.sxn_bloglista {
background-color:white;
min-height:800px;
padding-top:30px;
padding-bottom:30px;
}
.sxn_bloglista h1 {
padding-bottom:15px;
}
.sxn_bloglista gridWraper{
grid-template-columns:1fr 1fr 1fr;
grid-gap:20px 30px ;
}
.sxn_bloglista .blog-row {
display:flex;
padding:0px 0;
}
.sxn_bloglista .blog-row .mainimage {
width:80px;
height:60px;
border:solid 1px #888;
border-radius:8px;
margin-right:10px;
}
.sxn_bloglista .blog-row .datetime {
font-size:11px;
color:#AAA;
font-style:italic;
}
.sxn_bloglista .blog-row .title {
font-size:16px;
line-height:18px;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.sxn_bloglista gridWraper{
grid-template-columns:1fr 1fr;
grid-gap:10px;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.sxn_bloglista gridWraper{
grid-template-columns:1fr 1fr;
grid-gap:5px;
}
}
@media only screen and (max-width:767px) {
.sxn_bloglista {
background-color:white;
}
.sxn_bloglista container {
padding-left:10px;
padding-right:10px;
}
.sxn_bloglista gridWraper{
grid-template-columns:1fr;
grid-gap:5px;
}
}
/* ############################# project / blogone ############################# */
.sxn_blogone {
background-color:white;
min-height:800px;
padding-top:30px;
padding-bottom:30px;
}
.sxn_blogone .division {
padding-left:5px;
padding-right:5px;
}
.sxn_blogone .mainimage {
width:100%;
}
.sxn_blogone .mainimage img {
width:100%;
border-radius:8px;
}
.sxn_blogone gridWraper {
grid-template-columns:250px 1fr;
gap:15px;
}
.sxn_blogone blockb {
flex-direction:column;
justify-content:flex-start;
gap:15px;
}
.sxn_blogone .nav {
display:flex;
font-family:'Oswald';
font-size:26px;
font-weight:bold;
margin-bottom:25px;
}
.sxn_blogone h1 {
margin-bottom:15px;
}
.sxn_blogone .content {
width:100%;
}
.sxn_blogone .author {
margin-top:20px;
margin-bottom:20px;
font-style:italic;
}
.sxn_blogone blockGallery {
display: block;
}
/*
.sxn_blogone blockGallery {
margin-top:20px;
grid-area:blockGallery;
text-align:justify;
display:grid;
grid-gap:10px;
grid-template-columns:1fr 1fr 1fr 1fr;
}
.sxn_blogone blockGallery element{
cursor:pointer;
}*/
@media only screen and (min-width:992px) and (max-width:1199px) {
.sxn_blogone gridWraper{
grid-template-columns:150px 1fr;
grid-template-areas:
"blockA blockB"
;
grid-gap:10px;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.sxn_blogone gridWraper{
grid-template-columns:100px 1fr;
grid-template-areas:
"blockA blockB"
;
grid-gap:10px;
}
}
@media only screen and (max-width:767px) {
.sxn_blogone {
background-color:white;
}
.sxn_blogone container {
padding-left:10px;
padding-right:10px;
}
.sxn_blogone gridWraper{
grid-template-columns:1fr;
grid-template-areas:
"blockA"
"blockB"
;
grid-gap:5px;
}
.sxn_blogone gridWraper blockA{
padding:20px 30%;
}
}
/* ############################# project / blokinformacyjny ############################# */
.sxn_blokinformacyjny {
background-color:white;
}
.sxn_blokinformacyjny container {
padding-top:15px;
padding-bottom:15px;
}
.sxn_blokinformacyjny h2 {
text-align:left;
width:100%;
}
.sxn_blokinformacyjny gridWraper {
grid-gap:15px;
grid-template-columns:1fr;
grid-template-areas:
"blockA"
"blockB"
;
}
.sxn_blokinformacyjny blockB{
text-align:left;
display:block;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.sxn_blokinformacyjny gridwraper {
grid-gap:30px;
}
}
@media only screen and (max-width:767px) {
.sxn_blokinformacyjny {
padding-left:10px;
padding-right:10px;
}
}
/* ############################# project / bn01 ############################# */
.sxn_bn01 {
background-color:white;
}
.sxn_bn01 .logo {
max-height:150px;
max-width:35vw;
top:calc(10vh + 0px);
left:10vw;
position:absolute;
}
.sxn_bn01 container {
width:100vw;
max-width:100vw;
height:100vh;
position:relative;
}
.sxn_bn01 glass1 {
display:block;
width:150vw;
height:100vh;
transform:skew(-30deg);
background:#555;
position:absolute;
top:0;
left:-105vw;
}
.sxn_bn01 glass2 {
display:block;
width:40px;
height:100vh;
transform:skew(-30deg);
background:rgba(0,0,0,0.3);
position:absolute;
top:0;
left:45vw;
}
.sxn_bn01 h1 {
font-size:50px;
font-weight:bold;
text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px black;
top:10vh;
left:10vw;
position:absolute;
color:white;
font-family:'Oswald';
}
.sxn_bn01 content {
font-size:25px;
font-weight:bold;
text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px black;
top:calc(10vh + 60px);
left:10vw;
position:absolute;
color:white;
font-family:'Oswald';
}
.sxn_bn01 menu {
font-size:30px;
font-weight:bold;
text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px black;
top:calc(10vh + 180px);
left:10vw;
position:absolute;
padding:0;
}
.sxn_bn01 menu li {
color:white;
padding-left:0px;
height:37px;
display:block;
}
.sxn_bn01 menu li:hover {
position:relative;
}
.sxn_bn01 menu li a {
color:#ddd;
transition:all 0.15s ease-in-out;
transform:scale(1);
position:absolute;
font-family:'Oswald';
white-space:nowrap;
font-size:24px;
}
.sxn_bn01 menu li a:hover {
transition:all 0.15s ease-in-out;
transform:scale(1.25);
color:#FFF;
}
@media only screen and (max-width:991px) {
.sxn_bn01 {
display:none;
}
}
/* ############################# project / bn02 ############################# */
.sxn_bn02 {
background:black;
}
.sxn_bn02 .text-effect {
user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-select:none;
-o-user-select:none;
overflow:hidden;
position:relative;
-webkit-filter:contrast(110%) brightness(190%);
filter:contrast(110%) brightness(190%);
display:block;
}
.sxn_bn02 .neon {
position:relative;
background:black;
color:transparent;
}
.sxn_bn02 .neon::before, .sxn_bn02 .neon::after {
content:attr(data-text);
color:white;
-webkit-filter:blur(0.02em);
filter:blur(0.02em);
position:absolute;
top:0;
left:0;
pointer-events:none;
}
.sxn_bn02 .neon::after {
mix-blend-mode:difference;
}
.sxn_bn02 .gradient,
.sxn_bn02 .spotlight {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
pointer-events:none;
z-index:10;
}
.sxn_bn02 .gradient {
mix-blend-mode:multiply;
}
.sxn_bn02 .spotlight {
-webkit-animation:light 35s infinite linear;
animation:light 35s infinite linear;
background:
radial-gradient(circle,white,transparent 25%) 1px 0/25% 25%,
radial-gradient(circle,white,black 25%) 50% 50%/12.5% 12.5%
;
top:-100%;
left:-100%;
mix-blend-mode:color-dodge;
}
@-webkit-keyframes light {
100% {
-webkit-transform:translate3d(50%,50%,0);
transform:translate3d(50%,50%,0);
}
}
@keyframes light {
100% {
-webkit-transform:translate3d(50%,50%,0);
transform:translate3d(50%,50%,0);
}
}
.sxn_bn02 .neon {
font:700 120px 'Oswald',sans-serif;
text-align:center;
margin:0;
}
.sxn_bn02 .neon:focus {
outline:none;
border:1px dotted white;
}
@media only screen and (max-width:991px) {
.sxn_bn02 {
display:none;
}
}
@supports (not (mix-blend-mode:color-dodge)){
.sxn_bn02 {
display:none !important;
}
}
/* ############################# project / bn03 ############################# */
@media only screen and (max-width:991px) {
.sxn_bn03 {
display:none;
}
}
.sxn_bn03 {
position:relative;
}
.sxn_bn03 gridWraper {
height:100vh;
}
.sxn_bn03 container {
display:flex;
justify-content:center;
}
.sxn_bn03 menubaner {
top:35%;
position:absolute;
display:flex;
width:900px;
height:400px;
}
.sxn_bn03 menubaner1{
display:flex;
align-items:center;
justify-content:center;
height:100%;
z-index:1;
width:0px;
left:0px;
position:absolute;
width:280px;
border:0px solid transparent;
position:relative;
top:0px;
}
.sxn_bn03 menubaner1:after {
content:'';
position:absolute;
right:-50px;
top:0px;
width:0;
height:0;
border:200px solid transparent;
border-right:0px;
}
.sxn_bn03 menubaner2{
display:block;
height:100%;
right:0px;
z-index:1;
width:calc(100% - 350px);
position:absolute;
}
/*
.sxn_bn03 menubaner2:after {
content:'';
position:absolute;
left:-50px;
top:0px;
width:0;
height:0;
border-left:50px solid transparent;
border-right:0px;
}*/
.sxn_bn03 .about {
position:absolute;
display:block;
color:white;
font-size:23px;
width:250px;
right:0;
top:0;
padding:20px;
}
.sxn_bn03 .about li {
padding-bottom:4px;
}
.sxn_bn03 .about span {
font-family:'Oswald';
}
.sxn_bn03 .godz {
width:310px;
min-height:50px;
padding:20px;
color:white;
font-size:23px;
font-family:'Oswald';
}
.sxn_bn03 .menuflat {
float:right;
position:absolute;
bottom:0;
right:0;
padding:20px;
width:400px;
columns:2;
-webkit-columns:2;
-moz-columns:2;
list-style:none;
}
.sxn_bn03 .menuflat a {
color:white;
font-size:23px;
font-family:'Oswald';
}
/* ############################# project / bn04 ############################# */
.sxn_bn04 {
position:relative;
overflow:hidden;
}
@media only screen and (max-width:991px) {
.sxn_bn04 {
display:none;
}
}
.sxn_bn04 ul{
list-style-type:none;
}
.sxn_bn04 swSlider element {
min-height:100vh;
}
.sxn_bn04 swSlider {
position:absolute;
z-index:0;
}
.sxn_bn04 gridWraper {
height:100vh;
z-index:0;
}
.sxn_bn04 container {
display:flex;
justify-content:center;
}
.sxn_bn04 menu {
position:absolute;
bottom:50px;
z-index:10;
}
.sxn_bn04 menu ul {
padding:0;
margin:0;
display:flex;
}
.sxn_bn04 menu li a {
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
width:100px;
height:100px;
margin:2px;
font-size:14px;
font-family:'Oswald';
}
.sxn_bn04 menu li a:hover {
}
.sxn_bn04 menu li a i {
font-size:35px;
}
.sxn_bn04 topMenu {
left:0px;
top:0px;
position:absolute;
width:100%;
display:block;
overflow:auto;
padding:30px;
}
.sxn_bn04 .infoLeft {
float:left;
font-family:'Oswald';
}
.sxn_bn04 .infoLeft a,
.sxn_bn04 .infoLeft li {
font-size:24px;
}
.sxn_bn04 .logo {
float:right;
right:30px;
}
/* ############################# project / bn05 ############################# */
.sxn_bn05 container {
width:100%;
max-width:100vw;
height:100vh;
position:relative;
}
.sxn_bn05 li {
list-style-type:none;
}
.sxn_bn05 glass1 {
display:flex;
justify-content:space-between;
width:70vw;
overflow:auto;
transform:skew(30deg);
background:#555;
position:absolute;
bottom:100px;
right:-10vw;
}
.sxn_bn05 glass1 menu {
transform:skew(-30deg);
width:200px;
margin-right:17vw;
font-size:30px;
font-weight:bold;
text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px black;
padding:0;
text-align:right;
}
.sxn_bn05 glass1 opis{
transform:skew(-30deg);
width:500px;
margin-top:30px;
margin-left:50px;
}
.sxn_bn05 glass2{
display:block;
width:40px;
height:100vh;
transform:skew(-30deg);
background:rgba(0,0,0,0.3);
position:absolute;
top:0;
left:45vw;
}
.sxn_bn05 h1{
font-size:50px;
line-height:60px;
font-weight:bold;
text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px black;
color:white;
}
.sxn_bn05 content{
font-size:25px;
font-weight:bold;
text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px black;
color:white;
}
.sxn_bn05 menu a{
color:white;
font-size:24px;
}
.sxn_bn05 menu a:hover {
color:#eee;
}
@media only screen and (max-width:1199px) {
.sxn_bn05 {
display:none;
}
}
/* ############################# project / bn06 ############################# */
.sxn_bn06 {
background-color:white;
}
.sxn_bn06 glass1 {
display:block;
width:calc(35vw + 70px);
height:100vh;
transform:skew(7deg);
position:absolute;
top:0;
right:-70px;
opacity:1;
z-index:2;
}
.sxn_bn06 glass2 {
display:block;
width:20px;
height:100vh;
transform:skew(7deg);
opacity:0.7;
position:absolute;
top:0;
right:35vw;
z-index:2;
}
.sxn_bn06 glass3 {
display:block;
width:20px;
height:100vh;
transform:skew(7deg);
opacity:0.4;
position:absolute;
top:0;
right:calc(35vw + 20px);
z-index:2;
}
.sxn_bn06 blockA {
width:calc(65vw + 70px);
z-index:1;
}
.sxn_bn06 container {
width:100%;
max-width:100vw;
height:100vh;
position:relative;
}
@-webkit-keyframes bg-scrolling-reverse {
100% {background-position:50px 50px;}
}
@-moz-keyframes bg-scrolling-reverse {
100% {background-position:50px 50px;}
}
@-o-keyframes bg-scrolling-reverse {
100% {background-position:50px 50px;}
}
@keyframes bg-scrolling-reverse {
100% {background-position:50px 50px;}
}
@-webkit-keyframes bg-scrolling {
0% {background-position:50px 50px;}
}
@-moz-keyframes bg-scrolling {
0% {background-position:50px 50px;}
}
@-o-keyframes bg-scrolling {
0% {background-position:50px 50px;}
}
@keyframes bg-scrolling {
0% {background-position:50px 50px;}
}
.sxn_bn06 glass1::before {
display:block;
height:100%;
opacity:0.15;
content:'Tekst przed akapitem';
color:#999;
text-align:center;
background:url(/project/sections/bn06/assets/siatka.png) repeat 0 0;
}
.sxn_bn06 menuBaner {
position:absolute;
right:10vw;
z-index:3;
top:0;
display:flex;
height:100vh;
align-items:center;
}
.sxn_bn06 menuBaner li {
transition:all .2s;
transform:skew(7deg);
border:solid 1px white;
width:auto;
padding-right:20px;
display:block;
margin:20px;
}
.sxn_bn06 menuBaner li a {
color:white;
font-size:30px;
font-family:'Oswald';
width:100%;
display:block;
padding:10px;
transition:all .2s;
}
.sxn_bn06 menuBaner li::before {
display:block;
content:'';
right:0;
}
.sxn_bn06 menuBaner li > a > i {
font-size:30px !important;
margin-right:20px;
margin-left:20px;
}
.sxn_bn06 menuBaner li:hover {
transform:scale(1.3,1.3) skew(7deg);
background-color:white;
}
.sxn_bn06 menuBaner li:hover a {
color:black;
}
@media only screen and (max-width:991px) {
.sxn_bn06 {
display:none;
}
}
@media only screen and (max-width:1600px) {
.sxn_bn06 menuBaner li {
margin:14px;
}
.sxn_bn06 menuBaner li > a > i {
font-size:22px !important;
}
.sxn_bn06 menuBaner li a {
font-size:20px;
padding:7px;
}
}
@media only screen and (max-width:1400px) {
.sxn_bn06 menuBaner li {
margin:10px;
}
.sxn_bn06 menuBaner li > a > i {
font-size:18px !important;
}
.sxn_bn06 menuBaner li a {
font-size:18px;
padding:6px;
}
}
@media only screen and (max-width:1100px) {
.sxn_bn06 menuBaner li {
margin:5px;
}
.sxn_bn06 menuBaner li a {
font-size:18px;
padding:5px;
}
}
/* ############################# project / bn07 ############################# */
@media only screen and (max-width:991px) {
.sxn_bn07 {
display:none;
}
}
.sxn_bn07 {
background-attachment:fixed;
overflow:hidden;
position:relative;
}
.sxn_bn07 swSlider {
position:absolute;
width:100vw;
height:100vh;
z-index:0;
}
.sxn_bn07 swSlider element {
min-height:100vh;
}
.sxn_bn07 mainTitle {
position:absolute;
bottom:calc(60% + 180px);
max-width:1000px;
width:100%;
display:flex;
align-items:center;
background-color:rgba(0,0,0,0.6);
padding:20px;
height:120px;
}
.sxn_bn07 mainTitle h1 {
color:white;
font-size:40px;
}
.sxn_bn07 gridWraper {
height:100vh;
}
.sxn_bn07 container {
display:flex;
justify-content:center;
}
.sxn_bn07 menuBaner {
position:absolute;
display:block;
width:100%;
height:160px;
bottom:calc(60%);
max-width:1000px;
z-index:2;
}
.sxn_bn07 logo {
display:flex;
align-items:center;
justify-content:flex-end;
width:200px;
height:160px;
color:white;
position:absolute;
}
.sxn_bn07 logo img {
max-width:175px;
max-height:120px;
width:100%;
height:auto;
}
.sxn_bn07 logo::after {
right:-70px;
top:0;
position:absolute;
width:70px;
height:160px;
display:inline-block;
content:"";
width:0px;
height:0;
border-right:70px solid transparent;
}
.sxn_bn07 menuBar {
border:solid 0px black;
right:0;
position:absolute;
width:calc(100% - 290px);
height:100%;
background-color:rgba(0,0,0,0.6);
}
.sxn_bn07 menuBar:before {
left:-70px;
display:inline-block;
position:absolute;
content:"";
border-bottom:160px solid rgba(0,0,0,0.6);
border-left:70px solid transparent;
}
.sxn_bn07 menuBar ul.menuflat {
position:absolute;
bottom:0px;
left:-15px;
}
.sxn_bn07 menuBar ul.menuflat li{
border:solid 1px #666;
display:inline-block;
transform:skew(-24deg);
margin-right:5px;
margin-top:3px;
background-color:black;
display:inline-flex;
align-items:center;
justify-content:center;
transition:background-color 0.5s,color 0.5s;
}
.sxn_bn07 menuBar ul.menuflat li a{
padding:14px 25px;
color:white;
font-family:'Oswald';
transform:skew(24deg);
}
.sxn_bn07 menuBar ul.menuflat li:hover {
transition:background-color 0.5s,color 0.5s;
}
.sxn_bn07 menuBar ul.menuflat li a:hover{
color:white;
}
.sxn_bn07 menuBar menuContent {
color:white;
}
.sxn_bn07 menuBar .line {
top:70px;
left:-15px;
background-color:white;
height:1px;
width:100%;
position:absolute;
border-top:solid 1px #666;
}
.sxn_bn07 ul.infoTop {
position:absolute;
right:0px;
}
.sxn_bn07 ul.infoTop li{
display:inline-block;
margin-right:5px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:20px;
color:#AAA;
}
.sxn_bn07 ul.infoTop li a{
color:#AAA;
}
/* ############################# project / bn08 ############################# */
.sxn_bn08 {
position:relative;
min-height:200px;
max-height:400px;
background-color:black;
}
.sxn_bn08 .penx {
max-width:635px;
width:100%;
opacity:0;
position:relative;
-webkit-transition:all 0.25s ease-in-out;
-moz-transition:all 0.25s ease-in-out;
-ms-transition:all 0.25s ease-in-out;
-o-transition:all 0.25s ease-in-out;
transition:all 0.25s ease-in-out;
-webkit-animation:1s appear 1 forwards;
-moz-animation:1s appear 1 forwards;
-o-animation:1s appear 1 forwards;
animation:1s appear 1 forwards;
}
.sxn_bn08 .credit {
display:block;
max-width:400px;
text-align:center;
margin:150px auto 0;
padding:0;
font-size:0.8em;
color:#f0f0f0;
text-shadow:0 1px 0 rgba(0,0,0,0.9);
}
.sxn_bn08 .credit p a,
.sxn_bn08 .credit a {
color:white;
text-decoration:none;
font-weight:700;
}
.sxn_bn08 .credit p a:hover,
.sxn_bn08 .credit a:hover,
.sxn_bn08 .credit p a:active,
.sxn_bn08 .credit a:active {
text-shadow:0 0 5px rgba(255,255,255,0.4);
color:white;
}
.sxn_bn08 .credit p a.button,
.sxn_bn08 .credit a.button {
padding:6px 12px;
margin-top:10px;
background:#000000;
border-radius:3px;
}
.sxn_bn08 .credit p a.button:hover,
.sxn_bn08 .credit a.button:hover {
background:#2b2b2b;
}
.sxn_bn08 .credit p:last-of-type {
margin-bottom:30px;
}
.sxn_bn08 .stage {
max-width:635px;
width:100%;
height:400px;
-webkit-transition:all 0.25s ease-in-out;
-moz-transition:all 0.25s ease-in-out;
-ms-transition:all 0.25s ease-in-out;
-o-transition:all 0.25s ease-in-out;
transition:all 0.25s ease-in-out;
}
.sxn_bn08 .element {
background:green;
width:202px;
-webkit-transform-origin:50% 50%;
height:inherit;
margin:0 4px 0 0;
display:inline-block;
-webkit-transition:all 0.25s ease-in-out;
-moz-transition:all 0.25s ease-in-out;
-ms-transition:all 0.25s ease-in-out;
-o-transition:all 0.25s ease-in-out;
transition:all 0.25s ease-in-out;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
.sxn_bn08 .element.active {
width:282px;
-webkit-transition:all 0.25s ease-in-out;
-moz-transition:all 0.25s ease-in-out;
-ms-transition:all 0.25s ease-in-out;
-o-transition:all 0.25s ease-in-out;
transition:all 0.25s ease-in-out;
}
.sxn_bn08 .element.inactive {
width:162px;
-webkit-transition:all 0.25s ease-in-out;
-moz-transition:all 0.25s ease-in-out;
-ms-transition:all 0.25s ease-in-out;
-o-transition:all 0.25s ease-in-out;
transition:all 0.25s ease-in-out;
opacity:0.4;
}
.sxn_bn08 .element:last-of-type {
margin:0;
}
@media all and (min-width:900px){
.sxn_bn08 .penx {
max-width:100%;
}
.sxn_bn08 .stage {
display:flex;
max-width:100%;
height:400px;
}
}
@-webkit-keyframes appear {
15% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes appear {
15% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes appear {
15% { opacity:0; }
100% { opacity:1; }
}
@keyframes appear {
15% { opacity:0; }
100% { opacity:1; }
}
.sxn_bn08 .stage .element {
overflow:hidden;
}
.sxn_bn08 .stage .element div {
opacity:0;
font-size:50px;
position:absolute;
bottom:-40px;
bottom:30px;
text-align:center;
width:100%;
font-family:'Oswald';
transition:all 0.25s ease-in-out;
text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px black;
}
.sxn_bn08 .stage .element:hover div {
bottom:calc(50% - 25px);
opacity:1;
}
.sxn_bn08 .stage .element borderElement{
font-size:30px;
display:inline-block;
width:auto;
border:solid 3px black;
background-color:white;
padding:0 11px;
color:black;
text-shadow:none;
border-radius:10px;
}
.sxn_bn08 .stage .element:hover div {
bottom:calc(20% - 15px);
opacity:1;
}
/* ############################# project / bn09 ############################# */
@media only screen and (max-width:767px) {
.sxn_bn09 {
display:none;
}
}
/* ############################# project / bn10 ############################# */
.sxn_bn10 container {
position:relative;
max-height:0;
border:solid 1px transparent;
}
.sxn_bn10 {
background-color:#030303;
overflow:hidden;
height:400px;
}
.sxn_bn10 .texte3Wrapper {
height:100%;
position:relative;
}
.sxn_bn10 .texte3 {
position:absolute;
bottom:50px;
font-size:50px;
height:50px;
font-weight:bolder;
font-family:'Oswald';
transform:rotate(-4deg);
text-align:center;
width:100%;
font-style:italic;
}
.sxn_bn10 .texte3 {
z-index:1;
text-shadow:-2px 0 #FFF,0 2px #FFF,2px 0 #FFF,0 -2px #FFF,-4px 4px 8px #727272;
}
@media only screen and (max-width:767px) {
.sxn_bn10 {
display:none;
}
}
.sxn_bn10 img {
margin-top:40px;
}
/* ############################# project / bn11 ############################# */
.sxn_bn11 .swiper-container{
display:block;
height:400px;
}
.sxn_bn11 .swiper-slide{
text-align:center;
font-size:18px;
background:#eee;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
overflow:hidden;
padding:0;
margin:0;
height:auto;
}
.sxn_bn11 element{
display:block;
min-height:50px;
}
.sxn_bn11{
min-height:400px;
}
/* ############################# project / bn12 ############################# */
.sxn_bn12 .wrapperEffect{
position:absolute;
top:0;
z-index:1;
display:flex;
justify-content:center;
align-items:center;
width:30%;
height:400px;
}
.sxn_bn12{
height:400px;
position:relative;
background-color:white;
}
.sxn_bn12 swSlider element{
min-height:400px;
}
.sxn_bn12 .logo{
height:80px;
margin-bottom:10px;
}
.sxn_bn12 h1{
font-size:30px;
color:white;
display:block;
z-index:1;
}
.sxn_bn12 desc{
font-size:18px;
color:white;
display:block;
z-index:1;
}
.sxn_bn12 .wrapperText{
z-index:1;
}
.sxn_bn12 glass1{
z-index:1;
display:block;
width:50vw;
height:100%;
transform:skew(-30deg);
background:#555;
position:absolute;
top:0;
left:-20vw;
}
.sxn_bn12 glass2,
.sxn_bn12 glass3{
z-index:1;
display:block;
width:10px;
height:100%;
transform:skew(-30deg);
background:#FFF;
position:absolute;
top:0;
left:30vw;
}
.sxn_bn12 glass3{
left:calc(30vw - 18px);
width:10px;
}
@media only screen and (min-width:767px) and (max-width:1100px) {
.sxn_bn12 .wrapperEffect{
width:50%;
}
.sxn_bn12 glass1{
width:70vw;
}
.sxn_bn12 glass2{
left:50vw;
}
.sxn_bn12 glass3{
left:calc(50vw - 18px);
}
}
.sxn_bn12.borderActive {
border-bottom:solid 7px white;
}
.sxn_bn12.borderActive swSlider{
min-height:393px;
}
.sxn_bn12.borderActive swSlider element{
min-height:393px;
}
@media only screen and (max-width:767px) {
.sxn_bn12 h1{
font-size:18px;
}
.sxn_bn12 .wrapperEffect{
width:45%;
height:200px;
}
.sxn_bn12 swSlider element{
min-height:200px;
}
.sxn_bn12{
height:200px;
}
.sxn_bn12 glass1{
width:70vw;
}
.sxn_bn12 glass2{
left:50vw;
}
.sxn_bn12 glass3{
left:calc(50vw - 18px);
}
.sxn_bn12 desc{
font-size:14px;
}
.sxn_bn12 .logo{
height:40px;
margin-bottom:0px;
}
}
/* ############################# project / bn13 ############################# */
.sxn_bn13{
height:400px;
position:relative;
overflow:hidden;
}
.sxn_bn13 .wrapper{
position:absolute;
right:-300px;
bottom:-420px;
width:1000px;
height:500px;
border-radius:500px / 250px;
border:solid 3px white;
transform:rotateZ(-10deg);
z-index:1;
}
.sxn_bn13 .text{
position:absolute;
right:-20px;
bottom:12px;
font-size:32px;
font-family:'Oswald';
color:white;
width:500px;
text-align:center;
z-index:1;
}
.sxn_bn13 swSlider element{
min-height:400px;
}
/* ############################# project / bn14 ############################# */
.sxn_bn14{
min-height:300px;
padding:25px 0;
}
.sxn_bn14 h1{
text-align:center;
}
.sxn_bn14 container.c1{
padding-bottom:15px;
color:white;
}
.sxn_bn14 .swiper-container{
display:block;
}
.sxn_bn14 element{
max-height:280px;
overflow:hidden;
}
.sxn_bn14 element img{
width:100%
}
@media only screen and (max-width:767px) {
.sxn_bn14{
padding:10px 10px;
}
.sxn_bn14 element{
max-height:60vw;
}
}
/* ############################# project / bn15 ############################# */
.sxn_bn15 gridWraper{
height:400px;
grid-gap:30px;
grid-template-columns:600px 1fr;
grid-template-areas:
"blockA blockB"
;
}
.sxn_bn15 blockB{
display:flex;
justify-content:center;
flex-direction:column;
color:white;
}
.sxn_bn15 .swiper-container{
width:500px;
height:300px;
position:absolute;
margin-left:0px;
margin-top:40px;
}
.sxn_bn15 .swiper-slide{
background-position:center;
background-size:cover;
}
.sxn_bn15 .swiper-pagination-bullet-active{
background-color:#FFF;
}
@media only screen and (max-width:991px) {
.sxn_bn15 gridWraper{
grid-template-columns:1fr;
grid-template-areas:
"blockA"
;
}
.sxn_bn15 blockA{
display:flex;
justify-content:center;
}
.sxn_bn15 blockB{
display:none;
}
.sxn_bn15 .swiper-container{
max-width:calc(100vw - 20px);
height:250px;
}
}
/* ############################# project / bn16 ############################# */
.sxn_bn16 #particle-slider{
background-color:black;
width:100%;
height:100%;
overflow:hidden;
}
.sxn_bn16{
background-color:black;
overflow:hidden;
}
/* ############################# project / bn17 ############################# */
.sxn_bn17{
background-color:black;
overflow:hidden;
}
.sxn_bn17 container{
font:400 1em/1.5 "Neuton";
color:rgba(255,255,255,0.25);
text-align:center;
display:flex;
align-items:center;
justify-content:center;
}
.sxn_bn17 logoWrapper{
display:flex;
flex-direction:column;
}
.sxn_bn17 text{
color:#AAA;
font-family:"Lucida Console";
}
.sxn_bn17 p{
display:inline-block;
width:100%;
margin:0;
padding:0;
}
.sxn_bn17 p logotext{
font-weight:700;
font-size:80px;
font-family:"Oswald",sans-serif;
letter-spacing:0;
display:block;
margin:0;
padding:0;
text-shadow:0 0 80px rgba(255,255,255,0.5);
background-size:8000px 100%;
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
-webkit-transform:translate3d(0,0,0);
-webkit-backface-visibility:hidden;
}
@-webkit-keyframes animlogotext{
0%{background-position:0% 50%;}
100%{background-position:100% 50%;}
}
@media only screen and (max-width:767px) {
.sxn_bn17 p logotext{
font-size:50px;
}
.sxn_bn17 text{
font-size:11px;
}
}
/* ############################# project / bn18 ############################# */
.sxn_bn18{
position:relative;
}
.sxn_bn18 container{
color:white;
position:relative;
display:flex;
align-items:center;
height:100%;
}
.sxn_bn18 textWrapper{
position:relative;
width:100%;
}
.sxn_bn18 h1{
position:absolute;
color:white;
top:-17px;
width:100%;
}
.sxn_bn18 desc{
position:absolute;
color:white;
width:100%;
top:17px;
}
.sxn_bn18 imageWrapper{
top:0;
display:flex;
align-items:center;
position:absolute;
width:100%;
height:100%;
}
.sxn_bn18 .logoWrapper{
position:absolute;
right:calc(35% - 250px);
width:500px;
display:flex;
justify-content:center;
}
.sxn_bn18 .logo{
max-width:500px;
max-height:250px;
}
.sxn_bn18 .bg1{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
clip-path:polygon(0% 0%,70% 0%,55% 100%,0% 100%);
}
.sxn_bn18 .bg2{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
clip-path:polygon(70% 0%, 100% 0%, 100% 100%, 55% 100%);
}
@keyframes moveupdn{
0%{margin-top:0px;}
30%{margin-top:15px;}
100%{margin-top:0px;}
}
.sxn_bn18 .logo{
transition:all 0.3s ease-out;
animation-name:moveupdn;
animation-duration:4s;
animation-iteration-count:infinite;
}
.sxn_bn18 .logo:hover{
transform:scale(1.1) rotate(-5deg);
}
@media only screen and (max-width:767px) {
.sxn_bn18 .bg1{
clip-path:polygon(0% 0%,70% 0%,30% 100%,0% 100%);
}
.sxn_bn18 .bg2{
clip-path:polygon(70% 0%,100% 0%,100% 100%,30% 100%);
}
.sxn_bn18 container{
align-items:flex-start;
}
.sxn_bn18 textWrapper{
}
.sxn_bn18 h1{
top:30px;
text-align:center;
}
.sxn_bn18 desc{
top:65px;
text-align:center;
}
.sxn_bn18 imageWrapper{
dispaly:flex;
justify-content:center;
}
.sxn_bn18 .logo{
top:30px;
position:relative;
right:auto;
max-width:300px;
width:auto;
max-height:150px;
}
.sxn_bn18 .logoWrapper{
right:auto;
}
}
/* ############################# project / bn19 ############################# */
.sxn_bn19{
position:relative;
overflow:hidden;
}
.sxn_bn19 container{
height:100%;
position:relative;
}
.sxn_bn19 .elementWrapper{
height:100%;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
}
.sxn_bn19 h2, .sxn_bn19 h1{
text-transform:uppercase;
text-shadow:0px 10px rgba(0, 0, 0, 0.15);
font-family:'Oswald';
color:white;
}
.sxn_bn19 h1{
letter-spacing:20px;
font-size:44px;
line-height:50px;
}
.sxn_bn19 h2{
letter-spacing:10px;
font-size:14px;
}
@media only screen and (max-width:767px) {
.sxn_bn19 container{
padding:0 40px;
}
.sxn_bn19 h1{
letter-spacing:5px;
font-size:32px;
top:50%;
line-height:30px;
}
.sxn_bn19 h2{
letter-spacing:4px;
font-size:12px;
top:58%;
}
}
/* ############################# project / bn20 ############################# */
@media only screen and (min-width:768px) {
.sxn_bn20 {
height:400px;
}
.sxn_bn20 .bn_mobile {
display:none;
}
.sxn_bn20 swSlider.bn_desktop element {
min-height:400px;
}
}
@media only screen and (max-width:767px) {
.sxn_bn20 .bn_desktop {
display:none;
}
.sxn_bn20 swSlider.bn_mobile element {
min-height:200px;
}
}
/* ############################# project / bn21 ############################# */
@media only screen and (min-width:768px) {
.sxn_bn21 {
height:400px;
}
.sxn_bn21 .bn_mobile {
display:none;
}
.sxn_bn21 swSlider.bn_desktop element {
min-height:400px;
}
}
@media only screen and (max-width:767px) {
.sxn_bn21 .bn_desktop {
display:none;
}
.sxn_bn21 swSlider.bn_mobile element {
min-height:200px;
}
}
/* ############################# project / bn22 ############################# */
@media only screen and (min-width:768px) {
.sxn_bn22 {
height:400px;
}
.sxn_bn22 .bn_mobile {
display:none;
}
.sxn_bn22 swSlider.bn_desktop element {
min-height:400px;
}
}
@media only screen and (max-width:767px) {
.sxn_bn22 .bn_desktop {
display:none;
}
.sxn_bn22 swSlider.bn_mobile element {
min-height:200px;
}
}
/* ############################# project / bn23 ############################# */
@media only screen and (min-width:768px) {
.sxn_bn23 {
height:400px;
}
.sxn_bn23 .bn_mobile {
display:none;
}
.sxn_bn23 swSlider.bn_desktop element {
min-height:400px;
}
}
@media only screen and (max-width:767px) {
.sxn_bn23 .bn_desktop {
display:none;
}
.sxn_bn23 swSlider.bn_mobile element {
min-height:200px;
}
}
/* ############################# project / cookies ############################# */
.sxn_cookies {
background-color:#22272a;
}
.sxn_cookies container {
min-height:40px;
display:flex;
align-items:center;
}
.sxn_cookies * info {
font-size:10px;
color:#888;
}
.sxn_cookies * button {
float:right;
margin-left:15px;
background-color:#EFEFEF;
border:none;
padding:3px 15px;
color:#888;
border-radius:3px;
}
.sxn_cookies * button:hover {
background-color:#F4F4F4;
}
.sxn_cookies * a {
color:#888;
font-size:10px;
}
.sxn_cookies * a:hover {
text-decoration:underline;
}
.sxn_cookies * container {
display:flex;
align-items:center;
justify-content:flex-end;
}
@media only screen and (max-width:767px) {
.sxn_cookies container {
padding-left:10px;
padding-right:10px;
}
}
/* ############################# project / image ############################# */
/* ############################# project / kadra ############################# */
.sxn_kadra {
padding-top:20px;
padding-bottom:20px;
background-color:white;
}
.sxn_kadra h2 {
text-align:center;
margin-bottom:30px;
}
.sxn_kadra gridWraper {
max-width:900px;
}
.sxn_kadra gridWraper img {
max-width:200px;
}
.sxn_kadra .kadra-2 {
grid-template-columns:1fr 1fr;
}
.sxn_kadra .kadra-3 {
grid-template-columns:1fr 1fr 1fr;
}
.sxn_kadra block{
display:flex;
align-items:center;
flex-direction:column;
}
.sxn_kadra block img {
border-radius:50%;
}
.sxn_kadra personname {
font-family:'Oswald';
font-size:18px;
line-height:22px;
margin-top:10px;
margin-bottom:3px;
}
.sxn_kadra rankname {
font-size:10px;
line-height:5px;
margin-bottom:7px;
display:block;
}
.sxn_kadra phone,
.sxn_kadra email {
font-size:12px;
line-height:14px;
}
.sxn_kadra phone i,
.sxn_kadra email i {
width:12px;
}
.sxn_kadra content {
padding-top:4px;
text-align:center;
font-size:14px;
font-style:italic;
max-width:280px;
line-height:15px;
}
@media only screen and (max-width:767px) {
.sxn_kadra gridWraper.kadra-1,
.sxn_kadra gridWraper.kadra-2,
.sxn_kadra gridWraper.kadra-3 {
grid-template-columns:1fr;
}
}
/* ############################# project / komis6Icons ############################# */
.sxn_komis6Icons {
background-color:#22272A;
}
.sxn_komis6Icons container {
padding:50px 0;
}
.sxn_komis6Icons textunder{
max-width:230px;
}
.sxn_komis6Icons h2 {
text-align:center;
color:white;
display:block;
height:25px;
margin-bottom:30px;
}
.sxn_komis6Icons przycisk {
display:flex;
justify-content:center;
align-items:flex-start;
margin:0px 0 30px;
height:50px;
}
.sxn_komis6Icons przycisk a {
display:inline-flex;
padding:5px 15px;
background-color:white;
color:black;
height:auto;
}
.sxn_komis6Icons gridwraper {
grid-gap:30px;
grid-template-areas:"blockA blockB blockC blockD blockE blockF";
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
}
.sxn_komis6Icons blockA,
.sxn_komis6Icons blockB,
.sxn_komis6Icons blockC,
.sxn_komis6Icons blockD,
.sxn_komis6Icons blockE,
.sxn_komis6Icons blockF{
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:center;
text-align:center;
}
.sxn_komis6Icons img{
width:80px;
height:80px;
}
.sxn_komis6Icons textunder{
font-size:19px;
margin-top:10px;
color:white;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.sxn_komis6Icons gridwraper{
grid-gap:20px;
grid-template-columns:1fr 1fr 1fr;
grid-template-areas:
"blockA blockB blockC"
"blockD blockE blockF";
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.sxn_komis6Icons gridwraper {
grid-gap:20px;
grid-template-columns:1fr 1fr;
grid-template-areas:
"blockA blockB"
"blockC blockD"
"blockE blockF";
}
}
@media only screen and (max-width:767px){
.sxn_komis6Icons{
display:none;
}
}
/* ############################# project / komisCarAttr ############################# */
.sxn_komisCarAttr {
min-height:0;
background-color:#FFF;
}
.sxn_komisCarAttr container {
padding-top:15px;
padding-bottom:15px;
}
.sxn_komisCarAttr h2 {
margin-bottom:10px;
}
.sxn_komisCarAttr gridWraper.b01x {
grid-gap:7px 30px;
grid-template-columns:1fr 1fr 1fr 1fr;
}
.sxn_komisCarAttr gridWraper.b01x box {
display:flex;
align-items:center;
justify-content:flex-start;
color:#666;
}
.sxn_komisCarAttr gridWraper.b01x box img {
width:20px;
min-width:20px;
height:auto;
min-height:inherit;
margin-right:7px;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.sxn_komisCarAttr gridWraper.b01x {
grid-template-columns:1fr 1fr;
}
}
@media only screen and (max-width:991px) {
.sxn_komisCarAttr container {
padding-left:10px;
padding-right:10px;
}
.sxn_komisCarAttr gridWraper.b01x {
grid-template-columns:1fr;
}
}
.sxn_komisCarAttr gridWraper box {
text-overflow:ellipsis;
overflow:hidden;
width:100%;
height:1.3em;
white-space:nowrap;
}
/* ############################# project / komisCarCont ############################# */
.sxn_komisCarCont {
min-height:0;
height:auto;
background-color:#fff;
}
.sxn_komisCarCont container {
padding-top:25px;
padding-bottom:25px;
}
.sxn_komisCarCont blockA,
.sxn_komisCarCont blockB,
.sxn_komisCarCont blockC {
font-size:24px;
justify-content:flex-start;
font-family:'Oswald';
}
.sxn_komisCarCont blockA i,
.sxn_komisCarCont blockB i,
.sxn_komisCarCont blockC i {
margin-right:9px;
width:20px;
}
.sxn_komisCarCont .at-replace {
font-size:18px;
margin:0;
margin-left:4px;
}
@media only screen and (max-width:767px) {
.sxn_komisCarCont container {
padding-left:10px;
padding-right:10px;
}
}
/* ############################# project / komisCarGallery ############################# */
.sxn_komisCarGallery {
background-color:#ededed;
max-width:100vw;
overflow-x:hidden;
}
.sxn_komisCarGallery .swiper-container {
display:block;
}
.sxn_komisCarGallery .swiper-slide {
text-align:center;
font-size:18px;
background:#eee;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
overflow:hidden;
padding:0;
margin:0;
height:auto;
}
.sxn_komisCarGallery img {
width:100%;
}
.sxn_komisCarGallery element {
display:block;
min-height:50px;
}
.sxn_komisCarGallery container {
padding-top:20px;
padding-bottom:20px;
}
@media only screen and (max-width:767px) {
.sxn_komisCarGallery container {
padding-left:10px;
padding-right:10px;
}
}
/* ############################# project / komisCarKontaktmobilny ############################# */
.sxn_komisCarKontaktmobilny {
background-color:white;
bottom:0;
z-index:5;
display:none;
padding:10px;
-webkit-box-shadow:0 0px 12px rgba(0,0,0,0.175);
box-shadow:0 0px 12px rgba(0,0,0,0.175);
}
.sxn_komisCarKontaktmobilny gridWraper{
grid-gap:0 10px ;
grid-template-columns:8fr 6fr 10fr;
}
.sxn_komisCarKontaktmobilny .dojedzdoauta,
.sxn_komisCarKontaktmobilny .call,
.sxn_komisCarKontaktmobilny .write {
color:white;
height:40px;
display:flex;
align-items:center;
justify-content:center;
font-family:'Oswald';
font-size:24px;
}
.sxn_komisCarKontaktmobilny .call{
background-color:#f44;
}
.sxn_komisCarKontaktmobilny .write{
background-color:#4A94E1;
}
.sxn_komisCarKontaktmobilny .dojedzdoauta{
background-color:#888;
font-size:19px;
}
.sxn_komisCarKontaktmobilny .video{
cursor:pointer;
font-family:'Oswald';
font-size:20px;
padding:0 0 5px 0;
}
@media only screen and (max-width:767px) {
.sxn_komisCarKontaktmobilny{
display:block;
}
}
/* ############################# project / komisCarOpis ############################# */
.sxn_komisCarOpis h2 {
margin-bottom:10px;
}
.sxn_komisCarOpis {
background-color:#EDEDED;
padding:14px 0px 20px 0;
}
.sxn_komisCarOpis div {
color:#666;
}
@media only screen and (max-width:767px) {
.sxn_komisCarOpis container {
padding-left:10px;
padding-right:10px;
}
}
/* ############################# project / komisCarSocial ############################# */
.sxn_komisCarSocial {
background-color:#ffffff;
padding-top:15px;
padding-bottom:15px;
}
.sxn_komisCarSocial container{
display:flex;
align-items:center;
}
.sxn_komisCarSocial shareButtons {
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
}
.sxn_komisCarSocial titleElement {
font-size:24px;
font-family:'Oswald';
padding-right:10px;
font-weight:bold;
}
.sxn_komisCarSocial .socialIcon {
border:solid 1px #ddd;
width:32px;
height:32px;
display:flex;
align-items:center;
justify-content:center;
margin:1px;
transition:all 0.3s;
}
.sxn_komisCarSocial .socialIcon img {
width:24px;
height:24px;
}
.sxn_komisCarSocial .socialIcon:hover {
background-color:white;
filter:invert(1);
transition:all 0.3s;
}
@media only screen and (max-width:767px) {
.sxn_komisCarSocial container{
flex-direction:column;
}
}
@media screen and (max-width:767px){
.sxn_komisCarSocial container {
padding-left:10px !important;
}
}
@media screen and (max-width:767px){
.sxn_komisCarSocial container {
padding-right:10px !important;
}
}
/* ############################# project / komisCarSpec ############################# */
.sxn_komisCarSpec {
background-color:#ffffff;
}
.sxn_komisCarSpec container {
padding-bottom:15px;
}
.sxn_komisCarSpec cechaKey{
text-align:left;
color:#666;
user-select:none;
}
.sxn_komisCarSpec cechaValue{
text-align:right;
display:flex;
align-items:center;
}
.sxn_komisCarSpec gridWraper {
grid-template-areas:
"blockA blockB"
;
grid-template-columns:1fr 2fr;
grid-gap:15px;
}
.sxn_komisCarSpec blockA {
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
}
.sxn_komisCarSpec blockB {
align-items:flex-start;
flex-direction:column;
}
.sxn_komisCarSpec ul {
padding:0;
margin:0;
list-style-type:none;
display:block;
width:100%;
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
}
.sxn_komisCarSpec li {
display:flex;
justify-content:space-between;
border-bottom:dotted 1px silver;
margin-bottom:3px;
-webkit-column-break-inside:avoid;
page-break-inside:avoid;
break-inside:avoid;
}
@media only screen and (max-width:767px) {
.sxn_komisCarSpec ul {
-webkit-column-count:1;
-moz-column-count:1;
column-count:1;
}
.sxn_komisCarSpec gridWraper {
grid-template-areas:
"blockA"
"blockB";
grid-template-columns:1fr;
}
.sxn_komisCarSpec container {
padding-left:10px;
padding-right:10px;
}
}
.sxn_komisCarSpec carImage {
min-width:100%;
min-height:80px;
color:#CCC;
position:relative;
}
.sxn_komisCarSpec carImage .preview{
width:100%;
}
.sxn_komisCarSpec carImage .videoprezentacja {
width:60%;
position:absolute;
bottom:-12px;
cursor:pointer;
}
.sxn_komisCarSpec carImage .img360button {
width:70px;
border:none;
height:30px;
position:absolute;
bottom:-12px;
right:0;
cursor:pointer;
font-size:16px;
font-weight:bolder;
background-color:#118cd1;
color:white;
}
.sxn_komisCarSpec .zadajPytanie {
margin-top:10px;
padding:5px 10px;
}
.sxn_komisCarSpec .zadajPytanieFormularz {
margin-top:10px;
display:none;
width:100%;
border:solid 1px #888;
padding:15px 25px;
background-color:#eee;
}
/* ############################# project / komisCarTitle ############################# */
.sxn_komisCarTitle {
background-color:#FFF;
height:auto;
min-height:0px;
}
.sxn_komisCarTitle container {
padding-top:15px;
}
.sxn_komisCarTitle cechaKey{
text-align:left;
color:#AAA;
}
.sxn_komisCarTitle gridWraper{
grid-template-columns:9fr 1fr;
grid-template-areas:
"blockA blockB";
}
.sxn_komisCarTitle blockA{
align-items:center;
justify-content:flex-start;
text-align:left;
font-size:34px;
font-family:'Oswald';
line-height:36px;
padding-bottom:12px;
}
.sxn_komisCarTitle blockA .logo{
height:30px;
margin-right:15px;
}
.sxn_komisCarTitle .logoMini{
height:13px;
}
.sxn_komisCarTitle blockB{
align-items:center;
justify-content:flex-end;
}
.sxn_komisCarTitle cechaValue {
text-align:right;
}
.sxn_komisCarTitle mobile {
display:none;
}
.sxn_komisCarTitle .cena {
display:flex;
justify-content:flex-end;
white-space:nowrap;
font-family:'Oswald';
font-size:32px;
}
.sxn_komisCarTitle .cena.netto{
font-size:32px;
line-height:32px;
margin-bottom:7px;
}
.sxn_komisCarTitle .cena.brutto{
font-size:20px;
line-height:20px;
margin-bottom:7px;
}
.sxn_komisCarTitle .cena .priceTitle {
display:flex;
align-items:flex-end;
margin-left:4px;
font-size:14px;
line-height:32px;
height:47px;
text-transform:uppercase;
}
.sxn_komisCarTitle .cena.brutto .priceTitle {
font-size:12px;
line-height:12px;
height:20px;
}
.sxn_komisCarTitle .cena.netto .priceTitle {
font-size:14px;
line-height:14px;
height:32px;
}
@media only screen and (max-width:767px) {
.sxn_komisCarTitle mobile {
display:block;
}
.sxn_komisCarTitle mobile ul {
display:block;
width:100%;
-webkit-column-count:1;
-moz-column-count:1;
column-count:1;
}
.sxn_komisCarTitle mobile li {
display:flex;
justify-content:space-between;
border-bottom:dotted 1px silver;
margin-bottom:3px;
}
.sxn_komisCarTitle desktop {
display:none;
}
.sxn_komisCarTitle container {
padding-left:10px;
padding-right:10px;
}
}
/* ############################# project / komisFooterFox ############################# */
.sxn_komisFooterFox {
background-color:#21242E;
}
.sxn_komisFooterFox blockB {
height:50px;
justify-content:flex-end;
align-items:center;
}
.sxn_komisFooterFox .markLogoLink {
color:white;
display:inline-flex;
align-items:center;
font-size:10px;
}
.sxn_komisFooterFox .markLogo {
height:35px;
}
.sxn_komisFooterFox * blockA {
min-height:50px;
}
.sxn_komisFooterFox * blockA > * > *:not(style){
display:flex;
align-items:center;
min-height:50px;
color:white;
}
.sxn_komisFooterFox .potrzebujesz {
font-size:11px;
color:white;
margin-right:10px;
}
@media only screen and (max-width:767px) {
.sxn_komisFooterFox * blockA > * > *:not(style){
justify-content:center;
}
.sxn_komisFooterFox blockB {
display:flex;
justify-content:center;
}
}
/* ############################# project / komisFooterLinks ############################# */
.sxn_komisFooterLinks {
background-color:#22272a;
}
.sxn_komisFooterLinks container * {
color:#FFF;
}
.sxn_komisFooterLinks blocka {
padding-top:20px;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
}
.sxn_komisFooterLinks blockb {
padding-top:20px;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
}
.sxn_komisFooterLinks blockc {
padding-top:20px;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
text-align:left;
color:white;
}
.sxn_komisFooterLinks a {
color:#ffffff;
}
.sxn_komisFooterLinks container {
padding-bottom:20px;
}
.sxn_komisFooterLinks h2 {
font-family:'Oswald';
color:white;
margin-bottom:10px;
}
@media only screen and (min-width:1200px) {
.sxn_komisFooterLinks * gridwraper {
grid-gap:50px;
grid-template-columns:1fr 1fr 1fr;
}
}
@media only screen and (max-width:767px) {
.sxn_komisFooterLinks * container {
padding-left:10px;
padding-right:10px;
}
}
/* ############################# project / komisHtml ############################# */
.sxn_komisHtml {
background-color:#FFF;
}
.sxn_komisHtml container {
padding:10px 0;
}
/* ############################# project / komisLista ############################# */
.sxn_komisLista container{
padding:0 0 10px 0;
}
.sxn_komisLista h3{
margin-top:10px;
margin-bottom:10px;
}
.sxn_komisLista gridWraper{
grid-template-columns:1fr 1fr 1fr 1fr;
grid-gap:25px;
}
@media only screen and (max-width:767px) {
.sxn_komisLista gridWraper{
grid-template-columns:1fr;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.sxn_komisLista gridWraper{
grid-template-columns:1fr 1fr;
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.sxn_komisLista gridWraper{
grid-template-columns:1fr 1fr 1fr;
}
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.sxn_komisLista gridWraper{
grid-template-columns:1fr 1fr 1fr;
}
}
.sxn_komisLista car{
display:block;
border:solid 1px silver;
width:100%;
position:relative;
}
.sxn_komisLista marka{
max-height:100%;
display:block;
}
.sxn_komisLista marka img{
max-width:120px;
max-height:30px;
}
.sxn_komisLista imageCar{
display:block;
position:relative;
background-color:#ddd;
width:100%;
height:auto;
overflow:hidden;
}
.sxn_komisLista currency{
font-size:11px;
margin-left:4px;
}
.sxn_komisLista imageCar img{
width:100%;
}
.sxn_komisLista AllflagStat{
position:absolute;
bottom:0px;
left:0px;
display:flex;
}
.sxn_komisLista flagStat{
border:solid 0px #ccc;
background-color:#888;
color:white;
border-radius:0px;
font-size:11px;
padding:1px;
padding-bottom:2px;
padding-left:5px;
padding-right:5px;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
height:17px;
}
.sxn_komisLista flagStat i{
font-size:9px;
}
.sxn_komisLista flagStat.blue{
background-color:#73E6FD;
}
.sxn_komisLista flagStat.green{
background-color:#88C158;
}
.sxn_komisLista flagStat.orange{
background-color:#F17421;
}
.sxn_komisLista flagStat.uszkodzony{
background-color:#FF0000;
}
.sxn_komisLista flagStat.uzywany{
background-color:#00ABFF;
}
.sxn_komisLista flagStat.nowy{
background-color:#8ED219;
}
.sxn_komisLista flagStat.paliwo{
background-color:#2F84CD;
}
.sxn_komisLista flagStat.paliwo_petrol{
background-color:#00AF6A;
}
.sxn_komisLista flagStat.paliwo_petrol-lpg{
background-color:#00AF6A;
}
.sxn_komisLista flagStat.paliwo_diesel{
background-color:#0F161C;
}
.sxn_komisLista flagStat.pojemnosc{
background-color:#2FB5CD;
}
.sxn_komisLista flagStat.moc{
background-color:#9AC437;
}
.sxn_komisLista flagStat.rok{
background-color:#2FB5CD;
}
.sxn_komisLista flagStat.przebieg{
background-color:#2F84CD;
}
.sxn_komisLista barCar{
display:flex;
justify-content:space-between;
align-items:center;
padding-left:7px;
padding-right:12px;
position:relative;
overflow:auto;
height:55px;
background-color:white;
}
.sxn_komisLista titleCar{
font-size:12px;
display:block;
color:black;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
max-width:calc(100% - 0px);
}
.sxn_komisLista priceCar{
display:block;
}
.sxn_komisLista priceCar price{
font-family:'Oswald';
font-size:20px;
}
.sxn_komisLista barLeftCar{
float:left;
display:inline-block;
max-width:160px;
}
@media only screen and (min-width:1400px) {
.sxn_komisLista barLeftCar{
max-width:180px;
}
}
.sxn_komisLista barRightCar{
position:relative;
display:flex;
align-items:center;
height:100%;
}
.sxn_komisLista car *{
transition-duration:0.5s;
}
.sxn_komisLista car barcar *{
color:black;
}
.sxn_komisLista car:hover *{
transition-duration:0.5s;
}
.sxn_komisLista car:hover barcar *{
color:white;
}
.sxn_komisLista car:hover .imageCar{
filter:contrast(130%) opacity(1);
}
.sxn_komisLista car:hover barcar{
background-color:#777;
}
.sxn_komisLista car:hover marka img{
filter:invert(100%) grayscale(100%) brightness(150%);
}
.sxn_komisLista{
background-attachment:fixed;
}
@media only screen and (max-width:767px) {
.sxn_komisLista container{
padding-left:10px;
padding-right:10px;
}
.sxn_komisLista inner{
background-color:#ffffff;
}
}
/* ############################# project / komisListaV2 ############################# */
.sxn_komisListaV2 container{
padding:0 0 10px 0;
}
.sxn_komisListaV2 h3{
margin-top:10px;
margin-bottom:10px;
}
.sxn_komisListaV2 gridWraper{
grid-template-columns:1fr;
grid-gap:15px;
}
.sxn_komisListaV2 car{
background-color:white;
border:solid 1px #CCC;
}
.sxn_komisListaV2 car a{
display:block;
width:100%;
display:flex;
overflow:auto;
}
.sxn_komisListaV2 imageCar{
display:block;
position:relative;
background-color:#ddd;
width:270px;
height:auto;
overflow:hidden;
z-index:3;
}
.sxn_komisListaV2 car *{
-webkit-transition:all .4s ease-out,opacity .5s ease-out;
transition:all .4s ease-out,opacity .5s ease-out;
}
.sxn_komisListaV2 car imageCar img{
filter:opacity(1);
}
.sxn_komisListaV2 car:hover imageCar img{
transform:rotate(-4deg) scale(1.24);
filter:opacity(1);
}
.sxn_komisListaV2 car barcar{
width:90%;
display:block;
height:auto;
position:relative;
}
.sxn_komisListaV2 car titleCar{
font-size:22px;
display:inline-block;
padding:7px 50px;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
position:absolute;
left:-17px;
transform:skew(-35deg);
width:calc(100% - 300px);
font-family:'Oswald';
}
.sxn_komisListaV2 car titleCar span{
display:inline-block;
transform:skew(35deg);
}
.sxn_komisListaV2 car cubesStat{
position:absolute;
bottom:20px;
left:0;
}
.sxn_komisListaV2 car flagTitle{
margin-top:5px;
font-size:13px;
font-weight:300;
font-family:'Oswald';
line-height:17px;
display:block;
color:#888;
}
.sxn_komisListaV2 car flagVal{
font-family:'Oswald';
line-height:28px;
display:block;
font-size:24px;
color:#000;
font-weight:normal;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
max-width:97px;
font-size:17px;
line-height:20px;
}
.sxn_komisListaV2 car cubeStat{
display:inline-flex;
flex-direction:column;
align-items:center;
width:105px;
font-size:16px;
}
.sxn_komisListaV2 car cubeStat i{
font-size:24px;
}
.sxn_komisListaV2 car barRightCar{
position:absolute;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
right:0;
width:600px;
height:100%;
overflow:hidden;
}
.sxn_komisListaV2 car priceCar{
position:absolute;
top:20px;
right:30px;
z-index:2;
display:block;
}
.sxn_komisListaV2 car priceCar price{
font-family:'Oswald';
font-size:32px;
font-weight:bold;
}
.sxn_komisListaV2 car priceCar currency{
font-family:'Oswald';
font-size:16px;
font-weight:bold;
margin-left:4px;
}
.sxn_komisListaV2 car marka{
position:absolute;
top:80px;
right:30px;
display:block;
}
.sxn_komisListaV2 car marka img{
max-height:40px;
filter:grayscale(100%) opacity(0.5);
}
.sxn_komisListaV2 car:hover marka img{
filter:grayscale(0%);
}
.sxn_komisListaV2 car zobaczWiecej{
font-size:16px;
display:inline-block;
position:absolute;
bottom:0;
right:0;
padding:3px 50px;
right:-11px;
transform:skew(-35deg);
}
.sxn_komisListaV2 car zobaczWiecej span{
display:inline-block;
transform:skew(35deg);
font-family:'Oswald';
}
.sxn_komisListaV2 car AllflagStat{
position:absolute;
bottom:0px;
left:0px;
display:flex;
}
.sxn_komisListaV2 car flagStat{
border:solid 0px #ccc;
background-color:#888;
color:white;
border-radius:0px;
font-size:14px;
font-weight:bolder;
padding:5px;
padding-bottom:6px;
padding-left:20px;
padding-right:20px;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
height:17px;
margin:3px;
border:solid 1px white;
border-radius:3px;
}
.sxn_komisListaV2 cubestat{
position:relative;
z-index:3;
}
.sxn_komisListaV2 cubesStat:hover i{
opacity:0;
}
.sxn_komisListaV2 cubesStat:hover flagtitle{
transform:translate(0px,10px);
}
.sxn_komisListaV2 cubesStat:hover flagVal{
transform:translate(0px,-30px) scale(1.4);
}
@media only screen and (min-width:1400px) {
.sxn_komisListaV2 car priceCar{
top:60px;
right:230px;
}
.sxn_komisListaV2 car marka{
top:50px;
width:140px;
max-width:140px;
display:flex;
justify-content:center;
align-items:center;
}
.sxn_komisListaV2 car marka img{
max-height:45px;
}
.sxn_komisListaV2 car titleCar{
font-size:25px;
width:calc(100% - 400px);
}
.sxn_komisListaV2 car priceCar price{
font-size:40px;
}
.sxn_komisListaV2 car priceCar currency{
font-size:20px;
}
}
@media only screen and (max-width:1399px) {
.sxn_komisListaV2 imageCar{
width:270px;
}
.sxn_komisListaV2 car cubesStat{
left:20px;
}
.sxn_komisListaV2 car cubeStat{
width:105px;
}
.sxn_komisListaV2 car cubeStat i{
font-size:24px;
}
.sxn_komisListaV2 car marka{
top:80px;
}
.sxn_komisListaV2 car marka img{
max-height:30px;
}
.sxn_komisListaV2 car cubeStat:nth-child(6){
display:none;
}
}
@media only screen and (max-width:1199px) {
.sxn_komisListaV2 cubestat:hover flagtitle{
transform:translate(0px,10px);
}
.sxn_komisListaV2 cubestat:hover flagVal{
transform:translate(0px,-20px) scale(1.4);
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.sxn_komisListaV2 imageCar{
width:210px;
}
.sxn_komisListaV2 car cubesStat{
bottom:15px;
}
.sxn_komisListaV2 car cubeStat{
width:80px;
}
.sxn_komisListaV2 car cubeStat i{
font-size:24px;
}
.sxn_komisListaV2 car flagTitle{
font-size:9px;
line-height:10px;
}
.sxn_komisListaV2 car flagVal{
font-weight:normal;
max-width:80px;
}
.sxn_komisListaV2 car marka{
display:none;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.sxn_komisListaV2 imageCar{
width:180px;
}
.sxn_komisListaV2 car cubeStat{
width:80px;
}
.sxn_komisListaV2 car cubeStat i{
font-size:24px;
}
.sxn_komisListaV2 car flagTitle{
font-size:9px;
line-height:10px;
}
.sxn_komisListaV2 car flagVal{
font-size:14px;
line-height:16px;
font-weight:normal;
max-width:80px;
}
.sxn_komisListaV2 car cubeStat:nth-child(7){
display:none;
}
.sxn_komisListaV2 car cubesStat{
bottom:15px;
left:15px;
}
.sxn_komisListaV2 car titleCar{
font-size:15px;
display:inline-block;
padding:3px 22px;
left:-11px;
width:calc(100% - 165px);
}
.sxn_komisListaV2 car cubeStat{
width:72px;
}
.sxn_komisListaV2 car marka{
display:none;
}
}
.sxn_komisListaV2 carMobile{
max-height:0;
overflow:hidden;
}
@media only screen and (max-width:767px) {
.sxn_komisListaV2 container{
padding-left:10px;
padding-right:10px;
}
.sxn_komisListaV2{
background-color:white;
}
.sxn_komisListaV2 carMobile{
display:block;
max-height:none;
}
.sxn_komisListaV2 car{
display:none;
}
.sxn_komisListaV2 gridWraper{
grid-template-columns:1fr;
grid-gap:0px;
}
}
.sxn_komisListaV2{
padding-top:0px;
padding-bottom:10px;
}
.sxn_komisListaV2 carMobile a{
padding-top:4px;
padding-bottom:4px;
border-bottom:solid 1px silver;
}
.sxn_komisListaV2 carMobile a{
display:flex;
}
.sxn_komisListaV2 carMobile barRightCar{
display:block;
width:100%;
padding-left:6px;
}
.sxn_komisListaV2 carMobile cubestat{
margin-right:7px;
}
.sxn_komisListaV2 carMobile imagecar{
width:100px;
min-width:100px;
}
.sxn_komisListaV2 carMobile titleCar{
display:block;
font-family:'Oswald';
font-size:18px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:calc(100vw - 140px);
white-space:nowrap;
}
.sxn_komisListaV2 carMobile cubesStat{
display:block;
font-size:11px;
color:#666;
}
.sxn_komisListaV2 carMobile priceCar{
display:block;
font-family:'Oswald';
font-size:18px;
}
.sxn_komisListaV2 carMobile currency{
font-size:10px;
margin-left:3px;
}
/* ############################# project / komisListaV3 ############################# */
.sxn_komisListaV3 container{
padding:0 0 10px 0;
}
.sxn_komisListaV3 h3{
margin-top:10px;
margin-bottom:10px;
}
.sxn_komisListaV3 .imageCar{
width:100%;
}
.sxn_komisListaV3 gridWraper{
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
grid-gap:10px;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.sxn_komisListaV3 gridWraper{
grid-template-columns:1fr 1fr 1fr 1fr;
grid-gap:10px;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.sxn_komisListaV3 gridWraper{
grid-template-columns:1fr 1fr 1fr;
grid-gap:10px;
}
}
@media only screen and (max-width:767px) {
.sxn_komisListaV3{
padding:0 10px 10px 10px;
background-color:white;
}
.sxn_komisListaV3 gridWraper{
grid-template-columns:1fr;
grid-gap:10px;
}
}
.sxn_komisListaV3 .car{
display:inline-block;
border:solid 1px #DDD;
background-color:white;
width:100%;
border-radius:0px;
position:relative;
}
.sxn_komisListaV3 .img1{
z-index:-2;
background-color:#ddd;
background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoAAAAHgCAYAAAA10dzkAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAfp0lEQVR4nO3dfZBU5Z3o8dM9PbwMM7wMEUaMGFSCskTEAjGEF1kUs0gMWpAYE/dW2Jit3dzczW5qs5XK3t3K3bq1ZeWm9pq9azSpJJVSdxMhQU3UoMQoEBYFSVCjgq87yPAyMDIDDvPW3fePu+ZCdw8zAw30+Pt8/tJn+pw+wwPMl3P6PCeVz+evSgAACCN9tg8AAIAzSwACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIJnO2DwAo1t3dnV69evX8PXv2LDx69Ogl2Wx2XD6fH5JOp4+k0+m2YcOG7RwzZsxz8+bNWzt58uRD5XrfHTt21P/oRz96MOnl74b58+ffunDhwlcHut9169ZdsnPnznltbW0ze3p6xuVyudFJkqTT6XRLJpPZP3LkyK2TJ0/+9bXXXvviqX4Pg93pmIN3fz/t37//w++88860bDY7OpfLjUylUh3pdPrQ0KFDG8eMGfPMnDlzfjl16tQDJ3vs5hkGj1Q+n7/qbB8E8P89/vjjU59++umvZ7PZ9/fj5V319fUPfeYzn/mXMWPGdJzqe99111237du3b2VvXx9ofDz99NMT169f/xft7e1z+vP6mpqazfPnz/+n2bNnN/b3Pd5ryj0Hq1atmrtjx46/6M/vp1Qq1TV27NjVK1eu/Pbw4cN7+vse5hkGH5eAoYL88Ic//PimTZvu7mf8JUmSDGlpaVl+5513fm/79u3jTuW9jx49mmlubr7hVPZxrMcee2za2rVrv9ffKEiSJGlvb79q7dq133vsscemles4BpNyz8F3v/vdT7344ovf6O/vp3w+P+TAgQO3fOtb3/qn5ubmYf3ZxjzD4CQAoUI88sgjl7355ptfSU7ioxk9PT0XPvzww9/s7w/tUtasWXN1Lpd738luf6wtW7a8f/PmzXfk8/nagW6bz+drN2/efMemTZsmluNYBpNyzsHq1avn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AADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEIwABAAIRgACAAQjAAEAghGAAADBCEAAgGAEIABAMAIQACAYAQgAEMz/BROEt5t/j+puAAAAAElFTkSuQmCC')
}
.sxn_komisListaV3 .carBar{
padding:5px;
position:relative;
}
.sxn_komisListaV3 .carBar .pdf{
right:5px;
bottom:5px;
position:absolute;
}
.sxn_komisListaV3 .carBar .price{
font-family:'Oswald';
}
.sxn_komisListaV3 .carBar .currency{
display:inline-block;
font-size:11px;
}
.sxn_komisListaV3 .carBar .value{
font-size:10px;
line-height:12px;
}
.sxn_komisListaV3 .carBar .hr{
margin:4px 0 4px 0;
border-top:solid 1px #ddd;
}
.sxn_komisListaV3 .carBar .marka{
display:flex;
justify-content:flex-end;
align-items:center;
height:24px;
width:45px;
right:6px;
top:6px;
position:absolute;
}
.sxn_komisListaV3 .carBar .marka img{
max-height:24px;
max-width:45px;
}
.sxn_komisListaV3 .oferta .car{
width:100%;
}
.sxn_komisListaV3 status{
border-top:75px solid #888;
border-left:75px solid transparent;
}
.sxn_komisListaV3 statustext{
top:27px;
right:-20px;
color:white;
border:solid 0px red;
width:100px;
text-align:center;
transform:rotate(45deg);
}
/* ############################# project / komisListaV4 ############################# */
.sxn_komisListaV4 container {
padding:0 0 10px 0;
}
.sxn_komisListaV4 h3 {
margin-top:10px;
margin-bottom:10px;
}
.sxn_komisListaV4 gridWraper {
grid-template-columns:1fr 1fr 1fr 1fr;
grid-gap:25px;
}
@media only screen and (max-width:767px) {
.sxn_komisListaV4 gridWraper {
grid-template-columns:1fr;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.sxn_komisListaV4 gridWraper {
grid-template-columns:1fr 1fr;
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.sxn_komisListaV4 gridWraper {
grid-template-columns:1fr 1fr 1fr;
}
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.sxn_komisListaV4 gridWraper {
grid-template-columns:1fr 1fr 1fr;
}
}
.sxn_komisListaV4 car {
background-color:white;
border:solid 1px #DDD;
border-radius:0px;
overflow:hidden;
box-shadow:2px 2px 15px rgba(0,0,0,0.175);
}
.sxn_komisListaV4 .glass {
width:100%;
height:100%;
top:0;
position:absolute;
}
.sxn_komisListaV4 descriptonWraper{
display:block;
padding:5px 0px;
background-color:white;
}
.sxn_komisListaV4 markaName{
font-size:17px;
font-family:'Oswald';
display:block;
color:black;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
max-width:calc(100% - 0);
padding-left:7px;
}
.sxn_komisListaV4 titleCar {
font-size:14px;
display:block;
color:black;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
max-width:250px;
padding-left:7px;
}
.sxn_komisListaV4 line{
display:block;
border-bottom:solid 1px #eee;
margin-top:2px;
margin-bottom:7px;
}
.sxn_komisListaV4 priceCar{
display:block;
position:relative;
}
.sxn_komisListaV4 priceCar price{
font-family:'Oswald';
font-size:20px;
}
.sxn_komisListaV4 currency{
font-size:11px;
margin-left:4px;
}
.sxn_komisListaV4 vat{
display:block;
position:absolute;
font-size:10px;
bottom:-8px;
text-align:right;
font-size:10px;
width:100%;
padding-right:20px;
color:#888;
}
.sxn_komisListaV4 imageCar{
position:relative;
display:block;
}
.sxn_komisListaV4 imageCar img{
width:100%;
}
.sxn_komisListaV4 imageCar priceCar{
position:absolute;
padding-left:10px;
padding-right:10px;
bottom:-0px;
right:7px;
border-bottom:none;
background-color:white;
z-index:1;
border-style: solid;
border-width: 3px 3px 0px 3px;
}
.sxn_komisListaV4 AllflagStat{
display:flex;
padding-left:4px;
}
.sxn_komisListaV4 flagStat{
border:solid 0px #ccc;
background-color:#888;
color:#000;
border-radius:0px;
font-size:12.5px;
padding:1px;
padding-bottom:2px;
padding-left:4px;
padding-right:4px;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
height:17px;
}
.sxn_komisListaV4 flagStat i{
font-size:9px;
}
.sxn_komisListaV4 flagStat.blue{
background-color:#73E6FD;
}
.sxn_komisListaV4 flagStat.green{
background-color:#88C158;
}
.sxn_komisListaV4 flagStat.orange{
background-color:#F17421;
}
.sxn_komisListaV4 flagStat.uszkodzony{
background-color:#FF0000;
color:#FFF;
}
.sxn_komisListaV4 flagStat.uzywany{
background-color:#00ABFF;
color:#FFF;
}
.sxn_komisListaV4 flagStat.nowy{
background-color:#8ED219;
color:#FFF;
}
.sxn_komisListaV4 flagStat.paliwo{
background-color:#2F84CD;
color:#FFF;
}
.sxn_komisListaV4 flagStat.paliwo_petrol{
background-color:#00AF6A;
}
.sxn_komisListaV4 flagStat.paliwo_petrol-lpg{
background-color:#00AF6A;
}
.sxn_komisListaV4 flagStat.paliwo_diesel{
background-color:#0F161C;
}
.sxn_komisListaV4 flagStat.pojemnosc{
background-color:#FFF;
}
.sxn_komisListaV4 flagStat.moc{
background-color:#FFF;
}
.sxn_komisListaV4 flagStat.rok{
background-color:#FFF;
}
.sxn_komisListaV4 flagStat.przebieg{
background-color:#FFF;
}
@media only screen and (max-width:767px) {
.sxn_komisListaV4 container{
padding-left:10px;
padding-right:10px;
}
.sxn_komisListaV4 inner{
background-color:#ffffff;
}
}
.sxn_komisListaV4 car,
.sxn_komisListaV4 car *{
transition-duration:0.5s;
}
.sxn_komisListaV4 car:hover,
.sxn_komisListaV4 car:hover *{
transition-duration:0.2s;
}
.sxn_komisListaV4 car pricecar{
transition-duration:0s;
text-transform:uppercase;
}
.sxn_komisListaV4 car:hover pricecar{
transition-duration:0s;
color:white;
}
.sxn_komisListaV4 car:hover .imageCar{
filter:contrast(130%) opacity(1);
}
.sxn_komisListaV4 car:hover marka img{
filter:invert(100%) grayscale(100%) brightness(150%);
}
/* ############################# project / komisListaV5 ############################# */
.sxn_komisListaV5 container{
padding:0 0 10px 0;
}
.sxn_komisListaV5 h3{
margin-top:10px;
margin-bottom:10px;
}
.sxn_komisListaV5 gridWraper{
grid-gap:15px;
}
.sxn_komisListaV5 .car{
display:flex;
flex-direction:row;
background-color:#F6F7FA;
}
.sxn_komisListaV5 imageCar{
min-width:280px;
max-width:280px;
display:block;
position:relative;
}
.sxn_komisListaV5 barCar{
position:relative;
width:100%;
display:block;
}
.sxn_komisListaV5 markaModel{
display:block;
font-size:32px;
font-family:'Oswald';
color:#375B72;
position:absolute;
top:15px;
left:15px;
}
.sxn_komisListaV5 titleCar{
display:block;
font-size:15px;
color:#375B72;
position:absolute;
top:65px;
left:15px;
}
.sxn_komisListaV5 cubesStat{
position:absolute;
bottom:15px;
left:15px;
color:#375B72;
}
.sxn_komisListaV5 cubeStat{
margin-right:15px;
}
.sxn_komisListaV5 cubeStat i{
margin-right:3px;
}
.sxn_komisListaV5 cubeStat img{
height:32px;
width:32px;
}
.sxn_komisListaV5 barRightCar{
min-width:220px;
width:300px;
display:flex;
flex-direction:column;
}
.sxn_komisListaV5 priceCar{
width:100%;
height:60px;
display:flex;
align-items:center;
justify-content:center;
color:white;
font-family:'Oswald';
font-size:24px;
}
.sxn_komisListaV5 currency{
margin-left:3px;
display:block;
}
.sxn_komisListaV5 leasing{
width:100%;
height:60px;
font-family:'Oswald';
font-size:24px;
background-color:#FFF;
color:#E3E7EA;
display:flex;
align-items:center;
justify-content:center;
}
.sxn_komisListaV5 region{
width:100%;
height:60px;
font-family:'Oswald';
font-size:24px;
color:#000;
display:flex;
align-items:center;
justify-content:center;
}
.sxn_komisListaV5 cities_name{
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
max-width:calc(100% - 20px)
}
@media only screen and (max-width:991px) {
.sxn_komisListaV5 container{
padding-left:10px;
padding-right:10px;
}
.sxn_komisListaV5{
background-color:#FFF;
}
.sxn_komisListaV5 imageCar{
max-width:100%;
width:100%;
}
.sxn_komisListaV5 cubesstat{
font-size:12px;
}
.sxn_komisListaV5 cubeStat{
margin-right:9px;
}
.sxn_komisListaV5 img{
width:100%;
}
.sxn_komisListaV5 .car{
position:relative;
flex-direction:column;
}
.sxn_komisListaV5 barRightCar{
width:100%;
flex-direction:row;
}
.sxn_komisListaV5 barCar{
background-color:#FFF;
height:auto;
padding-bottom:7px;
}
.sxn_komisListaV5 pricecar{
font-size:19px;
height:40px;
}
.sxn_komisListaV5 leasing{
display:none;
}
.sxn_komisListaV5 region{
background-color:#333;
color:white;
font-size:19px;
height:40px;
}
.sxn_komisListaV5 markaModel{
position:initial;
}
.sxn_komisListaV5 titleCar{
position:initial;
}
.sxn_komisListaV5 cubesStat{
display:block;
margin-top:5px;
position:initial;
}
}
.sxn_komisListaV5 .car,
.sxn_komisListaV5 .car *{
transition-duration:0.5s;
}
.sxn_komisListaV5 .car:hover,
.sxn_komisListaV5 .car:hover *{
transition-duration:0.5s;
}
.sxn_komisListaV5 .car:hover{
background-color:#eee;
}
.sxn_komisListaV5 .car:hover pricecar{
color:white;
}
.sxn_komisListaV5 .car:hover .imageCar{
filter:contrast(130%) opacity(1);
}
.sxn_komisListaV5 .car:hover marka img{
filter:invert(100%) grayscale(100%) brightness(150%);
}
/* ############################# project / komisListaV6 ############################# */
.sxn_komisListaV6 container{
padding:0 0 10px 0;
}
.sxn_komisListaV6 gridWraper {
grid-gap:30px;
}
.sxn_komisListaV6 .car {
display:grid;
grid-template-columns:350px 2fr 200px;
grid-template-areas:"imageCar about info";
grid-gap:0 30px;
}
.sxn_komisListaV6 imageCar{
position:relative;
grid-area:imageCar;
}
.sxn_komisListaV6 imageCar img.imageCar {
width:100%;
object-fit:cover;
xxborder:solid 2px red;
xxfilter:blur(3px);
}
.sxn_komisListaV6 .car *{
transition-duration:0.2s;
}
.sxn_komisListaV6 .car:hover .imageCar{
filter:contrast(130%) opacity(1);
}
.sxn_komisListaV6 AllflagStat{
grid-area:AllflagStat;
display:none;
padding-left:4px;
padding:10px;
justify-content:center;
}
.sxn_komisListaV6 flagStat{
border:solid 0px #ccc;
background-color:#888;
color:#000;
border-radius:0px;
font-size:12.5px;
padding:1px;
padding-bottom:2px;
padding-left:4px;
padding-right:4px;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
height:17px;
}
.sxn_komisListaV6 flagStat i{
font-size:9px;
}
.sxn_komisListaV6 flagStat.blue{
background-color:#73E6FD;
}
.sxn_komisListaV6 flagStat.green{
background-color:#88C158;
}
.sxn_komisListaV6 flagStat.orange{
background-color:#F17421;
}
.sxn_komisListaV6 flagStat.uszkodzony{
background-color:#FF0000;
color:#FFF;
}
.sxn_komisListaV6 flagStat.uzywany{
background-color:#00ABFF;
color:#FFF;
}
.sxn_komisListaV6 flagStat.nowy{
background-color:#8ED219;
color:#FFF;
}
.sxn_komisListaV6 flagStat.paliwo{
background-color:#2F84CD;
color:#FFF;
}
.sxn_komisListaV6 flagStat.paliwo_petrol{
background-color:#00AF6A;
}
.sxn_komisListaV6 flagStat.paliwo_petrol-lpg{
background-color:#00AF6A;
}
.sxn_komisListaV6 flagStat.paliwo_diesel{
background-color:#0F161C;
}
.sxn_komisListaV6 flagStat.pojemnosc{
background-color:#FFF;
}
.sxn_komisListaV6 flagStat.moc{
background-color:#FFF;
}
.sxn_komisListaV6 flagStat.rok{
background-color:#FFF;
}
.sxn_komisListaV6 flagStat.przebieg{
background-color:#FFF;
}
.sxn_komisListaV6 about{
grid-area:about;
}
.sxn_komisListaV6 markaModel {
display:flex;
margin-bottom:0px;
font-family:'Oswald';
font-size:24px;
}
.sxn_komisListaV6 cardescription {
display:flex;
border-bottom:solid 1px silver;
margin-bottom:10px;
padding-bottom:10px;
font-size:12px;
}
.sxn_komisListaV6 attributes {
display:grid;
grid-template-columns:1fr 1fr;
grid-gap:0 25px;
}
.sxn_komisListaV6 attributes div {
display:flex;
align-items:center;
justify-content:space-between;
border-bottom:double 3px silver;
height:38px;
}
.sxn_komisListaV6 attributes div span:nth-child(2){
font-weight:bolder;
}
.sxn_komisListaV6 info {
grid-area:info;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
padding:5px;
}
.sxn_komisListaV6 marka img {
max-width:100px;
margin-bottom:10px;
}
.sxn_komisListaV6 priceCar {
font-family:'Oswald';
font-size:32px;
display:flex;
align-items:center;
justify-content:center;
gap:7px;
}
.sxn_komisListaV6 currency {
height:34px;
display:flex;
align-items:flex-end;
text-transform:uppercase;
font-size:14px;
}
.sxn_komisListaV6 gotooffer {
margin-top:10px;
background-color:#444;
color:#FFF;
display:flex;
align-items:center;
justify-content:center;
padding:10px;
width:100%;
}
.sxn_komisListaV6 markaModelMobile {
grid-area:markaModelMobile;
display:none;
align-items:center;
font-family:'Oswald';
margin-bottom:5px;
font-size:20px;
}
.sxn_komisListaV6 markaModelMobile img {
max-height:24px;
margin-right:10px;
}
@media only screen and (max-width:767px) {
.sxn_komisListaV6 {
padding:0 10px;
background-color:white;
}
.sxn_komisListaV6 .car {
grid-template-columns:1fr;
grid-template-areas:
"markaModelMobile"
"imageCar"
"AllflagStat"
"info";
grid-gap:0 10px;
}
.sxn_komisListaV6 markaModelMobile {
display:flex;
}
.sxn_komisListaV6 AllflagStat{
display:flex;
}
.sxn_komisListaV6 about{
display:none;
}
.sxn_komisListaV6 attributes {
grid-template-columns:1fr;
}
.sxn_komisListaV6 attributes div {
height:28px;
}
.sxn_komisListaV6 marka {
display:none;
}
.sxn_komisListaV6 priceCar {
font-size:20px;
}
.sxn_komisListaV6 gotooffer {
padding:3px;
margin:0;
}
.sxn_komisListaV6 imageCar img.imageCar {
width:100%;
height:100%;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.sxn_komisListaV6 .car {
grid-template-columns:200px 1fr;
grid-template-areas:
"imageCar about"
"info about";
grid-gap:0 10px;
}
.sxn_komisListaV6 marka {
display:none;
}
.sxn_komisListaV6 priceCar {
font-size:24px;
}
.sxn_komisListaV6 gotooffer {
padding:3px;
}
}
/* ############################# project / komisOpinie ############################# */
.sxn_komisOpinie {
min-height:300px;
padding-top:30px;
padding-bottom:30px;
background-color:#FFF;
}
.sxn_komisOpinie h1 {
text-align:center;
margin-bottom:30px;
}
.sxn_komisOpinie container{
height:100%;
}
.sxn_komisOpinie .swiper{
width:100%;
height:100%;
}
.sxn_komisOpinie .testimonial{
text-align:left;
padding:15px 15px 10px 0px;
display:flex;
border:solid 1px #DDD;
border-radius:7px;
background-color:#FFF;
position:relative;
}
.sxn_komisOpinie .testimonial .avatar {
width:100px;
display:flex;
flex-direction:column;
align-items:center;
}
.sxn_komisOpinie .testimonial .avatar img{
border-radius:50%;
}
.sxn_komisOpinie .testimonial .area{
padding-left:0px;
width:100%;
}
.sxn_komisOpinie .testimonial .content{
text-align:left;
font-style:italic;
font-size:13px;
}
.sxn_komisOpinie .testimonial .author{
margin-top:4px;
padding-top:3px;
border-top:solid 1px #E8E8E8;
font-size:10px;
}
.sxn_komisOpinie .testimonial .url{
margin-top:4px;
padding-top:3px;
border-top:solid 1px #E8E8E8;
font-size:10px;
text-align:center;
}
.sxn_komisOpinie .testimonial .nonavatar{
width:50px;
}
.sxn_komisOpinie .testimonial .nonavatar i{
color:#000;
}
.sxn_komisOpinie .testimonial .time_testimonial {
font-size:11px;
margin-top:7px;
color:#CCC;
}
@media only screen and (max-width:767px){
.sxn_komisOpinie {
padding-left:10px;
padding-right:10px;
}
}
/* ############################# project / komisSearchPanelV1 ############################# */
.sxn_komisSearchPanelV1 .logoHome {
background-color:#000;
display:block;
color:white;
border:solid 1px white;
font-family:'Oswald';
transform:skewX(-20deg);
}
.sxn_komisSearchPanelV1 .logoHome div {
padding:1px 10px;
transform:skewX(20deg);
font-size:20px;
white-space:nowrap;
}
.sxn_komisSearchPanelV1 .logoHome:hover {
background-color:#FFF;
color:#000;
}
.sxn_komisSearchPanelV1 dojedzDoKomisu {
text-align:center;
display:block;
color:white;
font-family:'Oswald';
font-size:22px;
padding:10px;
}
.sxn_komisSearchPanelV1 dojedzDoKomisu a {
color:white;
}
.sxn_komisSearchPanelV1 .dropbtn {
font-family:'Oswald';
background-color:transparent;
color:white;
padding:16px;
font-size:16px;
border:none;
height:100%;
width:100%;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
.sxn_komisSearchPanelV1 profileDropdown {
position:relative;
display:inline-block;
z-index:1000;
height:100%;
width:100%;
}
.sxn_komisSearchPanelV1 .dropdown-content {
display:none;
position:absolute;
background-color:#515358;
min-width:260px;
right:0;
box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
z-index:1;
}
.sxn_komisSearchPanelV1 .dropdown-content a {
color:white;
padding:12px 16px;
text-decoration:none;
display:block;
}
.sxn_komisSearchPanelV1 .dropdown-content a:hover {
background-color:rgba(255,255,255,0.2);
}
.sxn_komisSearchPanelV1 {
background-color:#000;
}
.sxn_komisSearchPanelV1 blockA {
height:60px;
justify-content:flex-start;
align-items:center;
}
.sxn_komisSearchPanelV1 blockA img{
max-height:45px;
}
.sxn_komisSearchPanelV1 blockB {
height:60px;
justify-content:flex-end;
align-items:center;
}
.sxn_komisSearchPanelV1 blockC {
background-color:rgba(255,255,255,0.05);
color:white;
height:60px;
min-width:60px;
font-family:'Oswald';
}
.sxn_komisSearchPanelV1 blockC * {
color:white;
}
.sxn_komisSearchPanelV1 blockC.logged {
height:60px;
min-width:160px;
}
.sxn_komisSearchPanelV1 * gridWraper {
grid-template-columns:1fr 2fr auto;
grid-template-areas:
"blockA blockB blockC"
;
}
.sxn_komisSearchPanelV1 .logoMobile {
display:none;
}
.sxn_komisSearchPanelV1 .logoDesktop {
display:block;
}
@media only screen and (max-width:767px) {
.sxn_komisSearchPanelV1 .logoMobile {
display:block;
}
.sxn_komisSearchPanelV1 .logoDesktop {
display:none;
}
.sxn_komisSearchPanelV1 * gridWraper {
grid-template-columns:1fr 1fr;
grid-template-areas:
"blockA blockB blockC"
;
}
.sxn_komisSearchPanelV1 blockC {
background-color:transparent;
justify-content:flex-end;
}
.sxn_komisSearchPanelV1 * container {
padding-left:10px;
padding-right:0px;
}
.sxn_komisSearchPanelV1 .dropbtn {
max-width:160px;
}
}
.sxn_komisSearchPanelV1 .menuActive .dropdown-content {
display:block ;
}
.sxn_komisSearchPanelV1 .menuActive .dropbtn {
background-color:#aaa;
}
/* ############################# project / komisSearchPanelV2 ############################# */
.sxn_komisSearchPanelV2 select {
background-color:white;
}
.sxn_komisSearchPanelV2 container {
display:flex;
flex-direction:column;
position:relative;
max-width:1000px;
}
.sxn_komisSearchPanelV2 .black {
background-color:black;
height:60px;
}
.sxn_komisSearchPanelV2 .white {
background-color:transparent;
height:70px;
}
.sxn_komisSearchPanelV2 wyszukiwarka {
width:100%;
display:block;
background-color:black;
padding:15px;
position:absolute;
top:-130px;
z-index:3;
}
.sxn_komisSearchPanelV2 loupe {
display:flex;
width:0px;
justify-content:flex-end;
font-size:30px;
display:none;
}
.sxn_komisSearchPanelV2 buttonLoupe {
width:78px;
height:78px;
float:right;
background-color:#ACACAC;
display:flex;
align-items:center;
justify-content:center;
color:white;
cursor:pointer;
}
.sxn_komisSearchPanelV2 buttonLoupe:hover {
background-color:#bCbCbC;
}
.sxn_komisSearchPanelV2 xTitleTop {
color:#ddd;
}
.sxn_komisSearchPanelV2 showSearch{
display:none;
align-items:center;
justify-content:center;
background-color:#ddd;
color:white;
border:solid 1px #ACACAC;
position:absolute;
bottom:0;
left:calc(50% - 8px);
width:35px;
height:35px;
font-size:20px;
border-radius:50%;
}
.sxn_komisSearchPanelV2.fullsearch showSearch i:before {
font-family:FontAwesome;
content:"\f062";
}
@media only screen and (max-width:767px) {
.sxn_komisSearchPanelV2 showSearch{
display:flex;
}
}
.sxn_komisSearchPanelV2 container {
padding-top:15px;
padding-bottom:15px;
}
@media screen and (max-width:767px){
.sxn_komisSearchPanelV2 {
background-color:white;
}
.sxn_komisSearchPanelV2 wyszukiwarkaWraper {
display:flex;
justify-content:center;
}
.sxn_komisSearchPanelV2 wyszukiwarka {
max-width:80%;
}
.sxn_komisSearchPanelV2 .columns .col {
display:none;
}
.sxn_komisSearchPanelV2 .columns .col:nth-child(1),
.sxn_komisSearchPanelV2 .columns .col:nth-child(5) {
display:block;
}
.sxn_komisSearchPanelV2.fullsearch .columns .col {
display:block;
}
}
/* ############################# project / komisSearchPanelV3 ############################# */
.sxn_komisSearchPanelV3 select {
background-color:white;
}
.sxn_komisSearchPanelV3 container {
display:flex;
flex-direction:column;
position:relative;
max-width:1100px;
}
.sxn_komisSearchPanelV3 blockA,
.sxn_komisSearchPanelV3 blockB,
.sxn_komisSearchPanelV3 blockC,
.sxn_komisSearchPanelV3 blockD,
.sxn_komisSearchPanelV3 blockE,
.sxn_komisSearchPanelV3 blockF,
.sxn_komisSearchPanelV3 blockG,
.sxn_komisSearchPanelV3 blockH {
flex-direction:column;
}
.sxn_komisSearchPanelV3 .black {
background-color:black;
height:60px;
}
.sxn_komisSearchPanelV3 gridWraper {
grid-template-columns:1fr 1fr 1fr 1fr;
grid-template-areas:
"blockA blockB blockC blockD"
"blockE blockF blockG blockH";
grid-gap:0px 10px !important;
}
.sxn_komisSearchPanelV3 .white {
background-color:transparent;
height:150px;
}
.sxn_komisSearchPanelV3 wyszukiwarka {
width:100%;
display:block;
background-color:black;
padding:15px;
border:solid 2px black;
position:absolute;
top:-210px;
z-index:3;
color:white;
}
.sxn_komisSearchPanelV3 loupe {
display:flex;
width:0px;
justify-content:flex-end;
font-size:30px;
display:none;
}
.sxn_komisSearchPanelV3 buttonLoupe {
width:78px;
height:78px;
float:right;
background-color:#ACACAC;
display:flex;
align-items:center;
justify-content:center;
color:white;
cursor:pointer;
}
.sxn_komisSearchPanelV3 buttonLoupe:hover {
background-color:#bCbCbC;
}
.sxn_komisSearchPanelV3 xTitleTop {
color:#ddd;
}
.sxn_komisSearchPanelV3 showSearch{
display:none;
align-items:center;
justify-content:center;
background-color:#ddd;
color:white;
border:solid 1px #ACACAC;
position:absolute;
bottom:-20px;
left:calc(50% - 8px);
width:35px;
height:35px;
font-size:20px;
border-radius:50%;
}
.sxn_komisSearchPanelV3.fullsearch showSearch i:before {
font-family:FontAwesome;
content:"\f062";
}
.sxn_komisSearchPanelV3 .html-checkbox .input-area {
xborder: solid 1px red;
padding:0px;
height: 19px;
}
@media only screen and (max-width:767px) {
.sxn_komisSearchPanelV3 showSearch{
display:flex;
}
}
.sxn_komisSearchPanelV3 container {
padding-top:15px;
padding-bottom:15px;
}
.sxn_komisSearchPanelV3 .search-full {
display:grid;
}
.sxn_komisSearchPanelV3 .search-small {
display:none;
}
@media screen and (max-width:767px){
.sxn_komisSearchPanelV3 {
background-color:white;
}
.sxn_komisSearchPanelV3 gridWraper {
grid-template-columns:minmax(100%,100%);
grid-template-areas:
"blockA"
"blockE"
;
grid-gap:3px;
}
.sxn_komisSearchPanelV3 gridWraper > * {
display:none;
}
.sxn_komisSearchPanelV3 gridWraper > blockA,
.sxn_komisSearchPanelV3 gridWraper > blockE {
display:block;
}
.sxn_komisSearchPanelV3 .search-full {
display:none;
}
.sxn_komisSearchPanelV3 .search-small {
display:block;
}
.sxn_komisSearchPanelV3.fullsearch .search-small {
display:none;
}
.sxn_komisSearchPanelV3.fullsearch .search-full {
display:block;
}
.sxn_komisSearchPanelV3.fullsearch gridWraper{
grid-template-areas:
"blockA"
"blockE"
"blockB"
"blockF"
"blockC"
"blockG"
"blockD"
"blockH"
;
}
.sxn_komisSearchPanelV3 wyszukiwarkaWraper {
display:flex;
justify-content:center;
}
.sxn_komisSearchPanelV3 wyszukiwarka {
max-width:90%;
}
}
/* ############################# project / komisSearchPanelV4 ############################# */
.sxn_komisSearchPanelV4 select {
background-color:white;
}
.sxn_komisSearchPanelV4 container {
display:flex;
flex-direction:column;
position:relative;
max-width:1000px;
}
.sxn_komisSearchPanelV4 blockA,
.sxn_komisSearchPanelV4 blockB,
.sxn_komisSearchPanelV4 blockC,
.sxn_komisSearchPanelV4 blockD,
.sxn_komisSearchPanelV4 blockE,
.sxn_komisSearchPanelV4 blockF,
.sxn_komisSearchPanelV4 blockG,
.sxn_komisSearchPanelV4 blockH {
flex-direction:row;
gap:5px;
}
.sxn_komisSearchPanelV4 blockG {
padding:20px;
align-items:center;
justify-content:center;
}
.sxn_komisSearchPanelV4 .black {
background-color:black;
height:60px;
}
.sxn_komisSearchPanelV4 .white {
background-color:transparent;
height:70px;
}
.sxn_komisSearchPanelV4 gridWraper {
grid-template-columns:1fr 1fr 1fr 1fr;
grid-template-areas:
"blockA blockC blockE blockG"
"blockB blockD blockF blockG";
grid-gap:0px 10px !important;
}
.sxn_komisSearchPanelV4 wyszukiwarka {
width:100%;
display:block;
background-color:black;
padding:15px;
position:absolute;
top:-130px;
z-index:3;
}
.sxn_komisSearchPanelV4 loupe {
display:flex;
width:0px;
justify-content:flex-end;
font-size:30px;
display:none;
}
.sxn_komisSearchPanelV4 buttonLoupe {
width:78px;
height:78px;
float:right;
background-color:#ACACAC;
display:flex;
align-items:center;
justify-content:center;
color:white;
cursor:pointer;
}
.sxn_komisSearchPanelV4 buttonLoupe:hover {
background-color:#bCbCbC;
}
.sxn_komisSearchPanelV4 xTitleTop {
color:#ddd;
}
.sxn_komisSearchPanelV4 showSearch{
display:none;
align-items:center;
justify-content:center;
background-color:#ddd;
color:white;
border:solid 1px #ACACAC;
position:absolute;
bottom:0;
left:calc(50% - 8px);
width:35px;
height:35px;
font-size:20px;
border-radius:50%;
}
.sxn_komisSearchPanelV4.fullsearch showSearch i:before {
font-family:FontAwesome;
content:"\f062";
}
@media only screen and (max-width:767px) {
.sxn_komisSearchPanelV4 showSearch{
display:flex;
}
}
.sxn_komisSearchPanelV4 container {
padding-top:15px;
padding-bottom:15px;
}
@media screen and (max-width:767px){
.sxn_komisSearchPanelV4 {
background-color:white;
}
.sxn_komisSearchPanelV4 gridWraper {
grid-template-columns:minmax(100%,100%);
grid-template-areas:
"blockA"
"blockE"
;
grid-gap:3px;
}
.sxn_komisSearchPanelV4 gridWraper > * {
display:none;
}
.sxn_komisSearchPanelV4 gridWraper > blockA,
.sxn_komisSearchPanelV4 gridWraper > blockE {
display:block;
}
.sxn_komisSearchPanelV4.fullsearch gridWraper > * {
display:block;
}
.sxn_komisSearchPanelV4.fullsearch gridWraper{
grid-template-areas:
"blockA"
"blockE"
"blockB"
"blockF"
"blockC"
"blockG"
"blockD"
"blockH"
;
}
.sxn_komisSearchPanelV4 wyszukiwarkaWraper {
display:flex;
justify-content:center;
}
.sxn_komisSearchPanelV4 wyszukiwarka {
max-width:80%;
}
}
/* ############################# project / komisSearchPanelV5 ############################# */
.sxn_komisSearchPanelV5 select {
background-color:white;
}
.sxn_komisSearchPanelV5 container {
display:flex;
flex-direction:column;
position:relative;
max-width:1000px;
}
.sxn_komisSearchPanelV5 .black {
background-color:black;
height:60px;
}
.sxn_komisSearchPanelV5 .white {
background-color:transparent;
height:70px;
}
.sxn_komisSearchPanelV5 wyszukiwarka {
width:100%;
display:block;
background-color:black;
padding:15px;
position:absolute;
top:-130px;
z-index:3;
}
.sxn_komisSearchPanelV5 loupe {
display:flex;
width:0px;
justify-content:flex-end;
font-size:30px;
display:none;
}
.sxn_komisSearchPanelV5 buttonLoupe {
width:78px;
height:78px;
float:right;
background-color:#ACACAC;
display:flex;
align-items:center;
justify-content:center;
color:white;
cursor:pointer;
}
.sxn_komisSearchPanelV5 buttonLoupe:hover {
background-color:#bCbCbC;
}
.sxn_komisSearchPanelV5 xTitleTop {
color:#ddd;
}
.sxn_komisSearchPanelV5 showSearch{
display:none;
align-items:center;
justify-content:center;
background-color:#ddd;
color:white;
border:solid 1px #ACACAC;
position:absolute;
bottom:0;
left:calc(50% - 8px);
width:35px;
height:35px;
font-size:20px;
border-radius:50%;
}
.sxn_komisSearchPanelV5.fullsearch showSearch i:before {
font-family:FontAwesome;
content:"\f062";
}
@media only screen and (max-width:767px) {
.sxn_komisSearchPanelV5 showSearch{
display:flex;
}
}
.sxn_komisSearchPanelV5 container {
padding-top:15px;
padding-bottom:15px;
}
@media screen and (max-width:767px){
.sxn_komisSearchPanelV5 {
background-color:white;
}
.sxn_komisSearchPanelV5 wyszukiwarkaWraper {
display:flex;
justify-content:center;
}
.sxn_komisSearchPanelV5 wyszukiwarka {
max-width:80%;
}
.sxn_komisSearchPanelV5 .columns .col {
display:none;
}
.sxn_komisSearchPanelV5 .columns .col:nth-child(1),
.sxn_komisSearchPanelV5 .columns .col:nth-child(5) {
display:block;
}
.sxn_komisSearchPanelV5.fullsearch .columns .col {
display:block;
}
}
/* ############################# project / megamenu ############################# */
.sxn_megamenu {
position:initial;
overflow:visible;
background-color:#22272A;
}
.sxn_megamenu .fixed {
top:0;
z-index:5;
}
.sxn_megamenu inner {
position:initial;
overflow:visible;
min-height:28px;
background-color:#22272a;
}
.sxn_megamenu container {
position:initial;
overflow:visible;
}
.sxn_megamenu .menu {
position:absolute;
position:relative;
}
.sxn_megamenu .menu > ul > li {
background-color:transparent;
}
.sxn_megamenu .menu > ul > li > a {
padding:7px 9px;
}
.sxn_megamenu .menu ul {
background-color:#00ABFF;
background-color:transparent;
color:white;
}
.sxn_megamenu .menu ul li a{
background-color:transparent;
color:white;
}
.sxn_megamenu .menu > ul > li > ul {
border-top:solid 5px transparent !important;
background-clip:padding-box;
}
.sxn_megamenu .menu-mobile:hover {
color:#eee;
}
.sxn_megamenu container>div>ul>li>a {
font-family:'Oswald';
font-size:16px;
}
.sxn_megamenu .megaMenuOpen {
background-color:#ffffff;
color:#000000;
}
@media only screen and (max-width:767px) {
.sxn_megamenu .menu {
padding:8px;
}
}
.sxn_megamenu .menu > ul > li:hover {
background-color:rgba(128,128,128,0.4);
}
/* ############################# project / mobileSlider ############################# */
.sxn_mobileSlider moduleBAR {
background-color:#00abff !important;
}
.sxn_mobileSlider_slider {
max-height:52vw;
overflow:hidden;
}
@media only screen and (min-width:768px) {
.sxn_mobileSlider_slider {
display:none;
}
}
/* ############################# project / ofirmie ############################# */
.sxn_ofirmie container {
padding-top:50px;
padding-bottom:50px;
}
.sxn_ofirmie h2 {
text-align:center;
width:100%;
}
.sxn_ofirmie gridWraper {
grid-gap:30px;
grid-template-columns:1fr 1fr;
grid-template-areas:
"blockA blockA"
"blockB blockC"
;
}
.sxn_ofirmie blockB,
.sxn_ofirmie blockC {
text-align:left;
display:block;
}
@media only screen and (min-width:992px) and (max-width:1199px){
.sxn_ofirmie gridwraper {
grid-gap:30px;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.sxn_ofirmie gridwraper {
grid-gap:20px;
grid-template-columns:1fr;
grid-template-areas:
"blockA"
"blockB"
"blockC"
;
}
}
@media only screen and (max-width:767px) {
.sxn_ofirmie {
display:none;
}
}
/* ############################# project / produktylista ############################# */
.sxn_produktylista {
xxbackground-color:white;
min-height:800px;
padding-top:30px;
padding-bottom:30px;
}
.sxn_produktylista h1 {
padding-bottom:15px;
}
.sxn_produktylista gridWraper{
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
grid-gap:15px;
}
.sxn_produktylista .produkty-row {
position:relative;
background-color:white;
border:solid 1px silver;
overflow:hidden;
text-overflow:ellipsis;
}
.sxn_produktylista .produkty-row .mainimage {
border-bottom:solid 1px silver;
width:100%;
}
.sxn_produktylista .produkty-row .price {
background-color:white;
position:absolute;
bottom:30px;
right:0px;
padding:2px 10px 2px 10px;
font-size:20px;
border-top:solid 1px silver;
border-left:solid 1px silver;
}
.sxn_produktylista .produkty-row .currency {
font-size:11px;
margin-left:3px;
text-transform:uppercase;
}
.sxn_produktylista .produkty-row .title {
font-size:13px;
height:30px;
display:flex;
align-items:center;
padding:10px;
max-width:97%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.sxn_produktylista gridWraper{
grid-template-columns:1fr 1fr 1fr 1fr;
grid-gap:10px;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.sxn_produktylista gridWraper{
grid-template-columns:1fr 1fr 1fr;
grid-gap:5px;
}
}
@media only screen and (max-width:767px) {
.sxn_produktylista {
background-color:white;
}
.sxn_produktylista container {
padding-left:10px;
padding-right:10px;
}
.sxn_produktylista gridWraper{
grid-template-columns:1fr 1fr;
grid-gap:5px;
}
}
/* ############################# project / produktyone ############################# */
.sxn_produktyone {
background-color:white;
min-height:800px;
padding-top:30px;
padding-bottom:30px;
}
.sxn_produktyone .nav {
display:flex;
font-family:'Oswald';
font-size:26px;
font-weight:bold;
margin-bottom:30px;
}
.sxn_produktyone .division {
padding-left:5px;
padding-right:5px;
}
.sxn_produktyone .b02x {
max-width:20vw;
grid-template-columns:250px 1fr;
gap:30px;
}
.sxn_produktyone .mainimage {
width:100vw;
}
.sxn_produktyone hr {
margin:25px 0;
}
.sxn_produktyone .mainimage img {
width:100%;
border-radius:8px;
}
.sxn_produktyone .price {
font-family:'Oswald';
font-size:30px;
margin-bottom:20px;
line-height:30px;
}
.sxn_produktyone .currency {
font-size:16px;
margin-left:5px;
text-transform:uppercase;
}
.sxn_produktyone .swiper-container {
display:block;
}
.sxn_produktyone .swiper-slide {
text-align:center;
font-size:18px;
background:#eee;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
overflow:hidden;
padding:0;
margin:0;
height:auto;
}
.sxn_produktyone element {
display:block;
min-height:50px;
}
.sxn_produktyone .content {
width:800px;
max-width:800px;
}
@media only screen and (max-width:767px) {
.sxn_produktyone {
padding-left:10px;
padding-right:10px;
}
.sxn_produktyone .b02x {
grid-template-columns:calc(100vw - 20px);
grid-template-areas:
"blockA"
"blockB"
;
}
.sxn_produktyone .content{
max-width:100%;
}
}
@media only screen and (min-width:768px) and (max-width:1200px) {
.sxn_produktyone .b02x {
grid-template-columns:1fr;
}
.sxn_produktyone .mainimage img {
width:200px;
}
}
/* ############################# project / randomCars ############################# */
.sxn_randomCars{
background-color:white;
}
.sxn_randomCars h2{
margin-bottom:10px;
}
.sxn_randomCars container {
padding-top:15px;
padding-bottom:15px;
}
.sxn_randomCars .k0 { grid-area:k0;}
.sxn_randomCars .k1 { grid-area:k1;}
.sxn_randomCars .k2 { grid-area:k2;}
.sxn_randomCars .k3 { grid-area:k3;}
.sxn_randomCars gridWraper {
grid-gap:10px;
grid-template-columns:1fr 1fr 1fr 1fr;
grid-template-areas:
"k0 k1 k2 k3";
}
@media only screen and (max-width:991px) {
.sxn_randomCars .k3 {
display:none;
}
.sxn_randomCars gridWraper {
grid-template-columns:1fr 1fr 1fr;
grid-template-areas:
"k0 k1 k2";
}
}
@media only screen and (max-width:767px) {
.sxn_randomCars {
padding:0 10px;
}
.sxn_randomCars .k2 {
display:none;
}
.sxn_randomCars gridWraper {
grid-template-columns:1fr 1fr;
grid-template-areas:
"k0 k1";
}
}
.sxn_randomCars .car {
border:solid 1px silver;
padding-bottom:7px;
}
.sxn_randomCars .car img {
width:100%;
}
.sxn_randomCars priceCar{
padding:0 5px;
text-transform:uppercase;
display:block;
}
.sxn_randomCars priceCar price{
font-family:'Oswald';
font-size:20px;
}
.sxn_randomCars currency{
font-size:11px;
margin-left:4px;
}
.sxn_randomCars cartitle {
display:block;
padding:0 5px;
margin-top:10px;
font-size:12px;
line-height:11px;
color:#888;
}
.sxn_randomCars makemodel {
display:block;
line-height:11px;
padding:0 5px;
font-size:12px;
}
/* ############################# project / skupNewsletter ############################# */
.sxn_skupNewsletter {
background-color:white;
}
.sxn_skupNewsletter gridWraper {
grid-template-columns:50% 50%;
grid-template-areas:
"blockA blockB"
;
}
.sxn_skupNewsletter .goto {
background-color:rgba(255,255,255,0.5);
color:white;
border:solid 1px white;
font-size:14px;
padding:7px 15px;
display:inline-block;
margin-top:15px;
}
.sxn_skupNewsletter blocka,
.sxn_skupNewsletter blockb {
color:white;
position:relative;
min-height:260px;
}
.sxn_skupNewsletter blockb {
justify-content:flex-start;
}
.sxn_skupNewsletter blockawr,
.sxn_skupNewsletter blockbwr {
color:white;
min-height:200px;
display:flex;
align-items:center;
width:100%;
position:absolute;
transition:all 1s;
}
.sxn_skupNewsletter blockawr {
margin:20px 0;
justify-content:center;
background-color:#22272a;
background-size:cover;
background-repeat:no-repeat;
background-position:left;
}
.sxn_skupNewsletter blockbwr {
min-height:240px;
clip-path:polygon(30px 0, 100% 0%, 100% 100%, 30px 100%, 0 52% );
background-color:#2490c6;
background-size:cover;
background-repeat:no-repeat;
background-position:left;
left:-45px;
width:110%;
}
.sxn_skupNewsletter .blockACenter,
.sxn_skupNewsletter .blockBCenter {
padding:0 5%;
}
.sxn_skupNewsletter blocka:hover + blockb blockbwr {
left:-30px;
}
.sxn_skupNewsletter blocka:hover blockawr {
filter:brightness(1.3);
}
.sxn_skupNewsletter blockb:hover blockbwr {
filter:brightness(1.3);
left:-60px;
}
@media only screen and (max-width:767px) {
.sxn_skupNewsletter gridWraper {
grid-template-columns:100%;
grid-template-areas:
"blockA"
"blockB"
;
}
.sxn_skupNewsletter blocka,
.sxn_skupNewsletter blockb {
min-height:0px;
}
.sxn_skupNewsletter blockawr,
.sxn_skupNewsletter blockbwr {
min-height:0px;
justify-content:flex-start;
position:initial;
margin:0;
clip-path:polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}
.sxn_skupNewsletter .blockACenter,
.sxn_skupNewsletter .blockBCenter {
padding:15px 10px;
}
}
/* ############################# project / socialContact ############################# */
.sxn_socialContact {
background-color:#A0A0A0;
}
.sxn_socialContact container {
padding:20px 0;
}
.sxn_socialContact blockA{
justify-content:flex-start;
color:white;
}
.sxn_socialContact blockA div{
text-align:left;
margin-left:15px;
}
.sxn_socialContact blockB{
justify-content:flex-end;
}
.sxn_socialContact gridWraper {
grid-gap:30px;
grid-template-columns:1fr 1fr;
grid-template-areas:
"blockA blockB"
;
}
.sxn_socialContact ul{
display:flex;
justify-content:center;
align-items:center;
list-style-type:none;
}
@media only screen and (max-width:1200px) {
.sxn_socialContact gridwraper{
grid-gap:0px;
grid-template-columns:1fr;
grid-template-areas:
"blockA"
"blockB"
;
}
.sxn_socialContact blockA{
justify-content:center;
}
.sxn_socialContact blockB{
justify-content:center;
}
}
.sxn_socialContact .element {
display:block;
margin-left:10px;
font-size:26px;
width:32px;
height:32px;
color:white;
opacity:0.8;
}
.sxn_socialContact .element img {
width:32px;
height:32px;
filter:grayscale(1);
opacity:0.6;
}
/* ############################# project / startpage01 ############################# */
.sxn_startpage01 {
height:100vh;
position:relative;
}
.sxn_startpage01 .bg1,
.sxn_startpage01 .bg2 {
transition:all 0.5s;
font-size:40px;
}
.sxn_startpage01 .bg1 div,
.sxn_startpage01 .bg2 div{
padding-top:40vh;
display:flex;
align-items:center;
justify-content:center;
width:50vw;
font-family:'Oswald';
color:white;
}
.sxn_startpage01 text {
position:absolute;
margin-top:50px;
display:block;
width:50vw;
text-align:center;
}
.sxn_startpage01 .bg2 div{
float:right;
}
.sxn_startpage01 .bg1:hover,
.sxn_startpage01 .bg2:hover{
font-size:50px;
filter:brightness(1);
}
.sxn_startpage01 .bg1{
filter:brightness(0.8);
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
clip-path:polygon(0% 0%,60% 0%,40% 100%,0% 100%);
background-size:cover;
background-repeat:no-repeat;
background-position:left;
}
.sxn_startpage01 .bg2{
filter:brightness(0.8);
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
clip-path:polygon(60% 0%, 100% 0%, 100% 100%, 40% 100%);
background-size:cover;
background-repeat:no-repeat;
background-position:right;
}
@media only screen and (max-width:767px) {
.sxn_startpage01 .bg1{
clip-path:polygon(0% 0%,90% 0%,10% 100%,0% 100%);
}
.sxn_startpage01 .bg2{
clip-path:polygon(90% 0%, 100% 0%, 100% 100%, 10% 100%);
}
.sxn_startpage01 .bg1 div text{
transform:rotate(-65deg);
font-size:32px;
line-height:35px;
}
.sxn_startpage01 .bg2 div text{
transform:rotate(-65deg);
font-size:32px;
line-height:35px;
}
}
/* ############################# project / startpage02 ############################# */
.sxn_startpage02 {
height:100vh;
position:relative;
}
.sxn_startpage02 gridWraper {
height:100%;
grid-template-columns:50% 50%;
grid-template-rows:50% 50%;
grid-template-areas:
"blockA blockB"
"blockC blockD"
;
grid-gap:3px;
}
.sxn_startpage02 .bg1 {
grid-area:blockA;
}
.sxn_startpage02 .bg2 {
grid-area:blockB;
}
.sxn_startpage02 .bg3 {
grid-area:blockC;
}
.sxn_startpage02 .bg4 {
grid-area:blockD;
}
.sxn_startpage02 .bglink div{
transition:all 0.5s;
filter:brightness(0.8);
height:100%;
display:flex;
align-items:center;
justify-content:center;
width:100%;
font-family:'Oswald';
color:white;
font-size:36px;
background-size:cover;
background-repeat:no-repeat;
background-position:left;
}
.sxn_startpage02 .bglink:hover div {
font-size:50px;
filter:brightness(1);
}
@media only screen and (max-width:767px) {
.sxn_startpage02 gridwraper {
grid-template-columns:1fr;
grid-template-rows:1fr 1fr 1fr 1fr;
grid-template-areas:
"blockA"
"blockB"
"blockC"
"blockD"
;
}
}
/* ############################# project / startpagelist ############################# */
.sxn_startpagelist {
height:100vh;
position:relative;
}
.sxn_startpagelist startpagelist {
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
height:100%;
}
.sxn_startpagelist startpagelist a{
transition:all 0.5s;
display:block;
color:white;
line-height:55px;
font-size:40px;
font-weight:bolder;
text-shadow:3px 3px 3px #000;
text-align:center;
}
.sxn_startpagelist startpagelist a:hover{
font-size:60px;
filter:brightness(1);
}
@media only screen and (max-width:767px) {
.sxn_startpagelist startpagelist a{
line-height:35px;
font-size:24px;
text-shadow:2px 2px 2px #000;
}
.sxn_startpagelist startpagelist a:hover{
font-size:32px;
}
}
/* ############################# project / strona404 ############################# */
/* ############################# project / stronabeta ############################# */
/* ############################# project / stronawbudowie ############################# */
/* ############################# project / widgetSocial ############################# */
.sxn_widgetSocial socialWrapper {
position:fixed;
right:-210px;
top:25vh;
z-index:310;
}
.sxn_widgetSocial socialMedia {
background-color:white;
width:250px;
min-height:0px;
display:flex;
align-items:center;
flex-direction:column;
position:relative;
}
.sxn_widgetSocial .element {
border:solid 1px #444;
border-right:solid 0px black;
width:100%;
}
.sxn_widgetSocial .element el-icon {
display:inline-flex;
align-items:center;
justify-content:center;
background-color:#FFF;
color:white;
border:solid 3px white;
height:40px;
width:40px;
font-size:22px;
float:left;
}
.sxn_widgetSocial .element.youtube el-icon {
background-color:#F00;
}
.sxn_widgetSocial .element.google el-icon {
background-color:#F00;
}
.sxn_widgetSocial .element.facebook el-icon {
background-color:#4064AC;
}
.sxn_widgetSocial .element.twitter el-icon {
background-color:#1DA1F2;
}
.sxn_widgetSocial .element.instagram el-icon {
background:linear-gradient(to top right,#FDD37F 0%,#A733B0 100%);
}
.sxn_widgetSocial .element.email el-icon {
background-color:#444;
}
.sxn_widgetSocial .element.linkedin el-icon {
background-color:#0077B5;
}
.sxn_widgetSocial .element.phone el-icon {
background-color:#00AF6A;
}
.sxn_widgetSocial .element el-text {
display:inline-flex;
align-items:center;
justify-content:flex-start;
font-family:'Oswald';
padding-left:10px;
height:40px;
width:calc(100% - 50px);
float:left;
}
.sxn_widgetSocial .element {
background-color:white;
display:block;
overflow:auto;
position:relative;
left:-1px;
transition:left 0.6s;
}
.sxn_widgetSocial .element:hover {
left:-200px;
}