.onload_modal .modal-content {
  border: 0;
}
.onload_modal .modal-body {
  padding: 0;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.onload_modal .modal-body .modal_close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  line-height: 23px;
  border-radius: 50%;
  background: #ffffff;
  text-align: center;
  font-size: 12px;
  transition: all 0.2s;
  z-index: 99;
}
.onload_modal .modal-body .modal_close:hover {
  opacity: 0.9;
}

/* theme 01 start */
/* modal_01 */
.modal_01 .modal_header, .modal_04 .modal_header {
  padding: 25px 15px;
  margin: 0;
}
.modal_01 .modal_header h3, .modal_04 .modal_header h3 {
  margin: 0;
  text-align: center;
  font-weight: 700;
}
.modal_01 .main_body, .modal_04 .main_body {
  background: #393E46;
  padding: 30px 15px 25px;
}
.modal_01 .main_body h6, .modal_04 .main_body h6 {
  color: #ffffff;
  text-align: center;
  margin-bottom: 30px;
}
.modal_01 .main_body input, .modal_04 .main_body input {
  max-width: 300px;
  width: 100%;
  height: 35px;
  margin: 0 auto;
  display: block;
  padding: 0 15px;
  font-size: 13px;
  border: 0;
  outline: 0;
  border-radius: 4px;
  margin-bottom: 10px;
}
.modal_01 .main_body .modal_button, .modal_04 .main_body .modal_button {
  width: 110px;
  height: 30px;
  line-height: 32px;
  display: block;
  margin: 0 auto;
  border: 0;
  outline: 0;
  border-radius: 4px;
  margin-bottom: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s;
}
.modal_01 .main_body .modal_button:hover, .modal_04 .main_body .modal_button:hover {
  opacity: 0.9;
}
.modal_01 .main_body p, .modal_04 .main_body p {
  text-align: center;
  color: #ffffff;
  font-size: 13px;
  margin: 0;
}

/* theme 01 end */
/* theme 02 start */
/* modal_02 */
.modal_02 .modal_header_with_img, .modal_05 .modal_header_with_img {
  margin: 0;
  min-height: 80px;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  background: url(/frontend/images/popup_bg/1.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
}
.modal_02 .modal_header_with_img::after, .modal_05 .modal_header_with_img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.modal_02 .modal_header_with_img h3, .modal_05 .modal_header_with_img h3 {
  margin: 0;
  width: 100%;
  text-align: center;
  font-weight: 700;
  z-index: 2;
}
.modal_02 .main_body, .modal_05 .main_body {
  background: #393E46;
  padding: 30px 15px 25px;
}
.modal_02 .main_body h6, .modal_05 .main_body h6 {
  color: #ffffff;
  text-align: center;
  margin-bottom: 30px;
}
.modal_02 .main_body input, .modal_05 .main_body input {
  max-width: 300px;
  width: 100%;
  height: 35px;
  margin: 0 auto;
  display: block;
  padding: 0 15px;
  font-size: 13px;
  border: 0;
  outline: 0;
  border-radius: 4px;
  margin-bottom: 10px;
}
.modal_02 .main_body .modal_button, .modal_05 .main_body .modal_button {
  width: 110px;
  height: 30px;
  line-height: 32px;
  display: block;
  margin: 0 auto;
  border: 0;
  outline: 0;
  border-radius: 4px;
  margin-bottom: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s;
}
.modal_02 .main_body .modal_button:hover, .modal_05 .main_body .modal_button:hover {
  opacity: 0.9;
}
.modal_02 .main_body p, .modal_05 .main_body p {
  text-align: center;
  color: #ffffff;
  font-size: 13px;
  margin: 0;
}

/* theme 02 end */
/* theme 03 start */
/* modal_03 */
.modal_03, .modal_06 {
  background: #393E46;
}
.modal_03 .modal_img_shape, .modal_06 .modal_img_shape {
  width: 100%;
  height: 100%;
  border-bottom-right-radius: 250px;
}
.modal_03 .modal_img_shape img, .modal_06 .modal_img_shape img {
  width: 100%;
  height: 100%;
}
.modal_03 .main_body, .modal_06 .main_body {
  background: #393E46;
  padding: 30px 15px 25px;
}
.modal_03 .main_body .header_text, .modal_06 .main_body .header_text {
  font-weight: 700;
  font-size: 23px;
  margin-bottom: 25px;
  text-align: center;
}
.modal_03 .main_body h6, .modal_06 .main_body h6 {
  margin-bottom: 35px;
  color: #ffffff;
  font-size: 15px;
  text-align: center;
}
.modal_03 .main_body .modal_button, .modal_06 .main_body .modal_button {
  width: 180px;
  height: 30px;
  line-height: 32px;
  font-size: 14px;
  display: block;
  margin: 0 auto;
  border-radius: 15px;
  margin-bottom: 15px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s;
}
.modal_03 .main_body .modal_button:hover, .modal_06 .main_body .modal_button:hover {
  opacity: 0.9;
}

/* theme 03 end */
/* theme 04 start */
/* modal_04 */
.modal_04 .main_body {
  background: #edeff3;
}
.modal_04 .main_body h6 {
  color: #333b40;
}
.modal_04 .main_body p {
  color: #333b40;
}

/* theme 04 end */
/* theme 05 start */
/* modal_05 */
.modal_05 .main_body {
  background: #edeff3;
}
.modal_05 .main_body h6 {
  color: #333b40;
}
.modal_05 .main_body p {
  color: #333b40;
}

/* theme 05 end */
/* theme 06 start */
/* modal_06 */
.modal_06 {
  background: #edeff3;
}
.modal_06 .main_body {
  background: #edeff3;
}
.modal_06 .main_body h6 {
  color: #333b40;
}

/* theme 06 end */
/* theme mailbird start */
/* modal_mailbird */
.modal_mailbird .modal_close {
  color: #FDAA6E;
}
.modal_mailbird .modal_header {
  height: 70px;
  width: 100%;
  background: #FDAA6E;
}
.modal_mailbird .main_body {
  margin-top: -50px;
  padding: 0 30px 15px;
}
.modal_mailbird .main_body .mailbird_icon {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  border: 2px solid #FDAA6E;
  border-radius: 50%;
  padding: 10px;
  background: #fff;
}
.modal_mailbird .main_body .mailbird_icon img {
  width: 100%;
  height: 100%;
}
.modal_mailbird .main_body .header_text {
  text-align: center;
  color: #FDAA6E;
  font-weight: 700;
  margin: 15px 0 20px;
}
.modal_mailbird .main_body form {
  display: flex;
  margin-bottom: 20px;
}
.modal_mailbird .main_body form input {
  width: 100%;
  height: 40px;
  background: #E5E7E8;
  border: 0;
  outline: 0;
  padding: 0 10px;
}
.modal_mailbird .main_body form .modal_button {
  height: 40px;
  line-height: 43px;
  width: 120px;
  border: 0;
  outline: 0;
  color: #fff;
  background: #FDAA6E;
  font-weight: 700;
  cursor: pointer;
}
.modal_mailbird .main_body p {
  text-align: center;
  font-size: 14px;
  color: #999;
}
.modal_mailbird .main_body p span {
  cursor: pointer;
}

/* theme modal_mailbird end */
/* theme blueheart start */
/* modal_blueheart */
.modal_blueheart .modal_close {
  color: #0075FF;
}
.modal_blueheart .modal_header {
  width: 100%;
  background: #0075FF;
}
.modal_blueheart .modal_header .cover {
  background: url(/frontend/images/blueheart/small_shape.png);
  background-size: 100% 100%;
}
.modal_blueheart .main_body {
  padding: 15px 30px 10px;
}
.modal_blueheart .main_body .blueheart_icon {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  border-radius: 50%;
}
.modal_blueheart .main_body .blueheart_icon img {
  width: 100%;
  height: 100%;
}
.modal_blueheart .main_body .header_text {
  text-align: center;
  color: #0075FF;
  font-weight: 700;
  margin: 30px 0 10px;
}
.modal_blueheart .main_body form {
  display: flex;
  margin-bottom: 20px;
}
.modal_blueheart .main_body form input {
  width: 100%;
  height: 40px;
  background: #E5E7E8;
  border: 0;
  outline: 0;
  padding: 0 10px;
}
.modal_blueheart .main_body form .modal_button {
  height: 40px;
  line-height: 43px;
  width: 120px;
  border: 0;
  outline: 0;
  color: #fff;
  background: #0075FF;
  font-weight: 700;
  cursor: pointer;
}
.modal_blueheart .main_body p {
  text-align: center;
  font-size: 14px;
  color: #999;
}
.modal_blueheart .main_body p span {
  cursor: pointer;
}

/* theme modal_blueheart end */
/* theme pinkpoint start */
/* modal_pinkpoint */
.modal_pinkpoint .modal_close {
  color: #FEA09F;
}
.modal_pinkpoint .modal_header {
  width: 100%;
  background: #FEA09F;
}
.modal_pinkpoint .modal_header .cover {
  background: linear-gradient(169deg, transparent 38%, #fff 39%);
}
.modal_pinkpoint .main_body {
  padding: 60px 30px 10px;
}
.modal_pinkpoint .main_body .mail_icon {
  width: 100px;
  display: block;
}
.modal_pinkpoint .main_body .text {
  text-align: right;
  color: #455A80;
  font-weight: 700;
  margin: 60px 0 0;
}
.modal_pinkpoint .main_body .text span {
  display: block;
  font-weight: 300;
  font-size: 21px;
}
.modal_pinkpoint .main_body form {
  display: flex;
  margin: 20px 0;
}
.modal_pinkpoint .main_body form input {
  width: 100%;
  height: 40px;
  background: #E5E7E8;
  border: 0;
  outline: 0;
  padding: 0 10px;
}
.modal_pinkpoint .main_body form .modal_button {
  height: 40px;
  line-height: 43px;
  width: 120px;
  border: 0;
  outline: 0;
  color: #fff;
  background: #FEA09F;
  font-weight: 700;
  cursor: pointer;
}
.modal_pinkpoint .main_body p {
  text-align: center;
  font-size: 14px;
  color: #999;
}
.modal_pinkpoint .main_body p span {
  cursor: pointer;
}

@media screen and (max-width: 576px) {
  .modal_pinkpoint .main_body .text {
    margin: 25px 0 0;
  }
  .modal_pinkpoint .main_body .mail_icon {
    margin: 0 auto;
  }
}
/* theme modal_pinkpoint end */
/* color area start  */
/* text_dark */
.onload_modal {
  /* text_dark */
}
.onload_modal .text_dark h3 {
  color: #333b40 !important;
}
.onload_modal .text_dark .modal_button {
  color: #333b40 !important;
}
.onload_modal .text_light h3 {
  color: #ffffff !important;
}
.onload_modal .text_light .modal_button {
  color: #ffffff !important;
}

/* green */
.onload_modal {
  /* blue */
  /* orange */
  /* red */
  /* yellow */
  /* lime */
  /* turquoise */
  /* pink */
  /* magenta */
  /* purple */
  /* cream */
  /* chocolate */
  /* silver */
  /* cobalt */
}
.onload_modal .green .modal_close {
  color: #2ACBA4 !important;
}
.onload_modal .green .modal_header {
  background: #2ACBA4 !important;
}
.onload_modal .green .modal_header_with_img::after {
  background: rgba(42, 203, 164, 0.75) !important;
  mix-blend-mode: multiply;
}
.onload_modal .green .modal_img_shape {
  background: #2ACBA4 !important;
}
.onload_modal .green .header_text {
  color: #2ACBA4 !important;
}
.onload_modal .green .modal_button {
  background: #2ACBA4 !important;
}
.onload_modal .green .mailbird_icon {
  border-color: #2ACBA4 !important;
}
.onload_modal .blue .modal_close {
  color: #2879B8 !important;
}
.onload_modal .blue .modal_header {
  background: #2879B8 !important;
}
.onload_modal .blue .modal_header_with_img::after {
  background: rgba(40, 121, 184, 0.75) !important;
  mix-blend-mode: multiply;
}
.onload_modal .blue .modal_img_shape {
  background: #2879B8 !important;
}
.onload_modal .blue .header_text {
  color: #2879B8 !important;
}
.onload_modal .blue .modal_button {
  background: #2879B8 !important;
}
.onload_modal .blue .mailbird_icon {
  border-color: #2879B8 !important;
}
.onload_modal .orange .modal_close {
  color: #F27B21 !important;
}
.onload_modal .orange .modal_header {
  background: #F27B21 !important;
}
.onload_modal .orange .modal_header_with_img::after {
  background: rgba(242, 123, 33, 0.75) !important;
  mix-blend-mode: multiply;
}
.onload_modal .orange .modal_img_shape {
  background: #F27B21 !important;
}
.onload_modal .orange .header_text {
  color: #F27B21 !important;
}
.onload_modal .orange .modal_button {
  background: #F27B21 !important;
}
.onload_modal .orange .mailbird_icon {
  border-color: #F27B21 !important;
}
.onload_modal .red .modal_close {
  color: #EF3936 !important;
}
.onload_modal .red .modal_header {
  background: #EF3936 !important;
}
.onload_modal .red .modal_header_with_img::after {
  background: rgba(239, 57, 54, 0.75) !important;
  mix-blend-mode: multiply;
}
.onload_modal .red .modal_img_shape {
  background: #EF3936 !important;
}
.onload_modal .red .header_text {
  color: #EF3936 !important;
}
.onload_modal .red .modal_button {
  background: #EF3936 !important;
}
.onload_modal .red .mailbird_icon {
  border-color: #EF3936 !important;
}
.onload_modal .yellow .modal_close {
  color: #F8EF26 !important;
}
.onload_modal .yellow .modal_header {
  background: #F8EF26 !important;
}
.onload_modal .yellow .modal_header_with_img::after {
  background: rgba(248, 239, 38, 0.75) !important;
  mix-blend-mode: multiply;
}
.onload_modal .yellow .modal_img_shape {
  background: #F8EF26 !important;
}
.onload_modal .yellow .header_text {
  color: #F8EF26 !important;
}
.onload_modal .yellow .modal_button {
  background: #F8EF26 !important;
}
.onload_modal .yellow .mailbird_icon {
  border-color: #F8EF26 !important;
}
.onload_modal .lime .modal_close {
  color: #A3CD3B !important;
}
.onload_modal .lime .modal_header {
  background: #A3CD3B !important;
}
.onload_modal .lime .modal_header_with_img::after {
  background: rgba(163, 205, 59, 0.75) !important;
  mix-blend-mode: multiply;
}
.onload_modal .lime .modal_img_shape {
  background: #A3CD3B !important;
}
.onload_modal .lime .header_text {
  color: #A3CD3B !important;
}
.onload_modal .lime .modal_button {
  background: #A3CD3B !important;
}
.onload_modal .lime .mailbird_icon {
  border-color: #A3CD3B !important;
}
.onload_modal .turquoise .modal_close {
  color: #14ADAA !important;
}
.onload_modal .turquoise .modal_header {
  background: #14ADAA !important;
}
.onload_modal .turquoise .modal_header_with_img::after {
  background: rgba(20, 173, 170, 0.75) !important;
  mix-blend-mode: multiply;
}
.onload_modal .turquoise .modal_img_shape {
  background: #14ADAA !important;
}
.onload_modal .turquoise .header_text {
  color: #14ADAA !important;
}
.onload_modal .turquoise .modal_button {
  background: #14ADAA !important;
}
.onload_modal .turquoise .mailbird_icon {
  border-color: #14ADAA !important;
}
.onload_modal .pink .modal_close {
  color: #F499C2 !important;
}
.onload_modal .pink .modal_header {
  background: #F499C2 !important;
}
.onload_modal .pink .modal_header_with_img::after {
  background: rgba(244, 153, 194, 0.75) !important;
  mix-blend-mode: multiply;
}
.onload_modal .pink .modal_img_shape {
  background: #F499C2 !important;
}
.onload_modal .pink .header_text {
  color: #F499C2 !important;
}
.onload_modal .pink .modal_button {
  background: #F499C2 !important;
}
.onload_modal .pink .mailbird_icon {
  border-color: #F499C2 !important;
}
.onload_modal .magenta .modal_close {
  color: #D0256B !important;
}
.onload_modal .magenta .modal_header {
  background: #D0256B !important;
}
.onload_modal .magenta .modal_header_with_img::after {
  background: rgba(208, 37, 107, 0.75) !important;
  mix-blend-mode: multiply;
}
.onload_modal .magenta .modal_img_shape {
  background: #D0256B !important;
}
.onload_modal .magenta .header_text {
  color: #D0256B !important;
}
.onload_modal .magenta .modal_button {
  background: #D0256B !important;
}
.onload_modal .magenta .mailbird_icon {
  border-color: #D0256B !important;
}
.onload_modal .purple .modal_close {
  color: #613E98 !important;
}
.onload_modal .purple .modal_header {
  background: #613E98 !important;
}
.onload_modal .purple .modal_header_with_img::after {
  background: rgba(97, 62, 152, 0.75) !important;
  mix-blend-mode: multiply;
}
.onload_modal .purple .modal_img_shape {
  background: #613E98 !important;
}
.onload_modal .purple .header_text {
  color: #613E98 !important;
}
.onload_modal .purple .modal_button {
  background: #613E98 !important;
}
.onload_modal .purple .mailbird_icon {
  border-color: #613E98 !important;
}
.onload_modal .cream .modal_close {
  color: #F1D69F !important;
}
.onload_modal .cream .modal_header {
  background: #F1D69F !important;
}
.onload_modal .cream .modal_header_with_img::after {
  background: rgba(241, 214, 159, 0.75) !important;
  mix-blend-mode: multiply;
}
.onload_modal .cream .modal_img_shape {
  background: #F1D69F !important;
}
.onload_modal .cream .header_text {
  color: #F1D69F !important;
}
.onload_modal .cream .modal_button {
  background: #F1D69F !important;
}
.onload_modal .cream .mailbird_icon {
  border-color: #F1D69F !important;
}
.onload_modal .chocolate .modal_close {
  color: #513422 !important;
}
.onload_modal .chocolate .modal_header {
  background: #513422 !important;
}
.onload_modal .chocolate .modal_header_with_img::after {
  background: rgba(81, 52, 34, 0.75) !important;
  mix-blend-mode: multiply;
}
.onload_modal .chocolate .modal_img_shape {
  background: #513422 !important;
}
.onload_modal .chocolate .header_text {
  color: #513422 !important;
}
.onload_modal .chocolate .modal_button {
  background: #513422 !important;
}
.onload_modal .chocolate .mailbird_icon {
  border-color: #513422 !important;
}
.onload_modal .silver .modal_close {
  color: #A9B4BA !important;
}
.onload_modal .silver .modal_header {
  background: #A9B4BA !important;
}
.onload_modal .silver .modal_header_with_img::after {
  background: rgba(169, 180, 186, 0.75) !important;
  mix-blend-mode: multiply;
}
.onload_modal .silver .modal_img_shape {
  background: #A9B4BA !important;
}
.onload_modal .silver .header_text {
  color: #A9B4BA !important;
}
.onload_modal .silver .modal_button {
  background: #A9B4BA !important;
}
.onload_modal .silver .mailbird_icon {
  border-color: #A9B4BA !important;
}
.onload_modal .cobalt .modal_close {
  color: #183159 !important;
}
.onload_modal .cobalt .modal_header {
  background: #183159 !important;
}
.onload_modal .cobalt .modal_header_with_img::after {
  background: rgba(24, 49, 89, 0.75) !important;
  mix-blend-mode: multiply;
}
.onload_modal .cobalt .modal_img_shape {
  background: #183159 !important;
}
.onload_modal .cobalt .header_text {
  color: #183159 !important;
}
.onload_modal .cobalt .modal_button {
  background: #183159 !important;
}
.onload_modal .cobalt .mailbird_icon {
  border-color: #183159 !important;
}

/* color area end */

/*# sourceMappingURL=onload_popup.css.map */