.shg-rich-text {
  overflow-wrap: break-word;
}

.shg-rich-text img {
  margin: 0 20px;
}

@media (max-width: 768px) {
  .shg-rich-text img {
    display: block;
    float: none !important;
    margin: 0 auto;
  }
}

.shg-default-text-content *:first-child {
  margin-top: 0;
}

.shg-default-text-content {
  text-align: left;
}

.shg-default-text-content p,
.shg-default-text-content h1,
.shg-default-text-content h2,
.shg-default-text-content h3,
.shg-default-text-content h4,
.shg-default-text-content h5,
.shg-default-text-content h6,
.shg-default-text-content address,
.shg-default-text-content pre,
.shg-default-text-content div,
.shg-default-text-content ol,
.shg-default-text-content ul {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  color: #000000;
  font-family: inherit;
  font-style: normal;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-transform: none;
}

.shg-default-text-content h1,
.shg-default-text-content h2,
.shg-default-text-content h3,
.shg-default-text-content h4,
.shg-default-text-content h5,
.shg-default-text-content h6 {
  color: ;
  font-family: ;
  font-weight: ;
}

.shg-default-text-content a {
  background-color: inherit;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-style: inherit;
  text-decoration: underline;
  text-transform: inherit;
}

.shg-default-text-content strong,
.shg-default-text-content em {
  background-color: inherit;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-align: inherit;
  text-transform: inherit;
}

.shg-default-text-content em {
  font-weight: inherit;
}

.shg-default-text-content strong {
  font-style: inherit;
  font-weight: 700;
}

/* https://stackoverflow.com/a/16094931/3696652 */
.shg-default-text-content ::selection,
.shg-default-text-content *::selection {
  background: #accef7;
}

.shg-default-text-content p {
  font-size: 1em;
  font-weight: ;
  letter-spacing: -0.005em;
  line-height: 1.714;
  margin-top: 0.6em;
  color: ;
  font-family: ;
}

.shg-default-text-content h1 {
  font-size: 1.714em;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.166;
  margin-top: 0.67em;
}

.shg-default-text-content h2 {
  font-size: 1.43em;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2;
  margin-top: 0.83em;
}

.shg-default-text-content h3 {
  font-size: 1.142em;
  font-weight: 500;
  letter-spacing: -0.008em;
  line-height: 1.5;
  margin-top: 1em;
}

.shg-default-text-content h4 {
  font-size: 1em;
  font-weight: 600;
  letter-spacing: -0.006em;
  line-height: 1.428;
  margin-top: 1.33em;
}

.shg-default-text-content h5 {
  font-size: 0.857em;
  font-weight: 600;
  letter-spacing: -0.003em;
  line-height: 1.333;
  margin-top: 1.43em;
}

.shg-default-text-content h6 {
  font-size: 0.785em;
  font-weight: 600;
  letter-spacing: -0.003em;
  line-height: 1.454;
  margin-top: 1.42em;
  text-transform: uppercase;
}

.shg-default-text-content ul {
  list-style: disc;
}

.shg-default-text-content ol {
  list-style: decimal;
}

.shg-default-text-content ul,
.shg-default-text-content ol {
  margin-block-end: 1em;
  margin-block-start: 1em;
  margin-bottom: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  margin-top: 0;
  padding-inline-start: 40px;
}

.shg-default-text-content li {
  font-size: 1em;
  font-weight: normal;
  letter-spacing: -0.005em;
  line-height: 1;
  list-style: inherit;
  margin-top: 0.67em;
}

.shg-default-text-content pre {
  font-family: monospace;
  font-size: 1em;
  font-weight: normal;
  letter-spacing: -0.005em;
  line-height: 1.714;
  margin-top: 1em;
  white-space: pre-wrap;
  word-break: normal;
}

.shg-default-text-content address {
  font-size: 1em;
  font-style: italic;
  font-weight: normal;
  letter-spacing: -0.005em;
  line-height: 1.714;
  margin-top: 0;
}

.shg-default-text-content div {
  font-size: 1em;
  font-weight: normal;
  letter-spacing: -0.005em;
  line-height: 1.714;
  margin-bottom: 0;
  margin-top: 0.67em;
}

.shg-theme-text-content h1,
.shg-theme-text-content h2,
.shg-theme-text-content h3,
.shg-theme-text-content h4,
.shg-theme-text-content h5,
.shg-theme-text-content h6 {
  color: ;
  font-family: ;
  font-weight: ;
}

.shg-theme-text-content p {
  color: ;
  font-family: ;
  font-weight: ;
}

.shogun-image-container {
  position: relative;
}

.shogun-image-container.shg-align-left {
  text-align: left;
}

.shogun-image-container.shg-align-center {
  text-align: center;
}

.shogun-image-container.shg-align-right {
  text-align: right;
}

.shogun-image-linked {
  cursor: pointer;
}

.shogun-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  padding: 20px;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.shogun-image-overlay.shg-top-left {
  align-items: flex-start;
  justify-content: flex-start;
}

.shogun-image-overlay.shg-top-center {
  align-items: flex-start;
  justify-content: center;
}

.shogun-image-overlay.shg-top-right {
  align-items: flex-start;
  justify-content: flex-end;
}

.shogun-image-overlay.shg-middle-left {
  align-items: center;
  justify-content: flex-start;
}

.shogun-image-overlay.shg-middle-center {
  align-items: center;
  justify-content: center;
}

.shogun-image-overlay.shg-middle-right {
  align-items: center;
  justify-content: flex-end;
}

.shogun-image-overlay.shg-bottom-left {
  align-items: flex-end;
  justify-content: flex-start;
}

.shogun-image-overlay.shg-bottom-center {
  align-items: flex-end;
  justify-content: center;
}

.shogun-image-overlay.shg-bottom-right {
  align-items: flex-end;
  justify-content: flex-end;
}

.shogun-image-overlay p {
  margin: 0;
  padding: 0;
  line-height: normal;
}

.shogun-image-cover {
  object-fit: cover;
  font-family: "object-fit: cover;";
  width: 100%;
}

.shogun-image-contain {
  font-family: "object-fit: contain;";
  object-fit: contain;
  width: 100%;
}

.shogun-image-link {
  display: block;
  min-height: inherit;
  max-height: inherit;
}

img.shogun-image {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.shogun-image-content {
  display: flex;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

.shogun-image-content-linked, .shogun-image-content-not-linked {
  pointer-events: none;
}

.shogun-image-content-not-linked > div {
  pointer-events: auto;
}

.shogun-image-content-linked a,
.shogun-image-content-linked button,
.shogun-image-content-linked iframe,
.shogun-image-content-linked .shg-box-linked {
  pointer-events: auto;
}

.shogun-image-content > div {
  width: 100%;
}

.shogun-image-content-top {
  align-items: flex-start;
}

.shogun-image-content-center {
  align-items: center;
}

.shogun-image-content-bottom {
  align-items: flex-end;
}
#s-2daa8720-2baa-4f40-ac2a-c3ccc1af8523 {
  text-align: center;
background-color: rgba(255, 255, 255, 1);
}
@media (min-width: 1200px){#s-2daa8720-2baa-4f40-ac2a-c3ccc1af8523 {
  display: none;
}
#s-2daa8720-2baa-4f40-ac2a-c3ccc1af8523, #wrap-s-2daa8720-2baa-4f40-ac2a-c3ccc1af8523 { display:none !important; }}@media (min-width: 992px) and (max-width: 1199px){#s-2daa8720-2baa-4f40-ac2a-c3ccc1af8523 {
  display: none;
}
#s-2daa8720-2baa-4f40-ac2a-c3ccc1af8523, #wrap-s-2daa8720-2baa-4f40-ac2a-c3ccc1af8523 { display:none !important; }}@media (min-width: 768px) and (max-width: 991px){#s-2daa8720-2baa-4f40-ac2a-c3ccc1af8523 {
  display: none;
}
#s-2daa8720-2baa-4f40-ac2a-c3ccc1af8523, #wrap-s-2daa8720-2baa-4f40-ac2a-c3ccc1af8523 { display:none !important; }}






  #s-2daa8720-2baa-4f40-ac2a-c3ccc1af8523 img.shogun-image {
    

    
    
    
  }


#s-2daa8720-2baa-4f40-ac2a-c3ccc1af8523 .shogun-image-content {
  
    align-items: center;
  
}

@font-face {
  font-family: 'icomoon';
  src:  url('https://cdn.shopify.com/s/files/1/0027/7263/1621/files/vita_fonts_2020.eot?v=1591174624');
  src:  url('https://cdn.shopify.com/s/files/1/0027/7263/1621/files/vita_fonts_2020.eot?v=1591174624#iefix') format('embedded-opentype'),
    url('https://cdn.shopify.com/s/files/1/0027/7263/1621/files/vita_fonts_2020.ttf?v=1591174624') format('truetype'),
    url('https://cdn.shopify.com/s/files/1/0027/7263/1621/files/vita_fonts_2020.woff?v=1591174624') format('woff'),
    url('https://cdn.shopify.com/s/files/1/0027/7263/1621/files/vita_fonts_2020.svg?v=1591174624') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Vita_biotin:before {
  content: "\e900";
  font-size: 85px;
  position: relative;
  bottom: 18px;
  right: 15px;
  color: white;
}
.icon-Vita_fruit:before {
  content: "\e901";
      font-size: 50px;
  position: relative;
  color: white;
}
.icon-Vita_gift:before {
  content: "\e902";
    font-size: 55px!important;
  margin-left: 20px;
}
.icon-Vita_great-taste_1:before {
  content: "\e903";
    font-size: 120px;
    position: relative;
    bottom: 17px;
    right: 22px;
    color: white;
}
.icon-Vita_hair-spray:before {
  content: "\e904";
      font-size: 50px;
  position: relative;
  color: white;
}
.icon-Vita_heart:before {
  content: "\e905";
  font-size: 45px;
    position: relative;
    bottom: -2px;
    right: -2px;
}
.icon-Vita_Icon_Not-Tested-on-Animals_Black_2019-03:before {
  content: "\e906";
}
.icon-Vita_icons_3for2_no_roundel:before {
  content: "\e907";
  margin-left: 23px;
}
.icon-Vita_icons_free_delivery:before {
  content: "\e908";
    font-size: 65px!important;
  margin-left: 18px;
}
.icon-Vita_leaf:before {
  content: "\e90a";
    font-size: 45px;
  position: relative;
  bottom: -2px;
  right: 0px;
  color: white;
}
.icon-Vita_no1beauty:before {
  content: "\e90b";
    color:white;
  font-size: 45px;
    position: relative;
    bottom: -2px;
    right: -2px;
}
.icon-Vita_pillow:before {
  content: "\e90c";
      font-size: 50px;
  position: relative;
  color: white;
}
.icon-Vita_sea:before {
  content: "\e90d";
      font-size: 50px;
  position: relative;
  color: white;
}
.icon-Vita_selenium:before {
  content: "\e90e";
    font-size: 85px;
  position: relative;
  bottom: 21px;
  right: 18px;
  color: white;
}
.icon-Vita_spray:before {
  content: "\e90f";
      font-size: 50px;
  position: relative;
  color: white;
}
.icon-Vita_zinc:before {
  content: "\e910";
    font-size: 85px;
  position: relative;
  bottom: 17px;
  right: 19px;
  color: white;
}


.whats_in_it_section {
display: inline-block;
widows: 100%;
}
@media (max-width: 767px) {
.whats_in_it_section {
display: flow-root;
}
}

.whats_in_it_gummy_section {
display: inline-block;
    text-align: center;
    float: right;
    margin: 0px;
    width: 65%;
    padding: 20px 20px 10px 20px;
}

@media (max-width: 760px) {
.whats_in_it_gummy_section {
width: 100%;
text-align: center;
padding: 20px 20px 10px 20px;
margin: 0px;
}
}

.whats_in_it_intake_text {
  font-size: 14px!important;
}

.whats_in_it_text{
width: 65%;
text-align: center;
float: right;
padding: 10px 20px 10px 20px;
margin: 0px;
font-family: Metropolis,Arial,sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 1.647;
}
@media (max-width: 760px) {
.whats_in_it_text{
width: 100%;
text-align: center;
padding: 10px 20px 0px 20px;
margin: 0px;
}
}
.whats_in_it_title {
color: #533278 !important;
font-size: 30px;
width: 65%;
text-align: center;
float: right;
margin: 0px;
padding: 10px 0px 10px 0px;
}
@media (max-width: 760px) {
.whats_in_it_title {
    color: #533278 !important;
    width: 100%;
    text-align: center;
    padding: 20px 0px 0px 0px;
    margin: 0px;
    font-size: 1.5em;
}
}
.whats_in_it_section a {
float: left;
width: 35%;
pointer-events: none!important;
}
@media (max-width: 760px) {
.whats_in_it_section a  {
width: 100%;
padding: 20px 0px 20px 0px;
}
}

@media (max-width: 500px) {
.whats_in_it_section a  {
width: 88%;
padding: 0px;
}
}
.whats_in_it_vnc_section{
width: 65%;
text-align: center;
float: right;
padding: 10px 20px 10px 20px;
}
@media (max-width: 760px) {
.whats_in_it_vnc_section {
width: 100%;
text-align: center;
padding: 10px 0px 10px 0px;
margin: 0px;
}
}

.whats_in_it_vnc_section a {
    width:150px;
}
.whats_in_it_vnc_sec {
display: inline-block;
width: 170px;
}
@media (max-width: 999px) {
.whats_in_it_vnc_sec {
display: inline-block;
width: 140px;
}
}
.whats_in_it_vnc_text {
margin: 0px;
padding: 0px;
}

@media (max-width: 500px) {
.whats_in_it_vnc_text {
margin: 0px;
padding: 0px;
font-size: 14px;
}
}

.whats_in_it_icon_section{
width: 65%;
text-align: center;
float: right;
padding: 10px 20px 20px 20px;
}
@media (min-width: 941px) and (max-width: 1278px) {
.whats_in_it_icon_section{
width: 75%;
text-align: center;
float: right;
padding: 10px 20px 20px 20px;
}
}
@media (max-width: 940px) {
.whats_in_it_icon_section {
display: flex;
justify-content: center;
width: 100%;
text-align: center;
padding: 10px 0px 30px 0px;
margin: 0px;
}
}
.whats_in_it_icon {
height: 90px;
width: 90px;
padding: 20px;
background-color: #b494d5;
border-radius: 50%;
display: block;
margin: 0 auto;
}
@media (max-width: 500px) {
.whats_in_it_icon {
height: 90px;
width: 90px;
padding: 20px;
background-color: #b494d5;
border-radius: 50%;
display: block;
margin: 0 auto;
}
}

.whats_in_it_icon a {
margin-bottom: -35px;
pointer-events: none!important;
}

.whats_in_it_gummy {
    width: 250px;
    padding: 10px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

@media (max-width: 500px) {
.whats_in_it_gummy {
display: none;
}
}


.whats_in_it_icon_sec {
display: inline-block;
padding: 10px;
}
@media (max-width: 500px) {
.whats_in_it_icon_sec {
padding: 0px !important;
width: 110px;
}
}
.whats_in_it_icon_text{
width: 195px;
display: block;
margin: 0 auto;
text-align: center;
}
@media (max-width: 550px) {
.whats_in_it_icon_text{
width: 95px;
display: block;
margin: 0 auto;
text-align: center;
font-size: 14px
}
}
.whats_in_it_not_contain {
display: inline;
}
@media (max-width: 740px) {
.whats_in_it_not_contain {
display: inline;
font-size: 12px;
}
}

.whats_in_it_icon_title_text {
margin-bottom: 0px;
color: inherit!important;
}



.whats_in_it_vnc_num {
    margin: 0;
    font-size: 30px;
}
.whats_in_it_gummy_number_text {
    padding-bottom: 10px;
}
@media (max-width: 490px) {
.product_image {
padding: 20px 20px 0px 20px!important;
}
}
@media (min-width: 1278px) {
.product_image {
margin-top: 115px!important;
}
}
#s-b71e6039-e0a9-4caa-9771-8c1376c667bd {
  background-color: rgba(255, 255, 255, 1);
}

.promo_logo_but:focus, input:focus{outline: none!important;}
#s-f04f2617-a4eb-4792-ad30-1fbf9b9a74b1 {
  background-color: rgba(246, 246, 246, 1);
}

@font-face {
  font-family: 'icomoon';
  src:  url('https://cdn.shopify.com/s/files/1/0027/7263/1621/files/vita_fonts_2020.eot?v=1591174624');
  src:  url('https://cdn.shopify.com/s/files/1/0027/7263/1621/files/vita_fonts_2020.eot?v=1591174624#iefix') format('embedded-opentype'),
    url('https://cdn.shopify.com/s/files/1/0027/7263/1621/files/vita_fonts_2020.ttf?v=1591174624') format('truetype'),
    url('https://cdn.shopify.com/s/files/1/0027/7263/1621/files/vita_fonts_2020.woff?v=1591174624') format('woff'),
    url('https://cdn.shopify.com/s/files/1/0027/7263/1621/files/vita_fonts_2020.svg?v=1591174624') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Vita_biotin:before {
  content: "\e900";
  font-size: 85px;
  position: relative;
  bottom: 18px;
  right: 15px;
  color: white;
}
.icon-Vita_fruit:before {
  content: "\e901";
      font-size: 50px;
  position: relative;
  color: white;
}
.icon-Vita_gift:before {
  content: "\e902";
    font-size: 55px!important;
  margin-left: 20px;
}
.icon-Vita_great-taste_1:before {
  content: "\e903";
    font-size: 120px;
    position: relative;
    bottom: 17px;
    right: 22px;
    color: white;
}
.icon-Vita_hair-spray:before {
  content: "\e904";
      font-size: 50px;
  position: relative;
  color: white;
}
.icon-Vita_heart:before {
  content: "\e905";
}
.icon-Vita_Icon_Not-Tested-on-Animals_Black_2019-03:before {
  content: "\e906";
}
.icon-Vita_icons_3for2_no_roundel:before {
  content: "\e907";
  margin-left: 23px;
}
.icon-Vita_icons_free_delivery:before {
  content: "\e908";
    font-size: 65px!important;
  margin-left: 18px;
}
.icon-Vita_leaf:before {
  content: "\e90a";
    font-size: 45px;
  position: relative;
  bottom: -2px;
  right: 0px;
  color: white;
}
.icon-Vita_no1beauty:before {
  content: "\e90b";
  color:white;
  font-size: 45px;
    position: relative;
    bottom: -2px;
    right: -2px;
}
.icon-Vita_pillow:before {
  content: "\e90c";
      font-size: 50px;
  position: relative;
  color: white;
}
.icon-Vita_sea:before {
  content: "\e90d";
      font-size: 50px;
  position: relative;
  color: white;
}
.icon-Vita_selenium:before {
  content: "\e90e";
    font-size: 85px;
  position: relative;
  bottom: 21px;
  right: 18px;
  color: white;
}
.icon-Vita_spray:before {
  content: "\e90f";
      font-size: 50px;
  position: relative;
  color: white;
}
.icon-Vita_zinc:before {
  content: "\e910";
    font-size: 85px;
  position: relative;
  bottom: 17px;
  right: 19px;
  color: white;
}

.perfectil_hairtips_section {
    color: #fff;
    position: relative;
    overflow: hidden;
    background-image: url(hair_tips-minf364.jpg?v=1591101050);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 770px) {
.perfectil_hairtips_section {
    color: #fff;
    position: relative;
    overflow: hidden;
    background-image:url(hairtips_new-min091f.jpg?v=1591101048);
    background-repeat: no-repeat;
    background-size: cover;
}
}

@media (max-width: 421px) and (min-width: 401px) {
.perfectil_hairtips_section {
padding-bottom: 380px!important;
}
}
@media (max-width: 400px) {
.perfectil_hairtips_section {
padding-bottom: 80px!important;
}
}

.perfectil_hairtips_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.perfectil_hairtips_title {
    font-size: 30px;
    text-align: center;
    padding-bottom: 20px;
}

@media (max-width: 430px) {
.perfectil_hairtips_title {
    font-size: 1.5em;
    text-align: center;
    padding-bottom: 20px;
}
}

.perfectil_hairtips_inner {
    align-items: center;
    min-height: 450px;
    padding: 40px 0;
    position: relative;
}
@media only screen and (max-width: 700px) {
.perfectil_hairtips_inner {
    padding: 20px 0px!important;
}
}
@media only screen and (max-width: 770px) {
.perfectil_hairtips_inner {
    padding: 30px 0px;
}
}


.perfectil_hairtips_insta {
    font-size: 30px;
    text-align: center;
    margin: auto;

}

.perfectil_hairtips_images {
    text-align: center;
}

.perfectil_hairtips_item {
    padding: 20px;
}

@media (max-width: 770px) {
.perfectil_hairtips_item {
    padding: 20px;
    width: 45%;
    display: inline-block;
    vertical-align: top;
}
}

@media (max-width: 769px) and (min-width: 700px) {
  .perfectil_hairtips_item {
    padding: 12px!important;
}
}

@media (max-width: 420px) {
.perfectil_hairtips_item {
    padding: 0px;
    width: 45%;
    display: inline-block;
    vertical-align: top;
}
}

@media (max-width: 400px) {
.perfectil_hairtips_item {
    padding: 5px;
    width: 45%;
    display: inline-block;
    vertical-align: top;
}
}

.perfectil_hairtips_item img {
    width: 130px;
}

.perfectil_hairtips_text {
    width: 50%;
    text-align: center;
    margin: auto;
    font-family: Metropolis,Arial,sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.647;
}

@media (max-width: 430px) {
.perfectil_hairtips_text {
    width: 93%;
    text-align: center;
    margin: auto;
    padding: 0px 20px 0px 20px;
}
}

@media (max-width: 421px) and (min-width: 401px) {
.perfectil_hairtips_text {
padding: 0px 20px 20px 20px!important;
}
}

@media (max-width: 770px) {
.perfectil_hairtips_text {
    width: 93%;
    text-align: center;
    margin: auto;
    padding: 0px 20px 0px 20px;
}
}

.perfectil_hairtips_items_1to3 {
    float:left;
    padding: 5%;
}

@media (max-width: 770px) {
.perfectil_hairtips_items_1to3 {
    padding: 0%;
}
}

@media (max-width: 650px) {
.perfectil_hairtips_items_1to3 {
    padding: 5%;
}
}

@media (max-width: 420px) {
.perfectil_hairtips_items_1to3 {
    padding: 0%;
}
}

@media (max-width: 400px) {
.perfectil_hairtips_items_1to3 {
    padding: 5% 5% 0% 5%;
}
}

.perfectil_hairtips_items_4to5 {
    float:right;
    padding: 5%;
}

@media (max-width: 770px) {
.perfectil_hairtips_items_4to5 {
    padding: 0%;
}
}

@media (max-width: 650px) {
.perfectil_hairtips_items_4to5 {
    padding: 5%;
}
}

@media (max-width: 420px) {
.perfectil_hairtips_items_4to5 {
    padding: 0%;
}
}

@media (max-width: 400px) {
.perfectil_hairtips_items_4to5 {
    padding-top: 0%;
    padding-right: 5%;
    padding-left: 5%;
    padding-bottom: 365px;
}
}

.hairtips_icon_text {
    width: 310px;
    line-height: 1.2!important;
}

@media (max-width: 770px) {
.hairtips_icon_text {
    width: 100%;
    font-size: 14px;
}
}

@media (max-width: 420px) {
.hairtips_icon_text {
    width: 100%;
    font-size: 14px;
    
}
}

.perfectil_hairtips_icon_image {
    height: 90px;
    width: 90px;
    padding: 20px;
    background-color: #533278;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}
#s-73540a3e-0f66-4486-992f-f0e2207194f7 {
  background-color: rgba(255, 255, 255, 1);
}

.perfectil_scroller_title {
    font-size: 30px;
    text-align: center;
    color: #533278 !important;
}

@media (max-width: 550px) {
.perfectil_scroller_title {
    font-size: 1.5em;
    text-align: center;
    color: #533278 !important;
    padding: 0px 10px;
}
}

@media only screen and (min-width: 1024px){ 
.perfectil_link {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4px;
}
}

@media only screen and (max-width: 1023px){ 
.perfectil_link {
    display: block;
    text-align: center;
    padding: 10px;
}
}

.small_back {
    background-image: url(https://i.shgcdn.com/36db6c11-f781-4d55-8614-265c871f4ea6/-/format/auto/-/preview/3000x3000/-/quality/lighter/);
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 1150px){ 
.small_back {
    background-image: url(https://i.shgcdn.com/36db6c11-f781-4d55-8614-265c871f4ea6/-/format/auto/-/preview/3000x3000/-/quality/lighter/);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
}
}

@media only screen and (max-width: 799px){ 
.small_back {
    background-image: url(https://i.shgcdn.com/36db6c11-f781-4d55-8614-265c871f4ea6/-/format/auto/-/preview/3000x3000/-/quality/lighter/);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: top;
}
}

.margin {
    margin-top: 20%;
}

@media only screen and (max-width: 1025px){ 
.margin {
    margin-top: 15%;
}
}

.wide_margin {
    margin-top: 10%;
}

@media only screen and (max-width: 1025px){ 
.wide_margin {
    margin-top: 3%;
}
}

.products-scroller__badge {
    z-index: 100;
}

.perfectil_img {
    padding: 5%;
}

@media only screen and (max-width: 450px){ 
.perfectil_img {
    padding: 18%;
}
}
#s-71200c39-982f-4d16-8062-d2a7976a5ea8 {
  background-color: rgba(255, 255, 255, 1);
}

.perfectil_social_section {
    color: #fff;
    position: relative;
    overflow: hidden;
}

.perfectil_social_background {
    background-image:url(socialmedia-min64c8.jpg?v=1591006622);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.perfectil_social_inner {
    align-items: center;
    min-height: 450px;
    padding: 40px 0;
    position: relative;
}
@media only screen and (max-width: 420px) {
    .perfectil_social_inner {
    padding: 20px 0px !important;
}
}

.perfectil_social_insta {
    font-size: 30px;
    text-align: center;
    margin: auto;

}
@media only screen and (max-width: 420px) {
.perfectil_social_insta {
    font-size: 1.5em;

}
}

.perfectil_social_images {
    text-align: center;
}

.perfectil_social_icons {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.perfectil_social_facebook_section {
    padding: 10px;
}

.perfectil_social_twitter_section {
    padding: 10px;
}

.perfectil_social_item {
    display:inline-block;
    width: 330px;
    padding: 40px;
}

@media (min-width: 1051px) and (max-width: 1334px) {
.perfectil_social_item {
    display:inline-block;
    width: 225px;
    padding: 25px;
}
}

@media (min-width: 550px) and (max-width: 1050px) {
.perfectil_social_item {
    display:inline-block;
    width: 175px;
    padding: 25px;
}
}

@media (max-width: 549px) {
.perfectil_social_item {
    display:inline-block;
    width: 140px;
    padding: 17px;
}
}

@media (max-width: 400px) {
.perfectil_social_item {
    display:inline-block;
    width: 130px;
    padding: 17px;
}
}

.perfectil_social_insta_section a {
    text-decoration: none;
    color: white !important;
}
.shg-box {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  /**
   * While `flex: 1` is enough here, we need to supply the rest
   * of the parameters (`1 auto`) to keep compatibility with IE11.
   * Otherwise, IE11 flex would break.
   */
  flex: 1 1 auto;
}

.shg-box > .shg-box-content {
  z-index: 4;
  position: relative;
  /**
   * This is part of an IE11 fallback to avoid flex introducing
   * huge amount of weird space on the bottom on the section element.
   */
  min-height: 1px;
}

.shg-box-vertical-align-wrapper, .shg-box-vertical-center-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.shg-box-vertical-align-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.shg-box-vertical-align-center, .shg-box-vertical-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.shg-box-vertical-align-bottom {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.shg-box-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  pointer-events: none;
}

.shg-box-video-wrapper {
  /*
    It's very important we don't create a new containing block for shg-box-video-wrapper
    Jarallax uses transforms + position: fixed to achieve it's parallaxing effect

    https://developer.mozilla.org/en-US/docs/Web/CSS/position

    position: fixed
    The element is removed from the normal document flow, and no space is created for the element in the page layout. 
    It is positioned relative to the initial containing block established by the viewport, 

    *
      except when one of its ancestors has a transform, perspective, or filter property set to something other than none 
      (see the CSS Transforms Spec), or the will-change property is set to transform, 
      in which case that ancestor behaves as the containing block. 
    *
  */

  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

#s-0cecec15-0c9c-431b-8d17-424406bcd01c {
  min-height: 50px;
}








#s-0cecec15-0c9c-431b-8d17-424406bcd01c > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-0cecec15-0c9c-431b-8d17-424406bcd01c.shg-box.shg-c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

#s-587b4876-b6bc-4822-afdd-f95675df54cc {
  background-color: rgba(255, 255, 255, 1);
}

.shogun-accordion-wrapper .shogun-accordion {
  margin-bottom: 0;
  border-radius: 4px;
}

.shogun-accordion {
  margin-bottom: 20px;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.shogun-accordion-wrapper .shogun-accordion + .shogun-accordion {
  margin-top: 5px;
}

.shogun-accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.shogun-accordion-heading {
  color: #333;
  border-bottom: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  cursor: pointer;
}

.shogun-accordion-title {
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer;
  text-decoration: none;
  flex: 1;
  user-select: none;
}

.shogun-accordion-body {
  display: none;
  opacity: 0;
  transition: opacity 0.5s linear;
}

.shogun-accordion-body.shogun-accordion-active {
  display: block;
  opacity: 1;
  visibility: visible;
}

.shogun-accordion-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 1.2em;
}

.shogun-accordion-icon > span {
  transition: 0.3s transform;
  position: absolute;
  right: 0;
  font-size: 1.2em;
}

.shogun-accordion-icon.shogun-icon-chevron > span::after {
  content: "▸";
}

.shogun-accordion.shogun-accordion-active
  > .shogun-accordion-heading
  .shogun-accordion-icon.shogun-icon-chevron
  > span {
  transform: rotate(90deg);
}

.shogun-accordion-icon.shogun-icon-plus > span::after {
  content: "＋";
}

.shogun-accordion.shogun-accordion-active
  > .shogun-accordion-heading
  .shogun-accordion-icon.shogun-icon-plus
  > span {
  transform: rotate(-225deg);
}

#s-7999ec0b-8bcd-4f26-9212-dd84fe92d5bb {
  padding-left: 40px;
padding-right: 40px;
}

#s-7999ec0b-8bcd-4f26-9212-dd84fe92d5bb > .shogun-accordion-wrapper > .shogun-accordion {
  border: 1px solid #ddd;
}

#s-7999ec0b-8bcd-4f26-9212-dd84fe92d5bb > .shogun-accordion-wrapper > .shogun-accordion > .shogun-accordion-heading {
  background: rgba(255, 255, 255, 1);
  padding: 10px;
}

#s-7999ec0b-8bcd-4f26-9212-dd84fe92d5bb > .shogun-accordion-wrapper > .shogun-accordion > .shogun-accordion-heading > .shogun-accordion-header > .shogun-accordion-icon > span {
  color: #8fcee7;
}

#s-7999ec0b-8bcd-4f26-9212-dd84fe92d5bb > .shogun-accordion-wrapper > .shogun-accordion > .shogun-accordion-body {
  background-color: rgba(255, 255, 255, 1);
  border-top: 1px solid #ddd;
}

#s-7999ec0b-8bcd-4f26-9212-dd84fe92d5bb > .shogun-accordion-wrapper > .shogun-accordion > .shogun-accordion-heading > .shogun-accordion-header > .shogun-accordion-title {
  color: #8fcee7;
  text-align: left;
  font-family: ;
  font-weight: ;
  font-style: ;
  font-size: 16px;
}

#s-7999ec0b-8bcd-4f26-9212-dd84fe92d5bb > .shogun-accordion-wrapper > .shogun-accordion > .shogun-accordion-heading .shogun-accordion-icon {
  font-size: 16px;
}
#s-5b65cad4-993b-49e0-9077-432b35d2b119 {
  background-color: rgba(255, 255, 255, 1);
}

#s-eb5f4321-d6cf-4bb4-a0f7-2abbfd67a831 {
  min-height: 50px;
}








#s-eb5f4321-d6cf-4bb4-a0f7-2abbfd67a831 > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-eb5f4321-d6cf-4bb4-a0f7-2abbfd67a831.shg-box.shg-c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

/*
  $vgutter : 20px
  $hgutter : 10px;
*/

.shg-c:before,
.shg-c:after {
  content: " ";
  display: table;
}

/**
  Ref:
  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
  https://dnf.slack.com/archives/C0514HB79/p1538741509000100
**/
.shogun-root {
  z-index: 1;
  position: relative;
  isolation: isolate;
}

.shogun-root iframe {
  display: initial;
}

@media (max-width: 1024px) {
  .shg-c,
  .shg-box {
    background-attachment: scroll !important;
  }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) and (orientation: landscape) {
  .shg-box {
    background-attachment: scroll !important;
  }
}

#mc_embed_signup .clear {
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
}

.shg-clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.shogun-image {
  max-width: 100%;
  min-height: inherit;
  max-height: inherit;
  display: inline !important;
  border: 0;
  vertical-align: middle;
}

.shg-fw {
  margin-left: calc(50% - 50vw);
  width: 100vw;
}

.shg-fw .shg-fw {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

div[data-shg-lightbox-switch] {
  cursor: pointer;
}

.shg-lightbox {
  position: fixed;
  z-index: 999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.85);
}

.shg-lightbox.hidden {
  display: none !important;
}

.shg-lightbox .shg-lightbox-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}

.shg-lightbox .shg-lightbox-close {
  position: absolute;
  right: 0;
  padding: 5px 0;
  color: #fff;
  font-size: 45px;
  margin-right: 10px;
  line-height: 30px;
  user-select: none;
  cursor: pointer;
  z-index: 1;
}

.shg-lightbox .shg-lightbox-image-container {
  padding: 25px;
}

.shg-lightbox .shg-lightbox-image {
  margin: auto;
  max-height: 90vh;
  max-width: 100%;
}

.shg-lightbox .shg-lightbox-close:hover,
.shg-lightbox .shg-lightbox-close:focus {
  color: #a2a2a2;
  text-decoration: none;
  cursor: pointer;
}

.shg-lightbox .shg-lightbox-nav {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: 35px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translate(0%, -50%);
  z-index: 1;
}

.shg-lightbox .shg-lightbox-nav.hidden {
  display: none !important;
}

.shg-lightbox .shg-lightbox-nav.shg-nav-left {
  left: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMjAzIDU0NHEwIDEzLTEwIDIzbC0zOTMgMzkzIDM5MyAzOTNxMTAgMTAgMTAgMjN0LTEwIDIzbC01MCA1MHEtMTAgMTAtMjMgMTB0LTIzLTEwbC00NjYtNDY2cS0xMC0xMC0xMC0yM3QxMC0yM2w0NjYtNDY2cTEwLTEwIDIzLTEwdDIzIDEwbDUwIDUwcTEwIDEwIDEwIDIzeiIvPjwvc3ZnPg==);
}

.shg-lightbox .shg-lightbox-nav.shg-nav-right {
  right: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMTcxIDk2MHEwIDEzLTEwIDIzbC00NjYgNDY2cS0xMCAxMC0yMyAxMHQtMjMtMTBsLTUwLTUwcS0xMC0xMC0xMC0yM3QxMC0yM2wzOTMtMzkzLTM5My0zOTNxLTEwLTEwLTEwLTIzdDEwLTIzbDUwLTUwcTEwLTEwIDIzLTEwdDIzIDEwbDQ2NiA0NjZxMTAgMTAgMTAgMjN6Ii8+PC9zdmc+);
}

@media screen and (min-width: 769px) {
  .shg-lightbox .shg-lightbox-image-container {
    padding: 50px;
  }
}

.shogun-lazyload:not([src]),
.shogun-lazyloading:not([src]) {
  opacity: 0;
}
.shogun-lazyloaded {
  opacity: 1;
  transition: opacity 300ms;
}

.shogun-lazyload-bg-image {
  display: none;
}

.shogun-root a:empty,
.shogun-root article:empty,
.shogun-root dl:empty,
.shogun-root h1:empty,
.shogun-root h2:empty,
.shogun-root h3:empty,
.shogun-root h4:empty,
.shogun-root h5:empty,
.shogun-root h6:empty,
.shogun-root p:empty,
.shogun-root section:empty,
.shogun-root ul:empty {
  display: unset;
}

.shogun-root div:empty {
  display: inline-block;
}

/* User Content Animations --> */
[data-animations*="enterviewport"][data-animations*="fadeIn"],
[data-animations*="enterviewport"][data-animations*="zoomIn"] {
  opacity: 0;
}
/* <-- User Content Animations */

.shogun-form-error-msg, .shogun-form-field-error-msg {
  display: flex;
  align-items: center;
  color: #dc143c;
}

.shogun-badge {
  margin-bottom: 50px;
}

.shogun-badge-container {
  position: fixed;
  right: 0;
  bottom: 0;
  margin-bottom: -10px;
}

.shg-c:before,.shg-c:after{content:" ";display:table}.shogun-root{z-index:1;position:relative;isolation:isolate}.shogun-root iframe{display:initial}@media (max-width: 1024px){.shg-c,.shg-box{background-attachment:scroll !important}}@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) and (orientation: landscape){.shg-box{background-attachment:scroll !important}}#mc_embed_signup .clear{width:auto !important;height:auto !important;visibility:visible !important}.shg-clearfix:after{content:"";display:block;clear:both}.shogun-image{max-width:100%;min-height:inherit;max-height:inherit;display:inline !important;border:0;vertical-align:middle}.shg-fw{margin-left:calc(50% - 50vw);width:100vw}.shg-fw .shg-fw{margin-left:auto;margin-right:auto;width:100%}div[data-shg-lightbox-switch]{cursor:pointer}.shg-lightbox{position:fixed;z-index:999999;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#000;background-color:rgba(0,0,0,0.85)}.shg-lightbox.hidden{display:none !important}.shg-lightbox .shg-lightbox-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;text-align:center}.shg-lightbox .shg-lightbox-close{position:absolute;right:0;padding:5px 0;color:#fff;font-size:45px;margin-right:10px;line-height:30px;user-select:none;cursor:pointer;z-index:1}.shg-lightbox .shg-lightbox-image-container{padding:25px}.shg-lightbox .shg-lightbox-image{margin:auto;max-height:90vh;max-width:100%}.shg-lightbox .shg-lightbox-close:hover,.shg-lightbox .shg-lightbox-close:focus{color:#a2a2a2;text-decoration:none;cursor:pointer}.shg-lightbox .shg-lightbox-nav{cursor:pointer;position:absolute;top:50%;width:35px;height:100px;background-size:contain;background-repeat:no-repeat;background-position:center;transform:translate(0%, -50%);z-index:1}.shg-lightbox .shg-lightbox-nav.hidden{display:none !important}.shg-lightbox .shg-lightbox-nav.shg-nav-left{left:0;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMjAzIDU0NHEwIDEzLTEwIDIzbC0zOTMgMzkzIDM5MyAzOTNxMTAgMTAgMTAgMjN0LTEwIDIzbC01MCA1MHEtMTAgMTAtMjMgMTB0LTIzLTEwbC00NjYtNDY2cS0xMC0xMC0xMC0yM3QxMC0yM2w0NjYtNDY2cTEwLTEwIDIzLTEwdDIzIDEwbDUwIDUwcTEwIDEwIDEwIDIzeiIvPjwvc3ZnPg==)}.shg-lightbox .shg-lightbox-nav.shg-nav-right{right:0;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMTcxIDk2MHEwIDEzLTEwIDIzbC00NjYgNDY2cS0xMCAxMC0yMyAxMHQtMjMtMTBsLTUwLTUwcS0xMC0xMC0xMC0yM3QxMC0yM2wzOTMtMzkzLTM5My0zOTNxLTEwLTEwLTEwLTIzdDEwLTIzbDUwLTUwcTEwLTEwIDIzLTEwdDIzIDEwbDQ2NiA0NjZxMTAgMTAgMTAgMjN6Ii8+PC9zdmc+)}@media screen and (min-width: 769px){.shg-lightbox .shg-lightbox-image-container{padding:50px}}.shogun-lazyload:not([src]),.shogun-lazyloading:not([src]){opacity:0}.shogun-lazyloaded{opacity:1;transition:opacity 300ms}.shogun-lazyload-bg-image{display:none}.shogun-root a:empty,.shogun-root article:empty,.shogun-root dl:empty,.shogun-root h1:empty,.shogun-root h2:empty,.shogun-root h3:empty,.shogun-root h4:empty,.shogun-root h5:empty,.shogun-root h6:empty,.shogun-root p:empty,.shogun-root section:empty,.shogun-root ul:empty{display:unset}.shogun-root div:empty{display:inline-block}[data-animations*="enterviewport"][data-animations*="fadeIn"],[data-animations*="enterviewport"][data-animations*="zoomIn"]{opacity:0}.shogun-form-error-msg,.shogun-form-field-error-msg{display:flex;align-items:center;color:#dc143c}.shogun-badge{margin-bottom:50px}.shogun-badge-container{position:fixed;right:0;bottom:0;margin-bottom:-10px}