@font-face {
  font-family: "shluk";
  src: url("fonts/shluk-aaa.otf");
}

@font-face {
  font-family: "mikhmoret";
  src: url("fonts/mikhmoret-regular-aaa.otf");
}

@font-face {
  font-family: "FbAbir";
  src: url("fonts/FbAbir-Bold.otf");
}

@font-face {
  font-family: "frank";
  src: url("fonts/frank.ttf");
}

@media screen and (min-width: 801px) {
  .woocommerce-product-gallery {
    float: right !important;
    width: 52%;
    padding-left: 4.5%;
  }

  .summary.entry-summary {
    width: 48%;
    float: right;
    position: relative;
    z-index: 1;
  }

  .woocommerce-product-gallery__image img {
    width: 100%;
  }

  .product_title {
    display: table;
    margin-top: 0;
    background: url("/wp-content/uploads/2020/10/HeadLineBlueBG.jpg") no-repeat;
    background-position-y: bottom;
    background-position-x: right;
    padding: 0 10px;
    font-weight: 300;
  }

  p.price {
    color: #699db9;
    font-size: 30px;
    margin: 0;
    font-weight: bold;
  }

  input#FName,
  input#Father_Name {
    width: 49%;
    float: right;
  }

  input#LName,
  input#Mother_Name {
    width: 49%;
    float: left;
  }

  form#Recipient_form input {
    margin-bottom: 10px;
  }

  form#Recipient_form select {
    width: 32%;
    margin-left: 1%;
  }

  form#Recipient_form input,
  form#Recipient_form select {
    padding-right: 5px;
    color: #000;
    font-weight: 300;
  }

  ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000;
    font-weight: 300;
    opacity: 1;
    /* Firefox */
  }

  :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000;
    font-weight: 300;
  }

  ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #000;
    font-weight: 300;
  }

  form#Recipient_form select:last-of-type {
    margin-left: 0;
  }

  form#Recipient_form input[type="submit"],
  input[type="reset"],
  .Pic_Send_Button,
  #Book_greeting_save {
    width: 100%;
    margin-top: 10px;
    background: #ff8689;
    font-weight: bold;
    border: none;
  }

  #Confirm_buttons {
    display: flex;
    width: 50%;
    margin: 20px auto;
  }

  #Confirm_buttons div {
    width: 50%;
    padding: 0px 10px;
  }

  #Confirm_buttons button {
    background: #ff8689;
    font-weight: bold;
    border: none;
    display: table;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.16);
    width: 100%;
  }

  #Confirm_buttons button:hover {
    cursor: pointer;
    box-shadow: none;
  }

  input.Pic_Send_Button {
    margin: 50px auto;
    display: table;
    width: 50%;
  }

  #Book_greeting_save {
    margin: auto;
    display: table;
    width: 50%;
    text-align: center;
  }

  form#Recipient_form input[type="submit"]:hover,
  input[type="reset"]:hover,
  .Pic_Send_Button:hover,
  #Book_greeting_save:hover {
    cursor: pointer;
    background: #eee5da;
  }

  div#A1 {
    position: absolute;
    top: 16%;
    left: 4%;
    width: 10%;
    height: 3.1vw;
    overflow: hidden;
    font-size: 0.5vw;
  }
}

#Recipient_form #FormBG {
  background-color: #eee5da;
  padding: 10px;
}

#Recipient_form input,
#Recipient_form select {
  border-radius: 5px;
}

.woocommerce-tabs.wc-tabs-wrapper {
  clear: both;
  display: none;
}

#Sample_File {
  display: table;
  margin: 30px auto;
  padding: 5px 10px;
  color: #699db8;
  border: 1px solid black;
}

#Sample_File:hover {
  color: #000;
}

.page-id-8221 .entry-title {
  background: url("/wp-content/uploads/2020/10/HeadLineRedBG.jpg") no-repeat;
  display: table;
  margin: auto;
  background-size: 100% 50%;
  background-position: bottom;
  padding: 0 20px;
}

#CirclesWrap {
  width: 49%;
  margin: auto;
  position: absolute;
  left: 50%;
  top: -52px;
  transform: translate(-50%);
}

.circles {
  font-family: "Poppins", sans-serif;
  float: right;
  margin-left: 180px;
}

.circles:nth-of-type(3) {
  margin: 0;
}

.circles p {
  border: 1px solid #000;
  background: #fff;
  border-radius: 250px;
  display: table;
  margin: auto;
  height: 100px;
  width: 100px;
  text-align: center;
  color: #699db9;
  position: relative;
}

.circles.active p {
  color: #fff;
  background-color: #699db9;
  border: none;
}

.circles h3 {
  font-weight: bold;
  margin: 20px 0 0 0;
  text-align: center;
}

.circles span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 45px;
}

div#Main_Poster_Div {
  background: #f9f2ea;
  border-top: 2px solid;
  position: relative;
  padding-top: 200px;
  margin-top: 75px;
}

.right_div {
  width: 35%;
  float: right;
}

.Left_div {
  width: 56%;
  float: left;
  position: relative;
}

img.Pase_Image {
  float: right;
}

.Phase_instroction {
  float: left;
  margin-bottom: 7%;
  width: 55%;
}

.Phase_instroction h3 {
  margin: 0;
}

.Phase_instroction p {
  margin: 0;
}

div#Colors_Pick_div,
div#Pics_Upload_Div {
  clear: both;
}

.Color_Pick_div {
  float: right;
  width: 90px;
  height: 90px;
  margin-left: 25px;
  margin-bottom: 25px;
  position: relative;
}

.Color_Pick_div:nth-of-type(even) {
  margin-left: 0;
}

.Color_Pick_div:hover {
  cursor: pointer;
}

.Color_Pick_div:nth-of-type(odd) {
  margin-right: 15px;
}

img.Chacked {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#Canvas_BG {
  width: 100%;
  height: 21.4vw;
}

#Stage2_Canvas_BG {
  width: 100%;
  height: 21.4vw;
}

div#dedication,
div#Pics {
  clear: both;
  margin-top: 100px;
}

#no_dedication_form label {
  margin-right: 15px;
}

form#the_dedication input,
form#the_dedication textarea {
  width: 100% !important;
  margin-bottom: 10px;
  padding-right: 15px;
}

form#the_dedication textarea {
  height: 250px;
  padding-top: 15px;
}

form#the_dedication textarea.hide {
  animation-name: textarea_hide;
  animation-duration: 0.3s;
  height: 0;
}

form#the_dedication textarea.show {
  animation-name: textarea_show;
  animation-duration: 0.3s;
  height: 250px;
}

form#the_dedication input:not(#canvas_file_approve) {
  height: 70px;
}

@keyframes textarea_hide {
  from {
    height: 250px;
  }
}

@keyframes textarea_show {
  from {
    height: 0;
  }
}

div#Left_upload_image {
  width: 45%;
  height: 12.05vw;
  position: relative;
  float: left;
  overflow: hidden;
}

div#Right_upload_image {
  width: 45%;
  height: 12.05vw;
  position: relative;
  float: right;
  overflow: hidden;
}

img#Image2,
img#Image1 {
  position: absolute;
  bottom: 0;
}

.Pic_Upload_Div {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.Pic_Upload_Div.Pic_Upload-1 {
  float: right;
}

.Pic_Upload_Div.Pic_Upload-2 {
  float: left;
}

div#Left_opload_image_wrap,
#Right_upload_image_wrap {
  position: relative;
}

#Image_popup img.Pic_Upload_Button {
  position: fixed;
  bottom: 189px;
  right: 172px;
  width: 68px;
}

#Left_Pic_Upload_Button {
  position: absolute;
  bottom: -14.05vw;
  left: -12vw;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 4vw;
  z-index: 2;
}

img#Right_Pic_Upload_Button {
  position: absolute;
  width: 4vw;
  z-index: 2;
  bottom: -14.05vw;
  left: 15vw;
}

img.Pic_Upload_Button:hover,
.Pic_Send_Button:hover {
  cursor: pointer;
}

.Pic_Upload_input {
  display: none;
}

a.anchor:before {
  content: "";
  display: block;
  height: 50px;
  margin: -50px 0 0;
}

a.stage_progress {
  float: left;
  color: #fff;
  background: #699db9;
  padding: 5px 15px;
  font-weight: bold;
}

a#radio_clear {
  color: #fff;
  background: #699db9;
  padding: 5px 15px;
  font-weight: bold;
  position: relative;
  top: 10px;
}

a.stage_progress:hover,
.file_approve:hover {
  background: #ff8e8e;
  color: #000;
}

img#are-you-ready-for-this_image {
  display: table;
  margin: 50px auto 20px auto;
  width: 14vw;
}

.file_approve {
  color: #fff;
  background: #699db9;
  padding: 5px 50px;
  font-weight: bold;
  display: table;
  margin: 0 auto 50px;
}

.file_approve:hover {
  cursor: pointer;
}

img#Image_mask {
  opacity: 80%;
  height: 100%;
}

#Pics_Upload_Div {
  position: relative;
}

div#Image_popup,
div#Book_cover_Image_popup,
div#Book_greeting_write_popup,
div#Book_double_2_Image_popup,
div#Book_double_11_Image_popup_left_left,
div#Book_cover_2_Images_popup {
  display: none;
  opacity: 0;
  position: fixed !important;
  z-index: 99999;
  background: #fff;
  box-shadow: 0 1px 5px rgb(0 0 0 / 70%);
  height: 500px !important;
  top: 50%;
  left: 50%;
  width: 750px !important;
  padding: 20px;
  transform: translate(-50%, -50%);
}

div#Image_popup.show,
div#Book_cover_Image_popup.show,
div#Book_cover_2_Images_popup.show,
#Book_greeting_write_popup.show,
div#Book_double_2_Image_popup.show,
div#Book_double_11_Image_popup_left_left.show {
  animation-name: image_popup_show;
  animation-duration: 1s;
  display: block;
  opacity: 1;
}

p.Close_button {
  position: relative;
  float: right;
  top: 10px;
  right: 10px;
  font-size: 20px;
  color: #ff8e8e;
  z-index: 9;
  margin: 0;
}

p.Close_button:hover {
  cursor: pointer;
}

#popup_upload_iamge_bg {
  position: relative;
  width: 290px;
  height: 360px;
  display: table;
  margin: auto;
}

img#Pic_upload {
  display: table;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
}

#full_size_uploded_image,
#Image1,
#Image2 {
  max-width: none;
}

input#Image_Upload_Button {
  opacity: 0;
}

#Pic_upload:hover {
  cursor: pointer;
}

img#the_uploaded_image {
  width: 50%;
  max-height: 100%;
  display: table;
  margin: auto;
}

.image_container {
  height: 258px;
  width: 251px;
  overflow: hidden;
  margin: 0 50px;
  display: table;
  position: relative;
  float: right;
}

#Upload_image_wrap:not(#Book_cover_Image_popup #Upload_image_wrap) {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.Image_filers {
  float: right;
}

.Image_filers h2 {
  margin: 0;
}

.Image_filers p {
  margin: 0;
}

.Image_filers input:hover,
.Image_position input:hover {
  cursor: pointer;
}

.Image_filers input[type="radio"] {
  margin: 0 10px;
}

.Image_position {
  float: left;
}

#YPos,
#YPos_2 {
  transform: rotate(90deg);
  margin-top: 50px;
}

input#XPos {
  transform: rotate(180deg);
}

#withoutpicdiv {
  clear: left;
  margin-top: 40px;
}

#withoutpicdiv input {
  margin-left: 10px;
}

#The_Canvas_popup {
  display: none;
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 999999;
  background-color: #fff;
  top: 0;
  left: 0;
}

#The_Canvas_popup.active {
  animation-name: popup-show;
  animation-duration: 1s;
  opacity: 1;
  display: block;
}

#Canvas_popup_close_button {
  float: right;
}

a#Canvas_popup_close_button {
  position: absolute;
  top: 20px;
  right: 50px;
  font-size: 50px;
  color: #ff8e8e;
}

a#Canvas_popup_close_button:hover {
  cursor: pointer;
}

div#Canvas_Main_container {
  position: relative;
  width: 90vw;
  height: 53.1vw;
  margin: 20px auto;
  font-size: 12px;
  font-family: "mikhmoret", sans-serif;
}

div#Canvas_Main_container div {
  position: absolute;
  width: 16.6%;
  height: 33%;
  overflow: hidden;
  padding-right: 5px;
  padding-left: 5px;
}

.Canvas-id-8213 #peple_born {
  top: 0;
  left: 0;
  padding-top: 10.8%;
  text-align: center;
}

div#peple_born p {
  margin: 0;
}

.Canvas-id-8213 div#israel_statistics {
  left: 16.6%;
  top: 0;
  padding-top: 8%;
}

.Canvas-id-8213 div#sport {
  left: 33.2%;
  padding-top: 14%;
}

.Canvas-id-8213 div#Year_Events {
  left: 49.8%;
  padding-top: 9%;
}

.Canvas-id-8213 div#Canvas_Fashion {
  left: 66.4%;
  padding-top: 10%;
}

.Canvas-id-8213 div#Prices {
  padding-top: 11%;
}

div#Prices p {
  height: 73px;
  overflow: hidden;
}

.Canvas-id-8213 div#Inventions {
  top: 33%;
  left: 0;
  padding-top: 10%;
}

.Canvas-id-8213 div#the_birth_year {
  left: 10.1%;
  top: 58.9%;
  font-weight: bold;
  font-family: "FbAbir", sans-serif;
  font-size: 130%;
}

.Canvas-id-8213 #BirthDay_and_month {
  display: none;
}

div#the_birth_year span {
  position: absolute;
  top: -1%;
  font-size: 1.2vw;
  color: #fff;
}

.Canvas-id-8213 div#Left_image {
  z-index: -1;
  top: 33%;
  left: 32.2%;
}

.Canvas-id-8213 div#Right_image {
  z-index: -1;
  top: 33%;
  left: 83%;
}

div#Right_image img {
  max-width: none;
}

.Canvas-id-8213 div#FirstName {
  color: #fff;
  font-weight: bold;
  top: 61.2%;
  left: 33.2%;
  text-align: center;
  font-family: "FbAbir", sans-serif;
}

div#FirstName span {
  display: table;
  margin: auto;
  line-height: 20px;
}

.Canvas-id-8213 div#BirthDate {
  top: 33%;
  left: 49.8%;
  padding-top: 12%;
  font-family: "frank", sans-serif;
  font-size: 19px;
  text-align: center;
  line-height: 19px;
  overflow: visible !important;
}

span#personal_birthday {
  font-family: "FbAbir", sans-serif;
}

div#BirthDate p {
  position: absolute;
  color: #fff;
  font-weight: bold;
  top: 31%;
  margin: 0;
  left: 53%;
  transform: translate(-50%, 0%);
  font-family: "FbAbir", sans-serif;
  font-size: 100%;
}

.Canvas-id-8213 div#the_dedication {
  top: 33%;
  left: 66.4%;
}

div#the_dedication {
  padding-top: 8%;
  font-family: "shluk", sans-serif;
  font-size: 17px;
  text-align: center;
}

div#the_dedication img {
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  top: 0;
}

div#Personal_at_the_top {
  top: 0 !important;
  left: 3% !important;
  width: 100% !important;
  height: 106% !important;
  padding-top: 59%;
  font-family: "mikhmoret", sans-serif;
  color: #000;
  font-size: 0.9vw;
}

.Canvas-id-8213 div#Trendy {
  left: 0;
  top: 66%;
}

img#Trendy_headline {
  position: absolute;
  z-index: 42;
  top: 0;
  left: 0;
}

div#Trendy img:not(#Trendy_headline) {
  position: absolute;
  top: 4%;
  height: 100%;
}

.Canvas-id-8213 #Movies {
  top: 66%;
  left: 16.6%;
  padding: 11% 3% 3% 3% !important;
  height: 32% !important;
}

div#Movies p {
  line-height: 15px;
}

.Canvas-id-8213 #Radio {
  top: 66%;
  left: 33.2%;
}

div#Radio p {
  position: relative;
  top: 6%;
  text-align: center;
}

.Canvas-id-8213 #Bayombo {
  top: 66%;
  left: 49.8%;
  padding-top: 16%;
}

#Bayombo p {
  margin: 0;
}

div#BayomBo_Content {
  width: 100% !important;
  top: 72%;
}

.Canvas-id-8213 #Bayombo span {
  position: absolute;
  top: 13%;
  left: 53.5%;
  transform: translate(-50%, 0%);
  color: #fff;
  font-weight: bold;
  font-size: 122%;
}

.Canvas-id-8213 #Shlager {
  top: 66%;
  left: 66.4%;
  padding-top: 14%;
}

.Canvas-id-8213 #Canvas_Slang {
  top: 66%;
  left: 83%;
  height: 20% !important;
  padding-top: 5%;
}

div#israel_statistics img {
  position: absolute;
  top: -32px;
}

div#Radio img {
  position: absolute;
  bottom: 0;
}

.Canvas-id-3041 div#israel_statistics {
  left: 0;
}

.Canvas-id-3041 div#israel_statistics ul {
  top: 62%;
  position: absolute;
}

.Canvas-id-3041 div#peple_born {
  max-height: 9%;
  overflow: hidden;
  left: 14%;
  top: 18%;
}

.Canvas-id-3041 div#Trendy {
  left: 33%;
}

.Canvas-id-3041 div#Prices {
  left: 46%;
  top: 22%;
}

.Canvas-id-3041 div#Canvas_Fashion {
  left: 66.5%;
  top: 22%;
}

.Canvas-id-3041 div#Canvas_Fashion {
  left: 66.5%;
  top: 22%;
}

.Canvas-id-3041 div#Inventions {
  max-height: 20%;
  overflow: hidden;
  left: 0;
  top: 78%;
}

.Canvas-id-3041 div#Canvas_Fashion {
  left: 66.5%;
  top: 22%;
}

.Canvas-id-3041 div#Inventions {
  max-height: 20%;
  overflow: hidden;
  left: 0;
  top: 78%;
}

.Canvas-id-3041 div#the_birth_year {
  left: 30.5%;
  top: 44.55%;
}

.Canvas-id-3041 div#Canvas_Slang {
  left: 0;
  top: 35%;
}

.Canvas-id-3041 div#BirthDate {
  text-align: center;
  left: 33%;
  top: 53%;
}

.Canvas-id-3041 div#Left_image {
  z-index: -1;
  left: 50%;
  top: 34.8%;
}

.Canvas-id-3041 div#Left_image img {
  left: 0 !important;
  bottom: 0 !important;
}

.Canvas-id-3041 div#the_dedication {
  left: 66.6%;
  top: 35%;
}

.Canvas-id-3041 div#Right_image {
  z-index: -1;
  left: 83.6%;
  top: 33.9%;
}

.Canvas-id-3041 div#Left_image img {
  left: 0 !important;
  bottom: 0 !important;
}

.Canvas-id-3041 div#Movies {
  left: 14%;
  top: 83%;
}

.Canvas-id-3041 div#Radio {
  left: 33.5%;
  top: 68%;
}

.Canvas-id-3041 div#Bayombo {
  left: 50%;
  top: 66%;
}

.Canvas-id-3041 #Bayombo span {
  display: none;
}

.Canvas-id-3041 div#Shlager {
  left: 66.6%;
  top: 84%;
}

.Canvas-id-3041 div#Year_Events {
  top: 82%;
  right: 1%;
  max-height: 9vw;
  overflow: hidden;
}

.Canvas-id-3041 span#BirthDay_and_month {
  left: 37%;
}

.Canvas-id-3041 div#sport {
  top: 22%;
}

.canvas_id-8213 div#peple_born {
  top: 25%;
}

#Canvas_Main_container.Canvas-id-8631 #Left_image {
  left: 0;
}

#Canvas_Main_container.Canvas-id-8631 #Movies {
  top: 0.7%;
  color: #fff;
  left: 16.7%;
  text-align: center;
}

#Canvas_Main_container.Canvas-id-8631 #Movies p {
  text-align: center !important;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  top: 59%;
}

#Canvas_Main_container.Canvas-id-8631 #Bayombo {
  left: 33.4%;
  top: 0;
}

#Canvas_Main_container.Canvas-id-8631 #BayomBo_Content {
  text-align: center;
  top: 50%;
}

#Canvas_Main_container.Canvas-id-8631 #Prices {
  left: 50.3%;
  top: 0;
}

#Canvas_Main_container.Canvas-id-8631 #Prices p {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

#Canvas_Main_container.Canvas-id-8631 #Shlager {
  left: 67%;
}

#Canvas_Main_container.Canvas-id-8631 #Shlager p {
  position: absolute;
  top: 14%;
  right: 14%;
}

#Canvas_Main_container.Canvas-id-8631 #sport {
  left: 0;
  top: 55%;
}

#Canvas_Main_container.Canvas-id-8631 #sport p {
  width: 90%;
  margin: auto;
}

#Canvas_Main_container.Canvas-id-8631 #peple_born {
  left: 16.7%;
  top: 35.1% !important;
  padding-right: 2%;
  padding-top: 10%;
}

#Canvas_Main_container.Canvas-id-8631 #Right_image {
  left: 33.4%;
  top: 35%;
}

#Canvas_Main_container.Canvas-id-8631 #BirthDate {
  left: 50%;
  top: 34%;
  text-align: center;
  padding-top: 9%;
}

#Canvas_Main_container.Canvas-id-8631 #FirstName {
  left: 50%;
  color: #fff;
  top: 34.8%;
  padding-top: 4%;
}

#Canvas_Main_container.Canvas-id-8631 #Year_Events {
  right: 0;
  top: 35% !important;
  padding-top: 5%;
}

#Canvas_Main_container.Canvas-id-8631 #Year_Events p {
  width: 90%;
  margin: auto;
}

#Canvas_Main_container.Canvas-id-8631 #Canvas_Fashion {
  left: 0;
  top: 67%;
  padding-top: 7%;
  color: #fff;
}

#Canvas_Main_container.Canvas-id-8631 #Trendy {
  left: 16.6%;
  top: 67%;
}

#Canvas_Main_container.Canvas-id-8631 #Inventions {
  top: 67%;
  left: 34%;
  padding-top: 11%;
}

#Canvas_Main_container.Canvas-id-8631 #Inventions ul {
  max-height: 93%;
  overflow: hidden;
}

#Canvas_Main_container.Canvas-id-8631 #israel_statistics {
  top: 68%;
  left: 50%;
  padding-top: 8%;
  color: #fff;
}

#Canvas_Main_container.Canvas-id-8631 #the_dedication {
  left: 67%;
  top: 67%;
}

#Canvas_Main_container.Canvas-id-8631 #Radio {
  color: #fff;
}

#Canvas_Main_container.Canvas-id-8631 #the_birth_year,
#Canvas_Main_container.Canvas-id-8631 #Canvas_Slang {
  display: none;
}



/*Animations*/

@keyframes image_popup_show {
  from {
    opacity: 0;
  }
}

@keyframes popup-show {
  from {
    opacity: 0;
  }
}

@keyframes popup-show {
  from {
    opacity: 0;
  }
}