/*
 Name: Dobosz - Twoja słodycz
 Version:        1.0.0
*/
/*VARIABES*/
/*FONT*/
/* Font Bold */
@font-face {
  font-family: 'Borna';
  src: url('fonts/borna-bold-webfont.woff2') format('woff2'), url('fonts/borna-bold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
/* Font Regular */
@font-face {
  font-family: 'Borna';
  src: url('fonts/borna-regular-webfont.woff2') format('woff2'), url('fonts/borna-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/* Isidora sans Font Regular */
@font-face {
  font-family: 'Isidora Sans';
  src: url('fonts/IsidoraSans-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/*CUSTOM*/
body section {
  font-family: 'Borna';
}
@media (min-width: 767px) {
  nav {
    display: none!important;
  }
}
@media (max-width: 767px) {
  div.top-menu {
    display: none!important;
  }
}
.row-full {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
}
.img-full img {
  width: 100%;
}
.tight {
  max-width: 728px;
  margin: auto;
}
.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}
.row {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (min-width: 767px) {
  .row {
    flex-wrap: nowrap;
  }
}
.row > div {
  padding: 0;
}
@media (max-width: 767px) {
  .row > div {
    padding: 0 !important;
  }
}
.row .col-2dot4 {
  width: 20%;
}
@media (max-width: 767px) {
  .row .col-2dot4 {
    width: 50%;
  }
}
.row .col-3 {
  width: 25%;
}
@media (max-width: 767px) {
  .row .col-3 {
    width: 100%;
  }
}
.row .col-4 {
  width: 33.333%;
}
@media (max-width: 767px) {
  .row .col-4 {
    width: 100%;
    padding: 0 !important;
  }
}
.row .col-5 {
  width: 41.666%;
}
@media (max-width: 767px) {
  .row .col-5 {
    width: 100%;
  }
}
.row .col-6 {
  width: 50%;
}
@media (max-width: 767px) {
  .row .col-6 {
    width: 100%;
    padding: 0 !important;
  }
}
.row .col-7 {
  width: 58.333%;
}
@media (min-width: 767px) {
  .row .col-7 {
    width: 100%;
  }
}
.row .col-8 {
  width: 66.666%;
}
.row .col-8:nth-child(1) {
  padding-right: 40px;
}
.row .col-8:nth-child(2) {
  padding-left: 40px;
}
@media (max-width: 767px) {
  .row .col-8 {
    width: 100%;
    padding: 0 !important;
  }
}
.row .col-12 {
  width: 100%;
}
.desktop-only {
  display: none !important;
}
@media (min-width: 767px) {
  .desktop-only {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .mobile-only {
    display: none !important;
  }
}
section {
  max-width: 1200px;
  margin: auto;
}
/*TOP MENU*/
div.top-menu ul.menu-list {
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  padding: 20px 0;
  position: relative;
  justify-content: flex-end;
}
div.top-menu ul.menu-list::before {
  width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  content: '';
  background-color: #F2EAE3;
  z-index: -1;
}
div.top-menu ul.menu-list li.menu-item {
  padding: 10px 25px;
}
div.top-menu ul.menu-list li.menu-item a {
  font-family: "Isidora Sans";
  text-transform: uppercase;
}
div.top-menu ul.menu-list li.menu-item.special-button {
  background-color: #F0684E;
  border-radius: 30px;
}
div.top-menu ul.menu-list li.menu-item.special-button a {
  color: #FFF;
}

/*PAGE*/
.hero {
  height: calc(100vh - 80px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
}
.hero:before {
  width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  content: '';
  background-image: url(https://dobosz.pl/dist/img/twoja-slodycz/twoja-marka-baner.jpg);
  background-size: cover;
  background-position: center;
  z-index: -1;
}
.hero .hero-content {
  max-width: 815px;
}
.hero .hero-content h1 {
  font-size: 130px;
  color: #E6302C;
}
.hero .hero-content p {
  font-size: 47px;
  color: #FFF;
  max-width: 800px;
}
.hero .hero-content .circle-btn {
  background-color: #E6302C;
  box-shadow: 0 0 33px -4px #E6302C;
  position: absolute;
  bottom: 5%;
  left: calc(50% - 35px);
}
#o-nas .odkryj {
  position: relative;
  padding: 180px 0;
}
#o-nas .odkryj:before {
  width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  content: '';
  background-image: url(https://dobosz.pl/dist/img/twoja-slodycz/odkryj-mozliwosci-bg.jpg);
  background-size: cover;
  background-position: center right;
  z-index: -1;
}
@media (max-width: 767px) {
  #o-nas .odkryj:before {
    background-position: center;
  }
}
@media (max-width: 767px) {
  #o-nas .odkryj:before {
    padding: 50px 15px;
  }
}
#o-nas .odkryj > * {
  max-width: 800px;
}
#o-nas .odkryj h2 {
  color: #E6302C;
  font-size: 66px;
}
#o-nas .odkryj h3 {
  color: #E6302C;
  font-size: 36px;
  margin-top: 35px;
}
#o-nas .about-images {
  margin-top: 35px;
  gap: 25px;
}
#zaufali-nam h2 {
  color: #F9AF15;
  font-size: 44px;
}
#produkty h2 {
  color: #F9AF15;
  font-size: 44px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
#produkty .row {
  flex-wrap: wrap;
  align-items: stretch;
  gap: 10px;
  justify-content: center;
  width: 100%;
}
#produkty .row > .item {
  width: calc(50% - 20px);
  background-size: cover;
  background-position: center right;
  padding: 150px 35px 35px 35px;
  border-radius: 30px;
}
@media (max-width: 767px) {
  #produkty .row > .item {
    width: 100%!important;
    padding: 30px !important;
  }
}
#produkty .row > .item h3 {
  font-size: 24px;
}
#produkty .row > .item p {
  font-size: 16px;
  max-width: 270px;
}
#produkty .row > .item * {
  color: #FFF;
}
#produkty .row > .item:nth-child(1) {
  background-image: url(https://dobosz.pl/dist/img/twoja-slodycz/unikalnosc.jpg);
}
#produkty .row > .item:nth-child(2) {
  background-image: url(https://dobosz.pl/dist/img/twoja-slodycz/elastycznosc.jpg);
}
#produkty .row > .item:nth-child(3) {
  background-image: url(https://dobosz.pl/dist/img/twoja-slodycz/profesjonalizm.jpg);
}
#produkty .row > .item:nth-child(4) {
  background-image: url(https://dobosz.pl/dist/img/twoja-slodycz/bezpieczenstwo.jpg);
}
#slodka-oferta {
  position: relative;
  padding-top: 85px;
  padding-bottom: 85px;
  margin-top: 50px;
}
#slodka-oferta:before {
  width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  content: '';
  background-color: #F2F2F2;
  z-index: -1;
}
#slodka-oferta h2 {
  color: #E6302C;
  font-size: 44px;
  margin-bottom: 20px;
}
#slodka-oferta > p {
  max-width: 625px;
  margin: auto;
  text-align: center;
}
#slodka-oferta .offer-cards {
  margin: 150px 0;
  align-items: stretch;
  gap: 15px;
}
@media (max-width: 767px) {
  #slodka-oferta .offer-cards {
    gap: 0;
    margin: 90px 0!important;
  }
}
#slodka-oferta .offer-cards .offer-card {
  text-align: center;
  position: relative;
  background-color: #FFF;
  border-radius: 30px;
  padding: 15px;
}
@media (max-width: 767px) {
  #slodka-oferta .offer-cards .offer-card {
    width: 100%!important;
    margin-bottom: 15px;
    padding: 20px!important;
  }
}
#slodka-oferta .offer-cards .offer-card h3 {
  font-size: 20px;
  color: #E6302C;
  padding-top: 165px;
}
@media (max-width: 767px) {
  #slodka-oferta .offer-cards .offer-card h3 {
    padding: 15px 0;
  }
}
#slodka-oferta .offer-cards .offer-card img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(100% - 110px);
}
@media (max-width: 767px) {
  #slodka-oferta .offer-cards .offer-card img {
    position: inherit;
    transform: none;
    left: 0;
    margin: 20px auto;
    bottom: 0;
  }
}
#slodka-oferta .offer-actions {
  text-align: center;
  margin-top: 50px;
}
#slodka-oferta .offer-actions .button.button-secondary {
  padding: 20px 45px;
  background-color: #3C3C3B;
  color: #FFF;
  border-radius: 50px;
}
#contactform {
  position: relative;
  padding-top: 85px;
  padding-bottom: 85px;
}
#contactform:before {
  width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  content: '';
  background-color: #FFF;
  background-image: url(/dist/img/twoja-slodycz/bg_contact.jpg);
  background-position: center;
  background-size: cover;
  z-index: -1;
}
#contactform h2 {
  color: #F9AF15;
  font-size: 44px;
}
#contactform > p {
  max-width: 645px;
  margin: auto;
}
#contactform input,
#contactform textarea {
  border-color: #F9AF15 !important;
}
#contactform .button-primary {
  padding: 20px 50px;
  background-color: #F9AF15;
  border: 1px solid #F9AF15;
  border-radius: 50px;
  color: #FFF;
  font-size: 14px;
  margin: 30px auto;
  width: 295px;
  cursor: pointer;
  text-transform: capitalize;
}
/*MOBILE VERSION*/
@media (max-width: 767px) {
  section {
    margin: 0 15px;
  }
  section h1 {
    font-size: 50px!important;
  }
  section h2 {
    font-size: 34px!important;
  }
  section h3 {
    font-size: 21px!important;
  }
  section p {
    font-size: 14px!important;
  }
}


.language-selector {
  position: relative;
}

.dropdown-toggle {
  cursor: pointer;
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 1000;
}

.dropdown-menu li {
  margin: 0;
}

.dropdown-menu li a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #333;
}

.dropdown-menu li a:hover {
  background-color: #f0f0f0;
}

.language-selector:hover .dropdown-menu {
  display: block;
}