@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Secular+One&display=swap');

@font-face {
    font-family: Organy;
    src: url(fonts/FbOrgany-Regular.otf);
}

@font-face {
    font-family: Toiren;
    src: url(fonts/FbToiren-Regular.otf);
}

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

.page-id-9050 .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;
}

#Book_Cover_select h3 {
    margin: 0;
    padding-left: 10px;
}

#Book_Cover_select p:not(#Book_cover_Image_popup p) {
    margin: 0 0 10px 0;
}

.book_cover_color_cell {
    position: relative;
    cursor: pointer;
    width: 48%;
    height: 4.6vw;
    margin-bottom: 5%;
}

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

.book_cover_color_cell img:not(.book_cover_color_cell.selected img) {
    display: none;
}

div#Book_color_pic {
    width: 10vw;
}

#Book_color_pic_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

div#book_cover_output {
    width: 50%;
}

#Book_Process_container {
    background-color: #f9f2ea;
    padding-top: 95px;
}

#book_cover_output_conainer {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 31vw;
    overflow: hidden;
}

div#Book_double_2_left_with_image {
    position: relative;
    height: 100%;
    z-index: 2;
    overflow: hidden;
}

img#book_cover_Upload_image_Button,
#book_double_2_Upload_image_Button {
    position: absolute;
    z-index: 2;
    bottom: -36px;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
    cursor: pointer;
}

img#Book_double_2_left_with_image_cover {
    position: relative;
    z-index: 9;
    height: 100%;
}

div#book_cover_output {
    position: relative;
}

div#Book_cover_Image_popup img.Pic_Upload_Button {
    position: fixed;
    z-index: 3;
    bottom: 189px;
    right: 172px;
    width: 68px;
}

div#Book_cover_2_Images_popup #left_Pic_Upload_Button_left,
div#Book_cover_2_Images_popup #left_Pic_Upload_Button_right {
    position: fixed;
    bottom: 183px;
    width: 68px;
}

div#Book_cover_2_Images_popup #left_Pic_Upload_Button_left {
    right: 222px;
}

div#Book_cover_2_Images_popup #left_Pic_Upload_Button_right {
    right: 111px;
}

#Book_cover_Image_popup #Upload_image_wrap,
#Book_cover_2_Images_popup #Upload_image_wrap {
    width: 100%;
    height: 100% !important;
    position: relative;
    z-index: 1;
}

div#Book_greeting_write_popup form {
    height: 80%;
    margin-top: 1%;
}

div#Book_greeting_write_popup form textarea {
    height: 100% !important;
}

#Greeting_area {
    height: 500px;
}

div#Select_your_greeting div {
    width: 50%;
}

#Greeting_area {
    position: relative;
}

#Greeting_area.without_greeting #Greeting_text_edit {
    display: none;
}

#Greeting_text_edit {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

#Book_greeting_name {
    font-family: 'Abir', sans-serif;
    position: absolute;
    top: 60%;
    right: 34.9%;
    color: #fff;
    width: 27%;
    text-align: center;
}

#Greeting_area.with_greeting #Book_greeting_name {
    display: none;
}

#Book_the_greeting_textarea {
    height: 80%;
    padding: 20px;
}

span#the_greeing_span {
    font-family: 'Organy', sans-serif;
    display: table;
    position: absolute;
    top: 40%;
    color: #401801;
    width: 97%;
    right: 2.5%;
    text-align: center;
    font-size: 29px;
}

.without_greeting span#the_greeing_span {
    display: none;
}

#Book_double_2_no_pic_wrap {
    display: flex;
    justify-content: space-between;
}

#Book_double_2_no_pic_wrap div {
    width: 48%;
}

#Book_double_2_no_pic_select h3 {
    margin-bottom: 0;
}

p#the_Gregorian_month {
    font-family: 'Toiren', sans-serif;
    position: absolute;
    left: 46%;
    transform: translateX(-50%);
    top: 17vw;
    color: #310300;
    z-index: 8;
}

p#the_birthday {
    font-family: 'Toiren', sans-serif;
    position: absolute;
    left: 46%;
    transform: translateX(-50%);
    top: 11vw;
    color: #310300;
    font-size: 3vw;
    z-index: 8;
}

div#Book_resiver_details_wrap {
    text-align: center;
    width: 100% !important;
}

p#Book_the_full_date {
    font-family: 'Toiren', sans-serif;
    position: absolute;
    left: 53%;
    top: 15.8vw;
    transform: translateX(-50%);
    font-size: 1.5vw !important;
}

p#Book_resiver_closing_paragraph {
    font-family: 'Toiren', sans-serif;
    position: relative;
    top: 7vw;
    width: 95%;
    right: 0;
    text-align: center;
}

#Book_resiver_details,
#Book_resiver_closing_paragraph {
    color: #fff;
    font-size: 1.375vw;
}

#Book_resiver_fullName {

    font-family: "Secular One", sans-serif;
}

#Book_resiver_fullName {
    font-family: 'Toiren', sans-serif;
    color: #310300;
    font-size: 2vw;
    position: relative;
    top: 2vw;
    margin-bottom: 0;
    width: 95%;
}

#Book_the_full_date {
    color: #ffc378;
}

p#Book_resiver_details {
    font-family: 'Toiren', sans-serif;
    position: relative;
    top: 1vw;
    margin-bottom: -15px;
    right: 0% 0px;
    width: 95%;
    text-align: center;
}

.double_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 50px 0;
}

img#double_11_left_BG,
img#double_11_right_BG,
img#double_15_left_BG {
    position: relative;
    z-index: 9;
    width: 100%;
    height: 100%;
}

.double_container>div:not(#Book_Cover_select>div, #Greeting_area) {
    width: 49%;
}

.double_container p:not(div#double_18_left_content p, #The_mahshevon, #Mahshevon_first_name, #the_greeing_span, #Book_double_2_right p),
.double_container li {
    font-size: 0.95vw
}

div#double_18_left_content p {
    font-size: 1.18vw;
}

.double_container>div:not(.checkbox_div, #Book_color_pic) {
    height: 32vw !important;
}

.double_container>div {
    position: relative;
}

#Mazal_right_content {
    color: #e2a96b;
    position: absolute;
    top: 5.39vw;
    right: 4.19vw;
    padding-left: 3vw;
}

span#Mazal_right_Star_sign {
    color: #5db7a0;
    position: absolute;
    left: 12%;
    top: 7%;
    font-weight: bold;
    font-size: 1.3vw;
}

p#Mahshevon_first_name {
    font-family: 'Abir', sans-serif;
    transform: rotate(33deg);
    position: absolute;
    top: 36%;
    right: 8vw;
    font-size: 1.79vw;
    width: 24%;
    text-align: center;
    padding-top: 4%;
}

#The_mahshevon {
    font-family: 'Black Ops One', system-ui;
    position: absolute;
    color: #96d4c8;
    top: 29%;
    left: 48%;
    transform: translate(-50%, -50%);
    font-size: 5.03vw;
}

div#double_5_natinonal_right_content {
    position: absolute;
    top: 11vw;
    width: 90%;
    height: 57%;
    overflow: hidden;
}

div#double_5_natinonal_right_content p {
    text-align: center !important;
}

div#double_5_natinonal_right span,
div#double_5_internatinonal_left span {
    position: absolute;
    width: 99%;
    text-align: center;
    top: 4.6vw;
    color: #fdbb6e;
    font-weight: 700;
    font-size: 0.9vw;
}

div#double_5_internatinonal_left span {
    width: auto !important;
    right: 48.5%;
}

div#double_5_internatinonal_left_content {
    position: absolute;
    width: 100%;
    top: 34%;
    padding: 0 4vw;
}

div#double_5_internatinonal_left_content p {
    text-align: center !important;
}

div#double_6_right_content {
    position: absolute;
    top: 5vw;
    right: 2.5vw;
    width: 87%;
    height: 76%;
    overflow: hidden;
}

div#double_6_right_content ul {
    margin: 0 4%;
    padding: 0;
}

div#double_6_right img {
    width: 43%;
    position: relative;
    top: 67%;
}

div#double_6_left_content {
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
}

div#double_7_right_content {
    position: absolute;
    text-align: center;
    top: 13vw;
    left: 50%;
    transform: translateX(-50%);
}

div#double_7_left_content {
    position: absolute;
    width: 50%;
    top: 9vw;
    right: 10%;
    height: 67%;
    overflow: hidden;
}

div#double_7_left_content ul {
    padding: 20px;
    margin: 0;
}

div#double_8_right_content {
    position: absolute;
    top: 13.8vw;
    right: 0;
    width: 95.5%;
}

div#double_8_right_content>p {
    display: table;
    margin: auto;
}

div#double_8_left_content {
    position: absolute;
    top: 15.5vw;
    left: 50%;
    transform: translateX(-50%);
}

div#double_10_right_content {
    position: absolute;
    top: 13vw;
    left: 50%;
    transform: translateX(-50%);
    color: #340603;
}

div#double_10_right_content p {
    text-align: center !important;
    line-height: 1.5vw;
}

div#double_10_left_content {
    position: absolute;
    font-weight: bold;
    top: 11vw;
    left: 50%;
    transform: translateX(-50%);
}

div#double_10_left_content p:not(span p) {
    text-align: center !important;
    color: #fff;
}

div#double_11_container {
    margin: 50px 0 50px 0;
}

div#double_11_container .double_container {
    margin: 0;
}

div#double_12_right_content {
    position: relative;
    right: 0;
    width: 96%;
    top: 12vw;
}

div#double_12_right_content p {
    margin: 0;
}

div#double_12_left_content {
    position: absolute;
    right: 3vw;
    top: 3vw;
    line-height: 0.95vw;
}

div#double_12_right_content strong {
    color: #fec679;
    font-size: 1.2vw;
    line-height: 1.2vw;
}

div#double_13_right_content {
    position: relative;
    right: 0;
    width: 96%;
    top: 11vw;
    padding-right: 5%;
}

div#double_13_right_content p {
    margin: 0;
}

div#double_13_right_content strong {
    color: #f15e5e;
    font-size: 1.2vw;
    line-height: 1.2vw;
}

div#double_13_left_content {
    position: absolute;
    right: 3vw;
    top: 12vw;
}

div#double_13_left_content ul {
    padding: 0;
    margin: 0 20px 0 0;
}

span#double_13_the_year {
    font-family: 'Abir', sans-serif;
    color: #fff;
    font-size: 4vw;
    position: absolute;
    left: 4.5%;
    top: 13%;
    width: 52%;
    text-align: center;
}

div#double_14_right_content {
    position: absolute;
    top: 12vw;
    right: 0;
    width: 95.5%;
    padding-right: 30px;
}

div#double_14_left_content {
    position: relative;
    right: 4%;
    width: 96%;
    top: 9vw;
    padding-right: 5%;
}

div#double_15_right_content {
    position: absolute;
    width: 95%;
    top: 11vw;
    left: 5%;
    color: #350804;
    padding: 0 10%;
}

div#double_15_left_checkbox {
    width: 50%;
    position: relative;
    right: 32.5vw;
}

div#double_16_right_content {
    position: absolute;
    top: 16vw;
    right: 2vw;
    width: 60%;
    height: 46%;
    overflow: hidden;
}

div#double_16_left_content {
    position: absolute;
    top: 7vw;
    right: 2vw;
}

div#double_17_right_content {
    position: absolute;
    top: 13vw;
    right: 0;
    width: 95.5%;
    max-height: 17vw;
    overflow: hidden;
}

div#double_18_right_content {
    position: absolute;
    top: 14vw;
    width: 100%;
}

#Book_back_cover {
    width: 500px;
    height: 500px;
    margin: 50px auto;
}

img#book_double_11_Upload_left_image_Button,
img#book_double_11_Upload_right_image_Button,
img#book_double_15_Upload_left_image_Button {
    position: absolute;
    z-index: 10;
    bottom: -36px;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

.Upload_image_wrap {
    width: 258px;
    height: 251px;
    overflow: hidden;
    position: relative;
    z-index: 9;
}

img#popup_personal_image_bg {
    position: relative;
    z-index: 2;
}

input.YPos {
    transform: rotate(90deg);
    position: relative;
    top: 50px;
}

span#Book_oskar {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 77%;
}


img#Book_cover_bg_image {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

div#double_18_left_content P {
    position: absolute;
    width: 12.5%;
    overflow: hidden;
    text-align: center;
    font-weight: bold;
}

div#double_18_left_content P:nth-of-type(1),
div#double_18_left_content P:nth-of-type(2),
div#double_18_left_content P:nth-of-type(3) {
    top: 26.1%;
}

div#double_18_left_content P:nth-of-type(4),
div#double_18_left_content P:nth-of-type(5),
div#double_18_left_content P:nth-of-type(6) {
    top: 41.5%;
}

div#double_18_left_content P:nth-of-type(7),
div#double_18_left_content P:nth-of-type(8),
div#double_18_left_content P:nth-of-type(9) {
    top: 56.9%;
}

div#double_18_left_content P:nth-of-type(10),
div#double_18_left_content P:nth-of-type(11),
div#double_18_left_content P:nth-of-type(12) {
    top: 72.1%;
}

div#double_18_left_content P:nth-of-type(13),
div#double_18_left_content P:nth-of-type(14),
div#double_18_left_content P:nth-of-type(15) {
    top: 27.7vw;
}

div#double_18_left_content P:nth-of-type(1),
div#double_18_left_content P:nth-of-type(4),
div#double_18_left_content P:nth-of-type(7),
div#double_18_left_content P:nth-of-type(10),
div#double_18_left_content P:nth-of-type(13) {
    right: 17.9%;
}

div#double_18_left_content P:nth-of-type(2),
div#double_18_left_content P:nth-of-type(5),
div#double_18_left_content P:nth-of-type(8),
div#double_18_left_content P:nth-of-type(11),
div#double_18_left_content P:nth-of-type(14) {
    right: 45%;
}

div#double_18_left_content P:nth-of-type(3),
div#double_18_left_content P:nth-of-type(6),
div#double_18_left_content P:nth-of-type(9),
div#double_18_left_content P:nth-of-type(12),
div#double_18_left_content P:nth-of-type(15) {
    right: 71.9%;
}

div#double_19_left_content {
    position: absolute;
    right: 31%;
    top: 31%;
    color: #3d0f00;
    font-family: 'Black Ops One', system-ui;
    font-weight: bold;
    font-size: 7vw;
    width: 41%;
    text-align: center;
}

div#double_19_right_content {
    position: absolute;
    top: 51%;
    text-align: center;
    color: #3d0f00;
    font-weight: bold;
    width: 96%;
}

div#double_19_right_content p {
    margin: 0;
}

span#double_19_the_date {
    font-family: 'Abir', sans-serif;
    position: absolute;
    width: 98%;
    text-align: center;
    color: #d59b5d;
    top: 24.6vw;
    font-weight: bold;
}

div#Preloader_conteiner {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9;
    display: none;
}

img#Preloading_indicator {
    position: fixed;
    top: 64%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.section11_left div#left_uploded_image_left_wrap {
    position: absolute;
    width: 41%;
    height: 46%;
    top: 8%;
    left: 10%;
    overflow: hidden;
}

.section11_left div#left_uploded_image_right_wrap {
    position: absolute;
    width: 36%;
    height: 44%;
    top: 43%;
    left: 57%;
    overflow: hidden;
}

.section11_right div#left_uploded_image_left_wrap {
    position: absolute;
    width: 38%;
    height: 51%;
    top: 31%;
    left: 10%;
    overflow: hidden;
}

.section11_right div#left_uploded_image_right_wrap {
    position: absolute;
    width: 38%;
    height: 51%;
    top: 13%;
    left: 54%;
    overflow: hidden;
}

div#double_11_left_left_full_image_wrap {
    position: absolute;
    width: 41%;
    height: 46%;
    top: 7%;
    left: 10%;
    overflow: hidden;
}

div#double_11_left_right_full_image_wrap {
    position: absolute;
    width: 35%;
    height: 44%;
    top: 42%;
    left: 58%;
    overflow: hidden;
}

div#double_11_right_left_full_image_wrap {
    position: absolute;
    width: 37%;
    height: 53%;
    top: 32%;
    left: 11%;
    overflow: hidden;
}

div#double_11_right_right_full_image_wrap {
    position: absolute;
    width: 36%;
    height: 53%;
    top: 13%;
    left: 55%;
    overflow: hidden;
}

.section15 div#left_uploded_image_left_wrap {
    transform: rotate(-6deg);
    position: absolute;
    z-index: 1;
    width: 43%;
    height: 48%;
    top: 29%;
    left: 10%;
    overflow: hidden;
}

.section15 div#left_uploded_image_right_wrap {
    transform: rotate(4deg);
    position: absolute;
    width: 44%;
    height: 49%;
    top: 13%;
    left: 42%;
    overflow: hidden;
}

img#Upload_image_wrap_BG {
    width: 100%;
    height: 100%;
}

div#double_15_left_full_image_wrap {
    position: absolute;
    z-index: 1;
    transform: rotate(-6deg);
    width: 44%;
    height: 48%;
    top: 28%;
    left: 10%;
    overflow: hidden;
}

div#double_15_right_full_image_wrap {
    position: absolute;
    transform: rotate(4deg);
    width: 45%;
    height: 48%;
    top: 13%;
    left: 42%;
    overflow: hidden;
}

div#the_uploaded_image_wrap {
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

img#popup_personal_image_bg {
    width: 100%;
    height: 100%;
}

div#Book_cover_personal_image_wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

span#Order_Full_name {
    font-family: 'Abir', sans-serif;
    position: absolute;
    z-index: 9;
    bottom: 19.5%;
    right: 73%;
    color: #310300;
    width: 20.3%;
    text-align: center;
    font-size: 13px;
}

span#Made_in {
    font-family: 'Abir', sans-serif;
    position: absolute;
    z-index: 9999;
    bottom: 20.5%;
    left: 43%;
    width: 20.5%;
    text-align: center;
    color: #fdc177;
    font-size: 1.1vw;
}

.no_image span#Made_in {
    bottom: auto;
    top: 43%;
    width: 100%;
    text-align: center;
    left: 47%;
    transform: translateX(-50%);
    color: #350e00;
    font-weight: bold;
    font-size: 1.5vw;
}

.no_image span#Order_Full_name {
    width: 90.5%;
    text-align: center;
    right: 7.8%;
    top: 76%;
}

.brown_font {
    color: #401801;
}

.page-id-9913 #Step-1 {
    width: 500px !important;
    margin: auto;
}

div#double_18_left_content {
    font-family: 'Organy', sans-serif;
}

div#double_12_left p {
    margin-bottom: 0;
}