/* --------------------------------------------------------- Cart - haolam & sharav ---------------------------------------------------------------------------------------*/ /* general*/ .lead-color{color:var(--lead-color) !important;} .account-btn{width:100% !important; margin:0 !important; padding: 3px 10px;font-size: 18px !important;line-height: 20px !important;margin-right: 20px !important; border-radius:4px; background-color: var(--emph-color) !important; cursor: pointer;font: inherit;color: #fff;border: none; box-shadow: 2px 2px 4px #636363;} .account-btn:hover{background-color: var(--emph-color-twin) !important;} .flex_column{display: flex; flex-direction: column;} .flex{display: flex;} .hide{display: none;} .force_hide{display:none !important;} .poi_popup {direction: rtl; text-align: right; position: relative; font-size: 14px; font-family: "Alef";} .shade_down {box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 2px 9px 1px rgba(0, 0, 0, 0.12), 0 6px 2px -2px rgba(0, 0, 0, 0.2);} a.call_for_action, a.cancel_btn {display: inline-block; min-width:150px; text-align:center; background-color: var(--emph-color); color: #ffffff; font-weight: bold; margin:5px 0; padding: 4px 7px; border-radius: 5px;} a.cancel_btn{background-color:#e2e2e2; color:#4f4e4e} .call_for_action.shade_down:hover{text-decoration: none; box-shadow: none;} .crossed_price { text-decoration: line-through;} /* additional Items */ .additionalItems{padding: 0px 0px 0px 0px; margin-top: 15px} .additionalItems_title{position:relative; background-color:var(--lead-color); font: normal 17px/20px 'Alef', arial; color: #ffffff; padding: 12px 5% 20px 5%; margin-bottom: 2px; border-top: 1px solid #80bede; border-bottom: 1px solid #80bede; border-radius: 4px;} .additionalItems_title span {float: left; font: bold 12px/12px 'Alef', arial; vertical-align: top; text-align: center} /*.additionalItems_title span a {color: #ffffff;}*/ .additionalItems_title span a:hover {color:var(--emph-color); text-decoration: none;} .additionalItems_title strong {float:none; font: bold 24px/20px 'Alef', arial; vertical-align: baseline; text-align: right; } .additionalItems_tabsHolder{border: 1px solid #cde5f2; border-top: 0px;} .additionalItems_tabs{background-color: #cecece; height: 38px; border-top: 1px solid #cecece;} .additionalItems_tabs li:hover{background-color:var(--lead-color); color:#ffffff} .additionalItems_tabs li:hover a{color:#ffffff} .additionalItems_tabs li.selectedTab:hover{background-color:#cecece} .additionalItems_tabs ul{display: table; width: 100%; height: 38px;} .additionalItems_tabs li{display: table-cell; vertical-align: top; border-left: 1px solid #ffffff;} .additionalItems_tabs li:last-child{border-left: 0px;} .additionalItems_tabs li a{display: block; color:#4f4e4e; font: bold 18px/18px 'Alef', arial; height: 33px; padding: 4px 0px 0px 0px; text-decoration: none; border-bottom: 1px solid #cecece;} .additionalItems_tabs li.blocked a{color:#4f4e4e} .additionalItems_tabs li a span{display: block; padding: 4px 10px 0px; text-align: center; height: 29px;} .additionalItems_tabs li a span B{display: inline;} .additionalItems_tabs li a span strong{display: inline;} .additionalItems_tabs li.selectedTab{border-left: 0px;} .additionalItems_tabs li.selectedTab a{color:var(--lead-color); border-bottom: 0px; height: 34px;} .additionalItems_tabs li.selectedTab a span{background-color: #ffffff; box-shadow: 0px 0px 1px #ffffff; height: 30px;} .additionalItems_body{padding: 0px 2.5% 0px 2.5%;} .additionalItem{display: table; width: 100%; border-bottom: 1px solid #e5e4e4; padding: 20px 0px 35px 0px;} .additionalItem:last-child{border-bottom: 0px;} .additionalItem_image{display: table-cell; vertical-align: top; width: 15%;} .additionalItem_image a{display: block; max-width: 95px;} .additionalItem_image img{display: block; width: 100%; border-radius: 4px;} .additionalItem_details{display: table-cell; vertical-align: top; padding: 0px 3.25% 0px 0px; font: normal 16px/19px 'Alef', arial;} .additionalItem_details a{color:var(--emph-color); font-weight: bold;} .additionalItem_details ul{padding: 10px 0px 0px 0px;} .additionalItem_panel{display: table-cell; vertical-align: bottom; width: 38%; font: bold 17px/23px 'Alef', arial; } .additionalItem_regularPrice{color: #4f4e4e; display: table; table-layout: fixed; width: 100%;} .additionalItem_haolamPrice{color:var(--emph-color); display: table; table-layout: fixed; width: 100%;} .additionalItem_regularPrice span, .additionalItem_haolamPrice span{display: table-cell;} .additionalItem_regularPrice strong, .additionalItem_haolamPrice strong{display: table-cell; text-align: left; width: 70px; vertical-align: bottom;} .additionalItem_button{padding: 7px 0px 0px 0px;} .additionalItem_button span{display: block; background-color: #ebebeb; text-align: center; color: #4f4e4e;} .additionalItem_button a{display: block; text-decoration: none; background-color:var(--emph-color); text-align: center; font: bold 18px/30px 'Alef', arial; color: #ffffff; border-radius: 4px;} .additionalItem_button a:hover{background-color:var(--lead-color);} .noresults {display:none;} /* step 01 */ .cart{padding: 30px 0px 0px 0px;} .cartProggress{padding: 0px; margin: 0px -0.33% 0px 0px;} .cartProggress div{float: right; width: 33%; height: 70px; margin-right: 0.33%; background-color: #e6e6e6; color: white; border-radius: 4px;} .cartProggress div strong{float: right; width: 70px; font: bold 60px/70px "Times New Roman", Times, serif; text-align: center;} .cartProggress div span{display: inline-block; padding-top: 12px; font: bold 28px/23px 'Alef', arial;} .cart_step01 div:nth-child(1){background-color: var(--lead-color); position: relative;} .cart_step01 div:nth-child(1):after{content: ' '; position: absolute; bottom: -35px; left: 50%; margin-left: -18px; height: 0px; border: 18px solid transparent; border-top: 18px solid var(--lead-color);} .cart_step02 div:nth-child(1){background-color: var(--lead-color); position: relative;} .cart_step02 div:nth-child(2){background-color: var(--lead-color); position: relative;} .cart_step02 div:nth-child(2):after{content: ' '; position: absolute; bottom: -35px; left: 50%; margin-left: -18px; height: 0px; border: 18px solid transparent; border-top: 18px solid var(--lead-color);} .cart_step03 div:nth-child(1){background-color: var(--lead-color); position: relative;} .cart_step03 div:nth-child(2){background-color: var(--lead-color); position: relative;} .cart_step03 div:nth-child(3){background-color: var(--lead-color); position: relative;} .cart_step03 div:nth-child(3):after{content: ' '; position: absolute; bottom: -35px; left: 50%; margin-left: -18px; height: 0px; border: 18px solid transparent; border-top: 18px solid var(--lead-color);} .cart .freeShipping{background-color: #4f4e4e; display: table; table-layout: fixed; font: normal 16px/17px "Alef",arial; color: #ffffff; padding: 1.5%; margin-top: 40px; border-radius: 4px;} .cart .freeShipping span{display: table-cell; text-align: center; vertical-align: middle; width: 50px; height: 50px; background-color:var(--emph-color);} .cart .freeShipping div{display: table-cell; vertical-align: middle; padding: 0px 10px 0px 0px;} .cart_innerTitle, h2.main_header,.secondary_header{color: var(--lead-color); font: bold 24px/23px "Alef",arial; background: url(../images/side_cart_title_border.png) left bottom repeat-x; margin-top: 40px; margin-bottom: 14px;} .cart_innerTitle strong, .secondary_header strong{background: #ffffff;} .third_header{color: var(--emph-color);} .third_header i{font-size:25px; margin-left:7px} .member_info {font-size: 15px} .short-separator{display: block; background-color: #cccccc; height: 1px; margin: 25px auto 5px; clear: both; width: 65%} .margin_maker{margin-top:7px; display: block;} .holiday_alert{background-color: #EE5757; text-align: center; font-size: 1.2em; font-weight: bold; color: #ffffff; margin-bottom: 15px} .holiday_alert strong {display: block; font-size: 1.3em} .cartMsg{color: #4f4e4e; font: bold 23px/28px "Alef",arial; margin-top: 40px;} .cartCell input[type=number]::-webkit-inner-spin-button, .cartCell input[type=number]::-webkit-outer-spin-button{opacity: 1; font-size:20px;} .cartCell input[type=number] { width:60%; } .cartDetails{padding: 0px 0px 0px 0px;} .cartDetails ul{display: table; width: 100%; border-collapse:collapse;} .cartDetails li{display: table-row;} .cartDetails li span.cartCell, .cartDetails li.cartDetails_th span{display: table-cell; border: 1px solid var(--lead-color-light); text-align: center; vertical-align: middle; padding: 7px; font: bold 15px/17px 'alef', arial; color: #4f4e4e; white-space: nowrap;} .cartDetails li.cartDetails_th span{background-color: var(--lead-color-twin); height: 40px; color: #ffffff; font: bold 16px 'Alef', arial; padding: 0px 7px;} .cartDetails li span.cartDetails_remove{width: 10%; padding: 0px 0px 0px 0px;} .cartDetails li span.cartDetails_remove input{font-size: 1px; line-height: 1px; color: #ffffff; width: 30px; height: 30px; background: transparent url(../images/cart_remove.png) no-repeat scroll 0% 0%; margin: 0px auto; border: 0; cursor: pointer;} .cartDetails li span.cartDetails_image{width: 18.5%;} .cartDetails li span.cartDetails_image img{display: block; width: 80%; max-width: 65px; margin: 0px auto; border-radius: 4px;} .cartDetails li span.cartDetails_name{ text-align: right; white-space: normal;} .cartDetails ul.cartDetails_innerDetails{display: none;} .cart .free_sub_msg{color: var(--lead-color); text-align: center; display: block; margin: 5px 0; border: 1px solid var(--lead-color); font-size: 20px;} .cart .additionalItem{border-bottom: 0px; display: block; width: auto; padding: 12px 0px 20px 0px;} .shippingDetails{padding: 0px;} .shippingDetails P{padding: 0px 0px 12px 0px; font: normal 16px/19px 'Alef', arial; color: #4f4e4e;} /* .shippingDetails P a{color: #4f4e4e;} */ .shippingDetails .shippingPrice, .shippingDetails .shippingPrice_discounted{font: bold 18px "Alef",arial;} .shippingDetails .shippingPrice strong, .shippingDetails .shippingPrice_discounted strong{width: 65px; padding-right: 4px;} .shippingDetails .shippingPrice span{background: url(../images/dotted_border_grey.png) left bottom repeat-x;} .shippingDetails .shippingPrice_discounted span{background: url(../images/dotted_border_red.png) left bottom repeat-x;} .shippingDetails .shippingPrice span B, .shippingDetails .shippingPrice_discounted span B{background-color: #ffffff;} .shippingDetails .selfCollect{font: bold 18px 'Alef', arial;} .shippingDetails .selfCollect strong{width: 65px; padding-right: 4px;} .shippingDetails .selfCollect span{background: url(../images/dotted_border_grey.png) left bottom repeat-x;} .shippingDetails .selfCollect span B{background-color: #ffffff;} .shippingPrice{display: table; table-layout: fixed; width: 100%; font: bold 13px 'Alef', arial; color: #4f4e4e;} .shippingPrice_discounted{display: table; table-layout: fixed; width: 100%; font: bold 13px 'Alef', arial; color:#4f4e4e;} .shippingPrice span, .shippingPrice_discounted span{display: table-cell; text-align: right; padding-left: 10px;} .shippingPrice strong, .shippingPrice_discounted strong{display: table-cell; text-align: right; width: 40px;} .selfCollect{display: table; table-layout: fixed; width: 100%; font: bold 13px 'Alef', arial; color: #4f4e4e;} .selfCollect span{display: table-cell; text-align: right; padding-left: 10px;} .selfCollect strong{display: table-cell; text-align: right; width: 40px; color: var(--emph-color); vertical-align: bottom;} .cartTotal{font: bold 24px/25px 'Alef', arial; color:var(--emph-color); margin: 50px 0px -35px 0px; display: table; table-layout: fixed; width: 100%;} .cartTotal span{display: table-cell; background: url(../images/dotted_border_red.png) left bottom repeat-x;} .cartTotal span B{background-color: #ffffff;} .cartTotal strong{display: table-cell; width: 110px; padding-right: 5px; text-align: left; vertical-align: bottom;} .cartTotal.full_price{color:#4f4e4e} .cartTotal.full_price span{background: url(../images/dotted_border_darkgrey.png) left bottom repeat-x;} .cartTotal.savings{color:var(--lead-color)} .cartTotal.savings span{background: url(../images/dotted_border_blue.png) left bottom repeat-x;} .cartPanel{overflow: hidden; padding-top: 50px;} /* אופיר עשה את זה בלינק, שיניתי לכפתור סאבמיט */ .cartPanel a, .cartPanel input{float: left; display: table; text-align: center; width: 30%; height: 50px; background-color:var(--emph-color); font: bold 24px/24px 'alef', arial; color: #ffffff; border-radius: 4px;} .cartPanel a span, .cartPanel input{display: table-cell; text-align: center; vertical-align: middle; cursor: pointer;} .cartPanel a:hover, .cartPanel a:hover{background-color: var(--emph-color-twin); text-decoration: none;} .cartPanel a:nth-child(2){float: right; background-color: var(--lead-color);} .cartPanel a:nth-child(2):hover{background-color: var(--lead-color-twin);} input[type=submit]{-webkit-appearance: none;} /* הוספתי קלאסים גנריים שיאפשרו שני כפתורים זה לצד זה, בין אם ככפתור ובין אם כלינק*/ .two_btns{overflow: hidden; padding-top: 20px;} .two_btns a {float: left; display: table; width: 45%; height: 50px; cursor: pointer} .two_btns a span {display: table-cell; vertical-align: middle;} .two_btns a:nth-child(1){float: right;} /* קלאסים כלליים של כפתור אדום כחול ואפור - רק צבעים ופונטים */ .red_btn, .blue_btn, .grey_btn{text-align: center; background-color:var(--emph-color); font: bold 24px/24px 'Alef', arial; color: #ffffff; outline:none; border: none; background-repeat:no-repeat;} .blue_btn{background-color: var(--lead-color)} .grey_btn{background-color: #ccc} .red_btn:hover{background-color: var(--emph-color-twin);} .blue_btn:hover{background-color: var(--lead-color-twin);} .grey_btn:hover{background-color: #888888;} .red_text{color:var(--color-fail-dark) !important;} @media screen and (max-width: 1024px) { .cartProggress div strong{width: 60px; font: bold 50px/70px "Times New Roman", Times, serif;} .cartProggress div span{padding-top: 12px; font: bold 24px/23px 'Alef', arial;} .cart_step01 div:nth-child(1):after, .cart_step02 div:nth-child(2):after, .cart_step03 div:nth-child(3):after{bottom: -28px; margin-left: -14px; border-width: 14px;} .cartTotal{font: bold 21px/25px 'Alef', arial;} .cartPanel input, .cartPanel a{width: 40%;} } @media screen and (max-width: 870px) { .cartProggress div strong{width: 50px; font: bold 45px/70px "Times New Roman", Times, serif;} .cartProggress div span{padding-top: 17px; font: bold 21px/18px 'Alef', arial;} .cart_step01 div:nth-child(1):after, .cart_step02 div:nth-child(2):after, .cart_step03 div:nth-child(3):after{bottom: -24px; margin-left: -12px; border-width: 12px;} .cartDetails li span.cartCell{padding: 5px; font: bold 14px/16px 'Alef', arial;} /* .cart .additionalItems_tabs, .additionalItems_tabs ul{height: 37px;} */ .cart .additionalItems_tabs li a{height: 33px; font: normal 15px/15px 'Alef', arial;} .cart .additionalItems_tabs li a span{height: 28px;} .cart .additionalItems_tabs li.selectedTab a{height: 34px;} .cart .additionalItems_tabs li.selectedTab a span{height: 30px;} } @media screen and (max-width: 768px) { .cartProggress div{height: 50px;} .cartProggress div strong{width: 45px; font: bold 40px/50px "Times New Roman", Times, serif;} .cartProggress div span{padding-top: 9px; font: bold 18px/16px 'Alef', arial;} .cart_step01 div:nth-child(1):after, .cart_step02 div:nth-child(2):after, .cart_step03 div:nth-child(3):after{bottom: -18px; margin-left: -10px; border-width: 10px;} .cartDetails li.cartDetails_th span{font: bold 14px "Alef",arial;} .cartDetails li span.cartCell{padding: 5px; font: normal 14px/15px 'Alef', arial;} .cartPanel input{width: 40%; font: bold 21px/24px 'Alef', arial;} } @media screen and (max-width: 670px) { .leftCol_cart{display: none;} .cart_innerTitle{font: bold 21px/23px "Alef",arial; margin-top: 25px;} .cart .freeShipping{margin-top: 25px;} .cartTotal {font: bold 21px/25px "Alef",arial; margin: 35px 0px 0px 0px;} .cartTotal strong{width: 95px;} } @media screen and (max-width: 480px) { .cartDetails li span.cartCell{padding: 10px 7px 3px 7px; vertical-align: top;} .cartDetails li.cartDetails_th span{padding: 0px 7px; vertical-align: middle;} .cartDetails li span.cartDetails_remove a{width: 24px; height: 24px; background-size: 24px auto; margin: 8px auto 0px;} .cartDetails li span.cartCell:nth-child(3){display: none;} .cartDetails li span.cartCell:nth-child(5){display: none;} .cartDetails li span.cartCell:nth-child(6){display: none;} .cartDetails li.cartDetails_th span:nth-child(3){display: none;} .cartDetails li.cartDetails_th span:nth-child(5){display: none;} .cartDetails li.cartDetails_th span:nth-child(6){display: none;} .cartDetails ul.cartDetails_innerDetails{display: block; table-layout: auto; width: auto; padding-top: 12px;} .cartDetails ul.cartDetails_innerDetails li{display: block; border-top: 3px solid #ffffff; background-color: #ececed; font: normal 13px/26px 'Alef', arial;} .cartDetails ul.cartDetails_innerDetails li B{display: inline-block; width: 65%; padding-right: 7px;} .cartTotal{font: bold 18px/25px 'Alef', arial;} .cartPanel input{width: 40%;} } @media screen and (max-width: 375px) { .cartProggress div strong{width: 35px; font: bold 35px/50px "Times New Roman", Times, serif;} .cartProggress div span{padding-top: 9px; font: bold 16px/16px 'Alef', arial;} .cart_step01 div:nth-child(1):after, .cart_step02 div:nth-child(2):after, .cart_step03 div:nth-child(3):after{bottom: -16px; margin-left: -8px; border-width: 8px;} /* .cartPanel input{font: bold 18px/21px 'alef', arial;} */ } /* step 02 */ .initialText{padding: 0px; margin-top: 40px; font: normal 21px/23px 'Alef', arial; color: #4f4e4e;} /*.initialText a{color: #4f4e4e;}*/ .initialText BR{display: none;} .required{padding: 0px; font: bold 13px/12px 'Alef', arial; color:var(--emph-color); } .step02_form ul{padding: 20px 0px 0px 0px;} .step02_form ul li{padding: 0px 0px 0px 0px; min-height: 90px;} .step02_form ul label{display: block; color: #4f4e4e; font: normal 16px 'Alef', arial; padding: 0px 0px 0px 0px;} /*.step02_form ul label span{color:var(--emph-color);}*/ .step02_form ul input[type="text"], .step02_form ul input[type="tel"], .step02_form ul input[type="email"], .step02_form ul input[type="password"]{width: 99%; height: 38px; border: 1px solid #d2d2d2; padding: 0px; margin: 0px; font: normal 16px 'alef', arial; color: #000000; text-indent: 8px; border-radius: 4px;} .step02_form ul .cartForm_error{display: block; font: normal 17px/18px 'Alef', arial; color:var(--emph-color); background-color: #fde4e4;} .step02_form ul .cartForm_note{display: block; font: normal 11px/11px 'Alef', arial; color: #4f4e4e; transform: none;} .step02_form ul textarea{width: 99%; height: 90px; border: 1px solid #d2d2d2; padding: 0px; margin: 0px; font: normal 16px 'Alef', arial; color: #000000; border-radius: 4px; text-indent: 8px;} .step02_form .cartForm_st{flex:0 1 45%} .step02_form .cartForm_house_num{flex:0 1 15%} .step02_form .cartForm_others{flex:0 1 9.9%} .flex .cartForm_house_num,.flex .cartForm_others {margin-right: 15px;} .step02_form ul.cartForm_2cols li{width: 46%; float: right;} .step02_form ul.cartForm_2cols li:nth-child(odd){padding: 0px 0px 0px 8%;} .step02_form ul li.cart_passwordTable{display: table; table-layout: fixed; width: 100%; direction: ltr;} .step02_form ul .cart_passwordFrame{display: table-cell; vertical-align: top; width: 40%; direction: rtl;} .step02_form ul .cart_passwordFrame span{display: block; padding: 0px 0px 0px 0px; margin-top: -2px; transform: none;} .step02_form ul .cart_passwordFrame span input{vertical-align: middle; margin-left: 7px;} .step02_form ul .cart_passwordFrame span label{display: inline; vertical-align: middle;} .step02_form ul .cart_passwordText{display: table-cell; vertical-align: top; padding: 20px 3% 0px 0px; color: #4f4e4e; font: normal 16px/19px 'Alef', arial; direction: rtl;} .step02_form ul.cart_commentsForm, .step02_form ul.cart_passwordForm{margin-top: -25px;} .cart_citizenConfirm{margin: 0px 0px 0px 0px; display: table;} .cart_citizenConfirm span{display: table-cell; color: #4f4e4e; font: normal 16px/19px 'Alef', arial;} .cart_citizenConfirm strong{color:var(--emph-color);} .cart_citizenConfirm input{margin-left: 7px;} .errorContainer label{color:var(--emph-color) !important;} .errorContainer input{border-color: #fc2020 !important; color:var(--emph-color) !important; background-color: #fde4e4;} .special_discount{background-color: #FFEB94; padding: 0 3px; background-image: linear-gradient(to right,#FFEB94 0%, #FFF5C7 100%); font: bold 13px/10px 'alef', arial;text-align: center; margin: 25px 0px 10px 0px;} @media screen and (max-width: 1024px) { .initialText BR{display: inline;} } @media screen and (max-width: 768px) { .initialText BR{display: none;} /* .step02_form .cartForm_st{flex:0 1 35%} .step02_form .cartForm_house_num{flex:0 1 12%} */ } @media screen and (max-width: 480px) { .step02_form ul.cartForm_2cols li{width: auto; float: none;} .step02_form ul.cartForm_2cols li:nth-child(odd){padding: 0px 0px 0px 0px;} .step02_form ul input.cartForm_st{width: 50%;} .step02_form ul .cart_passwordFrame span{padding: 4px 0px 0px 0px; margin-top: 0px;} } @media screen and (max-width: 375px) { .step02_form ul li.cart_passwordTable{display: block; table-layout: auto; width: auto; direction: rtl;} .step02_form ul .cart_passwordFrame{display: block; width: 60%;} .step02_form ul .cart_passwordText{display: block; padding: 0px 0px 7px 0px;} .step02_form .cartForm_st{flex:0 1 30%} .step02_form .cartForm_house_num{flex:0 1 25%} .flex .cartForm_house_num,.flex .cartForm_others {margin-right: 10px;} } .alert_box{background-color: #DFDFDF;color: #4F4E4E; display: table; table-layout: fixed; width: 97%; font: 16px/20px "Alef",arial; padding: 1.5%; margin-top: 40px;} .alert_box span.i_alert {display: table-cell; text-align: center; vertical-align: middle; width: 50px; height: 50px; background-color: var(--emph-color); border-collapse:separate;border-spacing:5px;} .alert_box span.i_alert:after{content:url(../../resources/images/info_icon.png)} .alert_box div{display: table-cell; vertical-align: middle; padding: 0px 10px 0px 0px;} /* step03 */ .cart .securePurchase{background-color: #4f4e4e; display: table; table-layout: fixed; font: normal 16px/17px "Alef",arial; color: #ffffff; padding: 1.5%; margin-top: 40px; border-radius: 4px;} .cart .securePurchase span{display: table-cell; text-align: center; vertical-align: middle; width: 50px; height: 50px; background-color:var(--emph-color);} .cart .securePurchase div{display: table-cell; vertical-align: middle; padding: 0px 10px 0px 0px;} .cart .securePurchase strong{display: block;} .step03_form{width: 300px; margin: 0px auto;} .step03_form .required{margin-top: 12px;} .step03_form ul{padding: 20px 0px 0px 0px;} .step03_form ul li{padding: 0px 0px 0px 0px; min-height: 90px;} .step03_form ul label{display: block; color: #4f4e4e; font: normal 16px 'Alef', arial; padding: 0px 0px 0px 0px;} .step03_form ul label span{color:var(--emph-color);} .step03_form ul input[type="text"], .step03_form ul input[type="tel"], .step03_form ul input[type="email"], .step03_form ul input[type="password"]{width: 99%; height: 38px; border: 1px solid #d2d2d2; padding: 0px; margin: 0px; font: normal 16px 'alef', arial; color: #000000; text-indent: 8px; border-radius: 4px;} .step03_form ul .cartForm_error{display: block; font: normal 12px/14px 'Alef', arial; color:var(--emph-color); background-color: #fde4e4;} .step03_form ul input.cartForm_cvv{width: 30%; margin-left: 8px;} .step03_form ul img{vertical-align: middle;} .step03_form ul .cart_passwordFrame span label{display: inline; vertical-align: middle;} .step03_form ul .cart_formText{display: table-cell; vertical-align: top; padding: 20px 3% 0px 0px; color: #4f4e4e; font: normal 16px/19px 'Alef', arial; direction: rtl; border-radius: 4px;} /* .step03_form ul input.cartForm_cvv{background-image: url(../images/cvv_question_icon.png); background-position: 4px 4px; background-repeat: no-repeat; width: 20%; padding-left: 38px;} */ .tooltipHolder{display: inline-block; position: relative; vertical-align: middle; z-index: 6;} .tooltipHolder img.tooltipToggle{display: block; width: 30px; height: 30px; vertical-align: middle; background: url(../images/cvv_question_icon.png) left top repeat-y; cursor: pointer;} .tooltipFrame{position: absolute; right: 70px; top: -65px; border: 1px solid #a1a1a1; border-radius: 14px; padding: 10px 30px 5px; display: none; width: 240px; background: #eaeaea; background: -moz-linear-gradient(left, #eaeaea 0%, #fdfdfd 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eaeaea), color-stop(100%,#fdfdfd)); background: -webkit-linear-gradient(left, #eaeaea 0%,#fdfdfd 100%); background: -o-linear-gradient(left, #eaeaea 0%,#fdfdfd 100%); background: -ms-linear-gradient(left, #eaeaea 0%,#fdfdfd 100%); background: linear-gradient(to right, #eaeaea 0%,#fdfdfd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fdfdfd',GradientType=1 ); } .tooltipFrame strong{display: block; text-align: center; font: bold 12px/14px 'Alef', arial; color: var(--lead-color); padding: 0px 0px 10px 0px;} .tooltipFrame img.tooltipArr{position: absolute; right: -28px; top: 50px;} .tooltipHolder:hover img.tooltipToggle{background-position: left 40px;} .tooltipHolder:hover .tooltipFrame{display: block;} .tooltipFrame a.tooltipFrame_close{display: none; position: absolute; left: 5px; top: 5px; background-color: #d6d6d6; border: 1px solid #8d8c8c; border-radius: 7px; padding: 6px; color: #db001b; font: bold 18px/13px 'alef', arial; text-decoration: none;} .comboHolder{display: inline-block; vertical-align: middle; position: relative; width: 60%;} .comboHolder_small{width: 32%; margin-left: 6%;} .comboHolder select{width: 100% !important; height: 40px !important; font: normal 16px 'Alef', arial; color: #000000; text-indent: 8px; right: 0px; border-radius: 4px;} .comboHolder span.customSelect{width: 99%; height: 38px; border: 1px solid #d2d2d2; padding: 0px; margin: 0px; font: normal 16px/38px 'Alef', arial; color: #000000; background: url(../images/combo_arr.png) 4px 4px no-repeat;} .comboHolder span.customSelectInner{text-indent: 8px;} .step03_form .cartPanel{padding: 15px 0px 0px 0px;} .step03_form .cartPanel input{float: none; width: 99.8%;} .joinCitizen_leftCol{padding: 60px 0px 0px 0px;} .joinCitizen_leftCol_title{position: relative; padding: 65px 0px 8px 0px; background-color: #007cbd; text-align: center; color: #ffffff; font: bold 20px/20px 'alef', arial; border-radius: 0;} .joinCitizen_leftCol_title img{position: absolute; width: 150px; left: 50%; top: -65px; margin-left: -65px; border: 2px solid var();} .joinCitizen_leftCol_body{border: 1px solid #d4d3d3; border-top: 0px; padding: 6% 6%; background-color: #ffffff; border-radius: 0;} .joinCitizen_leftCol_body>P{font: normal 16px/16px 'alef', arial; color: #4f4e4e; text-align: center;} .joinCitizen_leftCol_body>ol{padding-left:5px ;} .joinCitizen_leftCol_body>ol li{display: inline-block; color: #db001b; font: bold 20px/20px 'alef', arial; padding: 10px 0px 0px 0px; display: list-item;list-style: auto;list-style-position: inside; border-bottom: 1px solid #bfbfbf; padding-bottom: 10px;} .joinCitizen_leftCol_body P span{display: block;} .joinCitizen_leftCol_body P B, .joinCitizen_leftCol_body P em,.joinCitizen_leftCol_body ol em{display: block; font: normal 12px 'alef', arial;} .joinCitizen_leftCol_form .form_wrapper{height: 30px; border: 1px solid #d7d6d6; border-radius: 13px; overflow: hidden; } .joinCitizen_leftCol_form input[type="text"], .joinCitizen_leftCol_form input[type="email"]{border: 0px; width: 70%; height: 30px; font: normal 15px arial; color: #000000; border-radius: 0px 15px 15px 0px; text-indent: 14px;} .joinCitizen_leftCol_form input[type="submit"]{float: left; border: 0px; background-color: #db001b; font: bold 16px 'alef', arial; color: white; width: 70px; height: 30px; border-radius: 15px; margin-left: -1px;} .joinCitizen_leftCol_form input[type="submit"]:hover{background-color: #007cbd;} .joinCitizen_leftCol_note{font: normal 12px/13px 'alef', arial; color: #4f4e4e; padding: 7px 0px 0px 0px;} @media screen and (max-width: 670px) { .tooltipHolder{position: static;} .tooltipHolder .tooltipFrame{display: none; left: 50%; margin-left: -150px; top: 150px; z-index: 6;} .tooltipHolder:hover img.tooltipToggle{background-position: left top;} .tooltipHolder:hover .tooltipFrame{display: none;} .tooltipHolder_active .tooltipFrame, .tooltipHolder_active:hover .tooltipFrame{display: block;} .tooltipHolder_active a.tooltipFrame_close{display: block;} .tooltipFrame img.tooltipArr{display: none;} } @media screen and (max-width: 375px) { .cart .securePurchase{font: normal 13px/17px "Alef",arial;} } .list_tbl{display: table; border-collapse: collapse; width:100%; table-layout: fixed;} .list_tbl_header {display: table-row; background-color: var(--lead-color);; color: #ffffff; font-size: 18px; font-weight: bold;line-height: 24px;} .list_tbl_header td {display: table-cell; padding-bottom: 5px} .list_tbl_row.sub_header td {background-color: #cc2D30; color: #ffffff; font-weight: bold} .list_tbl_row {display:table-row;} .list_tbl_row td{vertical-align: top; word-wrap: break-word; border-top:1px solid var(--lead-color)} .list_tbl_row a{cursor:pointer; color:var(--lead-color); font-weight: 700;} .list_tbl td.poi_header strong{color: var(--lead-color);} .list_tbl td.poi_header label{color: #ffffff} .list_tbl label{display:none;} .list_tbl_row>div {display: table-cell; padding: 2px} .list_tbl_row:nth-child(even) {background-color: #f7f8f9; border-color:#f7f8f9} .list_tbl_row:nth-child(odd) {background-color:#f7f8f9;border-color: #f7f8f9} .list_tbl_row:nth-child(odd) > td {border-top: 1px solid #f7f8f9} #orders_div {margin-top: 15px} @media screen and (max-width: 670px) { /*.list_tbl_row td:nth-child(4), .list_tbl_header td:nth-child(4){display: none;}*/ .items_detail_small{display: table-row} .items_detail_large{display: none} .shipment_br {display:none} /*.list_tbl tr, .list_tbl td {display:block;}*/ .list_tbl_row, .list_tbl_header , .list_tbl_row>td, .list_tbl_header>td {display: block} .list_tbl_row {margin-bottom: 15px; border-bottom: 1px solid gray !important;} .list_tbl_row>td.poi_header{background-color: var(--lead-color); color: #ffffff} .list_tbl_row>td.poi_header strong{color: #ffffff} .list_tbl label{display:inline-block; width: 40%; font-weight: bold; color: var(--lead-color);} .list_tbl_row>td:first-child{border-bottom: 1px dashed #9f9f9f} .list_tbl_row>td:last-child{border-bottom: 0.5px solid #9f9f9f} .list_tbl tr.list_tbl_header {display:none;} .items_tbl_header>div:nth-child(1), .items_tbl_header>div:nth-child(4){display:none;} .items_tbl_row>div:nth-child(1), .items_tbl_row>div:nth-child(4){display:none;} } .items_tbl{display: table;} .items_tbl_header{display: table-row} .items_tbl_header>div {display:table-cell; font-weight: bold;border: 1px solid #666; padding: 2px} .items_tbl_row {display:table-row} .items_tbl_row>div{display:table-cell; border: 1px solid #666; padding: 2px} .items_detail_small{display:none} .items_detail_large{display: table-row} /************************** more media queries *****************************/ @media screen and (max-width: 1280px) { .pageFrame{border: 0px; padding-bottom: 0px;} .additionalItems_tabs, .additionalItems_tabs ul{height: 37px;} .additionalItems_tabs li a{height: 32px; padding: 4px 0px 0px 0px;} .additionalItems_tabs li a span{padding: 4px 10px 0px; height: 29px;} .additionalItems_tabs li.selectedTab a{height: 29px;} .additionalItems_tabs li.selectedTab a span{height: 29px;} .additionalItems_tabs li a span B{display: block; font-size: 1px; line-height: 0px; height: 0px; overflow:hidden;} .sideCart .additionalItems_tabs li a{font: bold 12px/13px 'Alef', arial;} .sideCart .additionalItems_tabs li a span{padding: 4px 13px 0px;} } @media screen and (max-width: 1180px) { .joinCitizen_leftCol_form input[type="text"], .joinCitizen_leftCol_form input[type="email"]{width: 60%;} .sideCart .additionalItems_tabs li a span{padding: 4px 10px 0px;} } @media screen and (max-width: 1024px) { .contentFrame{width: 61%; padding: 0px 2.5% 25px;} .item_actionPanel li a{font: normal 14px/13px 'Alef', arial;} .additionalItems_tabs li a{font: bold 15px/15px 'Alef', arial;} .additionalItem_panel{font: bold 15px/15px 'Alef', arial;} .additionalItem_regularPrice span, .additionalItem_haolamPrice span{padding-bottom: 7px;} .additionalItem_regularPrice strong, .additionalItem_haolamPrice strong{padding-bottom: 7px;} .winningCombo_total{font: bold 14px/17px 'Alef', arial;} .winningCombo_regularPrice li span, .winningCombo_total li span{padding-bottom: 4px;} .winningCombo_regularPrice li strong, .winningCombo_total li strong{padding: 0px 3px 4px;} .joinCitizen_leftCol_form input[type="submit"]{font: bold 14px 'Alef', arial; color: white; width: 60px;} .winningCombo_button input{font-size: 14px;} .sideCart{display: none; position: fixed; left: 79px; top: 45px; width: 300px; z-index: 12; padding: 5px; background-color: #ffffff; border-radius: 0px 4px 4px 4px; margin-bottom: 0px; box-shadow: 2px 5px 4px #636363;} .sideCart_title a{display: block;} } @media screen and (max-width: 870px) { .additionalItems_tabs, .additionalItems_tabs ul{height: 37px;} .additionalItems_tabs li a{height: 32px; padding: 4px 0px 0px 0px; font: normal 14px/14px 'Alef', arial;} .additionalItems_tabs li a span{padding: 4px 15px 0px; height: 28px;} .additionalItems_tabs li.selectedTab a{height: 33px;} .additionalItems_tabs li.selectedTab a span{height: 29px;} .additionalItems_tabs li a span strong{display: block; font-size: 1px; line-height: 0px; height: 0px; overflow:hidden;} .items_list_tabs{height:52px;} .items_list_tabs li.selectedTab a span{height:44px;} .winningCombo_button input{font-size: 12px;} .sideCart{left: 79px; overflow-y: scroll; max-height: 550px;} } @media screen and (max-width: 800px) { .additionalItem_regularPrice{display: block; table-layout: auto; width: auto;} .additionalItem_haolamPrice{display: block; table-layout: auto; width: auto;} .additionalItem_regularPrice span, .additionalItem_haolamPrice span{display: block;} .additionalItem_regularPrice strong, .additionalItem_haolamPrice strong{display: block; width: auto;} } @media screen and (max-width: 768px) { .contentFrame{width: 61%; padding: 0px 2.5% 25px;} .itemTable {padding-top: 22px;} .itemDetails h1{font: bold 24px/25px "Alef",arial;} .itemDetails_table{margin-right: 4.5%;} .itemDetails P{font: normal 14px/18px 'Alef', arial;} a.hebrewBanner{font: normal 15px/18px 'Alef', arial; padding: 4px 4px 4px 4px;} a.hebrewBanner span{width: 40px; height: 40px; font: bold 32px/34px 'Alef', arial;} .item_actionPanel ul, .item_actionPanel.item_actionPanel_2items ul, .item_actionPanel.item_actionPanel_1items ul{margin-right: 0px;} .item_actionPanel li, .item_actionPanel.item_actionPanel_2items li, .item_actionPanel.item_actionPanel_1items li{float: none; padding: 0 0 0 0; width: auto; border-bottom: 2px solid #ffffff;} .leftCol{width: 30%;} .winningCombo_regularPrice{padding: 20px 0px 8px 0px; display: block; table-layout: auto; width: auto;} .winningCombo_total{display: block; table-layout: auto; width: auto;} .winningCombo_regularPrice li, .winningCombo_total li{overflow: visible; display: block;} .winningCombo_regularPrice li span, .winningCombo_total li span{display: block;} .winningCombo_regularPrice li strong, .winningCombo_total li strong{display: block; text-align: left; width: auto;} .joinCitizen_leftCol_body{padding: 4% 4%;} } @media screen and (max-width: 670px) { BODY{background-image: none;} .pageFrame{border: 0px solid #cccccc; padding-top: 25px; padding-bottom: 25px; display: block;} .contentFrame{float: none; width: auto; } .leftCol{float: none; width: auto; padding-top: 25px;} .winningCombo_regularPrice{font: normal 16px/18px 'Alef', arial; color: #000000; padding: 30px 0px 8px 0px; border-bottom: 1px solid #d4d3d3; display: table; table-layout: fixed; width: 100%;} .winningCombo_total{font: bold 16px/18px 'Alef', arial; color: #000000; padding: 9px 0px 8px 0px; border-bottom: 1px solid #d4d3d3; display: table; table-layout: fixed; width: 100%;} .winningCombo_regularPrice li, .winningCombo_total li{overflow: hidden; display: table-row;} .winningCombo_regularPrice li span, .winningCombo_total li span{display: table-cell; padding: 0px;} .winningCombo_regularPrice li strong, .winningCombo_total li strong{display: table-cell; padding: 0px 3px; text-align: left; width: 70px; vertical-align: bottom;} .winningCombo_button input{font-size: 16px;} .sideCart{left: 104px;} .freeShipping{display: none;} .sideCart_innerTitle{margin-top: 7px;} /* .sideCart_shipping{display: none;} */ .sideCart_total{margin-top: 12px;} .sideCart_body{padding: 4%;} } @media screen and (max-width: 480px) { .contentFrame{border: 0px; padding: 0px;} .itemTitle_mobile{display: block; text-align: center; padding: 12px 0px 0px 0px; color: var(--lead-color); font: bold 24px/25px 'Alef', arial;} .itemTitle_mobile h2 {color: #4f4e4e; font: bold 21px/25px 'Alef', arial;} .itemTable{padding-top: 0px; display: block; table-layout: auto; width: auto;} .itemImage{display: block; max-width: 240px; padding: 10px 0px 0px 0px; width: 50%; margin: 0px auto;} .itemDetails_table{display: block; height: auto; margin-right: 0px;} .itemDetails_tableTop{display: block;} .itemDetails_tableBot{display: block;} .itemDetails_tableBot_cell{display: block;} .itemDetails{width: auto; display: block; padding: 0px; } .itemDetails h1, .itemDetails h2{display: none;} .itemDetails P{padding: 10px 0px 0px 0px;} .regularPrice{padding: 10px 0px 5px 0px; text-align: center;} .item_actionPanel{padding: 5px 0px 0px 0px;} .item_actionPanel ul{margin-right: -1.33%; overflow: hidden;} .item_actionPanel li{float: right; width: 32%; padding: 0px 1.33% 0px 0px;} .item_actionPanel.item_actionPanel_2items ul{margin-right: -2%;} .item_actionPanel.item_actionPanel_2items li{float: right; width: 48%; padding: 0px 2% 0px 0px;} .item_actionPanel.item_actionPanel_1items ul{margin-right: 0%;} .item_actionPanel.item_actionPanel_1items li{float: none; width: 100%; padding: 0px 0px 0px 0px;} .item_actionPanel li a{font: normal 13px/13px "Alef",arial;} .priceTbl {display:block} .haolamPrice, .regularPrice{display:block; padding: 11px 0px 0px 0px; text-align: center;} .haolamPrice span:nth-child(1), .regularPrice span:nth-child(1), .haolamPrice span:nth-child(2), .regularPrice span:nth-child(2){display: block; text-align:center; width: 100%} .regularPrice span:nth-child(1) {border-bottom:none} .itemButton{text-align: center;} .itemSpecs{font: 14px/19px "Alef",arial;} .additionalItems_title strong {display: block;} .additionalItems_tabs li a span{padding: 4px 8px 0;} .additionalItem{display: block; width: auto; overflow: hidden;} .additionalItem_image{display: block; float: right; width: 35%;} .additionalItem_image a{max-width: 120px;} .additionalItem_details{display: block; float: right; padding-bottom: 12px; width: 60%;} .additionalItem_panel{display: block; clear: both; float: left; width: 61.875%; padding: 0px 0px 0px 0px;} .additionalItem_regularPrice{color: #4f4e4e; display: table; table-layout: fixed; width: 100%;} .additionalItem_haolamPrice{color: #db001b; display: table; table-layout: fixed; width: 100%;} .additionalItem_regularPrice span, .additionalItem_haolamPrice span{display: table-cell;} .additionalItem_regularPrice strong, .additionalItem_haolamPrice strong{display: table-cell; text-align: left; width: 70px; vertical-align: bottom;} .additionalItem_button{padding: 7px 0px 0px 0px;} .additionalItem_button a{font: bold 16px/22px 'Alef', arial; width: 110px; float: left;} .sideCart{left: 5px; border-radius: 4px;} .enlargedImage_pop{max-width: 450px; padding: 5px;} .enlargedImage_pop img{max-width: 300px;} } /********************************* end media queries ********************************************************/ /* cart confirmation page*/ .orderConfirmation {color: #4f4e4e} .orderConfirmation h1 {color: var(--lead-color); font-size: 1.5em} .orderConfirmation .goodbye{width: 100%; color: #ffffff; background-color: var(--lead-color); text-align: center; font-size: 21px; line-height: 45px; height: 45px; margin-top: 25px} /* epost */ .epost{background-color:#f8f8f8; font-size:115%; text-indent: 10px;} .epost span{font-weight:600;} .delayed_pickup_table {border-collapse: collapse; width: 50%; margin:auto; } .delayed_pickup_table td, .delayed_pickup_table th {border: 1px solid #dddddd;padding: 8px; text-align:center;} .delayed_pickup_table tr:nth-child(even) {background-color: #dddddd;} /* ----------------------------------------------------------- Cart End --------------------------------------------------------------------------------------------------------*/ /* ----------------------------------------------------------- Account ---------------------------------------------------------------------------------------------------------*/ .my_account .join_citizen_check{margin-top:0} .alert_msg {font: bold 24px/28px "Alef",arial; color: var(--emph-color); text-align: center; margin-top: 20px} .my_account p{margin-bottom: 5px} .flex .house_num{flex: 0 1 42%;} .flex .address_details{flex: 0 1 15%; margin-right: 10px;} .logout_btn{width: 130px; font: bold 18px/28px "Alef",arial; background-color: #999; padding: 5px; text-align:center; float:left; margin-bottom: 15px; border-radius: 4px;} .logout_btn a {color: #ffffff;} .logout_btn a:hover {text-decoration: none} .logout_btn:hover{background-color: #666} .form_1col input, .form_1col textarea{width: 99%; display: block; height: 38px; border: 1px solid #D2D2D2;padding: 0px; margin: 0 0 1em 0;;font: 16px "Alef",arial;color: #000;text-indent: 8px; border-radius: 4px;} .form_1col textarea {height: 250px;} .checkbox_span input[type='checkbox']{height: 25px; width: auto; display: inline; vertical-align: middle; margin-left: 7px; margin-top: 12px;} .form_1col .input_70 {width:70%; border-radius: 4px;} .form_1col .input_50 {width:50%} .form_1col .input_30 {width:30%} .form_1col input[type="submit"]:hover{background-color:var(--emph-color-twin);} .form_1col input[type="button"]{background-color:var(--lead-color-twin);} .form_1col input[type="button"]:hover{background-color:var(--lead-color);} .form_1col .checkbox_span{display:block; padding: 0} .form_1col .checkbox_span label{display:inline; font-weight: normal} .form_error{display: block; background-color: #ffd0db; font: normal 14px/20px 'Alef', arial; color: var(--emph-color);; text-indent: 5px} .form_1col .checkbox_span.join_citizen_check label{font-weight: bold;} .form_1col.checkbox_span.join_citizen_check input[type='checkbox']{height: 30px;} .grey_background{background:#f0f0f0;} .btn-more {display: inline-block; text-align:center; border: 1px solid var(--lead-color);cursor:pointer; border-radius:5px; padding: 5px 10px; background-color: var(--lead-color); color:#ffffff; font-weight: bold} .btn-more:hover{box-shadow: none} .btn-less {color: var(--lead-color); cursor:pointer; font-weight:600;margin-right:30px;} .btn-less:hover{text-decoration: underline} @media screen and (max-width: 768px) { .list_tbl_header {font-size: 13px;} } /* sharav pricing */ .top_offer {display: flex; justify-content: space-between; margin: 25px} .top_offer a {text-decoration: none} .top_offer input[type=button]:hover, .top_offer_title{cursor:pointer} .top_offer>div{border: 1px solid var(--lead-color-light); border-radius: 5px; text-align: center; padding: 5px; width: 45%} .top_offer_title{display: block; font-size: 20px; color:#ffffff; background-color:var(--lead-color); font-weight: bold; margin-bottom: 5px; border-bottom: 2px solid var(--lead-color-light)} .top_offer_text {display: block; font-size: 16px; line-height: 16px} .top_offer i {font-size: 70px; color:var(--lead-color); margin: 25px 0; display: block} .top_offer>div, .top_offer_text{transition: all 0.4s ease-in-out; transform: scale(1);} /*.top_offer>div:hover {transform: scale(1.11)}*/ .top_offer>div:hover .top_offer_title{background-color: var(--lead-color); color: #ffffff; border-bottom: 4px solid var(--lead-color-light); margin-bottom: 3px} .top_offer>div:hover input[type=button]{background-color: var(--lead-color); color: #ffffff} .top_offer>div.active{background-color: var(--lead-color); color: #ffffff} .top_offer>div.active .top_offer_title, .top_offer>div.active .top_offer_text{color:#ffffff} .top_offer>div.active .top_offer_title {border-bottom: 2px solid var(--lead-color-light); margin-bottom: 4px} .offer_box{border:1px solid var(--lead-color-light); border-top: 25px solid var(--lead-color-light);border-radius: 5px; margin: 15px 0; padding:10px ;width:25%;min-width: 150px; text-align: center} .purchase_offer{padding: 15px 0} .purchase_offer ul {margin: 10px} .offer_box{transition: all 0.4s ease-in-out; transform: scale(1);} .offer_box_active{box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.4), 0 2px 9px 1px rgba(0, 0, 0, 0.4), 0 6px 2px -2px rgba(0, 0, 0, 0.2);transform: scale(1.11) !important;background-color: #ffffff; z-index:99; border-top: 25px solid var(--lead-color) !important;} .emph{font-weight: bold} .plan_head{position: relative; text-align: center; font-weight: 600; font-size: 1.2em; color:var(--emph-color); } .plan_head h4{z-index:2; position: relative; background-color: #ffffff; padding: 0 20px; display: inline-block; margin:0} .plan_head:after{z-index:1;content: ""; width: 100%; display: block;height: 1px; border-top: 2px solid var(--emph-color); position: absolute; top: 51%;} .large_price{font-size: 3em; color:var(--lead-color)} .old_price {display: block; margin:0; font-weight: 600; line-height: 6px; } .plan_text{width: 80%; margin: 10px auto; text-align: center; font-size:18px; line-height: 22px;} .popular_badge{position: absolute; top: -32px;padding: 2px 12px;border-radius: 5px;width: 105px;left: calc(50% - 52.5px);line-height: 19px;margin: auto; background-color: var(--emph-color); color: #ffffff; font-weight: 600} .small_print_subscr{position: absolute; bottom: 2px; left:2px; font-size: 12px;} .offer_box hr{width:100%; height: 2px; background-color: var(--lead-color); border: none; margin: 15px auto;box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 2px 9px 1px rgba(0, 0, 0, 0.12), 0 6px 2px -2px rgba(0, 0, 0, 0.2);} .offer_box ul{text-align: right; font-size: 15px; margin-bottom: 24px;} .offer_box ul li:before {content: '✓'; margin-left:5px} .offer_box input[type=button], .top_offer input[type=button], .purchase_btn {display: block;border-color: var(--lead-color); border-radius:20px; height: 28px; width: 125px !important; margin: 25px auto !important; font: 14px 'Assistant' !important; border: 1px solid var(--lead-color) ;background-color: white ;color: #4f4e4e; transition: all 0.4s ease-in-out; transform: scale(1);} .top_offer input[type=button]{width: 100px} #digital.offer_box input[type=button]{margin-top:31px} /*בשביל לפצות על כך שאין שם שורה של מחיר לפני הנחה*/ .offer_box:hover input[type=button], #upgrade_options>div:hover .purchase_btn,#subscr_options>div:hover .purchase_btn {background-color: var(--lead-color); color:white;} .offer_box input[type=button]:hover, .purchase_btn:hover{transform: scale(1.11); border:3px solid var(--lead-color-light);cursor:pointer} #back_btn, #fwd_btn{display: none;} /* hide app btns to prevent clashing with swiper */ /*end sharav pricing */ ul.bundle_items_in_cart{margin-right:15px; font-weight: normal; list-style-position: outside} ul.bundle_items_in_cart li {margin-top: 9px; display: block} ul.bundle_items_in_cart li > i {color: var(--lead-color)} /* iframe */ .iframe_box{width: 100%; min-height: 550px; margin-top: 55px;} .clearing_error{text-align:center; color: var(--emph-color); margin-top:40px; } .gif_loader{margin: auto; width: 100%; text-align: center;} .gif_loader img{width: 600px;} @media screen and (max-width: 480px) { .gif_loader img{width: 450px;} } @media screen and (max-width: 425px) { .gif_loader img{width: 280px;} } #terms_container,#mailing_conf_container,.shipment_terms {padding:15px} #terms_container a.call_for_action,.shipment_terms a.call_for_action{margin: 15px auto !important;display: block !important;width: 150px;} #ofirModal_site_terms .ofirModal , #ofirModal_privacy_div .ofirModal, #ofirModal_mailing_conf .ofirModal, #ofirModal_shipment_terms .ofirModal{width: 700px;} @media screen and (max-width: 700px){ #ofirModal_site_terms .ofirModal , #ofirModal_privacy_div .ofirModal, #ofirModal_mailing_conf .ofirModal,#ofirModal_shipment_terms .ofirModal{width: 99%;} } /*** Animated CheckBox */ .checkbox-wrapper {--size: 1.1rem; --background: #fff; font-size: var(--size);} .checkbox-wrapper *, .checkbox-wrapper *::after, .checkbox-wrapper *::before {box-sizing: border-box;} .checkbox-wrapper input[type="checkbox"] {visibility: hidden; display: none;} .checkbox-wrapper .checkbox__label {width: var(--size); transform: scale(1) translateY(0%) translateX(10px); margin-right: calc(var(--size) * 0.45);color:#666} .checkbox-wrapper .checkbox__label:before {content: ' '; display: block; height: var(--size); width: var(--size); position: absolute; top: calc(var(--size) * 0.125); left: 0; background: var(--background);} .checkbox-wrapper .checkbox__label:after {content: ' '; display: block; height: var(--size); width: var(--size); border: calc(var(--size) * .12) solid darkgrey; transition: 100ms ease-in-out; position: absolute; top: calc(var(--size) * 0.125); left: 0; background: var(--background); border-radius:4px;} .checkbox-wrapper .checkbox__input:checked ~ .checkbox__label:after {border-top-style: none; border-right-style: none; -ms-transform: rotate(-45deg); transform: rotate(-45deg); height: calc(var(--size) * .5); border-color: #77ba2e; border-radius:0; border-width:4px;} .checkbox-wrapper .checkbox {position: relative; display: flex; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0);} .checkbox-wrapper .checkbox__label:after:hover, .checkbox-wrapper .checkbox__label:after:active {border-color: green;} /*** Multiple E-sim */ .esim-verification-container { margin-bottom: 4px;display: flex; flex-wrap:wrap; align-items:center; justify-content: flex-start; gap:10px} .esim-verification-container label{color:#666;} .esim-verification-container a{display:inline-block; padding:0 20px; margin-bottom:1px; text-decoration: none; cursor: pointer; color: #0073e6; border: 1px solid #0073e6; border-radius:20px; white-space: nowrap; box-shadow: 0 4px 12px rgba(0,0,0,0.28);} .esim-verification-container a:hover {background-color:#ebf0ff;} @media screen and (max-width: 760px) { .main-esim-wrapper .flag_emoji{display: none} .main-esim-wrapper .tabs{max-height:calc(100vh - 400px); border-bottom: 2px solid #666666} .esim_desc {margin-top:10px} } .sticky-message {position: sticky; z-index: 99; background: white; padding: 10px; border-radius: 10px; border: 1px solid lightgray;} .device-check { position: relative; transition: transform 0.5s ease;} /* default: natural place */ .device-check:not(.sticky-message ) { transform: translateY(0);bottom:10px;} /* stuck: pinned at 50% viewport height */ .device-check.sticky-message { position: sticky; bottom: 50%; transform: translateY(0);} /*tabs*/ .tabs { width: 100%; margin: 0 auto 40px; background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); overflow-x: hidden; overflow-y: scroll;max-height: 80vh} .tab-header { display: flex; border-bottom: 4px solid #eee; background: #fafafa; position: sticky; top: 0; z-index: 2;} .tab-header button { flex: 1; padding: 14px; text-align: center; border: none; border-radius: 10px 10px 0 0; background: transparent; font-family: "Assistant", Arial, sans-serif; font-size: 18px; line-height:1; font-weight: 600; cursor: pointer; transition: color 0.3s, background 0.3s; position: relative; } .tab-header .flag_emoji { font-size: 1.8rem; vertical-align: middle; } .tab-header button:hover { background: #dce5ff; } .tab-header button.active { color: #0073e6; background-color: #ebf0ff; } .tab-header button.active::after { content: ""; position: absolute; bottom: 0; left: 15%; width: 70%; height: 3px; background: #0073e6; border-radius: 2px; } .tab-content { padding: 20px; display: none; animation: fade 0.3s ease-in-out; } .tab-content.active { display: block; background-color: #ebf0ff; } @keyframes fade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } /*device checker*/ .device-checker { max-width: 400px; margin: 20px auto; padding: 20px; border-radius: 12px; background: #f9f9f9; box-shadow: 0 4px 12px rgba(0,0,0,0.08); font-family: "Assistant", sans-serif; } .device-checker h2 { font-size: 20px; margin-bottom: 16px; text-align: center; color: #173053; } .device-checker .form-group { margin-bottom: 15px; } .device-checker select { direction: ltr; } .device-checker label { display: block; margin-bottom: 6px; font-weight: bold; color: #333; } .device-select { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 8px; font-size: 15px; transition: border-color 0.3s; } .device-select:focus {border-color: #4a90e2; outline: none;} .result-box .result-box {margin-top: 20px; padding: 12px;text-align: center; font-size: 16px; border-radius: 10px 0 0 10px; display: none;} .result-box .result-box.success { background: var(--color-ok-extra-light); color: var(--color-ok-light); border-right:5px solid var(--color-ok-light)} .result-box .result-box.error { background: var(--color-fail-extra-light); color: var(--color-fail-dark); border-right:5px solid var(--color-fail-dark)} /* Single E-sim */ .shaded_frame {border-radius: 1rem; background: #fff;box-shadow: 0 4px 12px rgba(0,0,0,0.08); border: 1px solid #eee;font-family: "Assistant", Arial, sans-serif; } .esims_list{display:flex; flex-wrap: wrap;} .esim_card {position:relative; display:flex; justify-content:space-between; flex-direction:column;margin:20px auto;max-width: 340px; min-width:290px;overflow: hidden;} .esim_main{display:flex; justify-content: flex-start; flex-direction: column;} .esim_header { text-align: center; padding: 1rem;border-bottom: 1px solid #eee;} .esim_header img { width: 200px; object-fit: cover; border-radius: 0.75rem; box-shadow: 0 2px 6px rgba(0,0,0,0.1);} .esim_header img.logo{width:100px; margin-top:10px; border-radius:0; box-shadow:none} .esim_header h3 { margin: 0.8rem 0 0;font-size: 1.2rem;font-weight: 700; color: #333;} ul.esim_details {display: flex; flex-direction: column; gap: 1rem; border-radius: 1rem; max-width: 350px; padding: 1rem; background: #fff;font-family: Assistant, sans-serif; font-size: 0.95rem; } ul.esim_details li { display: flex; justify-content: space-between; align-items: center; width:auto; padding: 0.6rem 0.8rem; border-radius: 0.75rem; background: #f4f4f4; transition: background 0.2s ease;} ul.esim_details li:hover { background: #f0f4ff;} ul.esim_details li>span:first-child { display: flex; align-items: center; gap: 0.5rem; font-weight: 600; color: #333;} ul.esim_details .icon i {vertical-align: middle; font-size: 1.25rem; color: #4a6cf7; /* modern accent color */} ul.esim_details li>span:last-child {font-weight: 500; color: #444;white-space: nowrap;} ul.esim_details li:hover > span:last-child{font-weight:700} ul.esim_details .warn{display: block;color: #db001b;font-weight: normal;font-size: 0.9rem;line-height: 0.8rem;} ul.esim_details .ltr {direction: ltr;} ul.esim_details .price .old-price { text-decoration: line-through; color: #888;} ul.esim_details .discounted { position: relative; margin-top:4px; background: #fef6f6; border-bottom: 1px solid #f8c4c4;} ul.esim_details .discounted .new-price {font-weight: 700; font-size: 1.05rem; color: #db001b;} ul.esim_details .discounted a { position: absolute; left: 10px; top: -6px; transition: background 0.2s ease, transform 0.15s ease; transform: translateY(-10px); background: #db001b; color: #fff; font-size: 0.75rem; text-decoration:none; padding: 4px 15px; border-radius: 14px; box-shadow:0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 2px 9px 1px rgba(0, 0, 0, 0.12), 0 4px 2px -2px rgba(0, 0, 0, 0.2); } ul.esim_details .discounted a:hover{transform: translateY(-12px);} .esim_footer { padding: 1rem 0 2rem; text-align: center;background-color: white; border: white;} .esim_footer .buy-btn {padding: 0.2rem 1.4rem; border: none; border-radius: 5rem;background: #4a6cf7; color: #fff;font-family: Assistant, sans-serif; font-size: 1.2rem;letter-spacing: 0.07rem; font-weight: 600;cursor: pointer; transition: background 0.2s ease, transform 0.15s ease; box-shadow:0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 2px 9px 1px rgba(0, 0, 0, 0.12), 0 4px 2px -2px rgba(0, 0, 0, 0.2)} .esim_footer .buy-btn:hover {background: #3b57c5; transform: translateY(-2px);text-decoration: none;} .esim_footer .buy-btn:active {transform: translateY(0);} .esim_terms{--size: 26px;position:absolute;bottom:5px; right:5px;display:block;border:1px solid grey;border-radius:50%; width:var(--size); height:var(--size);line-height:var(--size);font-size:calc(var(--size)*.7);text-align:center;box-shadow:-1px 1px 4px rgba(0,0,0,0.4);cursor: pointer} .esim_terms:hover{box-shadow: none;} .esim_terms:hover i{font-weight:bold !important;} .esim_desc { direction: rtl; text-align: right; padding: 24px; line-height: 1.8; max-width: 720px; margin: 30px auto; } .esim_desc h3 { margin-top: 25px; margin-bottom: 6px; font-size: 1.15rem; border-radius: 20px 5px 0 0; background-color: #f0f4ff; padding-right: 10px; display: flex; align-items: center; gap: 6px; } .esim_desc h3:first-of-type { margin-top: 0; } .esim_desc h3 i{margin-left:10px; color: #4a6df7} .esim_desc p { margin: 0 0 18px; } .esim_desc a { color: #0078d7; font-weight: 600; text-decoration: none; border-bottom: 1px dashed rgba(0,120,215,0.4); transition: all 0.2s ease; } .esim_desc a:hover { color: #005bb5; border-bottom-color: transparent; } @media screen and (max-width: 760px) { .esim_page .pageFrame.pagePadding{padding:0 !important} .esim_page .centeredContent .contentFrame{width:100% !important; padding: 2.5% 0 !important} .esim_page .centeredContent{padding:0 !important} .device-check{padding:4px 15px} } @media (max-width: 640px) { .esim_card {display:flex;align-items:stretch;justify-content:space-between;max-width:100%; min-width:85%;margin:8px auto;border-radius:0.5rem;padding:0.6rem;box-shadow:0 2px 6px rgba(0,0,0,0.05);} .esim_main{flex-direction:row;} .esim_header img {width:85%} .esim_header img.logo{margin-top:0;} .esim_header {flex:0 0 35%;display:flex;flex-direction:column;justify-content: flex-start;align-items: center;padding:0;border:none;} .esim_header h3 {font-size:0.9rem;margin:0 0 0.5rem 0;font-weight:700;color:#333;} ul.esim_details {flex:1;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0;gap:0.3rem;font-size:0.85rem;box-shadow:none;} ul.esim_details li {padding:0.2rem 0.3rem;border-radius:0.3rem;background:#f9f9f9;} ul.esim_details .icon i {font-size:1rem} ul.esim_details li.esim_footer {padding:0;background:transparent;border:none;} ul.esim_details li.discounted{padding-top:10px} ul.esim_details li.discounted .new-price a{padding: 1px 8px;top: 0px;} .esim_footer{text-align:end;padding-bottom: 0.4rem;} .esim_footer .buy-btn {width:100%;padding:0.4rem 0.6rem;font-size:0.85rem;border-radius:1rem;margin-top:auto;} } .flash { animation: flash-bg 0.5s 0s 5;} @keyframes flash-bg { 0% { background-color: #fbda63; } 50% { background-color: transparent; } 100% { background-color: #fbda63; } }