@charset "utf-8";
/*
SHIFT ©2024 All Rights Reserved.
Danial Zameni Developed.
*/
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('../fonts/iranyekanwebextrabold.eot');src:url('../fonts/iranyekanwebextrabold.eot?#iefix') format("embedded-opentype"), 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('../fonts/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.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.ttf') format("truetype")}
body{-webkit-tap-highlight-color:rgba(0,0,0,0);direction:rtl;background:#edb5c2;}
body,input,textarea,select,button,select option,.input-range__label{font-family:'iranyekan','tahoma';font-size:14px;font-weight:400;}
html,body,#app{height:100%;}
html{scroll-behavior:smooth;}
*[hidden]{display:none;}
a{text-decoration:none;}
*,*:focus{outline:0;}
::-moz-focus-inner{border:0;}
*,*:before,*:after{ -webkit-box-sizing:border-box; box-sizing:border-box; }
.noselect,canvas{-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
::-moz-selection{background:#0003;}
::selection{background:#0003;}
.hidden{display:none;}
.w-100{width:100%!important}


.grains{position:fixed;z-index:-1;right:0;top:0;width:100%;height:100%;}
.grain{transform-origin:100% 100%;opacity:.3;transition:0s;animation:10s grain linear infinite;transform:rotateZ(0deg);position:absolute;top:0;left:0;width:25vw;height:25vw;background:url('../img/largegrain.png') center no-repeat;background-size:100%}
.grain:nth-child(2){opacity:.5;width:40vw;height:40vw;top:0;left:50%;animation:20s grain linear infinite;}
.grain:nth-child(3){opacity:.7;width:30vw;height:30vw;top:-20%;left:30%;animation:15s grain linear infinite;}
@keyframes grain{ 10%{opacity:1} 30%{opacity:.1} 70%{opacity:1} 100%{transform:rotateZ(360deg);}}

/* h1{font-size:110px;line-height:0} */
/* h2{font-size:33px;line-height:0} */

header,main{position:relative;z-index:1;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}
header:before,main:before{opacity:.9;background:#edb5c2;content:'';position:absolute;z-index:-1;width:100%;height:100%;top:0;right:0;}
header:before{background:#edb5c2 url('../img/Card - Front.jpg') center no-repeat;background-size:60vw}
header{min-height:40vw;height:100vh;}
header .contain{position:relative;width:fit-content;width:-moz-fit-content;width:-webkit-fit-content;}
header img{opacity:.9;width:100%;max-width:60vw;opacity:0;pointer-events:none}

.gobottom{animation:1s gobottom 2s forwards, 2s gobottomend 3s infinite;border-radius:30%;cursor:pointer;border:3px solid #0000;position:absolute;bottom:4vw;right:1vw;width:4vw;height:4vw;background-image:url('../img/icon-oval.svg');background-size:100%;background-repeat:no-repeat;background-position:center}
@keyframes gobottom{
    30%{background-size:0}
    40%{background-size:0;background-image:url('../img/icon-arrow.svg');}
    100%{background-size:70%;background-image:url('../img/icon-arrow.svg');border-color:#000}
}

@keyframes gobottomend{
    30%{background-position:center 2px}
    50%{background-position:center 13px}
}

/* main{border-top:1px solid #0001;} */
main .contain{text-align:center;padding:0 0 50px;line-height:25px}
main .contain h1{font-size:34px;font-weight:800;line-height:40px;border-radius:50px;border:1px solid #0002;padding:20px;margin:auto;width:fit-content;width:-moz-fit-content;width:-webkit-fit-content}
main .contain h2{font-size:20px;font-weight:600;line-height:30px;margin:5px;}
main .contain p{margin-top:10px;opacity:.9;text-align:center}
main .contain h3{font-size:16px;font-weight:500;text-align:center;margin-top:20px;margin-bottom:5px}
main .contain ul{margin:auto;width:fit-content;list-style:none;opacity:.9;text-align:center}


.googleisgod,iframe{background-color:#fff;width:100%;}


footer{background:#fffc;}
.contact{padding:50px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.contactmeta{font-size:20px;display:flex;}
.contactmeta img{width:25px;margin-top:3px;margin-bottom:auto;margin-left:10px}
.contactmeta.phones p{display:flex;flex-wrap:wrap;align-items:center;margin:-4px -10px}
.contactmeta a{color:#000;margin:4px 10px}
.contactmeta a:hover{opacity:.6}
.contactmeta:not(:nth-child(1)){margin-top:15px}
.contactpunch{font-size:16px;margin-top:30px;opacity:.6;border:2px dotted #aaa;border-radius:20px;padding:15px 20px;text-align:center}
.contain{margin:0 auto;max-width:calc(100% - 50px);width:900px}

@media(max-width:800px){
    header:before{background-size:100vw}
    header img{max-width:100vw}
    header{padding:0;height:auto}
    .gobottom{width:10vw;height:10vw;}
    main{padding-top:50px}
    main .contain h1{font-size:22px;padding:10px 20px;text-align:center;font-size:14px}
    main .contain h2{font-size:14px;text-align:center;}
    main .contain, main .contain p, main .contain ul{text-align:justify}
    main .contain ul{padding-top:5px;}
    main .contain li{border-top:1px solid #0002;padding:5px}
}
@media(max-width:600px){
    .contactmeta img{width:20px;}
    .contact{align-items:flex-start;}
    .contactmeta{font-size:16px;}
    .contactpunch{font-size:14px;}
    .gobottom{border-width:2px}

}