form {
display:inline
}
a.kosher {
position:absolute;
top:160px;
left:200px;
width:35px
}
.kosher img{
width:100%
}
.header_right {
width:210px
}
.mobile_icons {
display:none
}
.txt-40{
font-size:40px;
line-height:40px
}
.padding-top-0{
padding-top:0 !important
}
.small_container {
width:970px !important
}
.btn-green{
background:#44ae3f !important
}
.orders_recreate{
position:absolute;
top:151px;
right:42px;
z-index:21;
width:165px
}
.orders_recreate .exnext{
float:right;
background:white;
width:163px
}
.orders_recreate .exnext.opened{
border-bottom:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
border-left:1px solid #dfdfdf;
border-top:1px solid #dfdfdf;
width:350px;
/*width:CALC(100% - 2px);
*/
}
.orders_recreate .exnext .exnext_header{
float:right;
width:163px;
border-bottom:1px solid #dfdfdf;
cursor:pointer
}
.orders_recreate .exnext .form_holder{
float:right;
width:187px;
margin:5px 0 5px 0;
display:none
}
.orders_recreate .exnext.opened .form_holder{
display:block
}
.orders_recreate .exnext .form_holder label{
float:right;
width:100%;
font-size:16px;
margin:0 10px 0 0;
color:black
}
.orders_recreate .exnext .form_holder .phone_number_input{
float:right;
/*width:CALC(100% - 29px);
*/
width:100px;
margin:2px 7px;
padding:0
}
.orders_recreate .exnext .form_holder .exnext_submit{
float:right;
/*width:CALC(100% - 100px);
*/
width:60px;
margin:0;
border-style:inset;
color:white;
border-color:white;
border-width:1px;
font-size:16px;
text-align:center;
text-decoration:none
}
.orders_recreate #orders_holder{
position:fixed;
top:120px;
left:0;
right:0;
bottom:0;
width:615px;
background-color:white;
height:fit-content;
max-height:400px;
overflow-y:scroll;
display:none;
margin:0 auto;
padding:0 15px 10px;
max-width:CALC(100% - 40px);
z-index:25
}
#orders_holder::-webkit-scrollbar {
width:5px;
background:red
}
#orders_holder::-webkit-scrollbar-thumb{
width:100%;
background:#39b54a
}
.orders_recreate #orders_holder .closer{
position:absolute;
top:0;
right:0;
z-index:10;
cursor:pointer;
font-size:30px
}
.orders_recreate #orders_holder .orders_header{
float:right;
width:100%;
position:relative
}
.orders_recreate #orders_holder .orders_header img{
position:absolute;
top:10px;
right:15px
}
.orders_recreate #orders_holder .orders_header span{
float:right;
width:100%;
font-size:60px;
font-weight:bold;
text-align:center;
color:black;
margin:15px 0 0 0;
padding:0 0 35px 0
}
.orders_recreate #orders_holder .order_header{
float:right;
width:CALC(100% - 32px);
background:#cc071e;
padding:0 32px 0 0
}
.orders_recreate #orders_holder .order{
float:right;
width:100%;
border-bottom:1px solid #e5e5e5
}
.orders_recreate #orders_holder .order.last{
border-bottom:0px
}
.orders_recreate #orders_holder .cell{
float:right;
font-size:20px;
color:black;
text-align:center
}
.orders_recreate #orders_holder .order_header .cell{
color:white
}
.orders_recreate #orders_holder .order .order_radio{
float:right;
width:20px;
height:20px;
margin:6px 0 0 10px
}
.orders_recreate #orders_holder .order .order_radio label{
float:right;
background:url(../../../design/default/css/unchecked.png) center right no-repeat;
width:20px;
height:20px;
margin:6px 0 0 0
}
.orders_recreate #orders_holder .order .order_radio input{
display:none
}
.orders_recreate #orders_holder .order .order_radio input[type="radio"]:checked+label{
background:url(../../../design/default/css/checked.png) center right no-repeat
}
.orders_recreate #orders_holder .cell.date{
margin:0;
width:92px
}
.orders_recreate #orders_holder .cell.order_number{
margin:0;
width:122px
}
.orders_recreate #orders_holder .cell.item_name{
margin:0;
width:192px
}
.orders_recreate #orders_holder .cell.amount{
margin:0;
width:66px
}
.orders_recreate #orders_holder .cell.item_price{
margin:0;
width:82px
}
.orders_recreate #orders_holder .last_order_submit{
position:absolute;
top:10px;
left:0;
color:white;
font-size:24px;
border:0;
margin:0;
-webkit-appearance:none
}
@media (max-width:767px){
.orders_recreate{
top:138px;
right:16px;
width:145px
}
.orders_recreate .exnext .form_holder label{
font-size:12px
}
.orders_recreate .exnext .form_holder .exnext_submit{
width:80%;
margin:10px 10% 10px
}
.orders_recreate #orders_holder{
top:0;
left:0;
right:0;
bottom:0;
width:100%;
padding:0;
max-width:100%;
max-height:100%
}
.orders_recreate #orders_holder .order_header{
width:CALC(100% - 32px);
padding:0 32px 0 0
}
.orders_recreate #orders_holder .orders_header img{
width:70px
}
.orders_recreate #orders_holder .orders_header span{
font-size:40px
}
.orders_recreate #orders_holder .last_order_submit{
top:17px;
left:10px
}
.orders_recreate #orders_holder .cell{
font-size:18px
}
.orders_recreate #orders_holder .cell.date{
width:72px
}
.orders_recreate #orders_holder .cell.order_number{
width:108px
}
.orders_recreate #orders_holder .cell.item_name{
width:142px
}
.orders_recreate #orders_holder .cell.amount{
width:36px
}
.orders_recreate #orders_holder .order .order_radio{
margin:2px 4px 0 10px
}
}
@media (min-width:980px) and (max-width:1199px) {
.small_container {
width:780px !important
}
.hover img {
margin:0 0 0 0 !important
}
}
@media (min-width:768px) and (max-width:979px) {
.small_container {
width:620px !important
}
.hover img {
margin:-50px 0 0 0 !important
}
}
@media (max-width:767px){
.small_container {
width:420px !important
}
}
.icons {
position:fixed;
right:20px;
z-index:10;
bottom:0
}
/*
.icons .make_order{
margin-right:12px;
background:url(../../../design/default/css/../images/order_icon.png) top right no-repeat;
width:145px;
height:150px
}
.icons .make_order a{
float:right;
text-align:center;
width:80px;
margin:55px 30px 0 0;
font-weight:bold;
color:#fff
}
.icons .make_offer{
margin-top:50px;
background:url(../../../design/default/css/../images/offer_icon.png) top right no-repeat;
width:131px;
height:131px;
background-size:100%
}
.icons .make_offer a{
float:right;
text-align:center;
width:80px;
margin:35px 25px 0 0;
font-weight:bold;
color:#fff
}
*/
.icons .smart_buttons{
margin-top:50px;
background:url(../../../design/default/css/../images/smart_button.png) top right no-repeat;
width:54px;
height:484px;
background-size:100%
}
.icons .smart_buttons .make_order{
float:right;
width:54px;
height:35px;
margin-top:90px
}
.icons .smart_buttons .make_offer{
float:right;
width:54px;
height:35px;
margin-top:42px
}
.icons .smart_buttons .mainpage{
float:right;
width:54px;
height:35px;
margin-top:50px
}
.icons .smart_buttons .kosher{
float:right;
width:54px;
height:35px;
margin-top:60px
}
.feedme{
width:165px;
height:30px;
position:absolute !important;
right:42px;
top:50px;
overflow:hidden;
z-index:20;
border-top:1px solid #e1e1e1
}
.titles h1.red {
font-size:52px;
color:#D71E20;
font:100 44px/44px "Open Sans Hebrew",sans-serif;
letter-spacing:0
}
.titles h1.black {
font-size:52px;
color:#000;
font:100 44px/44px "Open Sans Hebrew",sans-serif;
letter-spacing:0
}
h1.fw {
font-size:52px;
font-weight:100;
line-height:52px;
letter-spacing:0
}
.bg h1 {
color:#fff
}
#holiday_overlay{
position:fixed;
top:0;
right:0;
width:100%;
height:100%;
z-index:11;
background:rgba(0,0,0,0.7);
display:block
}
.holiday_message{
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
background:white;
border-radius:15px;
height:200px;
width:500px;
margin:auto
}
.holiday_message .msg_title{
float:right;
width:100%;
font-size:26px;
color:black;
text-align:center;
margin:15px 0 0 0
}
.holiday_message .txt{
float:right;
width:80%;
padding:0 10%;
font-size:18px;
color:black;
margin:15px 0 0 0;
text-align:center
}
/* The Modal (background) */
.modal {
display:none;
/* Hidden by default */
position:fixed;
/* Stay in place */
z-index:100;
/* Sit on top */
left:0;
top:0;
width:100%;
/* Full width */
height:100%;
/* Full height */
overflow:auto;
/* Enable scroll if needed */
background-color:rgb(0,0,0);
/* Fallback color */
background-color:rgba(0,0,0,0.1);
/* Black w/ opacity */
}
.modal-content {
background:url(../../../design/default/css/../images/popup.png) top center no-repeat;
margin:15% auto;
/* 15% from the top and centered */
padding:140px 26px 20px;
width:336px;
height:224px
}
.popup_text {
float:right;
height:55px;
font-size:20px;
font-weight:bold
}
.modal-content img{
float:right;
width:247px;
margin:0 44px
}
.close {
color:#aaa;
float:right;
width:100px;
height:29px;
margin:7px 116px
}
.close:hover,
.close:focus {
cursor:pointer
}
.mobile_menu_holder .mobile_menu_header {
background:#fff;
float:right;
margin:10px;
width:312px
}
.menu_social {
float:right;
margin:18px 68px 18px 38px;
text-align:center
}
.menu_social a{
width:auto !important;
margin:0 0 41px 20px !important
}
.menu_social.eng-txt {
float:left
}
.menu_social.eng-txt a{
float:left !important;
margin:0 0 41px 20px !important
}
.logo_white {
float:right;
margin:16px
}
@media (max-width:980px){
a.kosher {
top:150px;
left:150px
}
.icons {
display:none
}
.mobile_icons {
display:block;
z-index:10;
width:140px;
float:right
}
.mobile_icons .make_order{
margin-right:12px;
background:url(../../../design/default/css/../images/mobile_order_icon.png) top right no-repeat;
width:100px;
height:103px;
float:right
}
.mobile_icons .make_order a{
float:right;
text-align:center;
width:70px;
margin:35px 10px 0 0;
font-weight:bold;
color:#fff
}
.mobile_icons .make_offer{
margin-top:10px;
margin-right:12px;
background:url(../../../design/default/css/../images/mobile_offer_icon.png) top right no-repeat;
width:100px;
height:100px;
float:right
}
.mobile_icons .make_offer a{
float:right;
text-align:center;
width:70px;
margin:21px 15px 0 0;
font-weight:bold;
color:#fff
}
.header .brand {
margin-left:10px
}
.brand img {
width:60%
}
}
@media all and (max-width:480px) and (max-device-width:480px){
.overlay,
.hover{
display:none !important
}
.feedme{
width:145px;
right:16px;
bottom:80px;
font-size:18px !important
}
.last_order{
top:180px;
right:20px;
width:105px
}
}
/* =============================================== */
.footer_sf:hover{
color:red
}
.footer_nav {
text-align:center
}
.footer_sf-menu {
display:inline-block
}
.footer_sf-menu:before,.sf-menu:after {
display:table;
content:"";
line-height:0
}
.footer_sf-menu:after {
clear:both
}
.footer_sf-menu > li {
position:relative;
float:left
}
.footer_sf-menu > li + li {
margin-left:26px
}
@media (max-width:767px) {
.footer_sf-menu {
display:none
} }
.footer_sf-menu a {
display:block
}
.footer_sf-menu > li > a {
color:#fff;
text-transform:uppercase;
font:700 21px/30px "Open Sans Hebrew",sans-serif
}
.footer_sf-menu > li.sfHover > a,.sf-menu > li > a:hover,.sf-menu > li.active > a {
color:#78b907
}
.footer_sf-menu ul {
display:none;
text-align:left;
position:absolute;
top:100%;
width:260px;
margin-top:10px;
padding:10px 0 10px;
background:#252525;
z-index:2;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
.footer_sf-menu ul > li > a {
color:#fff;
text-transform:uppercase;
font-size:14px;
padding:5px 27px 5px 30px
}
.footer_sf-menu ul > li.sfHover > a,.sf-menu ul > li > a:hover {
color:#fff;
background:#f91d15
}
.footer_sf-menu ul ul {
position:static;
top:100%;
margin-top:0;
padding:0;
z-index:4;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
.footer_sf-menu > li > .sf-with-ul {
position:relative
}
.footer_sf-menu > li > .sf-with-ul:before {
position:absolute;
left:50%;
top:67%;
margin-left:-6px;
content:'\f0d7';
font:400 16px/18px 'FontAwesome'
}
.footer_sub-menu > li > .sf-with-ul {
position:relative
}
.footer_sub-menu > li > .sf-with-ul:before {
position:absolute;
right:20px;
top:50%;
margin-top:-7px;
content:'\f054';
font:400 14px/14px 'FontAwesome'
}
.sfHover .sfHover .sf-with-ul:before,.sub-menu > li > .sf-with-ul:hover:before {
content:'\f078'
}
.padding_fix{
padding:75px 0 0 0
}
/* =============================================== */
/*
* span {
display:inline-block
}
*/
/*
#lbuttons,
#lbuttons div,
#lbuttons a,
#lbuttons img,
.fxc #subtoolbar,
.fxc #admin_panel {
-webkit-transform:translate3d(0,0,0);
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
transform:2DValue(val) 3DValueSetToNull(0);
transform:2DValue(val);
-webkit-transform :translateZ(0);
-o-transform :translateZ(0);
-moz-transform :translateZ(0);
transform :translateZ(0);
-webkit-transition:all 0.5s linear
}
.fxc #admin_pusher,
.fxc #sys_website {
-webkit-transition:all 0.5s linear
}
*/
body {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
min-width:100%;
min-height:100%;
padding:0;
margin:0
}
p {
padding:0;
margin:0
}
div.bs {
float:right
}
/* css fixes */
ol {
position:relative;
right:20px
}
a{
outline:0
}
input[type="image"],
input[type="submit"],
input[type="button"],
button {
cursor:pointer
}
.ie a img {
border:0
}
.hidden {
position:absolute;
left:0;
top:-100000px
}
.seoform span {
float:left;
width:100px
}
.seoform div input {
width:500px
}
.seoform div {
float:left;
width:100%;
margin-bottom:15px
}