#main_page .icon.icon-circle, .icon.icon-circle {
  display: inline-block;
  background-color: #000;
  color: #fff
}

#main_page a, #main_page body, #main_page button, #main_page h1, #main_page h2, #main_page h3, #main_page h4, #main_page h5, #main_page h6, #main_page input, #main_page label, #main_page li, #main_page p, #main_page select, #main_page span, #main_page textarea, #main_page ul, .icon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

#main_page figure, body, html {
  margin: 0
}

#main_page a, #main_page a:hover, .icon:before {
  text-decoration: none
}

.icon:before {
  font-family: icon;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-transform: none
}

.icon-bars:before {
  content: "\E001"
}

.icon-cart:before {
  content: "\E002"
}

.icon-chevron-black:before {
  content: "\E003"
}

.icon-chevron-bold:before {
  content: "\E004"
}

.icon-chevron-light:before {
  content: "\E005"
}

.icon-chevron-tiny:before {
  content: "\E006"
}

.icon-chevron:before {
  content: "\E007"
}

.icon-computer:before {
  content: "\E008"
}

.icon-download:before {
  content: "\E009"
}

.icon-fa-dashboard:before {
  content: "\E00A"
}

.icon-fa-eye-slash:before {
  content: "\E00B"
}

.icon-fa-eye:before {
  content: "\E00C"
}

.icon-fa-file-archive-o:before {
  content: "\E00D"
}

.icon-fa-home:before {
  content: "\E00E"
}

.icon-fa-shopping-basket:before {
  content: "\E00F"
}

.icon-fa-sign-out:before {
  content: "\E010"
}

.icon-fa-user:before {
  content: "\E011"
}

.icon-facebook:before {
  content: "\E012"
}

.icon-filter:before {
  content: "\E013"
}

.icon-info:before {
  content: "\E014"
}

.icon-instagram:before {
  content: "\E015"
}

.icon-location:before {
  content: "\E016"
}

.icon-phone:before {
  content: "\E017"
}

.icon-search:before {
  content: "\E018"
}

.icon-twitter:before {
  content: "\E019"
}

.icon-youtube:before {
  content: "\E01A"
}

.icon-zoom:before {
  content: "\E01B"
}

.icon.icon-circle {
  position: relative;
  width: 2em;
  height: 2em;
  border-radius: 50%
}

.icon.icon-circle:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

#main_page, body, html {
  overflow-x: hidden;
  font-size: 16px;
  position: relative;
  width: 100%
}

html {
  height: 100%
}

body {
  min-height: 100%
}

#main_page button, #main_page input[type=text], #main_page input[type=password], #main_page input[type=submit], #main_page select {
  -webkit-appearance: none;
  border-radius: 0;
}

#main_page img {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
  max-width: 100%;
}

#main_page img[src*='data:image'] {
  background-image: url('https://image.mail.dermabeauty.cl/lib/fe9413737564077b7d/m/3/1cbe754a-8578-4460-8a9e-b413dfddad33.svg');
  background-size: 5em auto;
  background-repeat: no-repeat;
  background-position: center center;
}

#main_page .uk-cover {
  transform: translateX(-50%) translateY(-50%) translateZ(0);
  max-width: initial
}

#main_page li {
  list-style-type: none;
}

#main_page button {
  border: none;
  outline: 0;
  cursor: pointer
}

#main_page .jud-dev {
  backgrund-color: #b300b3
}

#main_page [cover-fit], #main_page [custom-fit], #main_page [modal-fit], #main_page [parent-fit], #main_page [update-fit] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  max-width: initial;
  min-width: initial
}

#main_page [cover-fit].height-predominant, #main_page [custom-fit].height-predominant, #main_page [modal-fit].height-predominant, #main_page [parent-fit].height-predominant, #main_page [update-fit].height-predominant {
  width: auto;
  height: 100%
}

#main_page .icon.icon-circle {
  position: relative;
  width: 2em;
  height: 2em;
  border-radius: 50%
}

#main_page .icon.icon-circle:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

#main_page .imgload {
  background-color: #2b71b8;
  background-image: url('https://image.mail.dermabeauty.cl/lib/fe9413737564077b7d/m/3/1cbe754a-8578-4460-8a9e-b413dfddad33.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 5em
}

#main_page .newsletter>[class*=container]>p {
  font-size: 2.1875em;
  font-weight: 400;
  letter-spacing: .08em;
  line-height: 1.2
}

#main_page .newsletter>[class*=container]>p b {
  font-weight: 500;
  color: #0066a5;
  display: block
}

#main_page .newsletter>[class=container] form div input[type=email], #main_page .newsletter>[class=container] form div input[type=number], #main_page .newsletter>[class=container] form div input[type=text] {
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #a3a3a2
}

#main_page .newsletter>[class=container] form div input[type=email]::-webkit-input-placeholder, #main_page .newsletter>[class*=container] form div input[type=number]::-webkit-input-placeholder, #main_page .newsletter>[class=container] form div input[type=text]::-webkit-input-placeholder {
  color: #000;
  text-transform: uppercase
}

#main_page .newsletter>[class*=container] form div input[type=email]::-moz-placeholder, #main_page .newsletter>[class*=container] form div input[type=number]::-moz-placeholder, #main_page .newsletter>[class*=container] form div input[type=text]::-moz-placeholder {
  color: #000;
  text-transform: uppercase
}

#main_page .newsletter>[class*=container] form div input[type=email]:-ms-input-placeholder, #main_page .newsletter>[class*=container] form div input[type=number]:-ms-input-placeholder, #main_page .newsletter>[class*=container] form div input[type=text]:-ms-input-placeholder {
  color: #000;
  text-transform: uppercase
}

#main_page .newsletter>[class*=container] form div input[type=email]:-moz-placeholder, #main_page .newsletter>[class*=container] form div input[type=number]:-moz-placeholder, #main_page .newsletter>[class*=container] form div input[type=text]:-moz-placeholder {
  color: #000;
  text-transform: uppercase
}

#main_page .newsletter>[class*=container] form div.checkbox {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  font-size: 1rem
}

#main_page .newsletter>[class*=container] form div.checkbox label {
  line-height: 1;
  margin-right: .45em
}

#main_page .newsletter>[class*=container] form div.checkbox span {
  font-size: .6rem;
  line-height: 1.3;
  color: #000;
  margin: 0
}

#main_page .newsletter>[class*=container] form div.checkbox span a {
  color: #de027b;
  text-decoration: underline
}

#main_page .follow-us h2 {
  color: #000;
  font-size: 1.3125em;
  letter-spacing: .08em
}

#main_page .follow-us ul li a {
  color: #133256
}

#main_page .follow-us ul li a:hover {
  color: #de027b
}

#main_page .status-message>[class=container] .content-box {
  border: 3px solid #2b71b8;
  padding-top: 6em;
  padding-bottom: 4em
}

#main_page .status-message>[class*=container] .content-box .background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: -1
}

#main_page .status-message>[class*=container] .content-box h3 {
  font-size: 4em;
  color: #000;
  line-height: 1.05;
  font-weight: 300
}

#main_page .status-message>[class*=container] .content-box h3 b {
  display: block;
  font-weight: 300;
  color: #0066a5;
  font-size: 1.2em
}

@media (max-width:639px) {
  #main_page .newsletter>[class*=container]>p {
    font-size: 1.5em
  }

  #main_page .status-message>[class*=container] .content-box h3 {
    font-size: 2em
  }
}