@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}



#symsysMsgOverlay {position:fixed; background-color:rgba(0, 0, 0, 0.7); width:100%; height:100%; top:0; left:0; z-index:9999;}
#symsysMsg { position:fixed; background:#fff; color:#222; border:1px solid #ccc; width:80%; max-width:350px; display:table; text-align:center; padding:15px; border-radius:1px 1px 1px 1px; -moz-border-radius:1px 1px 1px 1px; -webkit-border-radius:1px 1px 1px 1px;  -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45); -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45); box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45);   position: fixed;  top: 50%; left: 50%; transform: translate(-50%, -50%); }
#symsysMsg p { margin: 1rem; font-size: 1.2rem;}
#symsysMsg button { cursor:pointer; color:#fff; background:#000; font-weight:200; border:0px;  padding:0.5rem 1rem; font-size:1.1em;  border-radius:1px 1px 1px 1px; -moz-border-radius:1px 1px 1px 1px; -webkit-border-radius:1px 1px 1px 1px;  }
#symsysMsg .false {background:#999; margin-left:1.5rem;}
#symsysMsg button:hover { opacity: 0.5;}

 
.usedSpace { text-align:center; margin:1rem auto;}
.usedSpace > div { margin:0.5rem auto; width:50%; height:0.5rem; background:#ccc; display:flex;}
.usedSpace > div > div {  background:#002584;  width:1%; }

.uploadFile { background:#eee; padding:1rem 2rem; text-align:right; display:table; margin:0.5rem auto;}
.uploadFile  input[type="submit"] { cursor:pointer; font-size:0.9rem !important; width:100px !important; min-width: auto !important; padding:0.5rem 1rem;}
.uploadFile  input[type="submit"]:hover { background:#ccc;}
input[type="file"]::file-selector-button {
  border: 1px solid #666;
  padding: 0.5rem 1rem;
  background-color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  margin-right:1rem;
  cursor:pointer;
  font-size:0.9rem !important;
}
input[type="file"]::file-selector-button:hover { background:#ccc; }
                                   

* { font-size: 16px;  margin:0; padding:0; color:#222;  }

header, .s35, #reg h4 { font-family: "Playfair Display", serif !important;   }

body { font-family: "Roboto Condensed", sans-serif; background:#ffffff; }

.lb-caption { display: none !important;}
.goButton { background-color: #252c4e; background-repeat: no-repeat;   display: table;  margin: 2rem auto; -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); padding: 1rem 4rem; font-size: 1.3rem !important; font-weight: 300;}


#cpBox { font-size:0.7rem;  margin:auto 0px 0px 0px; width:100%; bottom:0px; position: fixed; text-align:center; color:#FFFFFF; background-color:#000000; padding:5px; z-index:999999;}
#cpBox a { color:#FFFFFF; font-size:0.7rem;}
.cpBoxClose { cursor:pointer; color:#FFFFFF; text-decoration:underline;}
.cpBoxClose:hover { color:#CCCCCC;}

 

a {color: #fff; text-decoration: none;}
a:hover { color: #bbb; opacity: 0.7; transition: 1s;}



.swiper {
    width: 100%;
    height: calc(85vh - 4rem);
    position: relative;
    min-height:600px;
  }
  
  

.label {  background-color: rgba(41, 56, 125, 0.2) !important; position: absolute;      left: 50%;
    top: 50%;
    transform: translate(-50%,-50%); z-index: 2; display: flex; width: 100%; height: 100%; padding-bottom: 0vh;  justify-content: center; align-items: center; flex-direction:column;} 
.label h2 { text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); text-align: center; color: #ffffff; font-size: 3.5rem; text-transform: uppercase; font-weight: 400; margin: 1rem auto;}
.label p { text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); text-align: center; color: #ffffff; font-size: 1.8rem; font-weight: 400; text-transform: uppercase;  } 
.label p:nth-child(3) { font-size: 3rem; }
.label span { display: block; font-size: 1.4rem;} 


.swiper-pagination { bottom: 1rem !important;  text-align: center !important; position:absolute !important; width:calc(100% - 4rem) !important; margin:2rem;}

.swiper-pagination-bullet { background: none !important; border: 1px solid #fff; border-radius: 0 !important;  }
.swiper-pagination-bullet-active { background: #fff !important;  }

.swiper-button-next,
.swiper-button-prev {

    right:10px;
    padding-right: 2rem;
    padding-top:1rem;
    color: rgb(255, 255, 255) !important;
    fill: rgb(255, 255, 255) !important;
    stroke: rgb(255, 255, 255) !important;
font-size: 10px;
}
.swiper-button-prev { padding-left: 2rem; }

.swiper-slide > div {  color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; background: rgba(126, 108, 83, 0.2);}

.s35 .goButton { border:1px solid #fff; background:none; font-family: "Roboto Condensed", sans-serif;}

.s1 {   background-image: url(/images/AdobeStock_371554855.jpg); background-size: cover; background-position: center center;}
.s2 {  background-image: url(/images/AdobeStock_395730481.jpg); background-size: cover; background-position: center center;}
.s3 {  background-image: url(/images/AdobeStock_459296472.jpg); background-size: cover; background-position: center center;}  




.phone { color: #ccc; font-size: 1.3rem; background-image: url(/images/phone.svg); background-position: left center; background-repeat: no-repeat; background-size: 1.3rem auto; padding-left: 2.5rem; line-height: 2rem; position: absolute; bottom: 1rem; right:5rem;}
.fb {  width: 1.3rem; height: 1.3rem; text-indent: -100rem; overflow: hidden; background-image: url(/images/fb.svg); background-position: left center; background-repeat: no-repeat; background-size: 100% auto;  position: absolute; bottom: 1.4rem; right:2rem;}

.logo { color: #252D4E; font-style: italic;  font-size: 3rem;  padding: 0.5rem; display: flex; justify-content: center; align-items: center; }
.logo img { filter: saturate(0.8); width: 6rem; height: auto; max-width: 250px; margin-right:0.7rem;  }

header { position:relative;   background-color: #fff;  padding: 1rem 2rem;  z-index: 9; width: calc(100% - 4rem); display: flex; align-items: center; justify-content: center;  height: auto; min-height: 100px; max-height: 15vh; }
header nav {  width: 100%;  display: flex; justify-content: flex-end;   }

header nav a { display: flex;  font-size: 1.5rem; margin: 0 1.5rem;  color: #252D4E; text-transform: lowercase;  }
header nav a:last-child { margin: 0 0 0 1rem;  }
header .sM {   display: flex; flex-direction: row; flex-direction: column; justify-content: center; margin-left:2rem; padding-top:0.5rem; }
header .sM  img {  width:1.3rem; height:auto; margin:0.3rem 0;} 
header button { background-color: rgba(0, 0, 0, 0.4) !important; position:fixed; transform: scale(0.7); top:0rem; left:0rem; z-index:9; display:none !important;}

.sk { background-image: url(/images/user.svg); background-position: 1rem center; background-repeat: no-repeat; background-size: 1.2rem auto; padding:1rem 2rem 1rem 3rem; border-left:0.5rem solid #252D4E; border-bottom:0.5rem solid #252D4E; position:absolute; font-size:1.2rem; right:2rem; bottom:-5rem; background-color: #4646B5; font-family: "Roboto Condensed", sans-serif; text-transform:uppercase;}

.panels { display: grid; grid-template-columns: 1fr 1fr 1fr; width: 100%; height: auto; min-height: 20vh; position: absolute; z-index: 9998; bottom: 0; left: 0; border-top: 1px solid #fff;}
.panels > div { padding: 0.5rem; color: #fff; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); font-size: 1.1rem; font-weight:300; text-align: center; text-transform: uppercase; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.panels > div strong { color: #fff; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); font-weight: 400; font-size: 1.4rem; }
.panels .p2 { border-left: 1px solid #fff; border-right: 1px solid #fff; }
.panels .p1 strong::before { content: ""; background-position: center top; background-image: url(/images/p1.svg); background-repeat: no-repeat; background-size: 3rem auto; display: block; width: 100%; height: 3rem; margin-bottom: 0.5rem; }
.panels .p2 strong::before { content: ""; background-position: center top; background-image: url(/images/p2.svg); background-repeat: no-repeat; background-size: 3rem auto; display: block; width: 100%; height: 3rem; margin-bottom: 0.5rem; }
.panels .p3 strong::before { content: ""; background-position: center top; background-image: url(/images/p3.svg); background-repeat: no-repeat; background-size: 3rem auto; display: block; width: 100%; height: 3rem; margin-bottom: 0.5rem; }



.linkedin { margin-top:0.3rem;}
.lang { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-right: 2rem; margin-left:1rem; }
.lang img { width:1.2rem; height:auto; border: 1px solid #ccc; }

.pdf  {  display: flex; align-items: center;   }



@keyframes ad {
    0% { bottom: 2rem; }
    50% { bottom: 3rem; }
    100% { bottom: 2rem;  }
  }

.ad { animation-name: ad; animation-duration: 1000ms;  animation-iteration-count: infinite; animation-timing-function: linear; z-index: 9999; bottom: 2rem; left: 50%; transform: translate(-50%,-50%); width: 20px; height: 15px; position: absolute; z-index: ;  background-image: url(/images/dy.svg); background-repeat: no-repeat; background-size: 100% auto; background-position: center center;}


.s47 { text-align: center; height: auto; min-height: 300px;    display:table; width:100%;  background-position: bottom; background-attachment: fixed; background-image: url(/images/IMG_20240603_082800.jpg); color: #333;  background-size: cover;  }
.s47 h2 { font-size: 2.2rem; text-transform: uppercase; font-weight: 400; padding-bottom: 0;}  
.s47 .list-wrap { padding:10rem 0 5rem 0;   background-color: rgba(188, 156, 101, 0.8); min-height: 300px; width: 100%;  display: table; flex-direction:column; align-items: center; justify-content: center;}
.s47 .list-wrap p:nth-of-type(1) { font-size: 1.2rem; margin-bottom: 1rem; padding: 2rem 4rem;}
.s47 ul { position: relative;   margin: 4rem 0; gap: 1rem;    display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: minmax(250px, 40vh);  padding: 0 2rem; }
.s47 ul li {  display: flex;  font-size: 1rem;  background-color: rgba(0, 0, 0, 0.9); background-image: url(/images/p4.svg); background-repeat: no-repeat; background-size: 4rem auto; background-position: center calc(50% - 1rem);    color: #fff;  display: flex; flex-direction:column; align-items: center; justify-content: center; padding: 3rem 2rem 2rem 2rem;}
.s47 ul li * { color: #BC9C65; text-transform: lowercase;}
.s47 ul li strong { color: #fff; display: block; font-size: 1.6rem; font-weight: 400; text-transform: uppercase;}     
.s47 ul li h3 { text-transform: uppercase; font-size: 2rem; font-weight: 400; padding-top: 6rem;}
     .s47 ul li:nth-of-type(2)  {  background-image: url(/images/p5.svg);  }
     .s47 ul li:nth-of-type(3)  {  background-image: url(/images/p6.svg); background-size: 3rem auto; }
     .s47 ul li:nth-of-type(4)  {  background-image: url(/images/p7.svg); background-size: 3rem auto; }
.s47 h3 { font-size:1.3rem !important;  text-transform: lowercase !important; color: #333333; font-family: "Roboto Condensed", sans-serif !important; margin: 1rem 0 1rem 0; }
.s47 p { font-size:1rem;  }
.s47 p:nth-of-type(1) { font-size: 1.8rem !important;  font-weight: 400; margin: 0 0 2rem 0 !important; padding: 0 !important;  }
.s47 p:nth-of-type(2) { font-size: 1.3rem; color: #fff; font-weight: 300;}
.s47 img { width: 8rem; height: auto;}
.s47 p, .s47 h2 { padding-left: 2rem; padding-right: 2rem;}





.s36 { background-image: url(/images/s2.jpg); background-attachment: fixed; background-size: cover; position: relative; background-position: center center; height: 100vh; display: table;}
.s36 .wrap {  width: 100%; height: 100%; padding: 2rem 0; display: flex; background: rgba(0, 0, 0, 0.6); align-items: center; justify-content: center; }
.s36 .wrap ul {   width: 80%; gap: 1rem; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; }
.s36 .wrap li {   font-size: 1.2rem; min-height: 200px; padding: 2rem; color: #000000; display: flex; flex-direction: column; justify-content: center; background-color: #FFCC00;  }
.s36 .wrap li h3 { text-transform: uppercase; margin-bottom: 1rem; color: #000000; font-size: 2rem; font-weight: 400;}
.s36 .wrap li:nth-child(2) h3 { color: #fff;}
.s36 .wrap li:nth-child(1) { grid-column: 2/3; grid-row: 1/2;}
.s36 .wrap li:nth-child(2) { grid-column: 1/2; grid-row: 2/3; color: #fff; background-color: #000000;}
.s36 .wrap li:nth-child(3) { grid-column: 2/3; grid-row: 3/4;}

.s37 { justify-content: space-between; align-items: center; background-color: #252c4e; color: #6A6A6A; display: flex; padding: 2rem;}
.s37 *{ color: #898b94; font-size:0.9rem;}
.s37 div img { width:6rem; height: auto; margin: auto 1rem auto auto; filter: brightness(0%) invert(100%); opacity: 0.3;   }
.s37 a { text-transform: lowercase;}
.s37 a:hover { color: #6A6A6A;}
.s37 .contact *{ color: #fff; text-align: left; center; font-size:1.2rem;  }
.s37 .contact { display: flex; align-items:  }
.s37 li { display: block;}

.s40 { min-height: 100vh; height: auto; padding: 2rem; display: grid; grid-template-columns: repeat( 3, minmax(250px, 1fr) ); grid-template-rows: repeat( 3, minmax(250px, 30vw) );}
.s40 > div { color: #000; }
.s40 > div:nth-child(5) {   grid-column: 2 / 4;  grid-row: 2 / 2;}
.s40 > div {  background-repeat: no-repeat;  background-position: center center; background-size: auto 3.5rem; font-size: 1.5rem; font-weight: 400; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 2rem; text-transform: uppercase;}

.s40 > div:nth-child(1), .s40 > div:nth-child(6), .s40 > div:nth-child(8) { background-color: #000; color: #FFFFFF;}
.s40 > div:nth-child(2), .s40 > div:nth-child(4), .s40 > div:nth-child(7) { background-color: #FFCC00; color: #000;}
.s40 > div:nth-child(3) { background-color: #333; color: #fff;}
.s40 > div:nth-child(5) { align-items: baseline; background-image: url(/images/siatka.jpg); background-size: cover; background-attachment: fixed;}
.s40 > div:nth-child(5) h2 { color: #FFCC00; font-size: 2rem; font-weight: 400; margin-bottom: 2rem;}
.s40 > div:nth-child(5) h2 span { color: #FFCC00; display: block; font-size: 1.5rem; font-weight: 400;}
.s40 > div:nth-child(5) p { text-transform: none; margin-bottom: 1rem;}

.s40 > div:nth-child(1) { align-items: baseline;}
.s40 > div:nth-child(1) p:nth-child(1) { color: #FFCC00; font-size: 3rem; margin-bottom: 2rem; }
.s40 > div:nth-child(1) p:nth-child(2) { color: #fff; font-size: 1.3rem; }

.s40 > div:nth-child(2) { background-image: url(/images/automotive.svg);  padding-top: 10rem; font-weight: 600;}
.s40 > div:nth-child(3) { background-image: url(/images/meblowa.svg); background-size: auto 3.2rem;  padding-top: 10rem; font-weight: 600;}
.s40 > div:nth-child(4) { background-image: url(/images/medyczna.svg);  padding-top: 10rem; font-weight: 600;}
.s40 > div:nth-child(6) { background-image: url(/images/rolnicza.svg);  padding-top: 10rem; font-weight: 600;}
.s40 > div:nth-child(7) { background-image: url(/images/drogowej.svg);  padding-top: 10rem; font-weight: 600;}
.s40 > div:nth-child(8) { background-image: url(/images/grzewcza.svg);  padding-top: 10rem; font-weight: 600;}

.s41 { background-color: #000; min-height: 100vh; height: auto; display: grid; grid-template-columns: 50% 50%; }
.s41 a, .s41 > div { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem;}
.s41 a { background-image: url(/images/_p3.jpg); background-size: cover; background-attachment: fixed; }
.s41 > div img { width: 18rem; height: auto; margin-bottom: 2rem;}
.s41 > div h2 { color: #FFCC00; font-size: 4rem; font-weight: 400; text-transform: uppercase;}
.s41 > div h2 span { font-size: 2rem; display: block;}


.uM { min-height: 100vh; height: auto; padding: 2rem; gap:2rem; display: grid; grid-template-columns: repeat( 3, minmax(250px, 1fr) ); grid-template-rows: repeat( 3, minmax(100px, 15vw) );}
.uM a {  font-size: 1.2rem; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #4E4333 !important; color: #eee; padding: 1rem; text-transform: uppercase; text-align: center;}
.uM a:nth-of-type(even) {
    background-color: #BC9C65 !important; color: #eee;
}
.uM a:hover { opacity: 0.6 !important;}
.uM a strong { color: #fff;  font-size: 1.8rem; font-weight: 400;}

.pagination { display: flex; justify-content: center; align-items: center; padding: 2rem 1rem;}
.pagination li { display: block; margin: 0 1rem;}
.pagination li a { text-decoration: none;}
.pagination .active { background: #333; padding: 1rem; }
.pagination .active a {color:#fff;}


.wrap-text, .wrap-text2 {  display: block; height: auto; margin: 0rem 2rem 2rem 2rem; padding-bottom:2rem;}
.wrap-text * {  font-size: 1.2rem; color:#252c4e;}
.wrap-text strong { font-size:1.5rem; color: #777; font-weight: 600; font-family: "Playfair Display", serif !important;}
.wrap-text > strong { color:#3d487d !important; }
.wrap-text p, .wrap-text2 p { margin-bottom:2rem;}
.wrap-text ul, .wrap-text ol  { padding-left:3rem; margin-bottom:1rem;  display:table;}
.wrap-text ul li, .wrap-text ol li { font-size: 1.2rem;  }
.wrap-text > p:first-of-type {
   font-weight: 600; font-size:1.8rem;  font-family: "Playfair Display", serif !important;
}

h1 { font-family: "Playfair Display", serif !important; position:relative;  color: #252D4E !important;  text-transform: uppercase; display: flex; margin: 0 0 4rem 0; background-repeat: no-repeat;  padding: 4rem 0; justify-content: center; align-items: center;   font-weight: 300;  font-size: 1.8rem;}
h1::before{ opacity: 0.4;  margin:0; content:''; background:#ccc; width:100%; height:100%; position:absolute; z-index:-1; background-image: url(/images/AdobeStock_395730481.jpg); background-attachment: fixed; background-position: center bottom; background-size: cover;  }

/*
.textBox { height: auto; min-height: 300px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: minmax(300px, auto);  margin: 0 4rem 6rem 4rem;}
.textBox > div { background-color: #4E4333; padding: 4rem; display: flex; flex-direction: column; justify-content: center; height:auto; }
.textBox img { width: 100%; height: 100%; object-fit: cover;}
.textBox p { margin: 1rem 0 1rem 0;}
.textBox * { font-size: 1.3rem; color: #eee;}
*/

.textBox { height: auto; min-height: 300px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: minmax(350px, auto);  margin: 0 4rem 4rem 4rem;}
.textBox > div { background-color: #252c4e; padding: 4rem; display: flex; flex-direction: column; justify-content: center; }
.textBox img { width: 100%; height: 100%; object-fit: cover;}
.textBox p { margin: 1rem 0 1rem 0;}
.textBox * { font-size: 1.3rem; color: #eee;}
iframe {  width: 100% !important; height: 100% !important;}
.con img {width: 2rem; height: auto;}
.con { text-align: center;}

.textBox2 { margin: 0 2rem 6rem 2rem; background-color: #eee; padding: 0 0 2rem 0; }
.textBox2 * { color: #444; font-size: 1.2rem;}
.textBox2 p { margin-bottom: 1rem; padding: 0.5rem 2rem;}
.textBox2 strong {  color: #69573c; font-weight: 400; font-size: 2rem; padding-top: 1.5rem; padding-bottom: 0; display: table;  }
.textBox2 img { filter:  saturate(1.1) contrast(130%) ; object-fit: cover; width: 50%; height: 80vh; border-left: 1rem solid #fff; border-right: 1rem solid #fff; border-bottom: 1rem solid #fff; border-top: 0; }
.textBox2 .right {  float: right; margin: 0 0 2rem 2rem; }
.textBox2 .left {  float: left; margin: 0 2rem 2rem 0; }
.textBox2 ul { margin: 2rem 2rem 3rem 2rem; padding-left: 2rem; }
.textBox2 ul li p { font-size: 1.1rem; padding: 0 ; }



.s44 { text-align: center; height: 15vh; min-height: 15rem; position: relative;   display:table; width:100%; background-position: center center; background-attachment: fixed;  background-image: url(/images/IMG_20211029_112553.jpg); color: #fff;   background-size: cover;  }
.s44::after {  content: ""; top:0; left:0; background-color: rgba(0, 0, 0, 0.2); position: absolute; width: 100%; height: 100%; }

.s42 { text-align: center; height: auto; min-height: 300px; position: relative;   display:table; width:100%; background-position: bottom; background-attachment: fixed; background-image: url(/images/s2.jpg); color: #fff;   background-size: cover;  }
.s42 .list-wrap { padding:2rem 0;  background-position: center 3.5rem;  background-color: rgba(93, 80, 61, 0.8); min-height: 150px; width: 100%; height: calc(100vh - 4rem);  display: flex; flex-direction:column; align-items: center; justify-content: center;}
.s42 .list-wrap p:nth-of-type(1) { text-transform: uppercase; font-weight: 600; font-size: 2rem; margin-bottom: 1rem;}
.s42 .goButton { text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border: 1px solid #fff;  background-color: none; margin-bottom: 0; }
.s42 h3::before { content: ""; background-position: center top; background-image: url(/images/h1.svg); background-repeat: no-repeat; background-size: 3rem auto; display: block; width: 100%; height: 3rem; }
.s42 h3 { font-size: 3rem; margin-bottom: 2rem; text-transform: uppercase; font-weight: 400; font-size: 2rem;}
.s42 p { font-size:1rem !important; text-transform: none !important; font-weight: 400 !important; text-align: center; padding: 0 4rem; }

.s38 h2 { display: table; margin: 3rem auto 0 auto; background-repeat: no-repeat; background-size: 2rem auto; padding-left: 3rem; background-position: left center; color: #FFCC00; background-image: url(/images/h2.svg); font-weight: 400; text-transform: uppercase; font-size: 2rem;}




.s39 h2 {  text-transform: lowercase; display: table; margin: 0rem auto 2rem auto;  padding-top: 5rem;  color: #4F4F4F;  font-weight: 400;  font-size: 2.5rem;}
.s39 { padding: 2rem 0; background-color: #f2f2f2;}

.s43 { background-color: #1c223c; padding: 1rem 4rem; text-align: center; }
.s43 * { font-size: 1rem; color: #fff; }

main { height: 100vh; width: 100%; display: table;}

main * { color: #000000;}


.home * { color:#252c4e;}
.home {   position: relative; height: auto; min-height: 100vh; display: grid; width: calc(100% - 6rem); gap: 2rem; padding: 2rem;  grid-template-columns: 50% 50%;}
.home img { position:absolute; top:0; left:0;  width: 80%; height: 80%; max-height: 60vh; object-fit: cover;}
.home img:nth-child(2) { border-left:1rem solid #fff; border-top:1rem solid #fff; top:auto; left:auto; right:0; bottom:0; }
.home > div { display: flex; flex-direction: column; justify-content: center; }
.home p {font-size: 1.3rem; padding-bottom: 1rem;}
.home h2 { font-family: "Playfair Display", serif !important;  font-size: 3.5rem;  font-weight: 400; margin-bottom: 2rem;}
.home h2 span { font-size: 2rem; display:block;  }
.home .goButton { color:#fff; }



.more { display: table; margin: 3rem auto; border: 1px solid #fff; text-transform: uppercase; padding: 1rem 2rem; font-size: 1.5rem; color: #fff;}



.productsSlide2 {
    width: calc(100% - 4rem);
    height: 63vh;
    position: relative;
    min-height: auto !important;
    margin-top:1rem;
  }

.productsSlide2 .swiper-slide a { position:relative; color: #000;  display: flex; height: 60vh; -webkit-box-shadow: 4px 4px 7px -2px rgba(66, 68, 90, 0.55);
-moz-box-shadow: 4px 4px 7px -2px rgba(66, 68, 90, 0.55);
box-shadow: 4px 4px 7px -2px rgba(66, 68, 90, 0.55);  }
.productsSlide2 .swiper-slide a strong { z-index:2; font-family: "Playfair Display", serif !important; bottom:0; position:absolute; font-size: 1.5rem; color: #252D4E; font-weight:600; width: calc(100% - 2rem); height: 30%; padding: 1rem; display: flex; align-items: center; justify-content: center; background-color: #fff; }
.productsSlide2 .swiper-slide a img { width: 100%; height: 70%; object-fit: cover;}
.productsSlide2 a::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position:absolute;
  background-color: rgba(41, 56, 125, 0.2);
  z-index:1;
}

.logoBox { position:relative; transform: rotate(45deg); background:#fff; top:-3rem; position:absolute; width:6rem; height:6rem; }
.logoBox span { transform: rotate(-45deg); position:absolute; width:90%; height:90%; top:5%; left:8%;  background-position: center center; background-image: url(/images/logo.png); background-repeat: no-repeat; background-size: 100% auto; }

.u53 .logoBox span { background-image: url(/images/logo1.png); }
.u54 .logoBox span { background-image: url(/images/logo2.png); }
.u55 .logoBox span { background-image: url(/images/logo3.png); }
.u56 .logoBox span { background-image: url(/images/logo4.png); }
.u57 .logoBox span { background-image: url(/images/logo5.png); }  

//.productsSlide img, .productsSlide2 img  { width: 100% !important; object-fit:cover; max-height: 40vh; overflow: hidden;   height: auto !important;}
//.productsSlide .swiper-slide, .productsSlide2 .swiper-slide { text-align: center !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important;}
//.productsSlide .swiper-slide strong, .productsSlide2 .swiper-slide strong { position: relative; font-weight: 400; display: block; width: 85%; margin:0 auto; white-space: nowrap !important;  overflow: hidden !important; text-transform: uppercase !important; font-size: 1.5rem !important;}


.productsSlide .swiper-button-next,
.productsSlide .swiper-button-prev,
.productsSlide2 .swiper-button-next,
.productsSlide2 .swiper-button-prev
{
    top: var(--swiper-navigation-top-offset,45%) !important;
    right:0px;
    padding: 10px;
    color: rgb(255, 255, 255) !important;
    fill: rgb(255, 255, 255) !important;
    stroke: rgb(255, 255, 255) !important;
    background-color:#4646b5 !important;
font-size: 10px;
}

.productsSlide2 .swiper-button-prev, .productsSlide .swiper-button-prev { left:0px; }

.s46 {  background-color: #f2f2f2;  position: relative; height: auto; min-height: 40vh;  width: calc(100% - 4rem);  padding: 2rem;  }
.s46 img {  width: 100%; height: 100%; object-fit: cover;}
.s46 a { position:relative; }
.s46 strong { justify-content: center; align-items: center; display:flex; background-color: rgba(41, 56, 125, 0.8); color:#fff; min-height:20vh; font-weight:400; font-size:2rem; width:calc(100% - 4rem); padding:2rem; position:absolute; bottom:4px; left:0;}
.s46 h2 {
  display: table;
  margin: 0rem auto 2rem auto;
  background-repeat: no-repeat;
  background-size: 4rem auto;
  padding-top: 5rem;
  background-position: center top;
  font-family: "Playfair Display", serif !important; 
  color: #252D4E;
  background-image: url(/images/logo.png);
  font-weight: 400;
  font-size: 2.5rem;
}
.s46 .goButton { margin: 0rem auto 0rem auto; }





.productsSlide .swiper-slide { height:92%; -webkit-box-shadow: 4px 4px 7px -2px rgba(66, 68, 90, 0.55);
-moz-box-shadow: 4px 4px 7px -2px rgba(66, 68, 90, 0.55);
box-shadow: 4px 4px 7px -2px rgba(66, 68, 90, 0.55); }




.articles {  display: grid; grid-template-columns: 1fr 1fr ;  grid-auto-rows: minmax(200px, 70vh); gap: 1rem;}
.articles a { position: relative;}
.articles a:hover img { opacity: 0.5; transition: 0.5s;}
.articles img {  width: 100%; height: 100%; object-fit: cover;}
.articles strong { justify-content: center;
  align-items: center;
  display: flex;
  background-color: rgba(41, 56, 125, 0.8);
  color: #fff;
  min-height: 10vh;
  font-weight: 400;
  font-size: 2rem;
  width: calc(100% - 4rem);
  padding: 2rem;
  position: absolute;
  bottom: 0;
  left: 0; }
.article .big { display: table; margin: 0 0 2rem 2rem; width:50%; float:right; height: auto;}

.bigImage { display: table; margin: 0 0 2rem 2rem; width:50%; float:right; height: auto;}

.productsSlide .swiper-button-next,
.productsSlide .swiper-button-prev
{
    top: var(--swiper-navigation-top-offset,40%) !important;
    right:0px;
    padding: 10px;
    color: rgb(255, 255, 255) !important;
    fill: rgb(255, 255, 255) !important;
    stroke: rgb(255, 255, 255) !important;
    background-color:#4646b5 !important;
font-size: 10px;
}



.products {  display: grid; grid-template-columns: 1fr 1fr 1fr;  grid-auto-rows: minmax(200px, 50vh); gap: 1rem;}
.products a { position: relative;}
.products a:hover img { opacity: 0.5; transition: 0.5s;}
.products img {  width: 100%; height: 100%; object-fit: cover;}
.products strong { justify-content: center;
  align-items: center;
  display: flex;
  background-color: rgba(41, 56, 125, 0.8);
  color: #fff;
  min-height: 10vh;
  font-weight: 400;
  font-size: 2rem;
  width: calc(100% - 4rem);
  padding: 2rem;
  position: absolute;
  bottom: 0;
  left: 0; }

.product h3 { color: #FFCC00; font-weight: 400; text-transform: uppercase; font-size: 1.5rem; margin-bottom: 1rem; }
.product .dis { background-color: #eee; padding: 3rem 3rem 2rem 3rem; color: #333;}
.product .dis * { color: #333; }    
.product .price { text-align: right; padding: 1.5rem;}
.product .big { display: table; margin: 0 0 2rem 2rem; width:50%; float:right; height: auto;}
.product  ul { margin: 1rem 2rem;}

.gallery { margin:1rem 0 1rem 0;  height: auto; padding: 0; gap:1rem; display: grid; grid-template-columns: repeat( 3, minmax(250px, 1fr) ); grid-auto-rows: minmax(250px, 20vw);}
.gallery a { position: relative;}
.gallery a:hover img { opacity: 0.5; transition: 0.5s;}
.gallery img {  width: 100%; height: 100%; object-fit: cover;}


main .contact { text-align: center; padding: 0 4rem;}
main .contact .info { color: #aaa; font-size: 0.7rem; margin: 2rem 0;}
main .contact p { color: #333; margin-bottom: 1rem; margin-left: -2rem;}
main .contact strong { color: #333; text-transform: uppercase;}

.contact { text-align: center;}
.contact h3 { color: #555; text-transform: uppercase; font-size: 1.5rem; font-weight: 400; margin-bottom: 2rem; }
.contact iframe { width: 100%; height: auto; min-height: 350px; margin-bottom: 3rem;}
.contact img { width: 190px; height:auto; margin-bottom: 1rem; }

.contact-head { display: grid; grid-template-columns: 1fr 1fr; height: auto; min-height: 50vh;}
.contact-head div { display: flex; flex-direction: column; padding: 2rem;}
.contact-head div:nth-child(1) { background-color: #eee; justify-content: center; }
.contact-head div:nth-child(1) img { width:80%; max-width:350px; height:auto; display:table; margin:1rem auto;}
.contact-head div:nth-child(2) { background: #FFCC00;   justify-content:center; align-items:baseline;}
.contact-head h2 { text-align: left; color:#666; text-transform: uppercase; font-size: 3rem; border-bottom: 3px solid #FFCC00; padding-bottom: 2rem;}
.contact-head h2 span { text-align: left; display: block; color:#666; text-transform: uppercase; padding: 1rem 1rem 1rem 0; font-size: 1.5rem;}
.contact-head .nip { text-align: center; color:#444; margin-top:1rem; font-size: 0.85rem;}
.contact-head div:nth-child(2) img { width:1rem; height:auto; vertical-align:middle;  padding:0; margin:0 0 5px;}


.contact-items { gap:1rem; display: grid; grid-template-columns: 1fr 1fr 1fr; height: auto; min-height: 30vh; margin:3rem 0;}
.contact-items div {justify-content:center; align-items:center; background:#000; display: flex; flex-direction: column; padding: 2rem;}
.contact-items div * { color:#fff; text-align:center:}
.contact-items h3 { text-transform: uppercase; }
.contact-items div a { text-transform: lowercase; margin-top:1rem; font-size:0.9rem; border:1px solid #fff; padding:1rem 2rem;}

.uOList { margin: 1rem; overflow-x: auto; height: auto; min-height: 50vh;}
.uOList table {width: 100%; min-width: 250px; }
.uOList table td, .uOList table th { border-bottom: 1px solid #333; text-align: center; padding: 1rem 0.5rem;}
.uOList table tr:last-child td { border:none;}
.uOList table th { text-transform: lowercase; font-weight: 400; color: #666;}
.uOList table td { text-transform: lowercase; }

.nO { text-align:center; display:block; line-height:10rem;  font-size:1.2rem; color:#666;}

.discount button, input[type=text], input[type=password], input[type=submit], select, textarea { background-color: #fff; margin: 1rem 0; min-width: 250px; max-width: 350px; width: 100%; border: 1px solid #333; padding: 0.5rem 1rem;}
input[type=submit], .discount button { background-color:#252c4e;; color: #fff; border: 0; cursor: pointer; font-size: 1.2rem; padding: 1rem 2rem;}
input[type=checkbox] { margin-top:1rem; margin-left:1rem;  width: 1rem; height: 1rem; -moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	outline: none;
	content: none;	}

    input[type=checkbox]:before {
        content: " ✔";
        color: transparent !important;
        background: #fff;
        display: block;
        width: 1rem;
        height: 1rem;
        border: 1px solid black;
        line-height: 0.9rem;
        text-indent: 0.1rem;
        cursor: pointer;
    } 
    
    input[type=checkbox]:checked:before {

        color: black !important;
    }    

#loginUser *, #pr * { font-size: 1.2rem;}
#loginUser, #pr {  min-height: 50vh; height:auto;  padding: 1rem; display: flex; flex-direction: column; justify-content: center; align-items: center; }
#loginUser p, #pr p { display: flex; flex-direction: column; justify-content: center; align-items: center; }
#rC:hover { opacity: 0.5; cursor: pointer;  }

#pr textarea { width:600px; height:50vh;}


#reg { padding: 1rem;}
#reg h4 { color: #000a25; font-size: 2rem; font-weight: 400; margin: 0  auto 2rem auto; }
#reg p { display: grid; grid-template-columns: minmax(150px, 250px) minmax(150px, 350px) minmax(150px, 250px);   }
#reg .score-wrap { max-width: calc(600px + 2rem); width: 100%;  display: table !important;}
#reg p label { padding: 1rem;  display: flex; align-items: center; justify-content: end;}
#reg p label strong {color: red !important;}
#reg p {  margin: 0; padding: 0;}
#reg > div { padding: 1rem;}
#reg .user, #reg .firm { background-color: #ccc;}
#reg #strength_score { display:table; border:1px solid #333; width:150px; padding:0.5rem 1rem; font-size:0.6rem; color:#333333; margin:auto 0 auto auto; }
 .error { color:red;  }
#reg .isFirm input { margin: auto 1rem; }
#reg .tiny { margin-left: 265px; font-size: 0.8rem; display:block; }
#reg input[type=checkbox] { margin-right: 1rem;  }
#reg .tiny .error { margin-right: 2rem;}
#reg input[type=submit] { margin-left: 250px; }
#reg .userEmail {  display: flex; color: #777; justify-content:baseline; align-items: center;}
#reg b { color:red !important;}
#reg i { color:#333; line-height:3rem;}

#userMenu { display: flex; padding: 2rem 1rem 0 0; margin: 1rem; border-bottom: 2px solid #002584;}
#userMenu li { display: block; margin-right: 1rem;}
#userMenu a { font-size: 1.2rem; display: table; padding: 0.5rem 1rem; background-color: #888; color: #fff; text-transform: lowercase; text-decoration: none;}
#userMenu .this { background-color: #002584;}



@media only screen and (max-width: 1366px) {
    * { font-size: 15px;  }
}

@media only screen and (max-width: 1280px) {
    * { font-size: 14px;  }
}

@media only screen and (max-width: 1152px) {
    * { font-size: 13px;  }
}

@media only screen and (max-width: 1024px) {
    * { font-size: 12px;  } 
      
    .bigImage, .article .big, .product .big { display: table; margin: 1rem auto; width:100%; float:none; height: auto;}

.uploadFile { display: flex; align-items: center; justify-content: center; flex-direction: column;}    

   

    .sk { background-image: url(/images/user.svg); background-position: 0.7rem center; background-repeat: no-repeat; background-size:0.8rem auto; padding:0.5rem 1rem 0.5rem 2rem; border-left:0.3rem solid #252D4E; border-bottom:0.3rem solid #252D4E; position:absolute; font-size:1rem; right:0.5rem; bottom:-3rem; background-color: #4646B5; font-family: "Roboto Condensed", sans-serif; text-transform:uppercase;}
    header button {  display:table !important; }
    header nav {  border-radius: 0; padding:0; display: flex; flex-direction: column;   min-height:300px; align-items: center; justify-content: center; position:fixed; z-index:8 !important; background: rgb(0,0,0, 0.9); width:100%; height:100vh; top:0; right:0px;  }
    header nav a { color:#fff; padding:1rem !important; text-align:center; padding:0;}
    header nav a:last-child { margin: 0  1rem;  }
    header nav { display:none;}

    .s45 *, .home *, .s46 * { text-align: center !important;}

    .s45 {   position: relative; height: auto; min-height: 60vh; display: grid; width: calc(100% - 4rem); gap: 2rem; padding:4rem 2rem;  grid-template-columns: 1fr;}
    .s45 > div{ order: -1;}
    .s45 img {  max-height: 40vh; }

    .home {   padding:  2rem 2rem 2rem 3rem;  min-height: 300px; position: relative; height: auto;    color: #222; display: grid; gap: 0; grid-template-columns: 1fr ; grid-auto-rows: auto; }
    .home > div:nth-child(1)  {  display:none;}

     .s37 ul  {  display:none;}
    
    .s47 ul { position: relative;   margin: 4rem 0; gap: 1rem;    display: grid; grid-template-columns: repeat(2, 1fr);  grid-auto-rows:  minmax(250px, 30vh);  padding: 0 2rem; }

    .label h2 {  font-size: 2.5rem; }
    .label p {  font-size: 1.5rem;   } 
    .label span {  font-size: 1.2rem;} 

    .s35 .swiper-button-prev, .s35 .swiper-button-next { display: none;}

    .phone, .textBox2 img { display: none;}

    .s37 *{  font-size:0.75rem;}

    .fb {  width: 1.8rem; height: 1.8rem; }
    .uM {   grid-template-columns: repeat( 1, minmax(250px, 1fr) ); grid-template-rows: none; grid-auto-rows: minmax(100px, 15vw);}
    .textBox {  grid-template-columns: 1fr ; grid-template-rows: minmax(350px, auto);  } 
    .textBox > div { order: -1; }  

    .products {  display: grid; grid-template-columns: 1fr 1fr ;  grid-auto-rows: minmax(200px, 50vh); gap: 1rem;}
    .gallery { margin:1rem 0 1rem 0;  height: auto; padding: 0; gap:1rem; display: grid; grid-template-columns: repeat( 2, minmax(250px, 1fr) ); grid-auto-rows: minmax(250px, 20vw);}
    #reg p { grid-template-columns: 1fr;   }
    #reg p label { padding: 1rem;  display: block; }
    #reg #strength_score {  margin:auto auto auto 0; }
    #reg .tiny { color:#666; margin-left: 0px; margin-top:1rem; font-size: 0.8rem;}
    #reg input[type=submit] { margin-left: 0; }
.discount button, input[type=text], input[type=password],  select, textarea { background-color: #fff; margin: 1rem 0; min-width: 150px; max-width: 350px; width: calc(100% - 2rem); border: 1px solid #333; padding: 0.5rem 1rem;}
}


@media only screen and (max-width: 800px) {
    * { font-size: 11px;  }
    .products {  display: grid; grid-template-columns: 1fr  ;  grid-auto-rows: minmax(200px, 50vh); gap: 1rem;}
    .articles {  display: grid; grid-template-columns: 1fr  ;  grid-auto-rows: minmax(200px, 50vh); gap: 1rem;}
    .gallery { margin:1rem 0 1rem 0;  height: auto; padding: 0; gap:1rem; display: grid; grid-template-columns: repeat( 1, minmax(250px, 1fr) ); grid-auto-rows: minmax(250px, 20vw);}


}