/*
Theme Name: instinct
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
body.page-id-34 div#content {
  /*background-image: url('template-parts/images/instinct-heritage-wooden.jpg');*/
  background-repeat: repeat-y;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
section.a-brand-is-born {
  color: #000;
}
section.instinct-heritage__a-brand-is-born {
  padding-top: 3rem;
  padding-bottom: 5rem;
  text-align: center;
}
.a-brand-is-born-photo {
  transform: translateY(20px) rotate(-5deg);
}

section.instinct-logo-story {
  padding: 3rem 0rem 3rem 0rem;
}

.retro-overlay {
  background-image: url('template-parts/images/instinct-retro-overlay.png');
  background-repeat: repeat-y;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  color: #000;
}
.retro-overlay-2 {
  background-image: url('template-parts/images/instinct-retro-overlay-2.png');
  background-repeat: repeat-y;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  color: #000;
}
section.instinct-logo-story img.instinct-logo {
  transform: scale(1.5) translate(-50px, 0px);
}
section.instinct-experience {
  padding: 3rem 0rem 3rem 0rem;
  position: relative;
  width: 100%;
  height: 1780px;
}
div.instinct-experience__intro-wrapper {
  position: absolute;
  top: 60px;
  left: 200px;
  width: 400px;
  color: #000;
}
.instinct-ad1 {
  width: 910px;
  position: absolute;
  right: 90px;
  top: -70px;
  transform: rotate(-5deg);
  z-index: 1;
}
.instinct-ad2 {
  width: 910px;
  position: absolute;
  right: 150px;
  top: 350px;
  transform: rotate(10deg);
  z-index: 2;
}
.instinct-ad3 {
  width: 910px;
  position: absolute;
  right: 150px;
  top: 700px;
  transform: rotate(-3deg);
  z-index: 4;
}
.instinct-ad4 {
  width: 910px;
  position: absolute;
  left: 30px;
  top: 600px;
  transform: rotate(4deg);
  z-index: 3;
}
.instinct-ad5 {
  width: 910px;
  position: absolute;
  left: 60px;
  top: 1000px;
  transform: rotate(-2deg);
  z-index: 5;
}
.instinct-freedom {
  position: absolute;
  top: 900px;
  width: 100%;
  height: 800px;
}
.instinct-freedom__inner {
  width: 400px;
  position: absolute;
  top: 480px;
  right: 300px;
  font-size: 1.4rem;
  font-weight: 600;
  color: #000;
  text-align: center;
}
.instinct-genuine-badge {
  position: absolute;
  bottom: 80px;
  right: 340px;
  width: 360px;
}
.instinct-genuine-badge img {
	width: 100%;
}
.since-79 {
  text-align: right;
}
@media only screen and (max-width: 1640px) {
  div.instinct-experience__intro-wrapper {
    left: 180px;
  }
  .instinct-freedom__inner {
    width: 400px;
    top: 460px;
    right: 150px;
  }
  .instinct-genuine-badge {
    right: 180px;
  }
}
@media only screen and (max-width: 1540px) {
  div.instinct-experience__intro-wrapper {
    left: 160px;
  }
  .instinct-ad1 {
    width: 800px;
    position: absolute;
    right: 90px;
    top: -70px;
    transform: rotate(-5deg);
    z-index: 1;
  }
  .instinct-ad2 {
    width: 800px;
    position: absolute;
    right: 50px;
    top: 350px;
    transform: rotate(10deg);
    z-index: 2;
  }
  .instinct-ad3 {
    width: 800px;
    position: absolute;
    right: 50px;
    top: 700px;
    transform: rotate(-3deg);
    z-index: 4;
  }
  .instinct-ad4 {
    width: 800px;
    position: absolute;
    left: 30px;
    top: 600px;
    transform: rotate(4deg);
    z-index: 3;
  }
  .instinct-ad5 {
    width: 800px;
    position: absolute;
    left: 60px;
    top: 1000px;
    transform: rotate(-2deg);
    z-index: 5;
  }
  .instinct-freedom__inner {
    width: 400px;
    top: 460px;
    right: 180px;
  }
  .instinct-genuine-badge {
    bottom: 120px;
    right: 180px;
  }
}
@media only screen and (max-width: 1420px) {
  .instinct-ad1 {
    width: 700px;
    position: absolute;
    right: 90px;
    top: -70px;
    transform: rotate(-5deg);
    z-index: 1;
  }
  .instinct-ad2 {
    width: 700px;
    position: absolute;
    right: 50px;
    top: 310px;
    transform: rotate(10deg);
    z-index: 2;
  }
  .instinct-ad3 {
    width: 700px;
    position: absolute;
    right: 50px;
    top: 680px;
    transform: rotate(-3deg);
    z-index: 4;
  }
  .instinct-ad4 {
    width: 700px;
    position: absolute;
    left: 30px;
    top: 580px;
    transform: rotate(4deg);
    z-index: 3;
  }
  .instinct-ad5 {
    width: 700px;
    position: absolute;
    left: 60px;
    top: 1000px;
    transform: rotate(-2deg);
    z-index: 5;
  }
  .instinct-freedom__inner {
    top: 400px;
    right: 180px;
  }
  .instinct-freedom__inner {
    bottom: -90px;
    right: 80px;
  }
}
@media only screen and (max-width: 1320px) {
  div.instinct-experience__intro-wrapper {
    left: 3rem;
  }
  .instinct-freedom__inner {
    top: 350px;
    right: 75px;
  }
}
@media only screen and (max-width: 1280px) {
  section.instinct-logo-story img.instinct-logo {
    transform: scale(1) translate(0px, 0px);
    transition: all ease 1s;
  }
}
@media only screen and (max-width: 1200px) {
  section.instinct-experience {
    height: 1600px;
  }
  section.instinct-logo-story img.instinct-logo {
    transform: scale(1) translate(0px, 0px);
    transition: all ease 1s;
  }
  .instinct-ad1 {
    width: 620px;
    position: absolute;
    right: 90px;
    top: -70px;
    transform: rotate(-5deg);
    z-index: 1;
  }
  .instinct-ad2 {
    width: 620px;
    position: absolute;
    right: 50px;
    top: 300px;
    transform: rotate(10deg);
    z-index: 2;
  }
  .instinct-ad3 {
    width: 620px;
    position: absolute;
    right: 50px;
    top: 600px;
    transform: rotate(-3deg);
    z-index: 4;
  }
  .instinct-ad4 {
    width: 620px;
    position: absolute;
    left: 30px;
    top: 500px;
    transform: rotate(4deg);
    z-index: 3;
  }
  .instinct-ad5 {
    width: 620px;
    position: absolute;
    left: 10px;
    top: 850px;
    transform: rotate(-2deg);
    z-index: 5;
  }
  .instinct-freedom {
    top: 700px;
    height: 700px;
  }
  .instinct-freedom__inner {
    top: 360px;
    right: 100px;
  }
}
@media only screen and (max-width: 1134px) {
  .instinct-ad1 {
    width: 570px;
    position: absolute;
    right: 90px;
    top: -70px;
    transform: rotate(-5deg);
    z-index: 1;
  }
  .instinct-ad2 {
    width: 570px;
    position: absolute;
    right: 50px;
    top: 220px;
    transform: rotate(10deg);
    z-index: 2;
  }
  .instinct-ad3 {
    width: 570px;
    position: absolute;
    right: 50px;
    top: 550px;
    transform: rotate(-3deg);
    z-index: 4;
  }
  .instinct-ad4 {
    width: 570px;
    position: absolute;
    left: 30px;
    top: 500px;
    transform: rotate(4deg);
    z-index: 3;
  }
  .instinct-ad5 {
    width: 570px;
    position: absolute;
    left: 10px;
    top: 850px;
    transform: rotate(-2deg);
    z-index: 5;
  }
  .instinct-freedom {
    top: 650px;
    height: 700px;
  }
  .instinct-freedom__inner {
    top: 330px;
    right: 100px;
  }
  .instinct-genuine-badge {
    bottom: 120px;
    right: 100px;
  }
}
@media only screen and (max-width: 1100px) {
  section.instinct-experience {
    padding: 0px;
    height: auto;
    margin-bottom: -250px;
  }
  div.instinct-experience__intro-wrapper {
    position: relative;
    width: 100%;
    padding: 3rem;
    left: 0px;
    top: 0px;
  }
  .instinct-ad1 {
    width: 90%;
    top: 0px;
    left: 0px;
    margin: auto;
    position: relative;
    transform: rotate(-5deg);
    z-index: 1;
  }
  .instinct-ad2 {
    width: 90%;
    top: -100px;
    left: 0px;
    margin: auto;
    position: relative;
    transform: rotate(2deg);
    z-index: 2;
  }
  .instinct-ad3 {
    width: 90%;
    top: -200px;
    left: 0px;
    margin: auto;
    position: relative;
    transform: rotate(-3deg);
    z-index: 3;
  }
  .instinct-ad4 {
    width: 90%;
    margin: auto;
    top: -300px;
    left: 0px;
    position: relative;
    transform: rotate(4deg);
    z-index: 4;
  }
  .instinct-ad5 {
    width: 90%;
    margin: auto;
    top: -400px;
    left: 0px;
    position: relative;
    transform: rotate(-2deg);
    z-index: 5;
  }
  .instinct-freedom {
    position: relative;
    top: -300px;
    width: 100%;
    height: auto;
    text-align: center;
    padding-bottom: 30px;
  }
  .instinct-freedom__inner {
    width: 300px;
    position: relative;
    height: 350px;
    margin: auto;
    top: auto;
    right: auto;
  }
  .instinct-genuine-badge {
    position: relative;
    bottom: auto;
    right: auto;
  }
  .since-79 {
    text-align: center;
  }
}
@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
}