/* CSS Document */
::-webkit-input-placeholder { 
    color:    #000;
}
:-moz-placeholder { 
   color:    #000;
   opacity:  1;
}
::-moz-placeholder { 
   color:    #000;
   opacity:  1;
}
:-ms-input-placeholder { 
   color:    #000;
}

#VideoOver{
	position:fixed;
	width:100%;
	height:980px;
	top:0px;
	left:0px;
	z-index:50;
	background-color:rgba(0,0,0,0.85);
	display:none;
}


#errors{
	color:transparent;	
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}


.noText{
	color: transparent;
	overflow:hidden;
	-moz-user-select: none; 
	-webkit-user-select: none; 
	-ms-user-select:none; 
	user-select:none;
	-o-user-select:none;
}

* { margin: 0; padding: 0; }
a img{border:none}
img
{  border-style: none;
}
textarea { resize:none; }
textarea:focus, input:focus{
    outline: 1;
}

img.a{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 1;
}
img.b{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 1;
	display: none;
}

*:focus {
    outline: 1;
}
body, html {
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	/*background: url(img/bg_0924.jpg) no-repeat center top fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	overflow-x:hidden;
	background-color: #fff;
	font-family: 'alenbiSans',Arial, Helvetica, sans-serif;
}


#MainDiv{
	position: absolute;
	width:1920px;
	height: auto;
	right:0px;
	top:0px;
	z-index:2;
	overflow-x:hidden;
}
/* navigation */

#nav{
    position: fixed;
    width: 1920px;
    height: 150px;
    left: 0px;
    top: 0px;
    z-index: 25;
    background-color: #000;
}

#logo{
	position: absolute;
	width: 398px;
	height: 104px;
	left: 58px;
	top: 16px;
	z-index:5;
	background-image: url("img/logo.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position:right top;
    cursor: pointer;
}

#menuHolder{
	position: absolute;
	width: 770px;
	height: 46px;
	right: 126px;
	top: 44px;
	z-index:6;
}

.menuItem{
    position: relative;
    width: auto;
    height: 46px;
    white-space: nowrap;
    float: right;
    margin: 0px 0px 0px 58px;
	font-size: 40px;
    line-height: 42px;
	font-weight: 300;
	text-align: right;
	direction: rtl;
	color: #b2b2b2;
    text-decoration: none;
}
.menuItem a{
	color: #b2b2b2;
    text-decoration: none;
}
.menu_over{
	background-image: url("img/menu_over.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position:center top;
}

#page0{
	position: relative;
	width: 1920px;
	height: 670px;
	z-index:1;
    float: left;
    margin: 100px 0px 0px 0px;
}
.banner{
    position: absolute;
    width: 1920px;
	height: 670px;
    top: 0px;
    z-index: 1;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position:center top;
}
#bn0{
    left: 0px;    
	background-image: url("img/banner11.jpg");
}
#bn1{
    left: 1920px;    
	background-image: url("img/banner12.jpg");
}


h1{
	position: absolute;
	width: 601px;
	height: 191px;
	left: 660px;
	top: 0px;
	z-index:5;
	background-image: url("img/kikoman.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position:right top;
	padding: 0;
	margin: 0;
	font-size: 0px;
	line-height: 1px;
	font-weight: 400;
	text-align: right;
	direction: rtl;
	color: transparent;
	
}
#page1{
	position: relative;
	width: 1920px;
	height: 763px;
	z-index:31;
    float: left;
    margin: 0;
    margin-top: -95px;
	background-image: url("img/bg2.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position:center bottom;
}
#page2{
	position: relative;
	width: 1920px;
	height: 760px;
	z-index:1;
    float: left;
    margin: 0;
	background-image: url("img/bg3.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position:right top;
}
#page3{
	position: relative;
	width: 1920px;
	height: 1300px;
	z-index:1;
    float: left;
    margin: 0;
	background-image: url("img/bg4.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position:right top;
}
#footer{
	position: relative;
	width: 1920px;
	height: 160px;
    float: left;
    margin: 0;
    background-color: #dd2626;
	z-index: 1;

}


/* gallery */
#gallery{
	position: absolute;
	width: 1070px;
	height: 445px;
	left: 614px;
	top: 255px;
	z-index:5;
}

.galleryItem{
	position: absolute;
	width: 1070px;
	height: 445px;
	left: 0px;
	top: 0px;
	z-index:5;
    display: none;
}

.galleryText{
  	position: absolute;
	width: 390px;
	height: auto;
	right: 0px;
	top: 45px;
	z-index:5;
}
h2{
	position: relative;
	width: 100%;
	height: auto;
    white-space: nowrap;
    float: right;
    margin: 0px 0px 15px 0px;
	z-index: 2;
	padding: 0;
	font-size: 40px;
	line-height: 1;
	font-weight: 400;
	text-align: right;
	direction: rtl;
	color: #dd2626;
}
.galleryP{
	position: relative;
	width: 100%;
	height: auto;
    float: right;
    margin: 0px 0px 15px 0px;
	z-index: 2;
	padding: 0;
	font-size: 32px;
	line-height: 1;
	font-weight: 300;
	text-align: right;
	direction: rtl;
	color: #000;
}
.galleryClick{
    position: relative;
    width: 168px;
    height: 45px;
    float: right;
    margin: 0;
    background-color: #dd2626;
    display: block;
	font-size: 34px;
	line-height: 45px;
	font-weight: 400;
	text-align: center;
	direction: rtl;
	color: #fff;
    text-decoration: none;
}
.galleryClick a{
	color: #fff;
    text-decoration: none;
}

#picGallery{
    position: absolute;
    width: 660px;
    height: 460px;
    top: 0px;
    left: 0px;
    z-index: 125;
}

.galleryLeft{
	position: absolute;
	width: 36px;
	height: 60px;
    left: 0px;
    top: 250px;
	z-index:100;
	background-image: url("img/arrow_left1.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position:right top;
}

.galleryRight{
	position: absolute;
	width: 36px;
	height: 60px;
    right: 0px;
    top: 250px;
	z-index:100;
	background-image: url("img/arrow_right1.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position:right top;
}

.prodHolder{
    position: absolute;
    width: 160px;
    height: 530px;
    left: 0px;
    top: 0px;
}

.topPic{
    position: absolute;
    width: 160px;
    height: 410px;
    left: 0px;
    top: 0px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position:center top;
}
.reflectPic{
    position: absolute;
    width: 160px;
    height: 120px;
    left: 0px;
    top: 410px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    transform: scaleY(-1);
    opacity: 0.2;
    mask: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    -webkit-mask: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    
}
.p1{
    background-image: url("img/mozar1.png");    
}
.p2{
    background-image: url("img/mozar2.png");    
}
.p3{
    background-image: url("img/mozar3.png");    
}
.p4{
    background-image: url("img/mozar4.png");    
}
.p5{
    background-image: url("img/mozar5.png");    
}
#c1,#c2,#c5{
    opacity: 1;
}
#c3,#c4{
    opacity: 0;
}

.prodBox{
    position: absolute;
    width: 500px;
    height: 530px;
    left: 110px;
    top: 0px;
    overflow-x: hidden;
    
}
.mainProd{
    position: absolute;
    width: 160px;
    height: 410px;
    left: 170px;
    top: 0px;
}

.rightProd{
    position: absolute;
    width: 160px;
    height: 410px;
    left: 340px;
    top: 0px;
}

.leftProd{
    position: absolute;
    width: 160px;
    height: 410px;
    left: 0px;
    top: 0px;
}



.en{
	font-size: 26px!important;
	font-family: 'Arial'!important;
	font-weight: 900!important;
}





/* about */
.aboutText{
    position: absolute;
    width: 1060px;
    height: auto;
    left: 430px;
    top: 80px;
    z-index: 1;
 	font-size: 28px;
	line-height: 1.2;
	font-weight: 300;
	text-align: center;
	direction: rtl;
	color: #fff;
   
}
.aboutText strong{
  	font-size: 34px;
  font-weight: 400; 
}

.mainLink{
    position: absolute;
    width: 310px;
    height: 69px;
    left: 805px;
    bottom: 150px;
    margin: 0;
    display: block;
	font-size: 54px;
	line-height: 69px;
	font-weight: 400;
	text-align: center;
	direction: rtl;
	color: #fff;
    text-decoration: none;    
	background-image: url("img/buy_btn.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position:right top;
}

.mainLink a{
	color: #fff;
    text-decoration: none;
}

/* recepies */

h3{
	position: relative;
	width: 100%;
	height: auto;
    white-space: nowrap;
    float: right;
    margin: 50px 0px 15px 0px;
	z-index: 2;
	padding: 0;
	font-size: 40px;
	line-height: 1;
	font-weight: 400;
	text-align: center;
	direction: rtl;
	color: #dd2626;
}

.iconsHolder{
    position: relative;
    width: 550px;
    height: 57px;
    float: left;
    margin: 0px 685px 15px 685px;
}
.item{
    position: relative;
    width: 77px;
    height: 87px;
    float: right;
    margin: 0px 16.5px;
}
.rmenuItem{
    position: relative;
    width: 77px;
    height: 57px;
    margin: 0;
	background-repeat: no-repeat;
	background-position: center center;
}
#recM1{
	background-image: url("img/m1_off.png");
}
#recM1:hover{
	background-image: url("img/m1_on.png");
}
#recM2{
	background-image: url("img/m2_off.png");
}
#recM2:hover{
	background-image: url("img/m2_on.png");
}
#recM3{
	background-image: url("img/m3_off.png");
}
#recM3:hover{
	background-image: url("img/m3_on.png");
}
#recM4{
	background-image: url("img/m4_off.png");
}
#recM4:hover{
	background-image: url("img/m4_on.png");
}
#recM5{
	background-image: url("img/m5_off.png");
}
#recM5:hover{
	background-image: url("img/m5_on.png");
}

.resMen{
	position: relative;
	width: 100%;
	height: auto;
    float: right;
    margin: 10px 0px 0px 0px;
	z-index: 2;
	padding: 0;
	font-size: 16px;
	line-height: 1;
	font-weight: 300;
	text-align: center;
	direction: rtl;
	color: #666666;
    text-decoration: none;
}
.resMen a{
	color: #666666;
    text-decoration: none;
}
.resMen .on{
	color: #dd2626;
    text-decoration: none;
}


.recRight{
	position: absolute;
	width: 56px;
	height: 75px;
    right: 0px;
    top: 102px;
	z-index:100;
	background-image: url("img/arrow_right2.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position:right top;
}

.recLeft{
	position: absolute;
	width: 56px;
	height: 75px;
    left: 0px;
    top: 102px;
	z-index:100;
	background-image: url("img/arrow_left2.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position:right top;
}

.resThumsHolder{
    position: relative;
    width: 1850px;
    height: 300px;
    float: left;
    margin: 50px 35px 0px 35px;
}

.resThums{
    position: absolute;
    width: 1686px;
    height: 300px;
    left: 82px;
    top: 0px;
    overflow-x: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.ThumpHolder{
    flex: 0 0 auto;
    width: 376px;
    height: 400px;
    margin: 0px 24px;
}
.ThumbPic{
    position: relative;
    width: 390px;
    height: 220px;
    margin: 0px 0px 15px 0px;
    border: 4px solid #000;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    
}
.ThumbPic img{
    position: absolute;
    width: 390px;
    height: 220px;
    left: 0px;
    top: 0px;
    z-index: 1;    
}
.ThumbText{
	position: relative;
	width: 100%;
	height: auto;
    float: right;
    margin: 0;
	z-index: 2;
	padding: 0;
	font-size: 20px;
	line-height: 1;
	font-weight: 300;
	text-align: center;
	direction: rtl;
	color: #666666;
    text-decoration: none;
}
.swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .swiper {
      margin-left: auto;
      margin-right: auto;
    }
.spacer{
    position: relative;
    width: 1654px;
    height: 20px;
    float: left;
    margin: 10px 133px;
    background: rgba(0,0,0,0.05);
}

/* recepie content */
#recContent{
    position: relative;
    width: 1654px;
    height: 550px;
    float: left;
    margin: 30px 133px 0px 133px;
}
#recVideo{
    position: relative;
    width: 900px;
    height: 506px;
    float: left;
    margin: 0;
    border: 6px solid #000;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
#recTitle{
    position: relative;
    width: 700px;
    height: auto;
    float: right;
    margin: 0px 0px 25px 0px;
	font-size: 40px;
	line-height: 1;
	font-weight: 400;
	text-align: right;
	direction: rtl;
	color: #dd2626;
}
#recDesc{
    position: relative;
    width: 700px;
    height: 425px;
    float: right;
    margin: 0;
}
#recP{
	font-size: 26px;
	line-height: 1;
	font-weight: 300;
	text-align: right;
	direction: rtl;
	color: #000;
    
}
/* footer */ 

.privacy{
    position: absolute;
    width: auto;
    white-space: nowrap;
    height: auto;
    left: 25px;
    bottom: 25px;
    margin: 0;
    display: block;
	font-size: 20px;
	line-height: 1;
	font-weight: 400;
	text-align: left;
	direction: rtl;
	color: #fff;
    text-decoration: underline;    
}

.privacy a{
	color: #fff;
    text-decoration: underline;
}

.instagram{
	position: absolute;
	width: 371px;
	height: 120px;
    left: 775px;
    top: 20px;
	z-index:100;
	background-image: url("img/instagram.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position:right top;
    padding: 0;
	margin: 0;
	font-size: 0px;
	line-height: 1px;
	font-weight: 400;
	text-align: right;
	direction: rtl;
	color: transparent;

}


.footer{
	position: fixed;
	width: 1920px;
	height: 80px;
	right: 0px;
	bottom: 0px;
	z-index: 30;
	background: rgba(0,0,0,0.7);
	display: none;
}
.ftext{
	position: absolute;
	width: 1500px;
	height: 60px;
	right: 150px;
	top: 15px;
	margin: 0;
	z-index: 20;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 400;
	color: #fff;
	text-align: right;
	direction: rtl;
	
}
.ftext a{
	color: #fff;
	text-decoration: underline;
}

#okBtn{
	position: absolute;
	width: 150px;
	height: 40px;
	left: 40px;
	top: 15px;
	z-index: 1;
	background-color: #dd2626;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: none;
	font-size: 26px;
	line-height: 40px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	direction: rtl;
	text-decoration: none;
}

.bannerTerm{
    position: absolute;
    width: auto;
    height: auto;
    white-space: nowrap;
    left: 30px;
    bottom: 10px;
	font-size: 16px;
    line-height: 1;
	font-weight: 300;
	text-align: left;
	direction: rtl;
	color: #fff;
    z-index: 25;
}