html,
body {
font-size: 14px;
line-height: 18px;
height: 100%;
color: #000;
font-family: "SupplySans", sans-serif;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
p,
blockquote,
pre,
a,
big,
em,
img,
q,
small,
strong,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
border: 0;
margin: 0;
outline: 0;
padding: 0;
}
button,
input,
select,
textarea {
font-family: "SupplySans", sans-serif;
}
/* Add font */
/* Add: fonts/dir_name/font_name_font.css - more fonts */
/* Add example in index.php: */
/* Edit styles: partners, search, cookies, mobile contact, facebook - dir: /css/functions.css */
submit {
border-radius: 0;
-webkit-appearance: none;
}
.bi {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.animate {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.animate-fast {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.animate-slow {
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.noAnimate {
-webkit-transition: all 0s ease-in-out !important;
-moz-transition: all 0s ease-in-out !important;
-o-transition: all 0s ease-in-out !important;
transition: all 0s ease-in-out !important;
}
.pointer {
cursor: pointer;
}
.allWidth {
width: 100% !important;
padding: 0 !important;
text-align: center;
}
.clear {
float: left;
width: 100%;
position: relative;
margin: 0vw 0px 2vw 0px;
}
@media screen and (min-width: 1001px) and (max-width: 10000px) {
.no-comp {
display: none !important;
visibility: hidden !important;
}
.showImportant {
display: block !important;
}
.product .text table {
width: 100% !important;
}
.product .text table tr {
width: auto !important;
height: auto !important;
}
.product .text table tr td {
width: auto !important;
height: auto !important;
line-height: 1.6vw !important;
border: 1px solid#eeeeee !important;
padding: 0.5vw !important;
}
.authorFoto {
float: right;
position: absolute;
right: 2vw;
bottom: 2vw;
z-index: 10;
color: #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 14px;
letter-spacing: 0.21px;
}
.wrapper {
float: left;
width: 100%;
height: 6vw;
position: fixed;
top: 0;
left: 0;
z-index: 20;
background: #fff;
border-bottom: 1px solid #f5f5f5;
overflow: hidden;
}
.wrapper .wrap {
width: 94%;
height: 100%;
position: relative;
margin: 0 auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.wrapper .wrap .logo {
float: left;
height: 100%;
position: absolute;
left: 0;
top: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.wrapper .wrap .logo img {
float: left;
width: 15vw;
position: relative;
}
.wrapper nav {
float: right;
width: auto;
position: relative;
font-size: 0.9vw;
font-weight: 500;
line-height: calc(6vw - 8px);
letter-spacing: 0.3px;
}
.wrapper nav ul {
float: left;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.wrapper nav ul li {
float: left;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
}
.wrapper nav ul li a {
color: #23365a;
border-top: 4px solid rgba(255, 255, 255, 0);
border-bottom: 4px solid rgba(255, 255, 255, 0);
text-transform: uppercase;
text-decoration: none;
padding: 0px 0.4vw 0px 0.4vw;
display: inline-block;
}
.wrapper nav ul li a:hover {
color: #23365a;
border-bottom: 4px solid #1a4782;
}
.wrapper nav ul li a.active {
color: #23365a;
border-bottom: 4px solid #1a4782;
}
.wrapper nav ul li .menu-hr {
float: right;
width: 0;
height: 0;
margin: 0px 0.6vw 0px 0.6vw;
}
.wrapper nav ul li:last-child .menu-hr {
display: none;
}
.wrapper .menu-tel {
display: none !important;
}
.whiteWrapper {
background: none;
}
.whiteWrapper .wrap .logo img {
filter: brightness(0) invert(1);
}
.whiteWrapper nav {
line-height: 3vw;
}
.whiteWrapper nav ul li a {
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0);
text-transform: uppercase;
text-decoration: none;
padding: 0px 0.5vw 0px 0.5vw;
display: inline-block;
}
.whiteWrapper nav ul li a:hover {
color: #fff;
border-bottom: 1px solid #8eb2c2;
}
.searchIcon {
float: right;
width: 3.85vw;
height: 3.85vw;
position: absolute;
top: 50%;
right: 0;
margin: -1.925vw 0px 0px 0px;
background-color: #1a4782;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
cursor: pointer;
}
.searchIcon .img {
float: left;
position: relative;
}
.searchBox {
float: left;
width: 0%;
padding: 1.5vw 0px 1.5vw 0px;
position: fixed;
top: 6vw;
right: 0;
background: #000;
z-index: 15;
background-color: #1a4782;
overflow: hidden;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.searchBox.addWidth {
width: 100%;
}
.searchBoxForm {
float: left;
width: 96vw;
margin: 0px 0px 0px 0px;
height: 3vw;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.searchBoxForm .searchBox-input {
float: left;
width: 100%;
height: 3vw;
padding: 0px 0px 0px 2vw;
font-family: SupplySans;
font-size: 15px;
font-weight: 700;
line-height: 15px;
text-transform: uppercase;
letter-spacing: 0.75px;
}
.searchBoxForm .searchBox-input:focus {
outline: none;
}
.smallWrapper {
height: 4vw;
}
.smallWrapperTop {
top: 4vw !important;
padding: 0.5vw 0px 0.5vw 0px;
}
.smallWrapperTop .searchBox-input {
height: 80%;
}
.smallWrapper .wrap .logo img {
width: 10vw;
}
.smallWrapper nav {
line-height: calc(4vw - 8px);
}
.fastMenu {
float: left;
width: 100%;
height: 0;
position: fixed;
top: 6vw;
left: 0;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #f5f5f5;
z-index: 20;
overflow: hidden;
border-bottom: 1px solid #dcdcdc;
}
.fastMenu .box {
float: left;
width: 16.5%;
height: 12.5vw;
position: relative;
text-decoration: none;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
overflow: hidden;
border-right: 1px solid #dcdcdc;
}
.fastMenu .box:nth-child(3) {
width: 17%;
}
.fastMenu .box:nth-child(4) {
width: 17%;
}
.fastMenu .box:nth-child(6) {
border: 0;
}
.fastMenu .box .zdjecie-glowne {
float: left;
width: 100%;
height: 5vw;
position: relative;
z-index: 5;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.fastMenu .box .zdjecie-glowne .img {
float: left;
position: relative;
}
.fastMenu .box:nth-child(1) .zdjecie-glowne .img {
width: 3.1vw;
}
.fastMenu .box:nth-child(2) .zdjecie-glowne .img {
width: 3.94vw;
}
.fastMenu .box:nth-child(3) .zdjecie-glowne .img {
width: 5vw;
}
.fastMenu .box:nth-child(4) .zdjecie-glowne .img {
width: 4.57vw;
}
.fastMenu .box:nth-child(5) .zdjecie-glowne .img {
width: 3.47vw;
}
.fastMenu .box:nth-child(6) .zdjecie-glowne .img {
width: 3.31vw;
}
.fastMenu .box .header {
float: left;
width: 100%;
color: #23365a;
position: relative;
margin: 0.5vw 0px 0px 0px;
font-size: 0.85vw;
font-weight: 800;
line-height: 0.85vw;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
.fastMenu .box .show {
float: left;
width: 100%;
position: absolute;
left: 0;
bottom: -1.7vw;
color: #ffffff;
font-size: 0.75vw;
font-weight: 700;
line-height: 1.7vw;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.25px;
}
.fastMenu .box:hover,
.fastMenu .activeBox {
background-color: #1a4782;
}
.fastMenu .box:hover .header,
.fastMenu .activeBox .header {
color: #fff;
}
.fastMenu .box:hover .show {
bottom: 0;
}
.fastMenuActive {
height: 12.5vw;
}
.container {
float: left;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.container .slide-1 {
float: left;
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
.container .slides {
float: left;
width: 100%;
height: 100%;
position: relative;
background-size: cover !important;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.container .slides .box {
float: left;
width: 100%;
position: relative;
margin: 22vw 0px 0px 0px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.container .slides .box .nag {
float: left;
width: 100%;
position: relative;
margin: 2vw 0px 0px 0px;
color: #fff;
font-size: 3vw;
line-height: 3vw;
font-weight: 700;
text-align: center;
}
.container .slides .box .text {
float: left;
width: 100%;
position: relative;
margin: 1vw 0px 2vw 0px;
color: #ffffff;
font-size: 1.75vw;
font-weight: 300;
line-height: 1.75vw;
text-align: center;
}
.container .slides .box .more {
float: left;
position: relative;
padding: 0px 1.2vw 0px 1.2vw;
color: #ffffff;
font-size: 0.8vw;
font-weight: 700;
line-height: 2.6vw;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.3px;
border: 1px solid #eeeeee;
}
.container .slides .box .more:hover {
padding: 0px 2vw 0px 2vw;
border: 1px solid #1a4782;
}
.arrowDown {
float: left;
width: 100%;
position: absolute;
left: 0;
bottom: 1vw;
padding: 1vw 0px 2vw 0px;
z-index: 5;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
cursor: pointer;
}
.arrowDown img {
float: left;
position: relative;
}
.arrowDown:hover {
padding: 2vw 0px 1vw 0px;
}
.homeOne {
float: left;
width: 100%;
position: relative;
}
.homeOne .box {
float: left;
width: 33%;
height: 23.5vw;
position: relative;
text-decoration: none;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
overflow: hidden;
}
.homeOne .box:nth-child(2),
.homeOne .box:nth-child(5),
.homeOne .box:nth-child(8) {
width: 34%;
}
.homeOne .box:nth-child(odd) {
background: #f5f5f5;
}
.homeOne .box .zdjecie-glowne {
float: left;
width: 100%;
height: 13vw;
position: relative;
z-index: 5;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.homeOne .box .zdjecie-glowne .img {
float: left;
max-width: 70%;
max-height: 100%;
position: relative;
}
.homeOne .box .header {
float: left;
width: 100%;
color: #23365a;
position: relative;
margin: 0.5vw 0px 0px 0px;
font-size: 1.4vw;
font-weight: 800;
line-height: 1.4vw;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
.homeOne .box .show {
float: left;
width: 100%;
position: absolute;
left: 0;
bottom: -2vw;
color: #ffffff;
font-size: 0.85vw;
font-weight: 700;
line-height: 2vw;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.25px;
}
.homeOne .box:hover {
background-color: #1a4782;
}
.homeOne .box:hover .header {
color: #fff;
}
.homeOne .box:hover .show {
bottom: 0;
}
.homeTwo {
float: left;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.homeTwo .text {
float: left;
width: 90%;
position: relative;
z-index: 6;
color: #ffffff;
font-size: 1.85vw;
font-weight: 300;
letter-spacing: 0.54px;
line-height: 3vw;
text-align: center;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.homeTwo .text h3 {
float: left;
width: 100%;
position: relative;
font-size: 3.15vw;
line-height: 3.2vw;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
}
.homeTwo .text a {
float: left;
position: relative;
margin: 2vw 0px 0px 0px;
padding: 0px 2vw 0px 2vw;
color: #ffffff;
font-size: 0.8vw;
font-weight: 700;
line-height: 2.6vw;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.3px;
border: 1px solid #eeeeee;
}
.homeTwo .text a:hover {
padding: 0px 3vw 0px 3vw;
border: 1px solid #23365a;
}
.homeTwo .zdjecie-glowne {
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
.homeTwo .zdjecie-glowne .img {
float: left;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 100s;
}
.homeTwo:hover .zdjecie-glowne .img {
transform: scale(1.5);
}
.homeThree {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 6vw 3vw 6vw 3vw;
}
.homeThree .header {
float: left;
width: 85%;
position: relative;
color: #23365a;
font-size: 2.35vw;
font-weight: 800;
line-height: 2.35vw;
text-transform: uppercase;
letter-spacing: 0.69px;
}
.homeThree .archive {
float: right;
position: relative;
margin: -0.25vw 0px 0px 0px;
padding: 0px 2vw 0px 2vw;
color: #23365a;
font-size: 0.8vw;
font-weight: 700;
line-height: 2.6vw;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.3px;
border: 1px solid #1a4782;
}
.homeThree .archive:hover {
padding: 0px 3vw 0px 3vw;
border: 1px solid #23365a;
}
.listNews {
float: left;
width: 100%;
height: 26vw;
position: relative;
margin: 3vw 0px 0px 0px;
}
.listNews .box {
float: left;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.listNews .box .zdjecie-glowne {
float: left;
width: 100%;
height: 15vw;
position: relative;
z-index: 5;
overflow: hidden;
}
.listNews .box .zdjecie-glowne .img {
float: left;
width: 100%;
height: 100%;
object-fit: cover;
}
.listNews .box .zdjecie-glowne .fade {
float: left;
width: 0%;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
left: 0;
top: 0;
color: #fff;
font-size: 16px;
line-height: 16px;
background-color: rgba(0, 43, 89, 0.5);
background: rgba(0, 43, 89, 0.5);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
opacity: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
align-content: center;
}
.listNews .box .zdjecie-glowne:hover .fade {
opacity: 1;
width: 100%;
height: 100%;
}
.listNews .box .headerNews {
float: left;
width: 100%;
height: 3.15vw;
position: relative;
margin: 2.1vw 0px 0px 0px;
color: #23365a;
font-size: 1.3vw;
font-weight: 800;
line-height: 1.57vw;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.listNews .box .more {
float: left;
position: relative;
margin: 2vw 0px 0px 0px;
padding: 0px 2vw 0px 2vw;
color: #23365a;
font-size: 0.8vw;
font-weight: 700;
line-height: 2.6vw;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.3px;
border: 1px solid #1371d3;
}
.listNews .box:hover .more {
padding: 0px 3vw 0px 3vw;
border: 1px solid #23365a;
}
.listNews .owl-nav {
float: left;
width: 100%;
height: 0;
position: absolute;
margin: 0.5vw 0px 0px 0px;
top: 50%;
left: 0vw;
font-size: 0;
}
.listNews .owl-nav .owl-prev {
float: left;
width: 2.73vw;
height: 2.73vw;
position: relative;
margin: 0px 0px 0px -1px;
background: #eeeeee url(images/arrowBlack.svg) center no-repeat;
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.listNews .owl-nav .owl-next {
float: right;
width: 2.73vw;
height: 2.73vw;
position: relative;
background: #eeeeee url(images/arrowBlack.svg) center no-repeat;
}
.listNews .owl-nav .owl-prev:hover {
background: #1a4782 url(images/arrowWhite.svg) center no-repeat;
-moz-transform: rotate(180deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.listNews .owl-nav .owl-next:hover {
background: #1a4782 url(images/arrowWhite.svg) center no-repeat;
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.marginStart {
float: left;
width: 100%;
position: relative;
margin: 6vw 0px 0px 0px;
}
.marginStartProducts {
float: left;
width: 100%;
position: relative;
margin: 12.15vw 0px 0px 0px;
}
.dir {
float: left;
width: 100%;
height: 6.15vw;
position: fixed;
top: 6vw;
left: 0;
margin: 0px 0px 0px 0px;
padding: 0px 3% 0px 3%;
background-color: #1a4782;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
z-index: 10;
}
.smallDir {
top: 4vw;
height: 3vw;
}
.dir a {
float: left;
height: 6.15vw;
margin: 0vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #fff;
font-size: 12px;
font-weight: 600;
line-height: 12px;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.28px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.dir a .arrow {
float: left;
margin: 0px 1.05vw 0px 1.05vw;
position: relative;
}
.dir a:hover {
text-decoration: underline;
}
.products {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.products .left {
float: left;
width: 385px;
position: relative;
padding: 4vw 0px 4vw 0px;
background: url(images/productsLeftBg.jpg) top no-repeat;
background-size: 100%;
}
.productsMenu {
float: right;
width: 80%;
position: relative;
margin: 0px 10% 0px 0px;
padding: 0px 0px 0px 0px;
}
.productsMenu .header {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 2vw 0px;
padding: 0px 0px 0px 0px;
color: #23365a;
font-size: 25px;
font-weight: 700;
line-height: 25px;
text-transform: uppercase;
letter-spacing: 1.25px;
}
.productsMenu .firstSection {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.productsMenu .firstSectionBox {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
}
.productsMenu .firstSectionName {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
color: #23365a;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.8px;
line-height: 16px;
text-transform: uppercase;
text-decoration: none;
}
.productsMenu .firstSectionName:hover,
.productsMenu .firstSectionName.activeColor {
color: #1a4782;
}
.productsMenu .firstSectionArrow {
float: right;
position: relative;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.productsMenu .firstSectionName.activeColor .firstSectionArrow {
margin: 4px 0px 0px 0px;
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.productsMenu .twoSectionBox {
float: left;
width: 100%;
position: relative;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
}
.productsMenu .twoSectionName {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0.8vw 0px;
padding: 0px 0px 0px 0px;
list-style: none;
color: #1a4782;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.8px;
line-height: 16px;
text-decoration: none;
}
.productsMenu .twoSectionName:hover {
color: #1a4782;
}
.productsMenu .twoSectionName.activeColor {
color: #1a4782;
font-weight: 600;
}
.products .right {
float: left;
width: calc(100% - 385px);
margin: 0px 0px 4vw 0px;
position: relative;
border-left: 1px solid #eeeeee;
}
.products .right .box {
float: left;
width: 33.3%;
height: 23.5vw;
position: relative;
border-bottom: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
text-decoration: none;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
overflow: hidden;
}
.products .right .box:nth-child(3n) {
width: 33.4%;
border-right: 0px solid #eeeeee;
}
.products .right .boxHref {
float: left;
width: 100%;
height: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
overflow: hidden;
text-decoration: none;
}
.products .right .box .zdjecie-glowne {
float: left;
width: 100%;
height: 14vw;
position: relative;
z-index: 5;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.products .right .box .zdjecie-glowne .img {
float: left;
max-width: 50%;
max-height: 105%;
position: relative;
}
.products .right .box .header {
float: left;
width: 90%;
height: 2.2vw;
color: #23365a;
position: relative;
margin: 2vw 5% 0px 5%;
font-size: 0.95vw;
font-weight: 700;
line-height: 1.1vw;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
.products .right .box .show {
float: left;
width: 100%;
position: absolute;
left: 0;
bottom: -2vw;
color: #ffffff;
font-size: 0.85vw;
font-weight: 700;
line-height: 2vw;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.25px;
}
.products .right .box:hover .show {
color: #1a4782;
border-bottom: 4px solid #1a4782;
bottom: 0;
}
.product {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.product .header,
.product .text h3 {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #23365a;
font-size: 2.1vw;
font-weight: 700;
line-height: 2.35vw;
text-transform: uppercase;
letter-spacing: 2px;
}
.product .text {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #23365a;
font-size: 0.85vw;
font-weight: 400;
line-height: 1.15vw;
letter-spacing: 0.32px;
}
.product .sectionOne {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 4vw 8vw 4vw 8vw;
}
.product .sectionOne .left {
float: left;
width: 19vw;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.product .sectionOne .left .back {
float: left;
margin: 0px 0px 0px -1vw;
padding: 0px 0px 0px 0px;
color: #23365a;
font-size: 12px;
font-weight: 700;
line-height: 12px;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.6px;
}
.product .sectionOne .left .back .backArrow {
float: left;
margin: 3px 1vw 0px 0px;
padding: 0px 0px 0px 0px;
}
.product .sectionOne .left .back:hover {
text-decoration: underline;
}
.product .sectionOne .left .header {
margin: 5vw 0px 3vw 0px;
}
.product .sectionOne .left .text {
margin: 0px 0px 2vw 0px;
}
.showVideo {
float: left;
position: relative;
margin: 0vw 0px 0px 0px;
padding: 0px 2vw 0px 2vw;
color: #fff;
font-size: 0.8vw;
font-weight: 700;
line-height: 2.6vw;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.3px;
border: 1px solid #1371d3;
background-color: #1a4782;
}
.product .sectionOne .middle {
float: left;
width: 40vw;
height: 28vw;
position: relative;
margin: 0px 0px 0px 3vw;
padding: 0px 0px 0px 0px;
}
.product .sectionOne .middle .gallery {
float: left;
width: 8.4vw;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.product .sectionOne .middle .gallery .gallery-box {
float: left;
width: 100%;
height: 30%;
margin: 0.7vw 0px 0.7vw 0px;
padding: 0px 0px 0px 0px;
position: relative;
overflow: hidden;
border: 0px solid #000;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
border: 0px solid #000;
}
.product .sectionOne .middle .gallery .gallery-box .img {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
max-width: 90%;
max-height: 90%;
object-fit: cover;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.product .sectionOne .middle .gallery .gallery-box:hover {
transform: scale(1.05);
}
.product .sectionOne .middle.addMargin .zdjecie-glowne {
margin: 0px 0px 0px 2vw;
}
.product .sectionOne .middle .zdjecie-glowne {
float: left;
width: 30vw;
height: 100%;
position: relative;
z-index: 5;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
border: 0px solid #000;
}
.product .sectionOne .middle .zdjecie-glowne .img {
float: left;
max-width: 100%;
max-height: 100%;
position: relative;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.product .sectionOne .middle .zdjecie-glowne:hover .img {
transform: scale(1.05);
}
.product .sectionOne .right {
float: right;
width: 20vw;
position: relative;
margin: 3vw 0px 0px 0px;
}
.product .sectionOne .right .otherText {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 1.5vw 0px;
padding: 0px 0px 0px 0px;
color: #23365a;
font-size: 0.9vw;
font-weight: 700;
line-height: 1.15vw;
letter-spacing: 0.32px;
text-transform: uppercase;
}
.selectBox {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 1.4vw 0px;
}
.selectBox .selectName {
float: right;
width: 100%;
position: relative;
margin: 0px 0px 0.8vw 0px;
color: #23365a;
font-size: 16px;
font-weight: 700;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 0.8px;
}
.selectBox .selectInput {
float: left;
width: 100%;
height: 2.9vw;
position: relative;
padding: 0px 2vw 0px 1vw;
font-family: SupplySans;
color: #23365a;
font-size: 0.75vw;
line-height: 2vw;
letter-spacing: 0.25px;
border: 1px solid #d6d6d6;
background: url(images/productsLeftArrow.svg) center right 1vw no-repeat;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.selectBox .selectInput option {
font-weight: 500;
}
.selectBox .selectInput:focus {
outline: none;
}
.product .sectionTwo {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 8vw 4vw 8vw;
}
.product .sectionTwo .text h3 {
margin: 0px 0px 1vw 0px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
}
.product .sectionTwo .text h3:nth-child(1):after {
content: " ";
float: right;
width: 73vw;
height: 1px;
background: #eeeeee;
}
.product .sectionTwo .text h3:nth-of-type(3):after {
content: " ";
float: right;
width: 61vw;
height: 1px;
background: #eeeeee;
}
.product .sectionTwo .text h3:after {
content: " ";
float: right;
width: 66vw;
height: 1px;
background: #eeeeee;
}
.product .sectionTwo .text ul {
float: left;
width: 100%;
margin: 1vw 0px 1vw 0px;
list-style: none;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
grid-template-areas: ". .";
grid-column-gap: 5vw;
}
.product .sectionTwo .text ul li {
float: left;
width: calc(100% - 2.1vw);
margin: 0px 0px 1vw 0px;
padding: 0px 0px 0px 2.1vw;
background: url(images/textListBg.svg) top 0.5vw left no-repeat;
background-size: 0.9vw auto;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.product .sectionThree {
float: left;
width: 100%;
height: 34vw;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #1a4782;
overflow: hidden;
}
.product .sectionThree .left {
float: left;
width: 50%;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.product .sectionThree .left .text {
float: left;
width: calc(100% - 16vw);
padding: 0px 8vw 0px 8vw;
color: #dfe7f1;
}
.product .sectionThree .left .text h3 {
float: left;
margin: 0px 0px 1.8vw 0px;
color: #ffffff;
}
.product .sectionThree .zdjecie-glowne {
float: right;
width: 50%;
height: 100%;
position: relative;
z-index: 5;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.product .sectionThree .zdjecie-glowne .img {
float: left;
width: 100%;
height: 100%;
object-fit: cover;
}
.product .sectionFour {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 4vw 8vw 4vw 8vw;
}
.product .sectionFour .header {
text-align: center;
}
.product .sectionFour .pliki {
float: left;
width: 100%;
position: relative;
margin: 3vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
}
.product .sectionFour .pliki .plik {
float: left;
width: 20%;
height: 6.9vw;
position: relative;
border: 1px solid #c6c6c6;
border-right: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.product .sectionFour .pliki .plik:last-child {
border-right: 1px solid #c6c6c6;
}
.product .sectionFour .pliki .plik a {
float: left;
width: 70%;
text-decoration: none;
color: #000;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.product .sectionFour .pliki .plik a:hover {
color: #002b59;
}
.product .sectionFour .pliki .plik-ikona-box {
float: right;
position: relative;
}
.product .sectionFour .pliki .plik-roz {
display: none;
}
.product .sectionFour .plik-ikona {
float: left;
width: 1.75vw;
margin: 0px 0px 0px 1vw;
}
.product .sectionFour .plik-tytul {
float: left;
width: calc(100% - 3vw);
position: relative;
color: #23365a;
font-size: 0.9vw;
font-weight: 600;
line-height: 1.3vw;
}
.submenu {
float: left;
width: 100%;
height: 9vw;
position: relative;
margin: 0px 0px 0px 0px;
background-color: #1a4782;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
z-index: 3;
}
.submenu .name {
float: left;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 3.3vw 0px 3.3vw;
height: 100%;
color: #9eb3cf;
font-size: 1.3vw;
font-weight: 700;
line-height: 1.3vw;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 1.25px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.submenu .name:hover,
.submenu .name.activeSubmenu {
color: #ffffff;
}
.submenu .name .arrow {
float: left;
width: 26px;
margin: 0px 0px 0px -13px;
padding: 0px 0px 0px 0px;
position: absolute;
left: 50%;
bottom: 0px;
}
.submenu .name:hover .arrow,
.submenu .name.activeSubmenu .arrow {
bottom: -15px;
}
.about {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.about .inside {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.history {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.history .sectionOne {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 4vw 12vw 4vw 12vw;
position: relative;
background: #eeeeee;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.history .sectionOne .logo {
float: left;
width: 7vw;
margin: 0px 0px 2vw 0px;
padding: 0px 0px 0px 0px;
position: relative;
cursor: pointer;
}
.history .sectionOne .text {
float: left;
width: 100%;
position: relative;
color: #23365a;
font-family: SupplySans;
font-size: 1.47vw;
font-weight: 400;
line-height: 2.35vw;
text-align: center;
}
.history .sectionOne .text strong {
color: #1a4782;
}
.history .sectionOne iframe {
float: left;
width: 90%;
height: 28vw;
position: relative;
margin: 0px 5% 0px 5%;
}
.history .sectionOne .arrowHistory {
float: left;
margin: 2vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
cursor: pointer;
}
.history .sectionTwo {
float: left;
width: 100%;
height: 28vw;
margin: 6vw 0px 6vw 0px;
padding: 0px 7vw 0px 7vw;
position: relative;
background: #fff;
}
.history .sectionTwo .zdjecie-glowne {
float: left;
width: 50%;
height: 100%;
position: relative;
z-index: 5;
}
.history .sectionTwo .zdjecie-glowne .img {
float: left;
width: 100%;
height: 100%;
object-fit: cover;
}
.history .sectionTwo .text {
float: left;
width: 50%;
height: 100%;
position: relative;
padding: 0px 7.9vw 0px 7.9vw;
color: #ffffff;
font-size: 2.1vw;
font-weight: 300;
line-height: 2.6vw;
background: #1a4782;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.history .sectionThree {
float: left;
width: 100%;
height: 30vw;
margin: 0px 0px 0px 0px;
padding: 0px 11vw 0px 11vw;
position: relative;
background: #fff;
}
.history .sectionThree .textAll {
float: left;
width: 33vw;
font-weight: 500;
}
.history .sectionThree .textAll ul li {
margin: 0px 0px 1.7vw 0px;
}
.history .sectionThree .textAll ul li:nth-child(n + 6) {
display: none;
}
.history .sectionThree .fotoOne {
float: right;
width: 33.15vw;
height: 23.15vw;
position: relative;
z-index: 1;
}
.history .sectionThree .fotoTwo {
float: right;
width: 21vw;
height: 14.5vw;
position: absolute;
right: 28.5vw;
bottom: 0;
z-index: 2;
}
.history .sectionFour {
float: left;
width: 100%;
height: 32vw;
margin: 0px 0px 4vw 0px;
padding: 0px 11vw 0px 11vw;
position: relative;
background: #fff;
}
.history .sectionFour .fotoThree {
float: left;
width: 50%;
height: 100%;
position: relative;
z-index: 1;
}
.history .sectionFour .textAll {
float: right;
width: 33vw;
font-weight: 500;
margin: 4vw 0px 0px 0px;
}
.history .sectionFour .textAll p {
display: none;
}
.history .sectionFour .textAll ul li {
margin: 0px 0px 1.2vw 0px;
}
.history .sectionFour .textAll ul li {
display: none;
}
.history .sectionFour .textAll ul li:nth-child(n + 6) {
display: block;
}
.gallerySet .gallery {
float: left;
width: 100%;
height: 100%;
position: relative;
}
.gallerySet .gallery .gallery-box {
float: left;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
border: 0px solid #000;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.gallerySet .gallery .gallery-box .img {
float: left;
width: 100%;
height: 100%;
object-fit: cover;
}
.design {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.design .sectionOne {
float: left;
width: 100%;
margin: 5vw 0px 0px 0px;
padding: 0px 6.8vw 0px 6.8vw;
z-index: 2;
overflow: hidden;
}
.design .sectionOne .zdjecie-glowne {
float: left;
width: 55%;
height: 31vw;
position: relative;
z-index: 1;
}
.design .sectionOne .zdjecie-glowne .img {
float: left;
width: 100%;
height: 100%;
object-fit: cover;
}
.design .sectionOne .header {
float: left;
width: 45%;
position: relative;
padding: 5vw 4vw 0px 4vw;
z-index: 5;
color: #23365a;
font-family: SupplySans;
font-size: 1.47vw;
font-weight: 400;
line-height: 2.1vw;
}
.design .sectionOne .fotoOne {
float: right;
width: 42.1vw;
height: 23.15vw;
position: absolute;
right: 6vw;
top: 22vw;
z-index: 3;
}
.design .sectionOne .textAll {
float: left;
width: 55%;
position: relative;
padding: 5vw 8.4vw 5vw 5.5vw;
z-index: 2;
font-weight: 500;
background: #f2f2f2;
}
.design .sectionTwo {
float: left;
width: 100%;
height: 42vw;
position: relative;
margin: -11vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 1;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.design .sectionTwo .fotoOne {
float: left;
width: 100%;
height: 100%;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.design .sectionTwo .text {
float: left;
width: 90%;
margin: 5vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
font-size: 2.1vw;
font-weight: 300;
line-height: 2.1vw;
text-align: center;
z-index: 3;
}
.design .sectionThree {
float: left;
width: 100%;
height: 26vw;
margin: 5vw 0px 4vw 0px;
padding: 0px 7vw 0px 7vw;
position: relative;
background: #fff;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
}
.design .sectionThree .textAll {
float: left;
width: 50%;
position: relative;
padding: 0px 4vw 0px 5vw;
}
.design .sectionThree .zdjecie-glowne {
float: right;
width: 50%;
height: 100%;
position: relative;
z-index: 1;
}
.design .sectionThree .zdjecie-glowne .img {
float: left;
width: 100%;
height: 100%;
object-fit: cover;
}
.design .sectionFour {
float: left;
width: 100%;
height: 35vw;
margin: 0px 0px 4vw 0px;
padding: 0px 7vw 0px 7vw;
position: relative;
background: #fff;
}
.design .sectionFour .fotoOne {
float: left;
width: 48%;
height: 100%;
position: relative;
right: 0;
top: 0;
z-index: 2;
}
.design .sectionFour .textAll {
float: left;
width: 52%;
height: 100%;
position: relative;
padding: 0px 4vw 0px 5vw;
color: #cbdbef;
background: #1a4782;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.design .sectionFour .figure {
float: left;
width: 24vw;
height: 35vw;
background: #f2f2f2;
z-index: 1;
position: absolute;
top: -4vw;
left: 0;
}
.design .sectionFive {
float: left;
width: 100%;
margin: 0px 0px 4vw 0px;
padding: 2vw 7vw 2vw 7vw;
position: relative;
background: #fff;
}
.design .sectionFive .header {
float: left;
width: 100%;
color: #23365a;
font-family: SupplySans;
font-size: 2.1vw;
font-weight: 300;
line-height: 2.6vw;
text-align: center;
}
.production {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.production .sectionOne {
float: left;
width: 100%;
margin: 5vw 0px 0px 0px;
padding: 0px 6.8vw 0px 6.8vw;
z-index: 2;
}
.production .sectionOne .zdjecie-glowne {
float: right;
width: 55%;
height: 31vw;
position: relative;
z-index: 1;
}
.production .sectionOne .zdjecie-glowne .img {
float: left;
width: 100%;
height: 100%;
object-fit: cover;
}
.production .sectionOne .header {
float: left;
width: 45%;
position: relative;
padding: 4vw 3vw 0px 3vw;
color: #23365a;
font-size: 1.5vw;
font-weight: 400;
line-height: 2.1vw;
text-transform: none;
z-index: 1;
}
.production .sectionOne .fotoOne {
float: left;
width: 43vw;
height: 28vw;
position: relative;
margin: -15vw 0px 0px 0px;
left: 0;
top: 0;
z-index: 3;
}
.production .sectionOne .text {
float: right;
width: 52%;
position: relative;
margin: -13vw 0px 0px 0px;
padding: 5vw 6vw 8vw 7vw;
z-index: 2;
color: #23365a;
font-size: 1.45vw;
line-height: 2.1vw;
font-weight: 400;
background: #f2f2f2;
}
.production .sectionOne .textAll {
float: left;
width: 48%;
position: relative;
margin: 6vw 0px 0px 0px;
padding: 0px 4vw 5vw 5vw;
}
.production .sectionOne .textAll h2 {
float: left;
width: 110%;
margin: 0px 0px 4vw 0px;
color: #23365a;
font-size: 2vw;
font-weight: 400;
line-height: 2vw;
text-transform: none;
}
.production .sectionOne .fotoTwo {
float: left;
width: 33vw;
height: 23vw;
position: relative;
margin: -3vw 0px 0px 5vw;
left: 0;
top: 0;
z-index: 3;
}
.production .sectionTwo {
float: left;
width: 100%;
margin: 2vw 0px 0px 0px;
padding: 0px 6.8vw 0px 6.8vw;
position: relative;
z-index: 3;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
align-content: center;
}
.production .sectionTwo .zdjecie-glowne {
float: left;
width: 50%;
height: 28vw;
position: relative;
z-index: 1;
}
.production .sectionTwo .zdjecie-glowne .img {
float: left;
width: 100%;
height: 100%;
object-fit: cover;
}
.production .sectionTwo .textAll {
float: left;
width: 50%;
position: relative;
margin: -5vw 0px 0px 0px;
padding: 0px 6.5vw 0px 4vw;
}
.production .sectionThree {
float: left;
width: 100%;
height: 23vw;
margin: -3.5vw 0px 0px 0px;
padding: 0px 13.5vw 0px 6.8vw;
z-index: 2;
background-color: #f2f2f2;
}
.production .sectionThree .textAll {
float: left;
width: 21.3vw;
margin: 8.15vw 0px 0px 4vw;
padding: 0px 0px 0px 0px;
position: relative;
}
.production .sectionThree .fotoOne {
float: right;
width: 47vw;
height: 100%;
position: relative;
margin: 0vw 0px 0px 0px;
left: 0;
top: 0;
z-index: 5;
}
.production .sectionFour {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 6vw 13.5vw 6vw 10.8vw;
z-index: 2;
}
.afterSale {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.afterSale .sectionOne {
float: left;
width: 100%;
margin: 5vw 0px 0px 0px;
padding: 0px 6.8vw 0px 6.8vw;
z-index: 2;
}
.afterSale .sectionOne .header {
float: left;
width: 45%;
position: relative;
padding: 5vw 3vw 0px 3vw;
color: #23365a;
font-size: 1.5vw;
font-weight: 400;
line-height: 2.1vw;
text-transform: none;
z-index: 1;
}
.afterSale .sectionOne .zdjecie-glowne {
float: right;
width: 55%;
height: 31vw;
position: relative;
z-index: 1;
}
.afterSale .sectionOne .zdjecie-glowne .img {
float: left;
width: 100%;
height: 100%;
object-fit: cover;
}
.afterSale .sectionTwo {
float: left;
width: 100%;
height: 28vw;
margin: -7vw 0px 0px 0px;
padding: 0px 6.8vw 0px 6.8vw;
z-index: 2;
}
.afterSale .sectionTwo .fotoOne {
float: left;
width: 50%;
height: 100%;
position: relative;
right: 0;
top: 0;
z-index: 2;
}
.afterSale .sectionTwo .textAll {
float: left;
width: 50%;
height: 100%;
position: relative;
padding: 6vw 6vw 0px 6vw;
background: #fff;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.afterSale .sectionThree {
float: left;
width: 100%;
height: 27vw;
margin: 0vw 0px 0px 0px;
padding: 0px 6.8vw 0px 6.8vw;
z-index: 2;
}
.afterSale .sectionThree .fotoOne {
float: left;
width: 50%;
height: 100%;
position: relative;
right: 0;
top: 0;
z-index: 2;
}
.afterSale .sectionThree .textAll {
float: left;
width: 50%;
height: 100%;
position: relative;
padding: 0px 4vw 0px 5vw;
color: #cbdbef;
background: #1a4782;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.afterSale .sectionFour {
float: left;
width: 100%;
height: 28vw;
margin: 4vw 0px 0px 0px;
padding: 0px 6.8vw 0px 6.8vw;
z-index: 2;
}
.afterSale .sectionFour .zdjecie-glowne {
float: left;
width: 50%;
height: 100%;
position: relative;
z-index: 1;
}
.afterSale .sectionFour .zdjecie-glowne .img {
float: left;
width: 100%;
height: 100%;
object-fit: cover;
}
.afterSale .sectionFour .textAll {
float: left;
width: 50%;
height: 100%;
position: relative;
margin: -4vw 0px 0px 0px;
padding: 0vw 6vw 0px 6vw;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.afterSale .sectionFive {
float: left;
width: 100%;
margin: -5vw 0px 0px 0px;
padding: 11vw 13.5vw 6vw 10.8vw;
z-index: 2;
background: #f2f2f2;
}
.textAll {
float: left;
width: 100%;
position: relative;
color: #23365a;
font-size: 0.9vw;
font-weight: 500;
line-height: 1.57vw;
}
.textAll a {
text-decoration: none;
font-weight: 600;
color: #1a4782;
}
.textAll a:hover {
text-decoration: underline;
color: #1a4782;
}
.textAll h2 {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 1vw 0px;
padding: 0px 0px 0px 0px;
color: #23365a;
font-size: 1.5vw;
font-weight: 700;
line-height: 1.5vw;
text-transform: uppercase;
letter-spacing: 0.84px;
}
.textAll ul {
float: left;
width: 100%;
list-style: none;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.textAll ul li {
float: left;
width: calc(100% - 1.4vw);
margin: 0px 0px 0.5vw 0px;
padding: 0px 0px 0px 1.4vw;
background: url(images/textListBg.svg) top 0.7vw left no-repeat;
background-size: 0.7vw 4px;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.textAll img {
float: left;
width: 28vw;
height: auto;
padding: 0.5vw 2vw 1vw 0px;
}
.textSection-33 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
}
.textSection-33 p {
float: left;
width: 48%;
height: 19vw;
margin: 0px 0px 2vw 0px;
position: relative;
background: #eeeeee;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.textSection-33 p iframe {
float: left;
width: calc(100% - 1vw);
height: calc(100% - 1vw);
position: relative;
}
.download {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 4vw 0vw 0vw 0vw;
}
.download .headerSmall {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 1vw 0px;
padding: 0px 0px 0px 0px;
color: #23365a;
font-size: 1.5vw;
font-weight: 700;
line-height: 1.5vw;
text-transform: uppercase;
letter-spacing: 0.84px;
}
.download .pliki {
float: left;
width: 100%;
position: relative;
margin: 1vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
}
.download .pliki .plik {
float: left;
width: calc(20% - 2px);
height: 6.9vw;
margin: 0px 2px 1px 0px;
position: relative;
border: 1px solid #c6c6c6;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.download .pliki .plik:nth-child(5n) {
border-right: 1px solid #c6c6c6;
}
.download .pliki .plik:last-child {
border-right: 1px solid #c6c6c6;
}
.download .pliki .plik a {
float: left;
width: 80%;
text-decoration: none;
color: #000;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.download .pliki .plik a:hover {
color: #002b59;
}
.download .pliki .plik-ikona-box {
float: right;
position: relative;
}
.download .pliki .plik-roz {
display: none;
}
.download .plik-ikona {
float: left;
width: 1.75vw;
margin: 0px 0px 0px 1vw;
}
.download .plik-tytul {
float: left;
width: calc(100% - 3vw);
position: relative;
color: #23365a;
font-size: 0.9vw;
font-weight: 600;
line-height: 1.3vw;
}
.support {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.support .inside {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 4vw 11.5vw 6vw 11.5vw;
}
.support .inside .header {
float: left;
width: 100%;
position: relative;
color: #23365a;
font-size: 3.15vw;
font-weight: 800;
line-height: 3.15vw;
margin: 0px 0px 2vw 0px;
text-transform: uppercase;
letter-spacing: 3px;
}
.explore {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.explore .inside {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 4vw 11.5vw 6vw 11.5vw;
}
.explore .inside .header {
float: left;
width: 100%;
position: relative;
color: #23365a;
font-size: 3.15vw;
font-weight: 800;
line-height: 3.15vw;
margin: 0px 0px 2vw 0px;
text-transform: uppercase;
letter-spacing: 3px;
}
.explore .inside .textAll h3 {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0.5vw 0px;
padding: 0px 0px 0px 0px;
color: #23365a;
font-size: 1.2vw;
font-weight: 700;
line-height: 1.2vw;
text-transform: uppercase;
letter-spacing: 0.84px;
}
.news {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.news .inside {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 4vw 11.5vw 2vw 11.5vw;
}
.news .inside .header {
float: left;
width: 100%;
position: relative;
color: #23365a;
font-size: 3.15vw;
font-weight: 800;
line-height: 3.15vw;
margin: 0px 0px 0vw 0px;
text-transform: uppercase;
letter-spacing: 3px;
}
.news .inside .listNews {
height: auto;
}
.news .inside .listNews .box {
float: left;
width: 32%;
height: 26vw;
margin: 0px 1% 4vw 0px;
overflow: hidden;
}
.news .inside .listNews .box:nth-child(3) {
margin: 0px 0px 4vw 0px;
}
.support .inside .listNews {
height: auto;
margin: 0px 0px 0px 0px;
}
.support .inside .listNews .box {
float: left;
width: 32%;
height: 26vw;
margin: 0px 1% 4vw 0px;
overflow: hidden;
}
.support .inside .listNews .box:nth-child(3) {
margin: 0px 0px 4vw 0px;
}
.search {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.search .inside {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 4vw 4vw 2vw 4vw;
}
.search .inside .header {
float: left;
width: 100%;
position: relative;
color: #23365a;
font-size: 3.15vw;
font-weight: 800;
line-height: 3.15vw;
margin: 0px 0px 0vw 0px;
text-transform: uppercase;
letter-spacing: 3px;
}
.search .list {
float: left;
width: 100%;
margin: 4vw 0px 4vw 0px;
position: relative;
border-top: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
}
.search .list .box {
float: left;
width: 25%;
height: 20vw;
position: relative;
border-bottom: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
text-decoration: none;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
overflow: hidden;
}
.search .list .box .zdjecie-glowne {
float: left;
width: 100%;
height: 12vw;
position: relative;
margin: -2vw 0px 0px 0px;
z-index: 5;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.search .list .box .zdjecie-glowne .img {
float: left;
max-width: 50%;
max-height: 105%;
position: relative;
}
.search .list .box .header {
float: left;
width: 95%;
height: 2.2vw;
color: #23365a;
position: relative;
margin: 1vw 2.5% 0px 2.5%;
font-size: 0.85vw;
font-weight: 700;
line-height: 1vw;
text-transform: uppercase;
text-align: center;
}
.search .list .box .category {
float: left;
width: 100%;
height: 2.2vw;
color: #23365a;
position: absolute;
left: 0;
bottom: 0;
padding: 0vw 5% 0px 5%;
font-size: 0.85vw;
font-weight: 500;
line-height: 1vw;
text-align: center;
}
.search .list .box .show {
float: left;
width: 100%;
position: absolute;
left: 0;
bottom: -2vw;
color: #ffffff;
font-size: 0.85vw;
font-weight: 700;
line-height: 2vw;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.25px;
background: #fff;
}
.search .list .box:hover .show {
color: #1a4782;
border-bottom: 4px solid #1a4782;
bottom: 0;
}
.search .list .box:hover .category {
color: #fff;
bottom: -2vw;
}
.searchName {
float: left;
width: 100%;
color: #23365a;
position: relative;
margin: 2vw 0vw 0px 0vw;
font-size: 1vw;
font-weight: 500;
line-height: 1.5vw;
text-align: lelft;
}
.searchName a {
text-decoration: none;
color: #1a4782;
}
.search .searchForm {
float: left;
width: 100%;
margin: 2vw 0vw 6vw 0vw;
}
.page {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.page .inside {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 4vw 11.5vw 2vw 11.5vw;
}
.page .inside .header {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 3vw 0px;
color: #23365a;
font-size: 2.15vw;
font-weight: 800;
line-height: 2.15vw;
text-transform: uppercase;
letter-spacing: 3px;
}
.page .inside .left {
float: left;
width: 40%;
margin: 0px 0px 0px 0px;
position: relative;
z-index: 1;
}
.page .inside .zdjecie-glowne {
float: left;
width: 100%;
height: 18vw;
margin: 0px 0px 0px 0px;
position: relative;
z-index: 1;
}
.page .inside .zdjecie-glowne .img {
float: left;
width: 100%;
height: 100%;
object-fit: cover;
}
.page .inside .textAll {
float: right;
width: 55%;
}
.page .inside .gallery {
float: left;
width: 100%;
margin: 0vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.page .inside .gallery .gallery-box {
float: left;
width: 100%;
height: 18vw;
margin: 0.3vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
overflow: hidden;
border: 2px solid #fff;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.page .inside .gallery .gallery-box .img {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
height: 100%;
object-fit: cover;
}
.page .inside .gallery .gallery-box .fade {
float: left;
width: 100%;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
left: 0;
top: 0;
color: #fff;
font-size: 16px;
line-height: 16px;
background-color: rgba(0, 0, 0, 0.6);
background: rgba(0, 0, 0, 0.6);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
opacity: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
align-content: center;
}
.page .inside .gallery .gallery-box:hover .fade {
opacity: 1;
}
.page .inside .more {
float: right;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 2vw 0px 2vw;
color: #23365a;
font-size: 0.8vw;
font-weight: 700;
line-height: 2.6vw;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.3px;
border: 1px solid #23365a;
}
.page .inside .more:hover {
padding: 0px 3vw 0px 3vw;
border: 1px solid #1a4782;
}
.pageNews {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.pageNews .inside {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 4vw 11.5vw 2vw 11.5vw;
}
.pageNews .inside .header {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 1vw 0px;
color: #23365a;
font-size: 2.15vw;
font-weight: 800;
line-height: 2.15vw;
text-transform: uppercase;
letter-spacing: 3px;
}
.pageNews .inside .autor {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 2vw 0px;
color: #23365a;
font-size: 1vw;
font-weight: 400;
line-height: 1.15vw;
letter-spacing: 3px;
font-style: italic;
}
.pageNews .inside .left {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
position: relative;
z-index: 1;
}
.pageNews .inside .left .gallery {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
position: relative;
z-index: 1;
}
.pageNews .inside .left .gallery .gallery-box {
float: left;
width: 100%;
height: auto;
margin: 0px 0px 2vw 0px;
padding: 0px 0px 0px 0px;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.pageNews .inside .right {
float: left;
width: 100%;
position: relative;
}
.pageNews .inside .textAll {
float: left;
width: 100%;
}
.pageNews .inside .textAll img {
float: left;
width: 28vw;
height: auto;
padding: 0.5vw 2vw 1vw 0px;
}
.pageNews .inside .gallery {
float: left;
width: 100%;
margin: 2vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.pageNews .inside .gallery .gallery-box {
float: left;
width: 25%;
height: 15vw;
margin: 0.3vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
overflow: hidden;
border: 2px solid #fff;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.pageNews .inside .gallery .gallery-box .img {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
height: 100%;
object-fit: cover;
}
.pageNews .inside .gallery .gallery-box .fade {
float: left;
width: 100%;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
left: 0;
top: 0;
color: #fff;
font-size: 16px;
line-height: 16px;
background-color: rgba(0, 0, 0, 0.6);
background: rgba(0, 0, 0, 0.6);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
opacity: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
align-content: center;
}
.pageNews .inside .gallery .gallery-box:hover .fade {
opacity: 1;
}
.pageNews .inside .more {
float: right;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 2vw 0px 2vw;
color: #23365a;
font-size: 0.8vw;
font-weight: 700;
line-height: 2.6vw;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.3px;
border: 1px solid #23365a;
}
.pageNews .inside .more:hover {
padding: 0px 3vw 0px 3vw;
border: 1px solid #1371d3;
}
.dealers {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.dealers .map {
float: left;
width: 100%;
height: 32vw;
position: relative;
overflow: hidden;
z-index: 1;
}
.contentMap {
float: left;
width: 25vw;
position: relative;
padding: 1vw;
}
.contentMap__name {
float: left;
width: calc(100% - 10vw);
position: relative;
margin: 0px 0px 0.3vw 0px;
color: #383436;
font-size: 1.15vw;
font-weight: 800;
line-height: 1.15vw;
text-transform: uppercase;
text-align: left;
letter-spacing: 1.75px;
}
.contentMap__type {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 1.5vw 0px;
color: #383436;
font-size: 1vw;
font-weight: 300;
line-height: 1vw;
text-align: left;
letter-spacing: 1.75px;
}
.contentMap__text {
font-size: 0.8vw;
line-height: 1vw;
}
.contentMap__logo {
float: right;
width: 9vw;
height: 4vw;
border: 0px solid #000;
position: absolute;
top: 0.5vw;
right: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.contentMap__logo .img {
float: left;
max-width: 80%;
max-height: 70%;
object-fit: cover;
}
.dealers .inside {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 4vw 11.5vw 4vw 11.5vw;
}
.dealers .inside .header {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 2vw 0px;
color: #383436;
font-size: 1.85vw;
font-weight: 800;
line-height: 1.85vw;
text-transform: uppercase;
text-align: center;
letter-spacing: 1.75px;
}
.dealers .inside .dealers__text {
float: left;
width: 30%;
position: relative;
margin: 0px 35% 2vw 35%;
color: #23365a;
font-size: 1.2vw;
font-weight: 500;
line-height: 1.8vw;
text-align: center;
}
.dealers .inside .dealers__text:after {
content: " ";
float: left;
width: 5vw;
height: 5vw;
position: absolute;
top: -0.5vw;
left: -4.5vw;
background: url(images/markerD.png) center no-repeat;
background-size: auto 5vw !important;
}
.dealers .inside .menuDealers {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 4vw 0px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
}
.dealers .inside .menuDealers .box {
float: left;
width: 49%;
height: 4.2vw;
position: relative;
background-color: #eeeeee;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
color: #383436;
font-size: 1.3vw;
font-weight: 800;
line-height: 1.3vw;
text-transform: uppercase;
letter-spacing: 1.25px;
cursor: pointer;
}
.dealers .inside .menuDealers .box:hover,
.dealers .inside .menuDealers .box.activeSubmenu {
background: #1a4782;
color: #fff;
}
.dealers .inside .menuDealers .box .arrow {
float: left;
width: 26px;
height: 0;
margin: 0px 0px 0px -13px;
padding: 0px 0px 0px 0px;
position: absolute;
left: 50%;
bottom: 0px;
}
.dealers .inside .menuDealers .box:hover .arrow,
.dealers .inside .menuDealers .box.activeSubmenu .arrow {
width: 26px;
height: auto;
bottom: -15px;
}
.dealers .searchDealer {
float: left;
width: 100%;
height: 6vw;
position: absolute;
top: 9vw;
left: 0;
z-index: 2;
background: rgba(195, 195, 195, 0.6);
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.formSearchDealer {
float: left;
width: 45vw;
height: 2.8vw;
position: relative;
}
.formSearchDealer .formSearchDealer-input {
float: left;
width: 75%;
height: 100%;
position: relative;
margin: 0px 0px 1vw 0px;
padding: 0px 0px 0px 2vw;
font-family: "SupplySans", sans-serif;
color: #000;
font-size: 1vw;
font-weight: 500;
line-height: 1vw;
letter-spacing: 0.36px;
background: #fff;
text-align: left;
border: 0;
}
.formSearchDealer .formSearchDealer-submit {
float: left;
width: 25%;
height: 100%;
position: relative;
margin: 0px 0px 1vw 0px;
padding: 0px 0px 0px 0px;
font-family: "SupplySans", sans-serif;
color: #ffffff;
font-size: 1vw;
font-weight: 600;
line-height: 1vw;
text-transform: uppercase;
letter-spacing: 0.36px;
background: #002b59;
border: 0;
cursor: pointer;
}
.dealers .inside .boxDealers {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.dealers .inside .boxDealers .box {
display: none;
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.dealers .inside .boxDealers .box .continentAll {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
}
.dealers .inside .boxDealers .box .continent {
float: left;
width: 49%;
margin: 0px 0px 2vw 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.dfr {
color: #1a4782 !important;
font-weight: 700 !important;
}
.dealers .inside .boxDealers .box .continent:nth-child(2) {
float: right;
}
.dealers .inside .boxDealers .box .continent .continentName {
float: left;
width: 94%;
margin: 0px 0px 1vw 0px;
padding: 0px 3% 0.8vw 3%;
position: relative;
color: #23365a;
font-size: 1.45vw;
font-weight: 700;
line-height: 1.45vw;
letter-spacing: 0.84px;
border-bottom: 1px solid #cccccc;
cursor: pointer;
z-index: 1;
}
.dealers .inside .boxDealers .box .continent .continentName:hover {
color: #002b59;
}
.dealers .inside .boxDealers .box .continent .continentClose {
display: none;
float: left;
margin: 0px 0px 0px 0px;
padding: 0.2vw 3% 0.8vw 0%;
position: absolute;
top: 0;
right: 0;
color: #1a4782;
font-size: 1vw;
font-weight: 700;
line-height: 1.45vw;
letter-spacing: 0.84px;
cursor: pointer;
z-index: 3;
}
.dealers .inside .boxDealers .box .shopList {
float: left;
width: 94%;
margin: 0px 0px 0px 0px;
padding: 0px 3% 0px 3%;
position: relative;
display: none;
}
.dealers .inside .boxDealers .box .shopList a {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0.6vw 0px;
color: #23365a;
font-size: 0.9vw;
font-weight: 400;
line-height: 1.1vw;
text-decoration: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
cursor: pointer;
}
.dealers .inside .boxDealers .box .shopList a .arrow {
float: left;
margin: 0px 1vw 0px 0px;
}
.dealers .inside .boxDealers .box .shopList a:hover .arrow {
margin: 0px 0.5vw 0px 0.5vw;
}
.dealers .inside .boxDealers .box .shopList a span {
float: right;
width: calc(100% - 2vw);
}
.dealerPopup {
display: none;
float: left;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 20;
background-color: rgba(0, 0, 0, 0.7);
background: rgba(0, 0, 0, 0.7);
}
.dealerPopup .wrap {
float: left;
width: 100%;
height: 100%;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.dealerPopup .wrap .inside {
float: left;
width: 30vw;
position: relative;
padding: 2vw 3vw 2vw 3vw;
margin: 0px 0px 0px 0px;
background: #fff;
}
.dealerPopup .wrap .inside .close {
float: right;
width: 3vw;
height: 3vw;
color: #fff;
position: absolute;
top: -1.5vw;
right: -1.5vw;
background: #1a4782;
font-size: 1.5vw;
line-height: 3vw;
text-align: center;
cursor: pointer;
}
.dealerPopup .wrap .inside .header {
float: left;
width: calc(100% - 6vw);
position: relative;
margin: 0px 0px 2vw 0px;
color: #383436;
font-size: 1.45vw;
font-weight: 800;
line-height: 1.45vw;
text-transform: uppercase;
text-align: left;
letter-spacing: 1.75px;
}
.GmoreWish {
float: left;
position: relative;
margin: 1vw 0px 0px 0px;
padding: 0px 2vw 0px 2vw;
color: #fff !important;
font-size: 0.8vw;
font-weight: 700;
line-height: 2.6vw;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.3px;
border: 1px solid #1371d3;
background-color: #1a4782;
}
.contact {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.contact .map {
float: left;
width: 100%;
height: 32vw;
position: relative;
overflow: hidden;
z-index: 2;
}
.contact .inside {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 4vw 11.5vw 4vw 11.5vw;
}
.contact .inside .header {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 2vw 0px;
padding: 0px 0px 0px 0px;
color: #23365a;
font-size: 1.5vw;
font-weight: 700;
line-height: 1.5vw;
letter-spacing: 0.84px;
}
.contact .textAll table {
float: left;
width: 33% !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-left: 1px solid #d1dae6;
}
.contact .textAll table tr td {
padding: 0px 0px 0px 1.75vw;
}
.moveTo {
float: left;
width: 100%;
position: relative;
padding: 4vw 4vw 4vw 4vw;
background-color: #081320;
}
.moveTo .link {
float: left;
color: #ffffff;
font-family: SupplySans;
font-size: 1.5vw;
font-weight: 700;
line-height: 2.2vw;
text-decoration: none;
}
.moveTo .link.linkRight {
float: right;
}
.moveTo .link:hover {
text-decoration: underline;
}
.moveTo .link .arrowLeft {
float: left;
width: 2.1vw;
margin: 0px 1.3vw 0px 0px;
position: relative;
}
.moveTo .link .arrowRight {
float: right;
width: 2.1vw;
margin: 0px 0px 0px 1.3vw;
position: relative;
}
.formBox {
float: left;
width: 100%;
padding: 4vw 0px 4vw 0px;
position: relative;
background: #1a4782;
background-size: cover;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.formBox .insideForm {
float: left;
width: 70%;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.formBox .insideForm .headerForm {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
position: relative;
color: #ffffff;
font-size: 1.85vw;
font-weight: 700;
line-height: 1.85vw;
letter-spacing: 1.05px;
text-align: center;
}
.formBox .insideForm .text {
float: left;
width: 100%;
margin: 0.5vw 0px 0px 0px;
position: relative;
opacity: 0.8;
color: #9fbde6;
font-size: 1vw;
font-weight: 400;
line-height: 1.5vw;
text-align: center;
}
.formularz-div {
float: left;
width: 100%;
position: relative;
margin: 2vw 0px 0px 0px;
}
.form-box-left {
float: left;
width: 100%;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
}
.form-box-right {
float: left;
width: 100%;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
}
.form-box {
float: left;
width: 24%;
margin: 0px 0px 1.3vw 0px;
}
.form-box-all {
float: left;
width: 100%;
margin: 0px 0px 1.5vw 0px;
}
.form-input {
float: left;
width: 100%;
height: 3.15vw;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 2vw;
font-family: SupplySans;
color: #23365a;
border: 0px solid #fff;
background: #ffffff;
font-size: 1vw;
font-weight: 400;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.inputDate {
background: #fff url(images/inputDateBg.svg) right 1vw center no-repeat;
}
.inputDate::-webkit-inner-spin-button,
.inputDate::-webkit-calendar-picker-indicator {
display: none;
-webkit-appearance: none;
}
.form-textarea {
float: left;
width: 100%;
min-width: 100%;
max-width: 100%;
height: 6.9vw;
min-height: 6.9vw;
max-height: 6.9vw;
font-family: SupplySans;
color: #000;
padding: 1vw 0px 1vw 2vw;
border: 0px solid #fff;
background: #ffffff;
font-size: 1vw;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.form-submit {
float: right;
width: 19vw;
height: 76px;
background-color: #23365a;
color: #ffffff;
font-family: SupplySans;
font-size: 1.1vw;
font-weight: 600;
line-height: 1.1vw;
text-transform: uppercase;
border: none;
border: 0px solid #eeeeee;
cursor: pointer;
border-radius: 2px;
letter-spacing: 0.72px;
}
.recaptcha {
float: right;
margin: 0px 2vw 0px 0px;
position: relative;
}
.r-box {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 1vw 0px;
font-size: 12px;
line-height: 16px;
font-weight: 500;
color: #fff;
text-align: justify;
}
.r-box .r-label {
float: left;
cursor: pointer;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
}
.r-box .r-checkbox {
float: left;
position: relative;
}
.r-text {
float: left;
width: calc(100% - 30px);
position: relative;
}
.form-input:focus,
.form-textarea:focus,
.form-submit:focus {
outline: none;
}
.fastContact {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 4.6vw 0px 4.6vw 0px;
background-color: #002b59;
overflow: hidden;
}
.fastContact .text {
float: left;
width: 80%;
position: relative;
margin: 0px 0px 0px 7%;
padding: 0px 0px 0px 0px;
color: #b4d1f0;
font-size: 1vw;
font-weight: 300;
line-height: 1.5vw;
letter-spacing: 0.3px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
}
.fastContact .text strong,
.fastContact .text a {
color: #ffffff;
font-weight: 700;
text-decoration: none;
}
.fastContact .text table {
float: left;
width: 25% !important;
height: 100% !important;
min-height: 4.5vw;
position: relative;
}
.fastContact .text table tr td {
height: 4.7vw !important;
}
.fastContact .text table:nth-child(1) {
filter: brightness(0) invert(1);
width: 20% !important;
background: url(images/logoLarge.png) center left no-repeat;
background-size: 85%;
}
.newsletter {
float: left;
color: #ffffff;
position: fixed;
bottom: 12.75vw;
right: -5.6vw;
padding: 0px 4vw 0px 4vw;
font-size: 0.8vw;
line-height: 4vw;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.75px;
background-color: #1a4782;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
cursor: pointer;
z-index: 50;
}
.newsletter .arrow {
float: left;
margin: 0px 1vw 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.newsletterBox {
float: right;
width: 0;
height: 14vw;
position: absolute;
top: 0;
right: 0vw;
background-color: #1a4782;
overflow: hidden;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.newsletterBox.allWidth {
width: 100% !important;
height: 15.2vw;
}
.newsletterForm {
float: left;
width: 85vw;
height: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 1vw 0px 0px 0px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
}
.newsletter--header {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 1vw 0px;
color: #fff;
font-size: 1.3vw;
font-weight: 800;
line-height: 1.57vw;
text-transform: uppercase;
text-align: left;
letter-spacing: 0.5px;
}
.newsletterForm .newsletter-input {
float: left;
width: 48%;
height: 3vw;
position: relative;
margin: 0px 0px 1vw 0px;
padding: 0px 0px 0px 0px;
font-family: "SupplySans", sans-serif;
color: #000;
font-size: 1vw;
font-weight: 500;
line-height: 1vw;
letter-spacing: 0.36px;
background: #fff;
text-align: center;
border: 0;
}
.newsletterBox .recaptcha {
margin: -0.8vw 0px 0px 0px;
}
.newsletterForm .newsletter-submit {
float: left;
width: 48%;
height: 3vw;
position: relative;
margin: 0px 0px 1vw 0px;
padding: 0px 0px 0px 0px;
font-family: "SupplySans", sans-serif;
color: #ffffff;
font-size: 1vw;
font-weight: 600;
line-height: 1vw;
text-transform: uppercase;
letter-spacing: 0.36px;
background: #002b59;
border: 0;
cursor: pointer;
}
.newsletterForm-checkbox {
float: left;
width: 100%;
position: relative;
margin: 1vw 0px 1vw 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
font-size: 0.8vw;
font-weight: 400;
line-height: 1vw;
letter-spacing: 0.36px;
cursor: pointer;
}
.newsletterForm-checkbox .checkbox {
float: left;
margin: 0.2vw 0px 0px 0px;
}
.newsletterForm-checkbox .checkbox-text {
float: right;
width: calc(100% - 30px);
position: relative;
text-align: left;
}
.newsletterForm-checkbox .checkbox-text p {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
}
.newsletter .newsletter-input:focus,
.newsletter .newsletter-submit:focus {
outline: none;
}
footer {
float: left;
width: 100%;
height: 80px;
position: relative;
background: #081320;
}
footer .arrowUp {
float: left;
width: 3.9vw;
height: 100%;
margin: 0px 3vw 0px 0px;
position: relative;
background: #0f1c2c;
cursor: pointer;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
footer .arrowUp .img {
float: left;
position: relative;
}
footer nav {
float: left;
color: #ffffff;
font-size: 0.8vw;
font-weight: 200;
letter-spacing: 0.03em;
line-height: 80px;
text-transform: uppercase;
position: relative;
}
footer nav ul {
float: left;
position: relative;
}
footer nav ul li {
float: left;
position: relative;
list-style: none;
}
footer nav ul li a {
color: #fff;
text-decoration: none;
display: inline-block;
}
footer nav ul li a:hover {
color: #fff;
}
footer nav ul li a.active {
color: #fff;
}
footer nav ul li .menu-hr-footer {
float: right;
margin: 0px 1.2vw 0px 1.2vw;
}
footer nav ul li:last-child .menu-hr-footer {
display: none;
}
footer .right {
float: right;
height: 100%;
position: relative;
}
footer .dealer {
float: left;
height: 100%;
position: relative;
margin: 0px 2vw 0px 0px;
padding: 0px 2vw 0px 2vw;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
color: #ffffff;
font-family: SupplySans;
font-size: 0.85vw;
line-height: 0.85vw;
font-weight: 200;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.75px;
border-left: 1px solid #212b36;
border-right: 1px solid #212b36;
}
footer .dealer .img {
float: left;
margin: -0.1vw 1vw 0px 0px;
position: relative;
}
footer .social {
float: left;
height: 100%;
position: relative;
margin: 0px 1vw 0px 0px;
padding: 0px 1vw 0px 0px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
color: #ffffff;
font-family: SupplySans;
font-size: 0.85vw;
line-height: 0.85vw;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.75px;
}
footer .social .img {
float: left;
margin: 0px 0.8vw 0px 0.8vw;
position: relative;
}
footer .social .img:hover {
opacity: 0.8;
}
footer .odee {
float: right;
width: 3.9vw;
height: 100%;
margin: 0px 0px 0px 0px;
position: relative;
background: #0f1c2c;
cursor: pointer;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
footer .odee .img {
float: left;
position: relative;
}
}