@charset "utf-8";
/*
Danialzameni.com Developed.
Cafelead.agency ©2020 All Rights Reserved.
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,main, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, main, menu, nav, section{display:block;}
*{-ms-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;-webkit-appearance:none;-webkit-text-size-adjust: none;}
@font-face{font-family:iranyekan;font-style:normal;font-weight:800;src:url('../font/iranyekanwebextrabold.eot');src:url('../fonts/iranyekanwebextrabold.eot?#iefix') format("embedded-opentype"), url("../fonts/iranyekanwebextrabold.woff2") format("woff2"), url('../fonts/iranyekanwebextrabold.woff') format("woff"), url('../fonts/iranyekanwebextrabold.ttf') format("truetype")}
@font-face{font-family:iranyekan;font-style:normal;font-weight:700;src:url('../fonts/IRANYekanExtraBold.ttf') format('truetype');}
@font-face{font-family:iranyekan;font-style:normal;font-weight:600;src:url('../font/iranyekanwebbold.eot');src:url('../fonts/iranyekanwebbold.eot?#iefix') format("embedded-opentype"), url('../fonts/iranyekanwebbold.woff') format("woff"), url('../fonts/iranyekanwebbold.ttf') format("truetype")}
@font-face{font-family:iranyekan;font-style:normal;font-weight:500;src:url('../fonts/iranyekanwebmedium.eot');src: url('../fonts/iranyekanwebmedium.eot?#iefix') format("embedded-opentype"), url('../fonts/iranyekanwebmedium.woff') format("woff"), url("../fonts/iranyekanwebmedium.woff2") format("woff2"), url('../fonts/iranyekanwebmedium.ttf') format("truetype")}
@font-face{font-family:iranyekan;font-style:normal;font-weight:400;src:url('../fonts/iranyekanwebregular.eot');src: url('../fonts/iranyekanwebregular.eot?#iefix') format("embedded-opentype"), url('../fonts/iranyekanwebregular.woff') format("woff"), url("../fonts/iranyekanwebregular.woff2") format("woff2"), url('../fonts/iranyekanwebregular.ttf') format("truetype")}
body{-webkit-tap-highlight-color:rgba(0,0,0,0);direction:rtl;overflow-x:hidden;margin:0;background:#fcc113;}
body,input,textarea,select,button,select option{font-family:iranyekan;font-size:14px;}
html,body{height:100%;}
a{text-decoration:none; }
button:focus{outline:0;border:none;}
*,*:before,*:after{ -webkit-box-sizing:border-box; box-sizing:border-box; }
.noselect{-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
::-moz-selection{background:#0009;color:#fff;}
::selection{background:#0009;color:#fff;}
::-moz-selection{background:#0009;color:#fff;}

body.inload,html.inload{overflow:hidden;position:relative;}
.loading{-webkit-transition:.3s ease-out .1s;-o-transition:.3s ease-out .1s;transition:.3s ease-out .1s;height:0;width:100%;overflow:hidden;background:#000;position:relative;z-index:6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.loading h1{color:#fff0;font-weight:500;font-size:25px;text-align:center;}
.inload .loading h1{color:#fff;}
body.inload .loading{height:100%;}
.loading svg{-webkit-transition:.5s ease-out;-o-transition:.5s ease-out;transition:.5s ease-out;background: url(../img/logo.svg) center 40% no-repeat;background-size: 160px;}
body:not(.inload) .loading svg{opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
.triangulo{stroke-dasharray:17;-webkit-animation:dash 2.5s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite;animation:dash 2.5s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite;}
@-webkit-keyframes dash{to{stroke-dashoffset:136;}}
@keyframes dash{to{stroke-dashoffset:136;}}
.online-order{position:fixed;z-index:5;bottom:0;right:0;background:#fff;padding:20px 30px;font-size:20px;font-weight:600;color:#222;}
.gobottom{width:50px;height:50px;background:url(../img/icon-scroll.svg) center no-repeat;background-size:100%;position:absolute;bottom:5vh;right:0;left:0;margin:auto;}

header{-webkit-transition:.2s ease-out .2s;-o-transition:.2s ease-out .2s;transition:.2s ease-out .2s;height:100%;position:relative;z-index:4;background-color:#fcc113;overflow:hidden;}

.bukhuresh header{height:100%;-webkit-transition:.2s ease-out;-o-transition:.2s ease-out;transition:.2s ease-out;}
header:before{-webkit-transition:.5s ease-out opacity,5s ease-out background-size;-o-transition:.5s ease-out opacity,5s ease-out background-size;transition:.5s ease-out opacity,5s ease-out background-size;content:'';width:100%;height:100%;top:0;right:0;position:absolute;background:url(../img/realwall.jpg) center repeat;background-size:110%;opacity:0;}
.bukhuresh header:before{-webkit-transition:.5s ease-out .2s opacity,6s ease-out background-size;-o-transition:.5s ease-out .2s opacity,6s ease-out background-size;transition:.5s ease-out .2s opacity,6s ease-out background-size;opacity:1;background-size:110%}
.bukhuresh nav{-webkit-filter:invert(1) brightness(1.2);filter:invert(1) brightness(1.2);-webkit-transition:.2s ease-out .2s;-o-transition:.2s ease-out .2s;transition:.2s ease-out .2s;}



.logomind{color:#fff0;background:url(../img/bukhuresh.png) center no-repeat;background-size:100%;opacity:0;-webkit-transition:.2s ease-out;-o-transition:.2s ease-out;transition:.2s ease-out;position:absolute;top:20vh;bottom:0;right:30vh;-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px);margin:auto;width:70vh;height:30vh;direction:ltr;pointer-events:none;}
.bukhuresh .logomind{-webkit-transition:.5s ease-out .2s opacity,1s ease-out .2s transform;-o-transition:.5s ease-out .2s opacity,1s ease-out .2s transform;transition:.5s ease-out .2s opacity,1s ease-out .2s transform;opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;}



.logotype{-webkit-transition:.2s ease-out top,.2s ease-out bottom,.2s ease-out background-size;-o-transition:.2s ease-out top,.2s ease-out bottom,.2s ease-out background-size;transition:.2s ease-out top,.2s ease-out bottom,.2s ease-out background-size;width:110vh;height:40vh;background:url(../img/lg-logotype.svg) center no-repeat;background-size:100%;position:absolute;top:auto;bottom:15vh;right:0;left:0;margin:auto;z-index:2;}
.logovibe{-webkit-transition:.2s ease-out top,.2s ease-out bottom,.2s ease-out background-size;-o-transition:.2s ease-out top,.2s ease-out bottom,.2s ease-out background-size;transition:.2s ease-out top,.2s ease-out bottom,.2s ease-out background-size;width:110vh;height:40vh;background:url(../img/lg-logovibe.svg) center no-repeat;background-size:100%;position:absolute;top:auto;bottom:15vh;right:0;left:0;margin:auto;}


.jooj{-webkit-transition:.2s ease-out .2s top;-o-transition:.5s ease-out .2s top;transition:.5s ease-out .2s top;width:80vh;height:calc(100vh - 100px);background:url(../img/lg-jooj.svg) center no-repeat;background-size:auto 80%;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;}
.jooj .eye{animation:4s eye infinite;content:'';position:absolute;background:#fff;width:9vh;height:9vh;top:27vh;left:32vh;border-radius:100%;}
.inload .jooj{top:-50vh;}
.bukhuresh .jooj{top:-200vh;}
.bukhuresh .logotype,.bukhuresh .logovibe{top:0;bottom:0;background-size:0%;}

@keyframes eye{
  0%{transform:scaleY(1) translate(0,0);}
  3%{transform:scaleY(0) translate(0,0);}
  7%{transform:scaleY(1) translate(0,0);}
  10%{transform:scaleY(0) translate(0,0)}
  15%{transform:scaleY(1) translate(0,0)}
  26%{transform:scaleY(1) translate(-4px,-5px);}
  30%{transform:scaleY(1) translate(-4px,5px);}
  32%{transform:scaleY(0) translate(-4px,5px);}
  35%{transform:scaleY(1) translate(-4px,5px);}
  42%{transform:scaleY(1) translate(5px,5px);}
  45%{transform:scaleY(0) translate(5px,5px);}
  50%{transform:scaleY(1) translate(5px,5px);}
  53%{transform:scaleY(0) translate(5px,5px);}
  56%{transform:scaleY(1) translate(5px,5px);}
  62%{transform:scaleY(1) translate(8px,5px);}
  65%{transform:scaleY(0) translate(8px,5px);}
  68%{transform:scaleY(1) translate(8px,5px);}
  75%{transform:scaleY(1) translate(4px,5px);}
  78%{transform:scaleY(0) translate(4px,5px);}
  80%{transform:scaleY(1) translate(4px,5px);}





  
/*   45%{transform:scaleY(0) translate(15px,0);}
  47%{transform:scaleY(1) translate(27px,0);}
  55%{transform:scaleY(1) translate(0,0);}
  57%{transform:scaleY(0) translate(0,0);}
  60%{transform:scaleY(1) translate(0,0);}
 */
 /* 30%{transform:scaleY(1) translate(0,0);}
  35%{transform:scaleY(0) translate(0,0);}
  40%{transform:scaleY(0) translate(-15px,-15px);}
  45%{transform:scaleY(0) translate(0,0)}
  50%{transform:scaleY(1) translate(0,0);}
  55%{transform:scaleY(0) translate(0,0);}
  60%{transform:scaleY(1) translate(0,0)}
  65%{transform:scaleY(0) translate(0,0);}
  70%{transform:scaleY(0) translate(-15px,-15px);}
  75%{transform:scaleY(0) translate(0,0)}
  80%{transform:scaleY(1) translate(0,0)}
  85%{transform:scaleY(0) translate(0,0)}
  90%{transform:scaleY(0) translate(0,0)}
  95%{transform:scaleY(0) translate(0,0)}
  100%{transform:scaleY(1) translate(0,0)}
 */

}


.menunu{z-index:3;position:relative;overflow:hidden;}

.menumage{margin:30px 0;text-align:center;width:100%;}
.menumage img:nth-child(1){max-width:calc(100% - 60px);margin:0 30px;}
.menumage img:nth-child(2){display:none;}

.menu{margin:50px;display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #000;}
.menu .col{-webkit-box-flex:1;-ms-flex:1 0 33.3%;flex:1 0 33.3%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}


.menu .raw{border:1px solid #000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;}
.menu .raw .rawtitle{font-size:18px;font-weight:700;background:#000;position:relative;color:#006b2d;padding:15px;}
.menu .raw .rawtitle:after{content:'قیمت';position:absolute;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;width:60px;font-size:13px;}
.menu .raw .rawrow{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;}
.menu .raw .rawrow:nth-last-child(1){-webkit-box-flex:1;-ms-flex:1;flex:1;}
.menu .raw .rawrow div:nth-child(1){padding:8px 15px;}
.menu .raw .rawrow:nth-child(2) div:nth-child(1){padding-top:15px;}
.menu .raw .rawrow:nth-last-child(1) div:nth-child(1){padding-bottom:15px;}
.menu .raw .rawrow div:nth-child(2){width:60px;-webkit-box-flex:0;-ms-flex:0 0 60px;flex:0 0 60px;padding-top:15px;color:#000;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:auto;border-right:1px solid #000;}
.menu .raw .rawrow span:nth-child(1){font-size:17px;color:#fff;font-weight:600;margin-left:15px;}
.menu .raw .rawrow span:nth-child(2){font-weight:500;color:#fcda76;}
.menu .raw .rawrow.vip span:nth-child(1),.menu .raw .rawrow.dip span:nth-child(1){color:#f39200;}
.menu .raw .rawrow.dip span:nth-child(1){font-size:13px;}

.menu .raw:hover{border-color:#fff;}
.menu .raw:hover .rawrow div:nth-child(2){color:#fff;border-right:1px solid #fff;}
.menu .raw:hover .rawtitle{background:#fff;}
.menu .raw:hover .rawtitle:after{border-right: 1px solid #006b2d;}




.offerarea{width:100%;position:absolute;overflow:hidden;}
.offer{background:#2a3e99;position:fixed;top:0;height:0;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.offer img{max-width:100%;}
.offershowed .offer{animation:5s offer forwards;}

@keyframes offer{
  10%{height:0;}
  20%{height:100vh;}
  80%{height:100vh;}
  100%{height:0;}
}





.callus{color:#fff;text-align:center;margin-bottom:50px;font-size:20px;font-weight:600}
.callus a{color:#fff}


footer{padding:50px 100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;background:#111;z-index:3;position:relative;font-size:20px;font-weight:500;}
.footlinebtn{display:flex;align-items:center;}
.footline:nth-child(2){flex-direction:column;}
.footline:nth-child(2) .footlinebtn:nth-child(2){margin-top:5px;}
.footline:nth-child(2) .footlinebtn:nth-child(2) .icon{background-image:url(../img/icon-instagram.svg);}

.footline{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.footline a{color:#fff;}
.footline .icon{width:20px;height:20px;flex: 0 0 20px;background:url(../img/icon-map.svg) center no-repeat;background-size:100%;-webkit-filter:invert(1);filter:invert(1);margin-left:10px;}
.footline:nth-child(2) .icon{background-image:url(../img/icon-call.svg);}
.footline:nth-child(3) .icon{background-image:url(../img/icon-instagram.svg);}
.footline.footlogo{width:110px;height:120px;background:url(../img/logowhite.svg) center no-repeat;background-size:100%;}

.footenamad a{background:#fff;border-radius:30px;padding:10px 0 0}
nav{-webkit-transition:.2s ease-out;-o-transition:.2s ease-out;transition:.2s ease-out;padding:50px 100px;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;z-index:5;top:0;width:100%;right:0;}
nav .logo{margin-right:auto;margin-top:-12px;width:120px;height:70px;background:url(../img/logo.svg) center no-repeat;background-size:100%;}
nav a{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;opacity:.8;-webkit-transition:.2s ease-out;-o-transition:.2s ease-out;transition:.2s ease-out;color:#000;position:relative;height:35px;margin-left:30px;font-weight:700;font-size:16px;}
nav a:after{content:'';-webkit-transition:.2s ease-out;-o-transition:.2s ease-out;transition:.2s ease-out;position:absolute;right:0;left:0;margin:auto;bottom:0;width:100%;height:2px;background:#000;}
nav a:hover{opacity:1;}
nav a:hover:after{width:10px;}
nav a:nth-child(2){cursor:default;}


.wall{position:fixed;z-index:1;top:0;right:0;width:100%;height:100%;overflow:hidden;}
.realwall{position:absolute;position:2;top:0;right:0;width:100%;height:100%;background-color:#006b2d;}
.realwall img{width:100%;min-height:130vh;opacity:0;}



@media screen and (max-width:950px){
.realwall img{height:100%;width:auto;min-height:auto;min-width:100%;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;}
.menu{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
footer{font-size:15px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:25px;}
.footline.footlogo{height:80px;}
.footline{margin-bottom:10px;}
.footline:nth-last-child(1){margin-bottom:0;}
.menu{margin:15px;}
.callus{padding:15px;font-size:16px;margin-bottom:15px;}
.footline:nth-child(3){margin:5px auto 20px}
}


.logoride{display:none;}

@media screen and (max-width:850px){
nav{padding:50px 20px;}

/* .jooj,.logotype,.logovibe{display:none;} */
body:not(.jik-active) .jooj,.logotype,.logovibe{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;}
.jooj{width:50vw;background-size:80%;}

.jooj .eye{width:7vw;height:7vw;top:0;left:18vw;margin:auto;bottom:17vw;}
.jooj .eye:before{transform: scale(.5) translateY(-11vw);-webkit-transform: scale(.5) translateY(-11vw);-ms-transform: scale(.5) translateY(-11vw);}

.logotype,.logovibe{bottom:0;top:28vw;width:90vw;height:40vw;}

.logoride{display:block;position:absolute;top:100vw;bottom:0;margin:auto;height:8vw;width:100%;text-align:center;font-size:6vw;font-weight:600;}


header:before,.bukhuresh header:before{background-size:auto 120%;}

.logomind{top:30vw;bottom:0;right:10vw;-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px);height:30vw;width:60vw;font-size:11vw;line-height:11vw;}

.logoride{-webkit-transition:.2s ease-out;-o-transition:.2s ease-out;transition:.2s ease-out;opacity:1;}
.bukhuresh .logoride{opacity:0;}

footer{padding:20px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.footline{padding:0;}
.footline.footlogo{margin-right:auto;margin-top:-60px;}

}

.d-flex{
  display: flex;
}
@media screen and (max-width:500px){
nav .logo{width:90px;margin-top:-18px}
nav a{font-size:12px;height:30px;margin-left:10px;}
nav a:before{display:none;}
nav{padding:30px 20px}
}
.footline.codes-line{
  font-size:16px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 8px;
  margin-bottom: 8px;
}
@media screen and (max-width:500px){
.callus{padding:15px;font-size:15px;margin-bottom:15px;width:310px;margin:auto;}
.callus span{display:none;}


  nav a{
    flex-wrap: wrap-reverse;
  }
}

@media screen and (max-width:600px){
.menumage img:nth-child(1){display:none;}
.menumage img:nth-child(2){display:block;max-width:calc(100% - 60px);margin:0 30px;}
.gobottom{bottom:3vh;}
.online-order{padding:14px 14px;font-size:15px;}
}





@media screen and (max-width:319px){
  body{display:none;}
  html{background-color:#fcc113;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
  html:before{content:'NOT SUPPORT';font-size: 9vw;font-weight: bold;}
  html:after{content:'Cafelead.Agency';font-size: 9vw;font-weight: normal;}
}