@import url("https://fonts.googleapis.com/css2?family=Jost&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@300&display=swap"); * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
font-size: 10px;
text-transform: uppercase;
font-family: 'Jost', sans-serif;
max-width: 100vw;
}
li {
list-style: none;
display: inline-block;
}
a {
text-decoration: none;
color: black;
}
div.wrapper {
width: 100%;
margin: 0 auto;
}
i {
color: rgb(0, 253, 173);
}
.cc-window.cc-floating {
text-transform: none;
} nav.top {
position: fixed;
height: 130px;
display: flex;
width: 100%;
z-index: 10; opacity: 1;
top: 0;
left: 0;
}
a.wszystkie {
position: absolute;
right: 137px;
}
nav.top ul.sub-menu {
flex-direction: column;
position: fixed;
top: 130px;
display: none;
}
nav.top ul.sub-menu li {
height: 50px;
}
nav.top ul.sub-menu li a {
line-height: 50px;
font-size: 1.2rem;
}
nav.top ul.sub-menu.active-sub {
display: flex;
}
li#menu-item-270 {
width: 100%;
}
ul.sub-menu li {
border: none;
max-width: 100%;
}
div.menu {
width: 70%;
height: 100%;
}
div.logo a {
width: 300px;
height: 300px;
}
div.logo {
width: 30%;
height: 100%;
position: relative;
z-index: 20;
border: 1px solid white;
border-color: rgb(255, 255, 255, 0.2);
background-color: rgba(57, 67, 73, .9);
}
div.logo-container {
background-image: url(https://sdzelbet.pl/wp-content/themes/head-theme/img/logo.png);
width: 70%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
color: white;
background-size: contain;
margin: 0 auto;
position: relative;
z-index: 22;
opacity: 1;
}
.top ul {
width: 70%;
display: flex;
align-items: center;
background-color: rgba(57, 67, 73, .9);
box-shadow: 11px 18px 38px 0px rgba(39, 34, 24, .75);
}
.top ul li a {
font-size: 1.6rem;
color: white;
line-height: 128px;
text-align: center;
width: 100%;
letter-spacing: 1px;
}
.top ul li {
flex-wrap: nowrap;
border: 1px solid white;
border-left: none;
width: 100%;
display: flex;
border-color: rgba(255, 255, 255, .2);
}
.top ul li:hover {
opacity: .9;
background-color: rgba(143, 161, 157, .9);
color: white;
}
.top ul li:last-child {
width: 50%;
}
.top ul li:nth-last-child(2) {
width: 200%;
}
span.i {
margin-right: 10px;
} nav.top2 {
display: none;
}
div.logo2 {
display: none;
}
div.hamburger {
position: fixed;
width: 80%;
height: 100%;
background-color: rgb(41, 55, 65);
top: 0;
left: -90%;
display: block;
z-index: 10;
transition: .5s linear;
}
div.hamburger-offer {
position: fixed;
width: 80%;
height: 450px;
background-color: rgb(41, 55, 65);
top: 0;
left: -90%;
margin-top: 99px;
z-index: 101;
transition: .5s linear;
}
div.hamburger.active {
left: 0;
} div.firstPic { height: 1000px;
background-position: center; background-repeat: no-repeat;
background-size: cover;
filter: saturate(1.5);
}
div.slid {
background-position: center;
background-size: cover;
position: absolute;
left: 0;
top: 0;
background-repeat: no-repeat;
opacity: 0;
max-width: 100%;
overflow: hidden;
}
div.firstOverLay {
width: 100%;
height: 100%;
position: relative;
}
.descriptionFirst {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.descriptionFirst h2 {
font-size: 3.7rem;
color: rgb(0, 253, 173);
font-weight: 300;
padding-bottom: 30px;
text-align: center;
letter-spacing: 2px;
transition: 1s;
text-shadow: 2px 3px 3px rgba(32, 26, 15, 0.39);
}
.descriptionFirst h3 {
font-size: 2.1rem;
color: rgb(200, 205, 208);
line-height: 200%;
text-align: center;
letter-spacing: 2px;
font-weight: 400;
transition: 1s;
text-shadow: 2px 3px 3px rgba(32, 26, 15, 0.39);
}
button.offer {
background-color: rgb(0, 253, 173);
text-transform: uppercase;
border: none;
position: absolute;
top: 70%;
left: 50%;
transform: translate(-50%, -50%);
width: 200px;
height: 40px;
}
span.gt {
color: rgb(0, 253, 173);
font-family: FontAwesowe;
font-weight: 900;
}
button {
padding: 5px 10px;
font-size: 1.3rem;
font-family: 'Jost', sans-serif;
color: rgb(48, 62, 75);
font-weight: 600;
padding: 10px 10px;
letter-spacing: 2px;
cursor: pointer;
}
div.products {
display: flex;
width: 100%;
justify-content: space-around;
position: absolute;
bottom: 0;
height: 222px;
}
div.prod {
width: 33.333%;
overflow: hidden;
}
div.products h4 {
color: white;
font-weight: 400;
font-size: 1.7rem;
letter-spacing: 1px;
text-align: center;
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
h4.prod {
cursor: pointer;
}
h4.prod1 {
width: 250px;
}
h4.prod2 {
width: 170px;
}
h4.prod3 {
width: 170px;
}
p.num {
text-align: left;
padding-left: 3px;
font-size: 1.3rem;
font-weight: 100;
transition: 1s;
}
p.num:nth-of-type(1) {
padding-left: 10px;
}
h4::after {
content: "";
width: 40px;
height: 1px;
background-color: white;
position: absolute;
bottom: -15px;
left: 5px;
margin-top: 10px;
transition: 1s;
}
h4.prod.special::after {
width: 150px;
background-color: rgb(0, 253, 173);
}
div.check i {
position: absolute;
width: 30px;
height: 30px;
color: rgb(48, 62, 75);
background-color: rgb(0, 253, 173);
line-height: 30px;
text-align: center;
font-size: 15px;
}
div.check i {
left: 50%;
top: 800%;
transform: translate(-50%, -50%);
} div.offer {
height: 100px;
background-image: url(https://sdzelbet.pl/wp-content/themes/head-theme/img/offer.png);
position: relative;
}
div.offerOver {
background-image: url(https://sdzelbet.pl/wp-content/themes/head-theme/img/offeroverlay.png);
height: 100px;
opacity: .1;
}
p.offer {
text-align: center;
line-height: 100px;
font-family: 'Jost', sans-serif;
font-size: 3.5rem;
opacity: .8;
color: black;
transform: translateY(-100%);
letter-spacing: 3px;
}
div.tit {
height: 100px;
background-image: url(https://sdzelbet.pl/wp-content/themes/head-theme/img/offer.png);
position: relative;
margin-top: 130px;
display: flex;
align-items: center;
justify-content: center;
}
div.titOv {
background-image: url(https://sdzelbet.pl/wp-content/themes/head-theme/img/offeroverlay.png);
height: 100px;
opacity: .1;
}
p.tit {
text-align: center;
line-height: 100px;
font-family: 'Jost', sans-serif;
font-size: 3.5rem;
opacity: .8;
color: black;
transform: translateY(-100%);
letter-spacing: 3px;
}
div.offerPhoto {
display: flex;
justify-content: start;
opacity: 1;
position: relative;
background-color: rgb(101, 115, 130);
}
div.offerPhoto div {
width: 33.333%;
height: 900px;
}
div.offerPhoto div.up { height: 100%;
width: 100%;  transition: 0.5s;
}
div.offerPhoto div.up:hover {
background-color: rgb(153, 163, 172);
filter: saturate(1);
opacity: 0.65;
}
div.offerPhoto div.up2 {
opacity: .6;
filter: saturate(2);
}
div.offer1 { background-repeat: no-repeat;
background-size: cover;
width: 100%;
background-position: left; opacity: 1;
}
div.offer2 { background-position: center;
background-repeat: no-repeat;
background-size: cover; opacity: 1;
}
div.offer3 { background-position: center;
background-repeat: no-repeat;
background-size: cover; opacity: 1;
}
div.overlayOffer {  }
h3.offer {
color: white;
font-size: 3.3rem;
font-weight: 300;
letter-spacing: 2px;
text-align: center;
width: 78%;
max-width: 318px;
position: absolute;
left: 50%;
transform: translateX(-50%);
text-align: center;
}
h3.offer:hover div.up {
background-color: rgb(153, 163, 172);
filter: saturate(1);
}
h3.offer::after {
content: "";
width: 55%;
height: 2px;
background-color: rgb(108, 122, 136);
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
margin-top: 10px;
}
h3.offer::before {
content: "";
width: 30%;
height: 2px;
background-color: rgb(0, 253, 173);
position: absolute;
bottom: -20px;
z-index: 11;
left: 50%;
margin-top: 10px;
transform: translateX(-50%);
}
section.offer-section {
position: relative;
overflow: hidden;
}
div.forOffer1 {
width: 33.333%;
position: absolute;
left: 0%;
top: 50%;
height: 50px;
transform: translateY(-50%);
}
div.forOffer2 {
width: 33.333%;
position: absolute;
left: 33.33%;
top: 50%;
transform: translateY(-50%);
height: 50px;
}
div.forOffer3 {
width: 33.333%;
position: absolute;
left: 66.666%;
top: 50%;
transform: translateY(-50%);
height: 50px;
}
div.icon1 {
background-image: url(https://sdzelbet.pl/wp-content/themes/head-theme/img/icon1.png);
height: 70px;
width: 100px;
background-repeat: no-repeat;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -133%;
}
div.icon2 {
background-image: url(https://sdzelbet.pl/wp-content/themes/head-theme/img/icon2.png);
height: 70px;
width: 100px;
background-repeat: no-repeat;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -133%;
}
div.icon3 {
background-image: url(https://sdzelbet.pl/wp-content/themes/head-theme/img/icon3.png);
height: 100px;
width: 100px;
background-repeat: no-repeat;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -160%;
} section.about { display: flex;
}
div.aboutText {
width: 33.333333%;
height: auto;
}
div.aboutDesc {
position: relative;
}
.aboutDesc h3 {
color: rgb(52 52 52) !important;
font-size: 3rem;
font-weight: 500;
letter-spacing: 3px;
width: 90%;
line-height: 200%;
margin: 40px auto;
}
.aboutDesc p {
width: 90%;
margin: 0 auto;
text-transform: none;
font-size: 1.7rem;
font-weight: 500;
text-align: justify;
}
button.about {
background-color: rgb(0, 253, 173);
text-transform: uppercase;
border: none;
position: relative;
width: 180px;
height: 40px;
left: 50%;
transform: translateX(-50%);
bottom: -40px;
}
button.about a {
padding: 5px 10px;
font-size: 1.5rem;
font-family: 'Jost', sans-serif;
color: rgb(48, 62, 75);
font-weight: 600;
padding: 10px 10px;
letter-spacing: 3px;
}
div.aboutPhoto {
background-image: url(https://sdzelbet.pl/wp-content/themes/head-theme/img/as-head.jpg);
width: 66.666666%;
background-size: cover;
position: relative;
}
div.aboutLogo {
height: 90px;
min-width: 320px;
width: 42%;
position: absolute;
bottom: 0px;
left: 0px;
background-color: white;
}
div.logo-container2 {
background-image: url(https://sdzelbet.pl/wp-content/themes/head-theme/img/logo-about.png);
width: 70%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
color: white;
background-size: contain;
margin: 0 auto;
}
span.about {
font-weight: 900;
} div.realization-photos {
height: 640px;
background-image: url(https://sdzelbet.pl/wp-content/themes/head-theme/img/realization-photo.jpg);
background-repeat: no-repeat;
background-size: cover;
}
button.rel {
background-color: rgb(0, 253, 173);
text-transform: uppercase;
border: none;
position: relative;
width: 180px;
height: 40px;
right: -68%;
top: -171px;
}
button.rel a {
padding: 5px 10px;
font-size: 1.5rem;
font-family: 'Jost', sans-serif;
color: rgb(48, 62, 75);
font-weight: 600;
padding: 10px 10px;
letter-spacing: 3px;
}
div.check-real i {
position: relative;
width: 30px;
height: 30px;
color: rgb(48, 62, 75);
background-color: rgb(0, 253, 173);
line-height: 30px;
text-align: center;
font-size: 15px;
}
div.check-real i {
right: -81%;
top: -165px;
display: none;
} section.realization-container {
height: calc(16.6666vw*3 + 100px);
width: 100%;
background-color: rgb(255, 255, 255);
position: relative;
}
section.realization-container2 {
height: calc(16.6666vw*2);
width: 100%;
background-color: rgb(255, 255, 255);
position: relative;
}
section.realization-container a.fancy img,
section.realization-container2 a.fancy img {
width: 100%;
height: 100%;
object-fit: cover;
}
section.realization-container a.fancy,
section.realization-container2 a.fancy {
width: 16.666666%;
height: 16.666666vw;
}
div.photos-real-container {
background-color: rgb(41, 55, 65);
display: flex;
}
div.photos-real-container {
height: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start;
}
div.real {
float: left;
width: 25%;
height: 100%;
}
div.real:hover {
opacity: 0.7;
}
div.real.active {}
div.row-real-0,
div.row-real-1,
div.row-real-2 {
height: 33.3333%;
}
div.real {
overflow: hidden;
}
div.real div {
transition: .5s;
}
div.zoom-real {
display: none;
}
div.zoom-real.active-real {
position: fixed;
display: block;
left: 50%;
top: 45%;
width: 90%;
height: 500px;
transform: translate(-50%, -50%);
z-index: 10;
filter: blur(0);
animation: gallery-move 3s linear;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
div.real div:hover {
opacity: 0.6;
}
div.real div.zoom-real:hover {
width: 90%;
opacity: 1;
}
div.close-rel {
display: none;
}
div.close-rel.active:hover {
opacity: .7;
}
div.close-rel.active {
display: block;
position: fixed;
top: 5%;
right: 5%;
width: 30px;
height: 30px;
background-color: rgb(41, 60, 70);
z-index: 11;
color: white;
cursor: pointer;
padding-left: 5px;
}
div.close-rel.active i {
color: white;
font-size: 25px;
line-height: 30px;
text-align: center;
}
.pagination-real {
position: absolute;
bottom: 3%;
left: 50%;
transform: translateX(-50%);
width: 22%;
display: flex;
justify-content: center;
height: 46px;
}
.pagination-real a {
color: rgb(48, 62, 75);
float: left;
padding: 10px 18px;
text-decoration: none;
border: 1px solid #ddd;
font-size: 1.7rem;
height: 46px;
}
.pagination-real a.active {
background-color: rgb(0, 253, 173);
;
color: rgb(48, 62, 75);
border: 1px solid rgb(0, 253, 173);
}
.pagination-real a:hover:not(.active) {
background-color: rgb(0, 253, 173);
} section.real-gallery { width: 100%;
background-color: rgb(255, 255, 255);
position: relative;
}
.pagination a {
padding: 9px 14px;
position: relative;
}
div.gallery-real-container a.fancy img {
width: 100%;
height: 100%;
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
}
div.gallery-real-container a.fancy {
height: 100%;
width: 100%;
position: relative;
}
div.gallery-real-container {
height: auto;
display: flex;
align-content: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
div.real {
width: 16.666666%;
height: 16.666666vw;
display: flex;
align-content: center;
justify-content: center;
}
div.real {
display: flex;
justify-content: center;
align-items: center;
} p.copywright { }
footer {
height: 520px;
display: flex;
}
div.wrapfooter {
width: 50%;
position: relative;
}
div.wrapfooter {
background-image: url(https://sdzelbet.pl/wp-content/themes/head-theme/img/footer-back.png);
background-color: rgb(41, 55, 65);
margin-top: 0;
height: 520px;
background-repeat: no-repeat;
background-position: 100% 100%;
}
p.copywright-con {
width: auto;
position: relative;
bottom: 10px;
right: 0;
text-transform: none;
font-size: 1.7rem;
padding: 10px 10px;
font-family: 'Jost', sans-serif;
font-weight: 500;
color: rgb(200, 205, 208);
text-align: right;
}
div.mapleft {
width: 50%;
}
div.mapleft img {
width: 100%;
display: flex;
}
div.map {
width: 100%;
height: auto;
background-image: url(https://sdzelbet.pl/wp-content/themes/head-theme/img/mapa.png);
background-position: center;
}
div.wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
position: relative;
width: 100%;
}
.mapouter {
position: relative;
text-align: right;
width: 100%;
height: 418px;
}
.gmap_canvas {
overflow: hidden;
background: none !important;
width: 100%;
height: 418px;
}
iframe {
width: 100%;
height: 470px;
}
div.contact {
width: 100%;
display: flex;
justify-content: space-around;
font-size: 1.8rem;
color: rgb(200, 205, 208);
text-transform: none;
line-height: 200%;
}
div.contact-logo {
width: 100%;
height: 130px;
background-size: contain;
background-repeat: no-repeat;
padding-top: 20px;
margin-top: 59px;
position: relative;
}
div.col2 p.info6,
div.col2 p.info5 {
font-size: 1.8rem;
color: rgb(200, 205, 208);
text-transform: none;
line-height: 200%;
}
div.contact p.info1 {
text-transform: uppercase;
font-weight: 900;
}
p.info5 i {
margin-right: 10px;
}
p.info6 i {
margin-right: 10px;
width: 18px;
height: 18px;
color: rgb(0, 253, 173);
}
button.contact {
background-color: rgb(0, 253, 173);
text-transform: uppercase;
border: none;
width: 250px;
height: 40px;
margin-top: 30px;
}
button {
font-size: 1.3rem;
font-family: 'Jost', sans-serif;
color: rgb(48, 62, 75);
font-weight: 600;
padding: 10px 10px;
letter-spacing: 2px;
}
div.col1,
div.col2 {
border-left: 1px solid rgba(255, 255, 255, .1);
padding-left: 50px;
}
p.copywright {
position: absolute;
bottom: 0px;
right: 0;
text-transform: none;
font-size: 1.7rem;
padding: 10px 10px;
font-family: 'Jost', sans-serif;
font-weight: 500;
color: rgb(200, 205, 208);
text-align: right;
} section.offer-section2 {
display: flex;
width: 100%; }
div.offer2-pic {
background-image: url(https://sdzelbet.pl/wp-content/themes/head-theme/img/offer3.png);
width: 33.3333%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
div.overlayoffer2 {  height: 100%;
}
div.offer2-desc {
background-color: white;
width: 66.66666%;
text-align: justify;
}
h2.title-offer {
font-size: 3rem;
color: #black;
font-weight: 500;
line-height: 300%;
width: 95%;
margin: 0 auto;
padding-top: 10px;
text-transform: initial;
}
p.offer2a,
p.offer-bold {
text-transform: none;
font-size: 1.6rem;
color: rgb(19, 29, 39);
width: 95%;
margin: 0 auto;
}
span.offer2a {
font-weight: 900;
}
p.offer-bold {
font-weight: 900;
line-height: 200%;
padding-top: 20px;
}
ul.offer2-list {
text-transform: none;
font-size: 1.6rem;
color: rgb(19, 29, 39);
width: 95%;
margin: 0 auto;
padding-top: 20px;
line-height: 150%;
}
ul.offer2-list li {
display: block;
}
span.list-gt {
color: rgb(0, 253, 173);
font-weight: 800;
font-size: 2rem;
padding-right: 10px;
font-family: 'jost';
} section.cert-gallery {
height: calc(16.6666vw*2 + 100px);
width: 100%;
background-color: rgb(255, 255, 255);
position: relative;
}
.pagination a {
padding: 9px 14px;
position: relative;
font-weight: 900
}
div.pagination a.jp-next::after {
font-family: 'Font Awesome 5 Free';
content: "\f105";
font-size: 17px;
font-weight: 900 left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-align: center;
position: absolute;
}
div.pagination a.jp-previous::after {
font-family: 'Font Awesome 5 Free';
content: "\f104";
font-size: 17px;
font-weight: 900 left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-align: center;
position: absolute;
}
div.gallery-container a.fancy img {
width: 70%;
height: 60%;
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
object-fit: contain;
}
div.gallery-container a.fancy {
height: 100%;
width: 100%;
position: relative;
}
div.gallery-container {
height: auto;
}
div.gallery-container {
height: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start;
}
div.cert {
width: 20%;
height: 20vw;
display: flex;
align-content: center;
justify-content: center;
float: left;
}
section.cert-gallery div.pagination {
display: none;
}
div.cert {
display: flex;
justify-content: center;
align-items: center;
}
div.cert0,
div.cert2,
div.cert4,
div.cert7,
div.cert9,
div.cert11 {
background-color: rgb(244, 244, 244);
}
.pagination {
position: absolute;
bottom: 3%;
left: 50%;
transform: translateX(-50%);
width: 100%;
display: flex;
justify-content: center;
}
.pagination a {
color: rgb(48, 62, 75);
float: left;
padding: 10px 18px;
text-decoration: none;
border: 1px solid #ddd;
font-size: 1.7rem;
}
.pagination a.active {
background-color: rgb(0, 253, 173);
color: gb(48, 62, 75);
border: 1px solid rgb(0, 253, 173);
}
.pagination a.jp-current {
background-color: rgb(0, 253, 173);
}
.pagination a:hover:not(.active) {
background-color: rgb(0, 253, 173);
}
div.cert img {
transition: .5s;
}
div.zoom-cert {
display: none;
}
div.zoom-cert.active-cert {
position: fixed;
display: block;
left: 50%;
top: 50%;
width: 80%;
height: 50%;
transform: translate(-50%, -50%);
z-index: 10;
filter: blur(0);
animation: gallery-move 3s linear;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
div.cert img:hover {
opacity: 0.6;
}
div.zoom-cert.active-cert:hover {
opacity: 1;
}
div.close {
display: none;
}
div.close.active {
display: block;
position: fixed;
top: 15%;
right: 10%;
width: 30px;
height: 30px;
background-color: rgb(41, 55, 65);
cursor: pointer;
color: white;
z-index: 11;
padding-left: 5px;
}
div.close.active i {
color: white;
font-size: 25px;
line-height: 30px;
text-align: center;
}   section.about-factory { display: flex;
background-color: transparent;
}
div.firstPic2 {
height: 130px;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 30;
background-color: #1a2a2b;
}
div.firstOverLay2 {
background-color: rgba(40, 52, 66, .75);
width: 100%;
height: 100%;
position: relative;
}
div.about-wrapper {
width: 95%;
margin: 0 auto;
}
div.photo { width: 33.33333%;
background-size: cover;
opacity: 1;
position: relative;
background-size: cover; }
div.about-fac-text {
width: 66.6666%;
background-color: white;
text-align: justify;
height: auto;
}
div.about-fac-text p {
text-align: justify;
}
div.about-fac-text h2 {
font-size: 3rem;
color: #black;
font-weight: 500;
line-height: 150%;
width: 95%;
margin: 0 auto;
padding-top: 10px;
text-align: left;
padding-top: 30px;
text-transform: initial;
}
div.about-fac-text p:nth-of-type(1) {
text-transform: none;
font-size: 1.6rem;
color: rgb(19, 29, 39);
padding-top: 10px;
}
div.about-fac-text p:nth-of-type(2) {
text-transform: none;
font-size: 1.6rem;
color: rgb(19, 29, 39);
padding-top: 10px;
}
div.about-fac-text p:nth-of-type(3) {
text-transform: none;
font-size: 1.6rem;
color: rgb(19, 29, 39);
padding-top: 10px;
}
div.about-fac-text ul li {
display: block;
text-transform: none;
font-size: 1.6rem;
color: rgb(19, 29, 39);
padding-top: 20px;
line-height: 100%;
} section.realization2 {
height: 770px;
background-color: white;
}
div.realization2-photo {
background-image: url(https://sdzelbet.pl/wp-content/themes/head-theme/img/realization-photo.jpg);
height: 700px;
background-size: cover;
background-repeat: no-repeat;
} section.contact {
background-color: white;
height: 800px;
display: flex;
}
div.wrapfooter2 {
background-image: url(https://sdzelbet.pl/wp-content/themes/head-theme/img/footer-back.png);
background-color: white;
margin-top: 0;
height: 800px;
background-repeat: no-repeat;
background-position: 100% 100%;
width: 66.666666%;
display: flex;
}
div.map2 {
width: 33.3333333%;
height: 100%;
background-image: url(https://sdzelbet.pl/wp-content/themes/head-theme/img/mapa.png);
background-position: center;
}
.mapouter2 {
position: relative;
text-align: right;
width: 100%;
height: 800px;
}
.gmap_canvas2 {
overflow: hidden;
background: none !important;
width: 100%;
height: 800px;
}
iframe {
width: 100%;
height: 800px;
}
div.contact2 {
width: 50%;
display: flex;
font-size: 1.8rem;
color: rgb(19, 29, 39);
text-transform: none;
line-height: 200%;
flex-direction: column;
align-content: center;
font-weight: 700;
padding: 0 auto;
}
div.contact2 h3,
div.form h3 {
text-transform: uppercase;
font-size: 2.6rem;
color: rgb(170, 191, 184);
font-weight: 500;
padding-top: 50px;
padding-bottom: 50px;
}
div.contact2 p.info4 {
padding-bottom: 20px;
position: relative;
}
div.contact2 p.info4::after {
content: "";
height: 1px;
width: 100px;
background-color: rgba(108, 122, 136, .5);
position: absolute;
left: 0;
bottom: 0;
}
div.contact2 div.contact-logo::before {
content: "";
height: 1px;
width: 100px;
background-color: rgba(108, 122, 136, .5);
position: absolute;
left: 0px;
bottom: 168px;
}
div.contact2 p.info5 {
padding-top: 40px;
}
div.contact2wrapper {
width: 80%;
margin: 0 auto;
}
div.contact2 p.info1 {
text-transform: uppercase;
}
div.contact2 p.copywright {
padding-bottom: 0;
bottom: -35px;
}
div.form {
width: 50%;
height: 800px;
}
input[type=text],
input[type=email],
input[type=tel],
select,
textarea {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical
}
input[type=submit] {
background-color: rgb(0, 253, 173);
text-transform: uppercase;
border: none;
width: 200px;
height: 40px;
font-size: 1.8rem;
font-weight: 500;
font-family: 'Jost', sans-serif;
color: rgb(48, 62, 75);
}
input[type=submit]:hover {
background-color: #45a049;
}
label {
color: black;
font-size: 1.4rem;
font-weight: 900;
}
div.formwrapper {
width: 90%;
}
div.contact2 p.copywright-con {
position: relative;
bottom: 0;
right: 0;
text-transform: none;
font-size: 1.7rem;
padding: 10px 10px;
font-family: 'Jost', sans-serif;
font-weight: 500;
color: rgb(200, 205, 208);
} @media(max-width: 1103px) {
div.logo {
width: 20%;
}
.top ul {
width: 80%;
}
.top ul li:nth-last-child(2) {
width: 250%;
}
div.check i {
top: 500%;
left: 50%;
transform: translateX(-50%);
}
.container {
height: 500px;
}
section.realization2 {
height: 470px;
}
div.realization2-photo {
height: 410px;
}
div.cert {
width: 25%;
height: 25vw;
}
div.real {
width: 25%;
height: 25vw;
}
section.realization-container2 a.fancy {
width: 25%;
height: 25vw;
}
div.cert0,
div.cert2,
div.cert5,
div.cert7,
div.cert8,
div.cert10 {
background-color: rgb(244, 244, 244);
}
div.cert4,
div.cert9,
div.cert11 {
background-color: white;
}
}
@media(max-width: 1050px) {
p.copywright {
font-size: 1.5rem;
bottom: 5px;
}
}
@media(max-width: 1015px) {
button.about {
margin-top: 10px;
} }
@media(max-width: 1000px) {
p.copywright {
padding: 0 10px;
}
div.col1 p.info4 {
display: none;
}
}
@media(max-width: 900px) {
button.contact {
width: 200px;
font-size: 1.1rem;
}
div.col1,
div.col2 {
padding-left: 10px;
}
}
@media(max-width: 950px) {
section.offer-section {
height: 800px;
}
}
@media(max-width: 880px) {
h3.offer {
font-size: 3.0rem;
}
}
@media(max-width: 870px) {
div.tit {
height: auto;
min-height: 100px;
padding: 15px 10px;
}
h1.tit {
font-size: 2.2rem;
line-height: 1.3;
letter-spacing: 2px;
}
nav.top {
display: none;
}
nav.top2 ul.sub-menu {
display: none;
}
div.wrapper {
margin-top: 50px;
}
div.logo2 {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 30;
}
div.wrapper-offer {
display: none;
}
nav.top2 {
display: block;
position: fixed;
font-size: 30px;
width: 40px;
height: 40px;
background-color: rgb(41, 55, 65);
top: 10px;
right: 10px;
line-height: 40px;
text-align: center;
cursor: pointer;
z-index: 100;
}
div.hamburger-offer.active {
left: 0;
}
li.ret {
font-size: 2rem;
line-height: 50px;
text-align: center;
letter-spacing: 1px;
}
div.hamburger.active {
left: 0;
}
nav.top2 i {
padding-top: 5px;
}
div.logo2 {
width: 100%;
height: 130px;
border: none;
background-color: rgb(41, 55, 65);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
div.firstPic2, div.firstOverLay2 {
display: none;
}
div.logo-mobile-container {
height: 80px;
background-image: url(https://sdzelbet.pl/wp-content/themes/head-theme/img/logo.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 80%;
margin: 0 auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.top2 ul,
div.hamburger-offer ul {
width: 78vw;
display: flex;
flex-direction: column;
}
.top2 li,
div.hamburger-offer li {
border-bottom: 1px solid rgba(255, 255, 255, .1);
height: 50px;
display: block;
text-align: center;
transition: 0.5s;
}
.top2 li:nth-of-type(1),
div.hamburger-offer li:nth-of-type(1) {
border-top: 1px solid rgba(255, 255, 255, .1);
}
.top2 ul li a {
font-size: 2rem;
color: white;
line-height: 40px;
text-align: center;
width: 100%;
letter-spacing: 1px; color: white;
}
div.hamburger-offer li a {
font-size: 1.5rem;
color: white;
line-height: 50px;
text-align: center;
width: 100%;
letter-spacing: 1px; color: white;
}
div.hamburger-offer li a, div.hamburger-offer li.ret i {
display: flex;
align-content: flex-end;
justify-content: flex-end;
padding-right: 30px;
text-align: left;
line-height: 50px;
}
div.hamburger-offer li.ret i {
padding-right: 100px;
}
.top2 ul li:last-child,
div.hamburger-offer li:last-child {
width: 100%;
}
.top2 ul li:nth-last-child(2),
div.hamburger-offer li:nth-last-child(2) {
width: 100%;
}
}
@media(max-width: 850px) {
.top ul li:nth-last-child(2) {
width: 280%;
}
.top ul li:nth-child(1) {
width: 120%;
}
}
@media(max-width: 845px) {
button.about {
margin-top: 5px;
}
}
@media(max-width: 860px) {
div.realization-photos {
height: 450px;
}
}
@media(max-width: 790px) {
button.about {
margin-top: 0px;
}
}
@media(max-width: 770px) {
h3.offer {
font-size: 2.6rem;
}
}
@media(max-width: 760px) {
div.offer1,
div.offer2,
div.offer3 {
width: 100%;
}
section.offer-section {
flex-wrap: wrap;
}
}
@media(max-width: 750px) {
section.offer-section {
height: 750px;
}
footer {
flex-direction: column;
height: 900px;
}
div.map {
width: 100%;
height: 400px;
}
iframe {
height: 490px;
}
.gmap_canvas {
height: 400px;
}
div.mapleft {
width: 100%;
}
div.wrapfooter {
width: 100%;
position: relative;
height: 100%;
}
div.wrapfooter2 {
width: 100%;
}
.descriptionFirst h3 {
width: 500px;
}
div.products {
justify-content: space-around;
}
h4::after {
left: 10px;
}
div.prod1 {
padding-left: 5px;
}
section.about-factory {
flex-direction: column; height: auto; min-height: 0;
}
div.wrapper2 {
display: none;
}
div.about-fac-text {
order: 1;
text-transform: none;
font-size: 1.6rem;
color: rgb(19, 29, 39);
padding-top: 10px;
}
div.photo,
div.photo-over {
width: 100%;
height: 400px; order: 2; }
.container {
height: 500px;
}
.row {
display: flex;
flex-wrap: wrap;
}
.column {
width: 33.333%;
overflow: hidden;
}
div.wrapper2 {
height: 800px;
}
}
@media(max-width: 735px) {
.aboutDesc p {
font-size: 1.3rem;
line-height: 130%;
}
div.close.active {
top: 8%;
z-index: 11;
}
div.cert {
width: 33.33333%;
height: 33.3333vw;
}
div.cert0,
div.cert2,
div.cert4,
div.cert6,
div.cert9 {
background-color: rgb(244, 244, 244);
}
div.cert5,
div.cert7,
div.cert9,
div.cert11 {
background-color: white;
}
div.real {
width: 33.33333%;
height: 33.3333vw;
}
section.realization-container2 a.fancy {
width: 33.33333%;
height: 33.3333vw;
}
}
@media(max-width: 720px) {
div.wrapper-offer {
height: 540px;
}
}
@media(max-width: 710px) {
div.offer2-desc {
width: 100%;
}
div.offer2-pic {
width: 100%;
height: 500px;
}
div.wrapper-offer {
height: 1000px;
}
section.offer-section2 {
height: 1200px;
}
div.wrapfooter2 {
width: 100%;
}
p.num {
display: none;
}
.aboutDesc p {
font-size: 1.4rem;
line-height: 120%;
}
div.firstPic {
height: 90vh;
}
.descriptionFirst {
top: 35%;
}
.descriptionFirst h2 {
font-size: 3.7rem;
}
.descriptionFirst h3 {
font-size: 2.2rem;
line-height: 200%;
}
button.offer {
top: 65%;
}
div.prod h4 {
font-size: 1.4rem;
}
div.prod1 h4 p.num {
padding-left: 20px;
}
div.prod1 h4::after {
left: 15px;
}
section.realization2 {
height: 400px;
position: relative;
}
div.wrapper-rel {
height: 400px;
overflow: hidden;
}
div.realization2-photo {
height: 240px;
}
section.contact {
flex-direction: column;
width: 100%;
}
div.map2 {
width: 100%;
}
section.offer-section2 {
flex-direction: column-reverse;
justify-content: flex-end;
}
}
@media(max-width: 700px) {}
@media(max-width: 670px) {
h3.offer {
font-size: 2.3rem;
}
}
@media(max-width: 600px) {
.aboutDesc h3 {
font-size: 2.4rem;
}
}
@media(max-width: 650px) {
button.rel {
display: none;
}
div.check-real i {
display: block;
}
}
@media(max-width: 620px) {
h3.offer {
font-size: 1.9rem;
}
}
@media(max-width: 620px) {
div.aboutLogo {
min-width: 100px;
}
h4.prod1 {
width: 100px;
}
h4.prod2 {
width: 100px;
}
h4.prod3 {
width: 100px;
}
h4::after {
bottom: -10px;
left: 0px;
}
}
@media(max-width: 550px) {
div.contact2, div.form {
width: 100%;
display: flex;
align-content: center;
flex-wrap: wrap;
justify-content: center;
}
}
@media(max-width: 540px) {
p.copywright-con {
font-size: 1.5rem;
}
}
@media(max-width: 500px) {
p.num {
display: block
}
section.offer-section {
height: 600px;
}
div.offer2-pic {
width: 100%;
}
div.offer2-desc {
width: 100%;
}
div.close-rel.active {
top: 11%;
}
div.firstPic {
height: 90vh;
}
div.prod1 h4 p.num {
padding-left: 10px;
}
nav.top2 {
right: 10px;
top: 10px;
}
div.products h4 {
font-size: 1.1rem;
text-align: left;
}
h4.prod1 {
width: 100px;
}
h4.prod2 {
width: 100px;
}
h4.prod3 {
width: 100px;
}
h4::after {
bottom: -10px;
left: 0px;
}
div.prod h4 {
text-align: center;
}
button.offer {
top: 62%;
}
h4::after {
left: 50%;
transform: translateX(-50%);
}
p.num {
position: relative;
left: 30%;
width: 10px;
}
h4.special::after {
width: 60px;
}
.descriptionFirst {
top: 36%;
}
.descriptionFirst h3 {
width: 300px;
}
.descriptionFirst h2 {
font-size: 1.8rem;
padding-bottom: 60px;
}
.descriptionFirst h3 {
font-size: 1.6rem;
line-height: 200%;
}
h3.offer {
width: 300px;
font-size: 1.4rem;
}
div.offerPhoto {
flex-direction: column;
}
div.offerPhoto div {
width: 100%;
height: 200px;
}
section.offer-section {
position: relative;
}
div.offer1 {
background-image: url(https://sdzelbet.pl/wp-content/themes/head-theme/img/offer1-min.png);
}
div.forOffer1 {
width: 100%;
height: 200px;
left: 0;
top: 0;
transform: translateY(0%);
}
div.forOffer2 {
width: 100%;
height: 200px;
left: 0;
top: 33.333%;
transform: translateY(0%);
}
div.forOffer3 {
width: 100%;
height: 200px;
left: 0;
top: 66.666%;
transform: translateY(0%);
}
h3.offer {
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
}
div.icon1,
div.icon2,
div.icon3 {
top: 7%;
left: 50%;
transform: translateX(-50%);
width: 90px;
height: 90px;
background-size: contain;
background-position: center;
}
div.icon3 {
top: 4%;
}
div.check {
display: none;
}
section.about {
flex-direction: column;
height: 1000px;
justify-content: space-between;
}
div.aboutText {
width: 100%;
padding-bottom: 70px;
}
div.aboutPhoto {
height: 400px;
width: 100%;
}
div.aboutLogo {
bottom: 0;
height: 30px;
}
.aboutDesc h3 {
font-size: 2.8rem;
width: 95%;
text-align: center;
line-height: 200%;
}
.aboutDesc p {
font-size: 1.5rem;
width: 95%;
line-height: 150%;
}
button.about {
margin-top: 10px;
}
div.realization-photos {
height: 118px;
background-size: cover;
}
section.offer-section2 {
flex-direction: column;
height: 1000px;
}
h2.title-offer {
font-size: 3rem;
padding-top: 20px;
padding-bottom: 20px;
text-transform: initial;
}
div.wrapper2 {
height: 800px;
}
section.realization2 {
height: 300px;
}
div.wrapper-rel {
height: 300px;
}
div.realization2-photo {
height: 150px;
}
div.prod1 h4::after {
left: 45px;
}
div.offer2-desc {
width: 100%;
}
div.offer2-pic {
width: 100%;
height: 500px;
}
div.wrapper-offer {
height: 1150px;
}
section.offer-section2 {
height: 1600px;
flex-direction: column-reverse;
}
div.close.active {
top: 12%;
}
}
@media(max-width: 470px) {}
@media(max-width: 430px) {
section.about-factory {
height: 1500px;
}
}
@media(max-width: 400px) {
input[type=submit] {
width: 150px;
}
section.offer-section2 {
height: 1500px;
flex-direction: column-reverse;
}
div.wrapfooter2 {
width: 100%;
}
h2.title-offer {
font-size: 2.8rem;
line-height: 150%;
}
p.offer2a {
font-size: 1.5rem;
}
}
@media(max-width: 370px) {
div.close-rel.active {
top: 10%;
}
p.info5 i,
p.info6 i {
display: none;
}
}
@media(max-height: 1000px) {
div.real div.active-real {
height: 70vh;
}
div.real div.active-real:hover {
width: 90%;
opacity: 1;
}
} body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: rgb(30, 30, 30);
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden; display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide::before {
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image::before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(.5, 0, .14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-ms-transform-origin: top left;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-video,
.fancybox-iframe {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
} .fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
} .fancybox-button {
background: rgba(30, 30, 30, .6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
} .fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998;
} .fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
} .fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
} .fancybox-caption {
background: linear-gradient(to top,
rgba(0, 0, 0, .85) 0%,
rgba(0, 0, 0, .3) 50%,
rgba(0, 0, 0, .15) 65%,
rgba(0, 0, 0, .075) 75.5%,
rgba(0, 0, 0, .037) 82.85%,
rgba(0, 0, 0, .019) 88%,
rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}
}
.fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
} .fancybox-loading {
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@keyframes fancybox-rotate {
100% {
transform: rotate(360deg);
}
} .fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, .25, 1);
} .fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translate3d(0, 0, 0);
} .fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
} .fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(.5, .5, .5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1);
} .fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
} .fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
} .fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translate3d(0, 0, 0) scale(1);
} @media all and (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right));
}
}
} .fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
} .fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, .1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: '';
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .2s cubic-bezier(.25, .46, .45, .94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
opacity: .5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1;
} @media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
}  .bdp-post-title a {
text-decoration: none !important;
border-bottom: 0px !important;
font-family: 'Jost' !important;
font-size: 22px !important;
}
.bdp-post-short-content {
margin-bottom: 15px;
font-size: 15px;
text-transform: lowercase;
}
.bdp-readmorebtn {
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
text-decoration: none !important;
color: #000;
border: 1px solid #000;
padding: 8px 15px;
font-size: 13px;
display: inline-block;
box-sizing: border-box;
line-height: normal !important;
cursor: pointer;
background-color: #a8c0b6;
}
.bdp-readmorebtn:hover, .bdp-readmorebtn:focus {
background: rgb(0, 253, 173);
color: black;
}
element.style {}
.bdp-post-image-bg img {
display: inline-block;
max-width: 100%;
height: 355px;
object-fit: cover;
}
h1.tit {
font-weight: 500;
text-align: center;
line-height: 100px;
font-family: 'Jost', sans-serif;
font-size: 3.5rem;
opacity: .8;
color: black;
letter-spacing: 3px; }
div.contact2 h3, div.form h3 {
text-transform: uppercase;
font-size: 2.6rem;
color: rgb(52 52 52);
font-weight: 500;
padding-top: 50px;
padding-bottom: 50px;
}
.nwe-description h2 {
font-size: 3rem;
color: rgb(52 52 52);
font-weight: 500;
line-height: 150%;
width: 95%;
margin: 0 auto;
padding-top: 10px;
text-align: left;
padding-top: 30px;
text-transform: initial;
}
.new-description h3 {
color: #464646;
font-size: 20px;
font-family: 'jost';
margin-top: 15px;
margin-bottom: 5px;
text-transform: initial;
}
.new-description p {
text-transform: none;
font-size: 1.6rem;
color: rgb(19, 29, 39);
padding-top: 10px;
}
.new-description a {
color: #009d1b;
}
.new-description a:hover {
color: #009d1b;
}
.new-description a:visited {
color: #009d1b;
}
@media (max-width:991px) {
div.about-fac-text {
width: 98.6666%;
!important background-color: white;
text-align: justify;
height: auto;
margin: 0 0 auto;
}
}
@media (max-width: 991px) {
div.hamburger-offer li a {
font-size: 1rem;
color: white;
line-height: 50px;
text-align: center;
width: 100%;
letter-spacing: 1px; color: white;
}
}
@media (min-width:991px) {
.mobile_onn {
display: none;
}
}
@media (max-width:991px) {
.wp-block-file {
display: none !important
}
.mobile_onn {
margin-top: 30px;
display: flex;
margin-bottom: -95px;
background-color: #293741;
padding: 10px;
text-align: center;
align-items: center;
justify-content: center;
align-content: center;
font-size: 20px;
color: white !important;
}
}