/* PRINT ######################################################################################## */
@media print {

body {
	background: none !important;
	background-color: #fff !important;
	color: #555 !important;
}

h1, h2, h3, h4, h5 {
	color: #777 !important;
}

}



/* BIG SCREEN #################################################################################### */
@media screen and (min-width: 1281px) {

}


/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 2435px) {

footer {
  padding-bottom: 5rem;
}

#footerbox {
  transform: translateY(5rem);
}

}


/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 2350px) {


}


/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 2245px) {

.footerboxes {
  transform: translateY(-4rem);
}

}


/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 2140px) {

.section1 .content-box {
  transform: translate(18vw, -20vh);
}

}


/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 2090px) {

.section1 .image {
  transform: translate(-5vw,-5vw);
}

.section1 .image:hover {
  transform: translate(-5vw,-5vw) scale(1.04);
}

.section1 .content-box {
  transform: translate(16vw, -20vh);
}

}

/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1970px) {

.footerboxes {
  transform: translateY(-2rem);
}

}


/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1920px) {

  body {
    overflow-x: hidden;
  }

  .section1 .content-box {
  transform: translate(16vw, -14vh);
}


}

/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1820px) {

  .section1 {
    padding: 13rem 0 0 0;
  }

}


/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1775px) {

.footerboxes {
  width: 45vw;
}

.footer-logo {
  transform: translateY(-5vh);
  max-width: 24vw;
}

.footer-logo:last-child {
  transform: scale(1.15) translateY(-5vh);
}


}


/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1725px) {

.section1 .image {
  max-width: 45vw;
}

.section1 {
  padding: 10rem 0 0 0;
}

h2 {
  font-size: 2.5rem;
}

p {
  line-height: 1.8rem;
  font-size: 1.3rem;
}

.section1 .content-box {
  transform: translate(16vw, -18vh);
}

}


/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1670px) {

.section3 h2 {
  max-width: 80%;
}

.section3 .image {
  transition: all 0.5s;
  transform: translate(5vw,-15vh) scale(1.1);
}

}



/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1585px) {

.section1 .content-box {
  transform: translate(13vw, -14vh);
}

.section1 .content-inner {
  max-width: 75%;
}

h1 {
  font-size: 1.7rem;
  font-weight: 900;
}


}


/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1490px) {

.section1 .content-box {
  transform: translate(13vw, -10vh);
}

.section1 .image {
  max-width: 49vw;
  transform: translate(-5vw,-8vw);
}

.section1 .image:hover {
  transform: translate(-5vw,-8vw) scale(1.04);
}

}


/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1400px) {

 h1 {
    font-size: 1.3rem;
  }

}



/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1390px) {

.footer-logo {
  transform: translateY(-10vh);
}

.footer-logo:last-child {
  transform: scale(1.15) translateY(-10vh);
}

}



/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1360px) {


h2 {
  max-width: 80%;
}

.section1 .content-box {
  transform: translate(13vw, -15vh);
}


}




/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1280px) {

 .section1 .image {
  max-width: 49vw;
  transform: translate(-5vw,-6vw);
}

.section1 .image:hover {
  transform: translate(-5vw,-6vw) scale(1.04);
}

   p {
    line-height: 1.7rem;
    font-size: 1.25rem;
  }

}


/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1215px) {

h2 {
  max-width: 100%;
  width: 100%;
}

.section1 .image {
  max-width: 49vw;
  transform: translate(-5vw,-10vw);
}

  .section1 .image:hover {
  transform: translate(-5vw,-10vw) scale(1.04);
}

}


/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1145px) {

 .footerboxes {
    width: 35vw;
  }

  .footer-logo {
    max-width: 29vw;
  }

  .home-btn {
    font-size: 1.0rem;
  }

  .welcome h1 {
    transform: translateX(2rem);
  }

}



/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1115px) {

   .section1 .image {
    transform: translate(-5vw,-10vw);
  }

}

/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1055px) {

.footer-logo {
  transform: translateY(-20vh);
}

.footer-logo:last-child {
  transform: scale(1.15) translateY(-20vh);
}

}


/* TABLET ####################################################################################### */

@media screen and (max-width: 1050px) {

/* ##### Hide / Show */

#onepagenav,
#header-wrapper,
.submenu-inner.list3 .toolbar-info,
#sidebar,
.offer:last-child,
#infocenter-icons.icons-4 .infocenter-icon:last-child,
.footerbox-right {
	display: none !important;
}


/* ##### Custom */


.header-image {
	height: 100%;
}

.intro {
  max-width: 62vh;
}

}



/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 1030px) {

#footerbox {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  text-align: center;
  padding: 2rem;
  padding-top: 0;
  padding-bottom: 4rem;
}

#footerbox > .footer-logo:first-of-type {
  order: 1;
  transform: none;
}

#footerbox > .footerboxes {
  order: 3;
  width: 100%;
  transform: none;
}

#footerbox > .footer-logo:last-of-type {
  order: 2;
  transform: translate(0, 6vh) scale(1.15);
}

.footer-logo {
    max-width: 38vw;
  }

}


/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 990px) {

.intro {
  max-width: 55vh;
}

.footer-logo {
    max-width: 43vw;
  }

.welcome h1 {
  transform: translate(75%, 0.7rem);
  width: 40%;
}

.logo {
  padding: 2.5rem 2rem;
}

.logo img {
  max-width: 25vw;
}

 .home-btn {
    top: 1.5rem;
  }

 .section1 .image {
    transform: translate(-2vw,-23vw);
    max-width: 47vw;
  }

 .section1 .content-box {
    transform: translate(8vw, -15vh);
  }

  .section1 .content-inner {
    max-width: 95%;
  }

  h2 {
    font-size: 2.1rem;
  }

}

/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 940px) {

.section1 .image {
    transform: translate(-2vw,-25vw);
  }

}


/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 920px) {

.section1 .content-inner {
    max-width: 90%;
    hyphens: auto;
  }

  .section1 .image {
    transform: translate(-2vw,-30vw);
  }

}


/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 860px) {

.section1 .content-box, .section3 .content-box {
    transform: translate(0);
    padding: 4rem;
  padding-bottom: 0;
  width: 100%;
  max-width: 100%;
  }

.section1 {
    padding: 3rem 0 0 0;
  }

.section1 .content-inner, .section3 .content-inner {
    max-width: 100%;
    hyphens: none;
  }

.section1 .image {
    transform: translate(0);
    max-width: 100%;
    padding: 4rem;
    padding-top: 1.5rem;
  }

.section3 .image {
    transform: translate(0);
    max-width: 100%;
    padding-top: 1.5rem;
    padding-left: 0;
    padding-right: 7rem;
  }

.section2 .content-box {
  max-width: 100%;
  margin: 0 4rem;
  gap: 0.5rem;
}

.section2 img {
  max-width: 100%;
  transform: scale(1.2) translate(4vw, 7vh);
}

.section2 {
  margin-bottom: -3rem;
  padding-top: 0;
}

.section3 {
  display: grid;
  padding-top: 2rem;
}

.section3 {
    grid-template-columns: 1fr;
  }

  .section3 .content-box {
    order: 1;
  }

  .section3 .image {
    order: 2;
  }

footer {
  margin-top: 7rem;
}

}


/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 850px) {

.intro {
  max-width: 55vh;
}

.footer-logo {
    max-width: 43vw;
  }


}

/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 830px) {

 .welcome h1 {
    width: 45%;
  }

}


/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 775px) {

}


/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 760px) {

 #footerbox > .footer-logo:first-of-type {
    transform: translate(0, -2rem);
  }

  #footerbox > .footer-logo:last-of-type {
    transform: translate(0, 3vh) scale(1.15);
  }

  #footerbox > .footerboxes {
    width: 80%;
  }

}


/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 740px) {

.logo {
    padding: 5rem 2rem;
  }

.logo img {
    max-width: 65vw;
    transform: translate(0, -2.5rem);
  }

.welcome h1 {
    width: 100%;
    transform: translate(0, 7rem);
    padding: 0 2rem;
  }

 .section2 .content-box {
    gap: 0;
    column-count: 1;
  }


}

/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 710px) {

.intro {
  max-width: 45vh;
}

.split-screen {
  display: block;
}

.side {
  height: 50%;
}

.split-screen img {
  max-width: 40vw;
}

}



/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 685px) {

.footer-logo {
    max-width: 40vw;
  }

.footerboxes h3 {
  font-size: 1.5rem;
  line-height: 2.0rem;
}

}


/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 615px) {

.welcome h1 {
    transform: translate(0, 6rem);
  }

 .section2 .content-box {
    margin: 0 2rem;
    padding: 1.2rem;
  }


}


/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 585px) {

.intro {
  max-width: 32vh;
}

#footerbox > .footer-logo:last-of-type {
    transform: translate(0, 1vh) scale(1.15);
  }

}


/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 575px) {

#footerbox {
  padding: 0;
}

footer {
    padding-bottom: 10rem;
  }

}


/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 460px) {

  li {
  font-size: 18px;
}

.intro {
  max-width: 26vh;
  margin: 4vh auto;
}

.logo {
  width: 99%;
}

.split-screen img {
  max-width: 60vw;
}

}


/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 450px) {


#footerbox > .footer-logo:last-of-type {
    transform: translate(0, -1vh) scale(1.15);
  }


}


/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 370px) {

.responsive-bg {
  right: 20px;
  width: 400px;
  transform: translateY(12%);
}


}



/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 320px) {


}