/*Reset Page*/ 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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } @font-face { font-family: 'BYekan'; src: url('/fonts/YekanWeb-Regular.eot') format('eot'), /* IE6�8 */ url('/fonts/YekanWeb-Regular.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/fonts/YekanWeb-Regular.woff2') format('woff2'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/fonts/YekanWeb-Regular.ttf') format('truetype'); /* Saf3�5, Chrome4+, FF3.5, Opera 10+ */ } @font-face { font-family: 'IRANSansWebFaNum'; src: url('/fonts/IRANSansWebFaNum.eot') format('eot'), /* IE6�8 */ url('/fonts/IRANSansWebFaNum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/fonts/IRANSansWebFaNum.woff2') format('woff2'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/fonts/IRANSansWebFaNum.ttf') format('truetype'); /* Saf3�5, Chrome4+, FF3.5, Opera 10+ */ } @font-face { font-family: 'PalatinoRegular'; src: url('/fonts/Hind-Light.eot') format('eot'), /* IE6�8 */ url('/fonts/Hind-Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/fonts/Hind-Light.woff2') format('woff2'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/fonts/Hind-Light.ttf') format('truetype'); /* Saf3�5, Chrome4+, FF3.5, Opera 10+ */ } [data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-duration='50'],body[data-aos-duration='50'] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-duration='100'],body[data-aos-duration='100'] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-duration='150'],body[data-aos-duration='150'] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-duration='200'],body[data-aos-duration='200'] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-duration='250'],body[data-aos-duration='250'] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-duration='300'],body[data-aos-duration='300'] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-duration='350'],body[data-aos-duration='350'] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-duration='400'],body[data-aos-duration='400'] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-duration='450'],body[data-aos-duration='450'] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-duration='500'],body[data-aos-duration='500'] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-duration='550'],body[data-aos-duration='550'] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-duration='600'],body[data-aos-duration='600'] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-duration='650'],body[data-aos-duration='650'] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-duration='700'],body[data-aos-duration='700'] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-duration='750'],body[data-aos-duration='750'] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-duration='800'],body[data-aos-duration='800'] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-duration='850'],body[data-aos-duration='850'] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-duration='900'],body[data-aos-duration='900'] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-duration='950'],body[data-aos-duration='950'] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-duration='1000'],body[data-aos-duration='1000'] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-duration='1050'],body[data-aos-duration='1050'] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-duration='1100'],body[data-aos-duration='1100'] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-duration='1150'],body[data-aos-duration='1150'] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-duration='1200'],body[data-aos-duration='1200'] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-duration='1250'],body[data-aos-duration='1250'] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-duration='1300'],body[data-aos-duration='1300'] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-duration='1350'],body[data-aos-duration='1350'] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-duration='1400'],body[data-aos-duration='1400'] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-duration='1450'],body[data-aos-duration='1450'] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-duration='1500'],body[data-aos-duration='1500'] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-duration='1550'],body[data-aos-duration='1550'] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-duration='1600'],body[data-aos-duration='1600'] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-duration='1650'],body[data-aos-duration='1650'] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-duration='1700'],body[data-aos-duration='1700'] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-duration='1750'],body[data-aos-duration='1750'] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-duration='1800'],body[data-aos-duration='1800'] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-duration='1850'],body[data-aos-duration='1850'] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-duration='1900'],body[data-aos-duration='1900'] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-duration='1950'],body[data-aos-duration='1950'] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-duration='2000'],body[data-aos-duration='2000'] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-duration='2050'],body[data-aos-duration='2050'] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-duration='2100'],body[data-aos-duration='2100'] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-duration='2150'],body[data-aos-duration='2150'] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-duration='2200'],body[data-aos-duration='2200'] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-duration='2250'],body[data-aos-duration='2250'] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-duration='2300'],body[data-aos-duration='2300'] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-duration='2350'],body[data-aos-duration='2350'] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-duration='2400'],body[data-aos-duration='2400'] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-duration='2450'],body[data-aos-duration='2450'] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-duration='2500'],body[data-aos-duration='2500'] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-duration='2550'],body[data-aos-duration='2550'] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-duration='2600'],body[data-aos-duration='2600'] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-duration='2650'],body[data-aos-duration='2650'] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-duration='2700'],body[data-aos-duration='2700'] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-duration='2750'],body[data-aos-duration='2750'] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-duration='2800'],body[data-aos-duration='2800'] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-duration='2850'],body[data-aos-duration='2850'] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-duration='2900'],body[data-aos-duration='2900'] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-duration='2950'],body[data-aos-duration='2950'] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-duration='3000'],body[data-aos-duration='3000'] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay='50'],body[data-aos-delay='50'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='50'].aos-animate,body[data-aos-delay='50'] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-delay='100'],body[data-aos-delay='100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='100'].aos-animate,body[data-aos-delay='100'] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-delay='150'],body[data-aos-delay='150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='150'].aos-animate,body[data-aos-delay='150'] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-delay='200'],body[data-aos-delay='200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='200'].aos-animate,body[data-aos-delay='200'] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-delay='250'],body[data-aos-delay='250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='250'].aos-animate,body[data-aos-delay='250'] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-delay='300'],body[data-aos-delay='300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='300'].aos-animate,body[data-aos-delay='300'] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-delay='350'],body[data-aos-delay='350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='350'].aos-animate,body[data-aos-delay='350'] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-delay='400'],body[data-aos-delay='400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='400'].aos-animate,body[data-aos-delay='400'] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-delay='450'],body[data-aos-delay='450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='450'].aos-animate,body[data-aos-delay='450'] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-delay='500'],body[data-aos-delay='500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='500'].aos-animate,body[data-aos-delay='500'] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-delay='550'],body[data-aos-delay='550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='550'].aos-animate,body[data-aos-delay='550'] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-delay='600'],body[data-aos-delay='600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='600'].aos-animate,body[data-aos-delay='600'] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-delay='650'],body[data-aos-delay='650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='650'].aos-animate,body[data-aos-delay='650'] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-delay='700'],body[data-aos-delay='700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='700'].aos-animate,body[data-aos-delay='700'] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-delay='750'],body[data-aos-delay='750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='750'].aos-animate,body[data-aos-delay='750'] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-delay='800'],body[data-aos-delay='800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='800'].aos-animate,body[data-aos-delay='800'] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-delay='850'],body[data-aos-delay='850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='850'].aos-animate,body[data-aos-delay='850'] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-delay='900'],body[data-aos-delay='900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='900'].aos-animate,body[data-aos-delay='900'] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-delay='950'],body[data-aos-delay='950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='950'].aos-animate,body[data-aos-delay='950'] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-delay='1000'],body[data-aos-delay='1000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1000'].aos-animate,body[data-aos-delay='1000'] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-delay='1050'],body[data-aos-delay='1050'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1050'].aos-animate,body[data-aos-delay='1050'] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-delay='1100'],body[data-aos-delay='1100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1100'].aos-animate,body[data-aos-delay='1100'] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-delay='1150'],body[data-aos-delay='1150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1150'].aos-animate,body[data-aos-delay='1150'] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-delay='1200'],body[data-aos-delay='1200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1200'].aos-animate,body[data-aos-delay='1200'] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-delay='1250'],body[data-aos-delay='1250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1250'].aos-animate,body[data-aos-delay='1250'] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-delay='1300'],body[data-aos-delay='1300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1300'].aos-animate,body[data-aos-delay='1300'] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-delay='1350'],body[data-aos-delay='1350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1350'].aos-animate,body[data-aos-delay='1350'] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-delay='1400'],body[data-aos-delay='1400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1400'].aos-animate,body[data-aos-delay='1400'] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-delay='1450'],body[data-aos-delay='1450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1450'].aos-animate,body[data-aos-delay='1450'] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-delay='1500'],body[data-aos-delay='1500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1500'].aos-animate,body[data-aos-delay='1500'] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-delay='1550'],body[data-aos-delay='1550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1550'].aos-animate,body[data-aos-delay='1550'] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-delay='1600'],body[data-aos-delay='1600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1600'].aos-animate,body[data-aos-delay='1600'] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-delay='1650'],body[data-aos-delay='1650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1650'].aos-animate,body[data-aos-delay='1650'] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-delay='1700'],body[data-aos-delay='1700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1700'].aos-animate,body[data-aos-delay='1700'] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-delay='1750'],body[data-aos-delay='1750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1750'].aos-animate,body[data-aos-delay='1750'] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-delay='1800'],body[data-aos-delay='1800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1800'].aos-animate,body[data-aos-delay='1800'] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-delay='1850'],body[data-aos-delay='1850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1850'].aos-animate,body[data-aos-delay='1850'] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-delay='1900'],body[data-aos-delay='1900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1900'].aos-animate,body[data-aos-delay='1900'] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-delay='1950'],body[data-aos-delay='1950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1950'].aos-animate,body[data-aos-delay='1950'] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-delay='2000'],body[data-aos-delay='2000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2000'].aos-animate,body[data-aos-delay='2000'] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-delay='2050'],body[data-aos-delay='2050'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2050'].aos-animate,body[data-aos-delay='2050'] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-delay='2100'],body[data-aos-delay='2100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2100'].aos-animate,body[data-aos-delay='2100'] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-delay='2150'],body[data-aos-delay='2150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2150'].aos-animate,body[data-aos-delay='2150'] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-delay='2200'],body[data-aos-delay='2200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2200'].aos-animate,body[data-aos-delay='2200'] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-delay='2250'],body[data-aos-delay='2250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2250'].aos-animate,body[data-aos-delay='2250'] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-delay='2300'],body[data-aos-delay='2300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2300'].aos-animate,body[data-aos-delay='2300'] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-delay='2350'],body[data-aos-delay='2350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2350'].aos-animate,body[data-aos-delay='2350'] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-delay='2400'],body[data-aos-delay='2400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2400'].aos-animate,body[data-aos-delay='2400'] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-delay='2450'],body[data-aos-delay='2450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2450'].aos-animate,body[data-aos-delay='2450'] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-delay='2500'],body[data-aos-delay='2500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2500'].aos-animate,body[data-aos-delay='2500'] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-delay='2550'],body[data-aos-delay='2550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2550'].aos-animate,body[data-aos-delay='2550'] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-delay='2600'],body[data-aos-delay='2600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2600'].aos-animate,body[data-aos-delay='2600'] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-delay='2650'],body[data-aos-delay='2650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2650'].aos-animate,body[data-aos-delay='2650'] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-delay='2700'],body[data-aos-delay='2700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2700'].aos-animate,body[data-aos-delay='2700'] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-delay='2750'],body[data-aos-delay='2750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2750'].aos-animate,body[data-aos-delay='2750'] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-delay='2800'],body[data-aos-delay='2800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2800'].aos-animate,body[data-aos-delay='2800'] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-delay='2850'],body[data-aos-delay='2850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2850'].aos-animate,body[data-aos-delay='2850'] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-delay='2900'],body[data-aos-delay='2900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2900'].aos-animate,body[data-aos-delay='2900'] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-delay='2950'],body[data-aos-delay='2950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2950'].aos-animate,body[data-aos-delay='2950'] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-delay='3000'],body[data-aos-delay='3000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='3000'].aos-animate,body[data-aos-delay='3000'] [data-aos].aos-animate{transition-delay:3s}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translate(0)}[data-aos=fade-up]{transform:translateY(100px)}[data-aos=fade-down]{transform:translateY(-100px)}[data-aos=fade-right]{transform:translate(-100px)}[data-aos=fade-left]{transform:translate(100px)}[data-aos=fade-up-right]{transform:translate(-100px,100px)}[data-aos=fade-up-left]{transform:translate(100px,100px)}[data-aos=fade-down-right]{transform:translate(-100px,-100px)}[data-aos=fade-down-left]{transform:translate(100px,-100px)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translate(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translateY(100px) scale(.6)}[data-aos=zoom-in-down]{transform:translateY(-100px) scale(.6)}[data-aos=zoom-in-right]{transform:translate(-100px) scale(.6)}[data-aos=zoom-in-left]{transform:translate(100px) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translateY(100px) scale(1.2)}[data-aos=zoom-out-down]{transform:translateY(-100px) scale(1.2)}[data-aos=zoom-out-right]{transform:translate(-100px) scale(1.2)}[data-aos=zoom-out-left]{transform:translate(100px) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translate(0)}[data-aos=slide-up]{transform:translateY(100%)}[data-aos=slide-down]{transform:translateY(-100%)}[data-aos=slide-right]{transform:translateX(-100%)}[data-aos=slide-left]{transform:translateX(100%)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /*# sourceMappingURL=aos.css.map*/ /************Font Awesome**********/ @font-face { font-family: 'FontAwesome'; src: url('/fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15% } .fa-1x { font-size: 1.3em } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-fw { width: 1.28571429em; text-align: center } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none } .fa-ul > li { position: relative } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center } .fa-li.fa-lg { left: -1.85714286em } .fa-eye:before { content: "\f06e" } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-search:before { content: "\f002"; } .fa-phone:before { content: "\f095"; } .fa-close:before { content: "\f00d"; } .fa-phone:before { content: "\f095"; } .fa-envelope:before { content: "\f0e0"; } .fa-plus:before { content: "\f067"; } .fa-check:before { content: "\f00c"; } .fa-bars:before{content: "\f0c9";} .fa-cloud-download:before{content: "\f0ed";} .fa-instagram:before{content: "\f16d";} .fa-telegram:before{content: "\f2c6";} .fa-youtube:before{content: "\f167";} .fa-whatsapp:before{content:"\f232";} .fa-power-off:before{content: "\f011";} a:link{color:#333;text-decoration:none;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;} a:visited{color:#333;text-decoration:none;} a:hover{color:#c6892c} a.Click:link{color:#cc9c0e !important;text-decoration:none;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;} a.Click:visited{color:#cc9c0e;text-decoration:underline;} a.Click:hover{color:#cc9c0e !important;} .VAT{vertical-align:top;} .Fixheader{position:fixed !important;width:100%;z-index:100000;-webkit-transition: all 1s;transition: all 1s;background:#fff;-webkit-transition: all 1s;transition: all 1s;} .Fixheader div#logo{-webkit-transition: all 1s;transition: all 1s;width:5% !important;} .FloatLeft{float:left;} .FloatRight{float:right;} .IRANSans{font-family:IRANSans} .MarginL5{margin-left:5%} .MarginR5{margin-right:5%} .MarginR1{margin:0% 2%} .Justify{text-align:justify;} .Justify p{text-align:justify;} .Center{text-align:center !important;margin:0 auto;display:block} .Centerimg{margin-left:auto;margin-right:auto;display:block;} .Clear{clear:both;} .LTR{text-align:left} .RTL{text-align:right} .D-LTR{direction:ltr} .D-RTT{direction:rtl} .Yellow{color:#ddd15d} .white{color:white} .Black{color:#333333 !important} .Red{color:red} .Red2{color:#b2001a} /*.Blue{color:#2471a3}*/ .Blue{color:#c6892c} .Blue2{color: #0b88cc} .Green{color:#4caf50} .Gray-Light{color:#817f80} .Gray{color:#858585;} .VA{vertical-align:middle} .VAB{vertical-align:text-bottom} .Border{border:1px solid #2471a3;opacity:.5;width:70%;display:inline-block;} .BnnerHome img{width:100%;border:1px solid #664089;} .boxsize{box-sizing:border-box} .Border-G{border-bottom:1px solid rgba(0,0,0,.12);} .Free10{height:10px} .Free15{height:15px} .Free20{height:20px} .Free50{height:50px} .Pointer{cursor:pointer;} .Bold{font-weight:bold} .samaltxt{font-size:13px} .Mediumtxt{font-size:18px} .Largetxt{font-size:25px} .Italic{font-style:italic} .X14{font-size:14px;} .X16{font-size:16px;} .X18{font-size:18px;} .X20{font-size:20px;} .X22{font-size:22px;} .X24{font-size:24px;} .X26{font-size:26px;} .X28{font-size:28px;} .X30{font-size:30px;} .Gray{color:#817f80;} .absolute{position:absolute} .w100{width:100%} .w100img img{width:100% !important} .w50{width:50% !important;} .w45{width:45% !important;} .w60{width:60% !important;} .w20{width:20% !important;} .w30{width:33.3333% !important;} .w24{width:24.4%} .lignH1{line-height:1em} .fl{float:left;margin-right:1%;margin-bottom:1%;} .fr{float:right;margin-left:1%;margin-bottom:1%;} .f50{width:49% !important;} .f30{width:32.3333% !important} .f70{width:69% !important} .Red{color:red} .divFelxin{display:flex;} .divFelxin label:first-child{margin-left:1%} /*show alt img auto*/ .alt{text-align: center;display:block;color: #797979;padding-bottom: 1%;line-height: 1.5em;} .Entery{color:#fff !important;border-radius:10px;padding:2.4% 2%;margin:0 1%;font-size:.85em !important;padding-left:4%;background:#1e1d70} .Entery i{font-size:1.2em !important;vertical-align:sub;} .ddladd option{font-family:IRANSans !important;} .ddladd{font-family:IRANSans !important;} /*.Min-H{min-height:50vh}*/ .Free{color: #fff;padding: 4px 7px;border-radius: 25px;background: #f63d68;font-size: .8em;} .Black{color:#000;} .cursor{cursor:pointer} .Ease{-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;} .Block{display:block} .InBlock{display:inline-block} .Table{display:table} .Felex{display:flex} .Gold{color:#cc9c0e} .BackgroundTitle:after{background:url('/images/BackTitle1.png');vertical-align:text-bottom;width:41px;height:25px;display:inline-block;background-repeat:no-repeat;content: " ";margin-right:.5%} .BackgroundTitle::before{background:url('/images/BackTitle2.png');vertical-align:text-bottom;width:64px;height:50px;display:inline-block;background-repeat:no-repeat;content: " ";margin-left:.5%} .BackgroundTitle{font-size:1.2em !important;margin:2% auto;} .divtxtBox{width:30%;margin:0 auto;margin-bottom:1%} .divtxtBox span{width:25%;font-size:13px;display:inline-block} .divtxtBox2{width:50%;margin:0 auto;margin-bottom:1%} .divtxtBox2 span{width:25%;font-size:13px;display:inline-block} .RBLBox{width:60%;height:40px;} .TextBox{width:60%;height:40px;border:1px solid rgba(0,0,0,.24);border-radius:3px;padding:0 12px 0 12px} .TextBox:focus{border:1px dotted #f5e99e;box-shadow:0px 0px 6px rgba(0,0,0,.24);} .TextBoxFilter{margin-bottom:2%;width:40%;height:30px;border:1px solid #cc9c0e;border-radius:3px;padding:0 12px 0 12px;} .TextBoxFilter:focus{border:1px dotted #f5e99e;box-shadow:0px 0px 6px #cc9c0e;} .Spantxt{padding:0 20%} .buttonGolden{background:#cc9c0e;border-radius:4px;border:solid 2px #ddd15d;font-weight:bold;color:white;height:40px;width:150px;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;} .buttonGolden:hover{background:#ddd15d;font:bold 15px #2196f3;font-weight:bold;border:2px solid #cc9c0e;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;} .buttonGolden:active{-webkit-transform: scale(1);} .divSuccess{width:86%;margin:0 auto !important;padding:1% 2% 1% 2%;color:#50af00;} .divUnSuccess{width:86%;margin:0 auto !important;padding:1% 2% 1% 2%;background:rgba(171, 171, 171, 0.2);color:#c71e12;box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);} .LineOuter{color:#ef3a4f;text-decoration:line-through;} .LineOuter span{font-size:.75em !important;text-align:center;color:rgba(0,0,0,.4)} .PricePro{font-size:1.45em} .CountGV{background:#e3c457;height:18px;width:18px;border-radius:50%;display:inline-block;text-align:center;color:white;font-size:13px;box-sizing:border-box;padding-right:2px;line-height: 1.8em;position: absolute;bottom: -6px;left: 50%;} .BackgL{background:#dedede} .BackgG{background-color: #2d3436;background-image: linear-gradient(315deg, #2d3436 0%, #000000 74%);} .Multitxt{padding:1% 1%;font-family:IRANSans} .w90-1300{width:90% !important} .Relative{position:relative} .imgpro480{display:none} .index-1{z-index:-1} .Purple{color:#c78827} .blockRuby{display:block ruby} .GreenWhats{color:#32d852} .PaidSuccess { background: #28a745 !important; color: #fff; border-radius: 10px; padding: 1% 10%; font-size: .85em; } .PaidUnSuccess { background: rgba(0,0,0,.24) !important; color: #fff; border-radius: 10px; padding: 1% 10%; font-size: .85em; } body{font-family:BYekan;font-size:1.1em;color:#333333;margin-top:0;line-height:1.5em;direction:rtl} header{padding:.5% 5%;position:relative;} header #divLogo{position:absolute;left:50%;transform:translateX(-50%);width:8%;} header #divLogo svg{width:100%} header #divSign{float:left;line-height:2;width: 20%;text-align: left;} header #divSign a{font-size: .75em;border: 1px solid #e0e0e2;border-radius: 7px;padding: 1% 7%;color:#0c0c0c} header #divMenu{float:right;} .ValidatorBack{background:#ffabab8a;color:#d70000 !important;border-radius:4px;padding:0 2%;margin:2% 0;font-size:.8em;line-height:2} .ValidatorBack span{color:#d70000 !important} .divBackcour{background:#000;padding:1% 10%;line-height:2;padding-bottom:0;display:flex;} .divBackcour h2{color: #c8a94f; line-height:2em; text-align: center; font-size: 1.3em;} .divBackcour .divComment{width:50%;margin-left:2%;overflow-y: scroll;height:400px;padding:0 1%;box-sizing:border-box;} .divBackcour .divvideocorse{width:50%} footer{background:#000;font-size:0.7em;padding:1% 5%;} footer svg{width:10%;margin:0 auto;display:table;} .linef{height:1px;background:#262626bd;width:100%;margin:1% auto;} .divFootersIn .divSocial{float:right;width:50%} .divFootersIn .divSocial i{margin-left:2%;opacity:.9;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s} .divFootersIn .divSocial i:hover{opacity:1;} .divFootersIn .divcopy{float:left;direction:ltr;font-family:Arial;opacity:.8} .divFootersIn .divcopy a{color:#fff} .hero{position:relative;} .divBackbav{position:absolute;width:100%;height:100%;/*background:#00000080*/} .divBackvideo{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);padding:2%;border-radius:15px;backdrop-filter:blur(7px);border:1px solid #ffffff9e;background:#ffffff24} div.divFormCours{display:flex;padding:2% 10%;background:#000;} div.divFormCours .divFormSlider{width:50%} div.divFormCours .divFormcu{width:50%;border: 1px solid;border-radius: 12px;position: relative;background:#fff;margin-right:1%;} div.divFormCours .divFormcu .divFormcuIn{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:100%;} div.divFormCours .divFormcu h2{text-align:center;background:#000;display:table;margin:0 auto;color:#fff;padding:4% 7%;font-size:2em;border-radius:12px;} div.divFormCours .divFormcu p.det{text-align:center;color:#797979} div.divFormCours .divFormcu p.plan{text-align:center;color:#333;padding:5% 10%} #divuser{color:#fff;padding:0.25% 5.5%;font-size:.75em;} #divuser #divuserprofile{display:flex;position:relative;direction:ltr;} #divuser #divuserprofile p{margin-right:.5%;margin-top:.5%;color:#000 !important;padding-left:4%;padding-top:1%;} #divuser #divExit{position:absolute;left:4%;top:50%;transform:translateY(-50%);color:#fff} #divuser #divExit a{color:#000;opacity:.8;border: initial;} #divuser #divExit a:hover{opacity:1;text-decoration:initial} #divpalmtext{padding:2% 30%;font-size:.9em;background:#000;} #divpalmtext h2{color:#fff;text-align:center;font-size:2em;padding-bottom:10%} .LineOuter { text-decoration: line-through; text-decoration-color: red; opacity: 0.5; text-decoration-thickness: 2px;font-size:.95em !important; } select.ddl{-webkit-appearance: none;-moz-appearance: none;border: 0 !important;color:#333333;border:1px solid #c0c0c0 !important;-webkit-border-radius: 5px;border-radius:5px;line-height:1.8;font-size:0.85em !important;padding: 10px;width:100%;margin:0 auto;display:table;cursor: pointer;background: #fff url(/Images/ddl-size.png) no-repeat left center;background-size:30px 12px;font-family:BYekan;} .divbitrch{display:flex;margin:0 auto} .divPay{} .divPay img{width:50%} .btnR { font-size: 15px; color: #fff !important; border-radius: 0; line-height: 2em; transition: all 0.7s ease-out; background: linear-gradient(270deg, rgb(212 183 79), rgb(237 224 148), rgba(34,34,34,0), rgba(34,34,34,0)); background-color: rgba(0, 0, 0, 0); background-position-x: 0%; background-position-y: 0%; background-size: auto; background-color: #c8a94f; background-position: 1% 50%; background-size: 300% 300%; text-decoration: none; border: none; border-radius: 10px; font-size: 1.2em; text-align: center; margin: 0 auto; display: table; padding: 1% 7%; font-family: BYekan; } .btnR:hover { color:white !important; background-position: 99% 50%; } div#divrules{background:#000;padding:3% 3%;margin-top:-.5%} div#divrules div#divrulesIn{background:#fff;box-sizing:border-box;border-radius:5px;padding:3%} div#divrules div#divrulesIn p{color:#000;} .BackgG2{background:#000;padding:5% 0;} div.divLogin{width:25%;border:.5px solid #ededed;margin:0 auto;padding:2% 2%;border-radius:15px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);background:#fff;} div.divLogin h2{font-size:1em;color:#c8a94f} div.divLogin p{font-size:.8em;color:#333} div.divLogin #cphContent_Button1{line-height:5em;font-size:.85em;background:inherit;color:#333;border:none} #cphContent_btnLogin{width:60%;line-height:2.5em} div.divLogin .pure-material-textfield-outlined{width:100% !important} .form-control { display: block; height: 50px; margin:1%; text-align: center; font-size: 1.25rem; min-width: 0; } .form-control { display: block; width:16.5%;float:left; height: calc(1.5em + .75rem + 2px); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .text { max-width: 1000px; padding: 0 15px; margin: 0 auto 50px; font-size: 1.5rem; } .marquee-wrapper {background:#000; display: flex; flex-direction: column; gap:0px; /* فاصله بین ردیف‌ها */ overflow: hidden; } .marquee-row { display: flex; flex-wrap: nowrap; white-space: nowrap; overflow: hidden; width: 100%; position: relative; } #row1{display:none} /* MARQUEE STYLES –––––––––––––––––––––––––––––––––––––––––––––––––– */ .marquee-wrapper { position: relative;direction:ltr; } .marquee { display: flex; gap:0px; overflow: hidden; } .marquee-item { position: relative; width:16.6%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; } .member { width: 100%; } .member-link { display: block; } .member-img-wrapper { margin: 0; } .member-img { display: block; width: 100%; object-fit: cover; filter: grayscale(100%); transition: filter 0.3s; } .member-details { position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px; text-align: center; background: rgba(0, 0, 0, 0.35); transform: translateY(100%); transition: transform 0.3s; } .member-title { margin: 0 0 5px; } .member-subtitle { margin: 0; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); } .member-link:hover .member-details { transform: none; } .member-link:hover .member-img { filter: grayscale(0); } .marquee-arrow { position: absolute; bottom: -60px; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 50%; background: #dc2f02; border: none; cursor: pointer; transition: all 0.2s; } .marquee-arrow.arrow-prev { left: calc(50% - 50px); } .marquee-arrow.arrow-next { right: calc(50% - 50px); } @media (min-width: 850px) { .marquee-item { } .member-img { } .member-title { font-size: 1.6em; } .marquee-arrow { top: 50%; transform: translateY(-50%); } .marquee-arrow.arrow-prev { left: 40px; } .marquee-arrow.arrow-next { right: 40px; } } /* Texbox */ .pure-material-textfield-outlined { --pure-material-safari-helper1: rgb(var(--pure-material-primary-rgb, 33, 150, 243)); position: relative; /*display: inline-block;*/ padding-top: 6px; font-size: 16px; line-height: 1; overflow: hidden; width: 60%; } .w25-MB { width: 49.7% !important; margin-bottom: 1.2% } /* Input, Textarea */ .pure-material-textfield-outlined > input, .pure-material-textfield-outlined > textarea { box-sizing: border-box; margin: 0; border: solid 1px #bababa; /* Safari */ /*border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);*/ border-top-color: transparent; border-radius: 4px; padding:9px 13px 9px; width: 100%; height: inherit; /*color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);*/ background-color: transparent; box-shadow: none; /* Firefox */ font-size: inherit; line-height: inherit; caret-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243)); transition: border 0.2s, box-shadow 0.2s;font-family:BYekan; } /* Span */ .pure-material-textfield-outlined > input + span, .pure-material-textfield-outlined > textarea + span { position: absolute; top:0px; left: 0; display: flex; border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6); width: 100%; max-height: 100%; color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6); font-size: 90%; line-height: 15px; cursor: text; transition: color 0.2s, font-size 0.2s, line-height 0.2s; } /* Corners */ .pure-material-textfield-outlined > input + span::before, .pure-material-textfield-outlined > input + span::after, .pure-material-textfield-outlined > textarea + span::before, .pure-material-textfield-outlined > textarea + span::after { content: ""; display: block; box-sizing: border-box; margin-top: 6px; border-top: solid 1px; border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6); min-width: 10px; height: 8px; pointer-events: none; box-shadow: inset 0 1px transparent; transition: border-color 0.2s, box-shadow 0.2s; } .pure-material-textfield-outlined > input + span::before, .pure-material-textfield-outlined > textarea + span::before { margin-right: 4px; border-left: solid 1px transparent; border-radius: 4px 0; } .pure-material-textfield-outlined > input + span::after, .pure-material-textfield-outlined > textarea + span::after { flex-grow: 1; margin-left: 4px; border-right: solid 1px transparent; border-radius: 0 4px; } /* Hover */ .pure-material-textfield-outlined:hover > input, .pure-material-textfield-outlined:hover > textarea { border-color: #cc9c0e; border-top-color: transparent; } .pure-material-textfield-outlined:hover > input + span::before, .pure-material-textfield-outlined:hover > textarea + span::before, .pure-material-textfield-outlined:hover > input + span::after, .pure-material-textfield-outlined:hover > textarea + span::after { border-top-color: #cc9c0e; } .pure-material-textfield-outlined:hover > input:not(:focus):placeholder-shown, .pure-material-textfield-outlined:hover > textarea:not(:focus):placeholder-shown { border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87); } /* Placeholder-shown */ .pure-material-textfield-outlined > input:not(:focus):placeholder-shown, .pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown { border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6); } .pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span, .pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span { font-size: inherit; line-height: 60px; } .pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span::before, .pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span::before, .pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span::after, .pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span::after { border-top-color: transparent; } /* Focus */ .pure-material-textfield-outlined > input:focus, .pure-material-textfield-outlined > textarea:focus { border-color: #cc9c0e; border-top-color: transparent; box-shadow: inset 1px 0 #e8b463, inset -1px 0 #e8b463, inset 0 -1px #e8b463; outline: none; } .pure-material-textfield-outlined > input:focus + span, .pure-material-textfield-outlined > textarea:focus + span { color: #cc9c0e; } .pure-material-textfield-outlined > input:focus + span::before, .pure-material-textfield-outlined > input:focus + span::after, .pure-material-textfield-outlined > textarea:focus + span::before, .pure-material-textfield-outlined > textarea:focus + span::after { border-top-color: #cc9c0e !important; box-shadow: inset 0 1px var(--pure-material-safari-helper1); } /* Disabled */ .pure-material-textfield-outlined > input:disabled, .pure-material-textfield-outlined > input:disabled + span, .pure-material-textfield-outlined > textarea:disabled, .pure-material-textfield-outlined > textarea:disabled + span { border-color: #cc9c0e !important; border-top-color: transparent !important; color: #cc9c0e; pointer-events: none; } .pure-material-textfield-outlined > input:disabled + span::before, .pure-material-textfield-outlined > input:disabled + span::after, .pure-material-textfield-outlined > textarea:disabled + span::before, .pure-material-textfield-outlined > textarea:disabled + span::after { border-top-color: #cc9c0e !important; } .pure-material-textfield-outlined > input:disabled:placeholder-shown, .pure-material-textfield-outlined > input:disabled:placeholder-shown + span, .pure-material-textfield-outlined > textarea:disabled:placeholder-shown, .pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span { border-top-color: #cc9c0e !important; } .pure-material-textfield-outlined > input:disabled:placeholder-shown + span::before, .pure-material-textfield-outlined > input:disabled:placeholder-shown + span::after, .pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span::before, .pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span::after { border-top-color: transparent !important; } /* Faster transition in Safari for less noticable fractional font-size issue */ @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) { .pure-material-textfield-outlined > input, .pure-material-textfield-outlined > input + span, .pure-material-textfield-outlined > textarea, .pure-material-textfield-outlined > textarea + span, .pure-material-textfield-outlined > input + span::before, .pure-material-textfield-outlined > input + span::after, .pure-material-textfield-outlined > textarea + span::before, .pure-material-textfield-outlined > textarea + span::after { transition-duration: 0.1s; } } } #SlideHome{background:#000;position:relative} #SlideHome img#perso{margin-left:auto;margin-right:auto;display:block} #SlideHome img#sl{position:absolute;left:5%;top:50%;transform:translateY(-50%);} #SlideHome img#sr{position:absolute;right:5%;top:50%;transform:translateY(-50%);} #divEducations{background:#000;padding:2%;background: linear-gradient(180deg, rgba(54,54,54,1) 0%, rgba(44,44,44,1) 10%, rgba(30,30,30,1) 21%, rgba(4,4,4,1) 33%, rgba(0,0,0,1) 100%); } #divEducationIn{display:flex;} #divEducations #divEducationIn .divEducation{width:33.333%;margin:0 1%;position:relative} #divEducation1{margin:1% 1%} #divEducations #divEducationIn .divEducation .divedidetail{position:absolute;bottom:0;padding:20%} #divEducations #divEducationIn img{width:100%} #divEducations #divEducationIn img.bae{width:35%;margin-top:4%} #divEducations #divVIP{background:linear-gradient(315deg, #2d3436 0%, #000000 74%);display:flex;position:relative;padding:2% 5%;border-radius:40px;margin:1% 1%;margin-bottom:0;padding-bottom:0;} #divEducations #divVIP .divvipl{width:35%;} #divEducations #divVIP .divvipl img{width:100%;display:block;} #divEducations #divVIP .divvipr{width:65%;margin:4%} #divEducations #divVIP .divvipr img{margin-right:auto;margin-left:auto;display:block;} /*marquee-container*/ /*.marquee-container { width: 100%; overflow: hidden; position: relative; } .marquee-track { display: flex; animation: scroll 90s linear infinite; } .marquee-container:hover .marquee-track { animation-play-state: paused; } .marquee-item { flex-shrink: 0; width: 16.6%; transition: transform 0.3s ease; } .marquee-item img { width: 100%; height: auto;display:block;filter: grayscale(100%);transition: transform 0.3s ease; } @keyframes scroll { from { transform: translateX(0); } to { transform: translateX(100%); } }*/ /*Masonery*/ .gallery { margin: 0 auto; column-count:5; } .gallery-item { break-inside: avoid; margin-bottom: 16px; position: relative; } /* Overlay سفید */ .overlay { position: absolute; bottom: -100px; /* در حالت عادی پنهان است */ left: 0; width: 100%; height:50px; background-color: rgba(255, 255, 255, 0.9); transition: bottom 0.4s ease-in-out; } /* موقع Hover */ .gallery-item:hover .overlay { bottom: 0; } .gallery-item figure { margin: 0; } .gallery-item figcaption a:hover{color:#cc9c0e;text-decoration:initial !important} .gallery-item figcaption a{ position: absolute; /*background: rgba(0, 0, 0, 0.5);*/ width:94%; height:98%; box-sizing: border-box; top:2%; font-size:1.8em; color:#373737; padding:1% 3%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 0 0 14px 14px; } .gallery-item figcaption h2{font-size:.85em} .gallery-item img { width: 100%; display:block; } .gallery-item p { margin: 0; padding: 8px; } @media screen and (max-width: 500px) { .gallery { column-count: 1; } } @media screen and (min-width: 501px) and (max-width: 700px) { .gallery { column-count: 2; } } @media screen and (min-width: 701px) and (max-width: 900px) { .gallery { column-count: 3; } } /*Img Change social*/ div.image-wrapSoc{float:right;} .divmapsn{} .divmapsn .divmapsnIn{padding:2% 10%;display:flex;background:#6c6c6c} .divmapsn .divmapsnIn:nth-child(even){padding:2% 10%;display:flex;background:#a7a7a7;direction:ltr;text-align:right} .divmapsn .divmapsnIn p:nth-child(even){text-align:right;direction:rtl} .divmapsn .divmapsnIn .divmapsnInimage{width:30%} .divmapsn .divmapsnIn .divmapsnInimage img{width:100%} .divmapsn .divmapsnIn .divmapsnInindet{padding:5% 5%;width:70%;direction:rtl;} .divmapsn .divmapsnIn .divmapsnInindet h2{font-size:1.3em;line-height:3;color:#fff} .divmapsn .divmapsnIn .divmapsnInindet p{text-align:justify;line-height:2;font-size:.9em} .divmapsn .divmapsnIn .divproper{padding:2% 0;display:flex;flex-wrap:wrap;text-align:center;} .divmapsn .divmapsnIn .divproper a{background:#fff;padding:1% 2%;width:24%;margin:.5%;font-size:.85em;border-radius:7px;} .divmapsn .divmapsnIn .divproper a:hover{background:#e5b365;color:#fff;} .divmapsn .divmapsnIn .hidden-text{display:none} div.divOrder{width:100%;background:/*url('/images/order.jpg')*/#000;background-size:100%;position:relative;padding:4% 0;min-height:90vh} div.divOrder #OrderP{color:#797979;font-size:.9em !important;line-height:3} div.divOrder div.divOrderIn{width:50%;background:white;padding:2%;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);margin:0 auto;border-radius:15px} div.divOrder div.divOrderIn2{width:40%;} .btn-order{background:#fff;color:#000;padding:2.5% 15%;border-radius:5px;margin-top:5% !important;text-align:center;font-size:1em;margin:0 auto;display:table;border:1px solid #000;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;} div.divOrder div.divOrderIn h1{color:rgba(0,0,0,.87);text-align:center;margin-bottom:3%;font-size:1.1em;} .btn-order a{color:#000} .btn-order:hover{background:#000;color:#fff;border:1px solid #bbbaba;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;} .btn-order:hover a{color:#fff !important} .btn-order2{background:#fff;color:#777474;padding:1% 20%;border-radius:5px;margin-top:.5% !important;text-align:center;font-size:1em;margin:0 auto;display:table;border:1px solid rgba(0,0,0,0.2);-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;} .btn-order2 a{color:#000} .btn-order2:hover{background:#000;color:#fff;border:1px solid #bbbaba;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;} .btn-order2:hover a{color:#fff !important} .ckTrue{color:#219f08} div.divOrder div.divRes{width:47%;float:right;border:1px solid;margin:1% .5%;text-align:center;margin:.5% 1%} div.divOrder div.divRes p{width:100%;border-bottom:1px solid;margin-bottom:5%;color:#fff;background:#000;} div.divOnlinedetail{} div.divOnlinedetail p.TitleOnlinedetail{color:#817f80;line-height:3em} div.divOnlinedetail div.Inputdetail textarea{width:98%;border:2px solid #817f80;padding:1%;margin-bottom:3%} div.divOnlinedetail div.Inputdetail input{width:98%;border:2px solid #817f80;padding:1%;margin-bottom:3%} div.divOnlinedetail div.Inputdetail2{width:33.333%;float:right;} div.divOnlinedetail div.Inputdetail2 input{width:70%;border:2px solid #817f80;margin:0 2%;padding:1%;margin-bottom:3%;} .main-container { height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column; } .main-container h2 { margin: 0 0 80px 0; color: #555; font-size: 30px; font-weight: 300; } .radio-buttons { width: 100%; margin: 0 auto; text-align: center; } .custom-radio input { display: none; } .radio-btn { margin: 10px; width: 30.333%; border: 3px solid transparent; display: inline-block; border-radius: 10px; position: relative; text-align: center; box-shadow: 0 0 20px #c3c3c367; cursor: pointer; } .radio-btn > i { color: #ffffff; background-color: #e5b365; font-size: 20px; position: absolute; top: -15px; left: 50%; transform: translateX(-50%) scale(2); border-radius: 50px; padding: 3px; transition: 0.5s; pointer-events: none; opacity: 0; } .radio-btn p{color:#000;font-family:BYekan;font-size:1.1em;font-family:IRANSansWebFaNum} .radio-btn .hobbies-icon { } .radio-btn .hobbies-icon img { display:block; width:90%; margin:15px; margin-right:auto;margin-left:auto; } .radio-btn .hobbies-icon i { color: #FFDAE9; line-height: 80px; font-size: 60px; } .radio-btn .hobbies-icon h3 { color: #555; font-size: 18px;margin-bottom:5%; } .custom-radio input:checked + .radio-btn { border: 2px solid #e5b365; } .custom-radio input:checked + .radio-btn > i { opacity: 1; transform: translateX(-50%) scale(1); } .divSuccess p{color:#817f80;line-height:2.5;} /*Sucsess Icon*/ .checkmark { width: 100px; height: 100px; border-radius: 50%; display: block; stroke-width: 2; stroke: #4bb71b; stroke-miterlimit: 10; box-shadow: inset 0px 0px 0px #4bb71b; animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; position:relative; top: 5px; right: 5px; margin: 0 auto; } .checkmark__circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #4bb71b; fill: #fff; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; } .checkmark__check { transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; } @keyframes stroke { 100% { stroke-dashoffset: 0; } } @keyframes scale { 0%, 100% { transform: none; } 50% { transform: scale3d(1.1, 1.1, 1); } } @keyframes fill { 100% { box-shadow: inset 0px 0px 0px 30px #4bb71b; } } /*MENU*/ .menu { display:block } .menu li { display:inline-block; position:relative; z-index:100 } .menu li:first-child { margin-left:0 } .menu li a { text-decoration:none; padding:8px 12px; display:block; font-size:.88em;color:rgba(0,0,0,.87); transition:all .2s ease-in-out 0s } .menu li a:hover, .menu li:hover>a{color:#fff;background:#000;border-radius:4px;} .menu ul { visibility:hidden; opacity:0; margin:0; padding:0; width:220px; position:absolute; right:0; background:#fff; z-index:99; transform:translate(0,20px); transition:all .2s ease-out } .menu ul:after { bottom:100%; right:12%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(255,255,255,0); border-bottom-color:#fff; border-width:6px; margin-left:-6px } .menu ul li { display:block; float:none; background:0; margin:0; padding:0;text-align:right; } .menu .sub-menu li a { padding:7px 15px!important } .menu .sub-menu { -webkit-box-shadow:0 7px 7px rgba(0,0,0,.15) } .menu ul li a { font-size:14px; font-weight:normal; display:block; color:#797979; border-bottom:1px solid rgba(0,0,0,.04) } .menu ul li a:hover, .menu ul li:hover>a{background:#000;color:#fff;border-radius:0px;} .menu li:hover>ul { visibility:visible; opacity:1; transform:translate(0,0) } .menu ul ul { left:169px; top:0; visibility:hidden; opacity:0; transform:translate(20px,20px); transition:all .2s ease-out } .menu ul ul:after { left:-6px; top:10%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(255,255,255,0); border-right-color:#fff; border-width:6px; margin-top:-6px } .menu li>ul ul:hover { visibility:visible; opacity:1; transform:translate(0,0) } .responsive-menu { display:none; width:100%; padding:20px 15px; background:#374147; color:#fff; text-transform:uppercase; font-weight:600 } .responsive-menu:hover { background:#374147; color:#fff; text-decoration:none } a.homer { background:#9ca3da } /* Menu Icon */ .icon-container { position: relative; display: inline-block; z-index: 2; float: right; height: 55px; width: 55px; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); } .icon-container #menuicon { width: 20px; height: 10px; position: relative; display: block; margin: -4px auto 0; top: 50%; } #menuicon .bar { width: 100%; height: 1px; display: block; position: relative; background: #fff; transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); } #menuicon .bar.bar1 { -webkit-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); } #menuicon .bar.bar2 { -webkit-transform: translateY(6px) rotate(0deg); transform: translateY(6px) rotate(0deg); } .menu-open .icon-container { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .menu-open .icon-container #menuicon .bar { transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition-delay: 0.1s; } .menu-open .icon-container #menuicon .bar.bar1 { -webkit-transform: translateY(4px) rotate(45deg); transform: translateY(4px) rotate(45deg); } .menu-open .icon-container #menuicon .bar.bar2 { -webkit-transform: translateY(3px) rotate(-45deg); transform: translateY(3px) rotate(-45deg); } .divBackTop {position:relative;background:linear-gradient(-45deg, #8b8b8b, #0f0f0f, #181818, #666666);background-size: 400% 400%;animation:gradient 15s ease infinite;} .divBackTop img{width:20%;margin-right:auto;margin-left:auto;display:block;} .divBackTop h1{color:#fff;font-size:1.5em;text-align:center;line-height:3} .divBackTop h2{color:#fff;font-size:1.5em;text-align:center;line-height:3} .divBackTop .Ta1{position:absolute;right:15%;top:50%;transform:translateY(-50%)} .divBackTop .Ta2{position:absolute;left:15%;top:50%;transform:translateY(-50%)} @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* body { color: #d6d6d6b3; background-color: ; font-family: "Poppins", sans-serif; font-size: 16px; padding: 0; margin: 0; } h1,h2,h3,h4,h5 { font-family: "Bebas Neue", Arial, sans-serif; font-weight: 400; color: #efebe0; padding: 0; margin: 0; } */ p,span { color: #fff; } a {text-decoration:none;color:#1a73e8}a:hover {text-decoration:underline} .container { flex-grow: 1; margin: 0 auto; position: relative; width: auto; } @media screen and (min-width: 1024px) { .container { max-width: 960px; } } @media screen and (min-width: 1204px) { .container { max-width: 1140px; } .container { max-width: 1140px; } } .hero { background:linear-gradient(to top,#ababab1a,#ababab00); } @media screen and (max-width: 768px) { } .hero{background:#000} .hero .hero-body .campaign { flex-direction: column; display: flex; align-items: center; justify-content: center; width: 100%; } .hero .hero-body { display: flex; flex-direction: column; align-items: center; justify-content: center; } @media screen and (max-width: 768px) { .hero .hero-body { padding: 2rem 0; } } .section.pair .pair-steps .step .step-number .value { color: #fff; font-weight: 700; font-size: 3rem; } .hero .hero-body .counter { display: flex; flex-direction: column; align-items: center; justify-content: center;direction:ltr; } @media screen and (max-width: 768px) { .hero .hero-body .counter { margin: 2rem 0 0; } } .hero .hero-body .counter .title { color:#fff; font-size:1.5rem; font-weight: 700; text-transform: uppercase; margin-bottom:1.5rem; text-shadow: 0 1px 2px #0003; } .hero .hero-body .counter .counter-boxes { display: flex; flex-direction: row; } .hero .hero-body .counter .counter-boxes .count-box { background-color: #1a1c1ccc; box-shadow: 0 5px 10px #0000004d; border-radius: 8px; backdrop-filter: blur(5px); display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100px; height: 100px; margin-right: 4px; text-shadow: 0 1px 0 #0000004d; } @media screen and (max-width: 768px) { .hero .hero-body .counter .counter-boxes .count-box { width: 70px; height: 70px; } } .hero .hero-body .counter .counter-boxes .count-box h1 { color: #fff; padding: 8px 0 0; margin: 0; font-size: 2.5rem; line-height: 2rem; } @media screen and (max-width: 768px) { .hero .hero-body .counter .counter-boxes .count-box h1 { font-size: 2rem; } } .hero .hero-body .counter .counter-boxes .count-box span { color: #9c9c9c; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; } @media screen and (max-width: 768px) { .hero .hero-body .counter .counter-boxes .count-box span { font-size: 10px; letter-spacing: 0; } } .hero .hero-body .counter .counter-boxes .count-box:last-of-type { margin-right: 0; } .container { width: 100%; } div.divAbout {direction:rtl;color:#808080;line-height:1.9em;margin:0 auto;} div.divAbout h1{font-size:2em} div.divAbout div.divImage{float:left;width:30%;margin:0 1%} div.divAbout div.divImage img{width:100%;} div.divAbout div.divText{float:right;width:65%;margin:0 1%;color:#333} div.divAbout div.divText h3{color:#c6892c } div.divAbout{position:relative} div.divAbout div.divAboutHomeComment{margin:0 auto;width:90%} div.divAbout h2{color:#000;text-align:center;line-height:5em;font-size:2em;} div.divAbout{padding:2% 10%;background:#000;color:#fff} div.divAbout .divAboutIn{display:flex;} div.divAbout .divAboutIn .divImage{width:30%;padding-left:3%;} div.divAbout .divAboutIn .divComment{width:70%;height:600px;overflow-y:scroll;} div.divAbout .divAboutIn h2{color:#fff !important;line-height:6em;} div.divAbout .divAboutIn p{text-align:justify;color:#fff !important;line-height:2em;font-size:.9em;border-right:1px solid rgb(255 255 255 / 24%);padding:0 6%;} div.divAbout .divAboutIn img{float:left} .divsoc{background:#000;padding:2% 20%;} .divsoc img{width:100%;} .divsoc .divsocIn{display:flex} .divsoc .divsocIn .divSocim{width:21%;margin:2%;} .divsoc .divsocIn img{width:100%;margin:2%;border:1px solid} .divdivsocV{display:flex;} .divdivsocV img{width:33.333%} div.Marquees{background:#161616;position:absolute;bottom:50%;left:50%;} div.Marquees h2{color:#fff;text-align:center;font-size:1.8em} div.Marquee{position:relative;padding:10% 0;} div.Marquee ul{ position: absolute; top: 50%; width: 800px; height: 200px; left: 50%; margin-left: -400px; margin-top: -130px; } div.Marquee ul > li { width: 25%; list-style-type: none; position: absolute; top: 0; padding: 20px; height: 200px; opacity: 0; padding-top: 40px; text-align: center; transition: 1s opacity; } div.Marquee ul > li img{width:70%;} div.Marquee .active { opacity: 1; } div.Marquee p { font-family: sans-serif; font-size: 13px; color: #646566; line-height: 1.5em; } div.Marquee strong { color: #fff; font-weight: 700; font-size: 60px;line-height: 100px;} .parallax-inner{padding-top:18%;padding-bottom: 20%;} .parallax-Back{position:absolute;top:0;right:0;z-index:10;width:100%;height:100%;background:#00000063} .parallax-s{position:relative;background:url('/images/back.jpg') repeat fixed 100%;background-size: cover;color: aliceblue;border-top: 5px solid #cb9b0e} /*Border drwimg*/ .BoxB{position:absolute !important;left:5%;top:50%;transform:translateY(-50%);z-index:1000;} .BoxB .prag{position:absolute;right:-40%;top:30%;z-index:10000;transform:translateY(-50%)} .BoxB p{font-size:2.1em;color:#fff;font-weight:bold;text-shadow: 2px 2px 4px rgba(0,0,0,0.6);text-transform:uppercase;} .BoxB p.ls{letter-spacing:.2em} #box { position: relative; width: 200px; height:350px; } .drawing-borders { position: relative; border: 4px solid transparent; box-sizing: border-box; } .drawing-borders::after { content: ""; position: absolute; width: 0; height: 0; top: -4px; left: -4px; /*border: 4px solid transparent;*/ box-sizing: border-box; animation: draw-borders-top-right 2s forwards; -webkit-animation: draw-borders-top-right 2s forwards; } .drawing-borders::before { content: ""; position: absolute; width: 0; height: 0; bottom: -4px; right: -4px; /*border: 4px solid transparent;*/ box-sizing: border-box; animation: draw-borders-bottom-left 2s forwards; -webkit-animation: draw-borders-bottom-left 2s forwards; } @keyframes draw-borders-top-right { 0% { width: 0; height: 0; border-top: 4px solid #e5b365; } 25% { width: calc(100% + 8px); height: 0; border-top: 4px solid #e5b365; border-right: 4px solid #e5b365; } 50% { width: calc(100% + 8px); height: calc(100% + 8px); border-top: 4px solid #e5b365; border-right: 4px solid #e5b365; } 100% { width: calc(100% + 8px); height: calc(100% + 8px); width: calc(100% + 8px); border-top: 4px solid #e5b365; border-right: 4px solid #e5b365; } } @keyframes draw-borders-bottom-left { 0% { width: 0; height: 0; opacity: 0; } 50% { width: 0; height: 0; border-bottom: 4px solid #e5b365; opacity: 0; } 50.1% { opacity: 1; } 75% { width: calc(100% + 8px); height: 0; border-bottom: 4px solid #e5b365; border-left: 4px solid #e5b365; } 100% { height: calc(100% + 8px); width: calc(100% + 8px); border-bottom: 4px solid #e5b365; border-left: 4px solid #e5b365; } } /*APPlE*/ @-webkit-keyframes draw-borders-top-right { 0% { width: 0; height: 0; border-top: 4px solid #e5b365; } 25% { width: calc(100% + 8px); height: 0; border-top: 4px solid #e5b365; border-right: 4px solid #e5b365; } 50% { width: calc(100% + 8px); height: calc(100% + 8px); border-top: 4px solid #e5b365; border-right: 4px solid #e5b365; } 100% { width: calc(100% + 8px); height: calc(100% + 8px); width: calc(100% + 8px); border-top: 4px solid #e5b365; border-right: 4px solid #e5b365; } } @-webkit-keyframes draw-borders-bottom-left { 0% { width: 0; height: 0; opacity: 0; } 50% { width: 0; height: 0; border-bottom: 4px solid #e5b365; opacity: 0; } 50.1% { opacity: 1; } 75% { width: calc(100% + 8px); height: 0; border-bottom: 4px solid #e5b365; border-left: 4px solid #e5b365; } 100% { height: calc(100% + 8px); width: calc(100% + 8px); border-bottom: 4px solid #e5b365; border-left: 4px solid #e5b365; } } div#divContent-contact{width:100%;margin:0 auto;} div#divContent-contact div#divContent-contactIn{width:60%;margin:0 auto;} div#divContent-contact div#divContent-contactIn h2{font-size:1.5em !important;color:#c6892c;line-height:1.4;font-weight:300;margin-bottom:40px;} div#divContent-contact div#divContent-contactIn p#p-h2{font-size:15px;text-align:center;color:#606060;padding:0% 10%;line-height:1.4} div#divContent-contact div#divContent-contactIn h3{font-size:30px !important;color:#34343c;line-height:1.4;font-weight:300;margin-bottom:15px;} div#divContent-contact div#divContent-contactIn p#p-h3{font-size:15px;text-align:center;color:#606060 !important;line-height:1.4} div#divContent-contact div#divContent-contactIn div#divContact-Tel{margin:5% 0} div#divContent-contact div#divContent-contactIn div#divContact-Tel h6{color:#b1adad;font-weight:300;font-size:1em;margin:1.5% 0%;line-height:2.5;text-align:center;} div#divContent-contact div#divContent-contactIn div#divContact-Tel p{color:#333;padding-top:2.5%;font-weight:300;font-size:.85em;margin:1.5% 0%;line-height:2.3;text-align:center;} div#divContent-contact div#divContent-contactIn div#divContact-Tel span{color:#333;font-size:1.25em} div#divContent-contact div#divContent-contactIn div#divContact-Tel div.divPart1{width:33.333%;float:left;direction:ltr} div#divContent-contact div#divContent-contactIn div#divContact-Tel div.divPart1 a{font-size:1.2em;display:block} div#divContent-contact div#divContent-contactIn div#divContact-Tel div.divPart2{width:33.333%;float:left;} div#divContent-contact div#divContent-contactIn div#divContact-Tel div.divPart3{width:33.333%;float:left;} div#divContent-contact div#divContent-contactIn div#divLoaction{width:100%} div#divContent-contact div#divLoaction{width:100%;} div#divContent-contact div#divLoaction div#divMap{width:60%;float:left;} div#divContent-contact div#divLoaction div#divForm{width:40%;float:left;position:relative;} div#divContent-contact div#divLoaction div#divForm h3{color:#fff;font-size:30px !important;font-weight:300;text-align:center;line-height:2} div#divContent-contact div#divLoaction div#divForm p{color:#fff;font-size:17px;text-align:center;font-weight:300;margin-bottom:2%;} div#divContent-contact div#divLoaction div#divForm div#divFormIn{width:90%;height:100% !important;position:absolute;top:0;right:0;background:#616161;opacity:.7;padding:5% 5%;} div#divContent-contact div#divLoaction div#divForm div#divFormIn .txtcontact1{width:44%;font-weight:300;float:left;font-family:'Open-Sans' !important;color:#ffffff;padding: 6px 12px;margin:1% 1%;margin-bottom:2%;background-color: rgba(255, 255, 255, 0.2);font-size: 14px;border-color:#fff;height:25px;border:1px solid #fff;border-radius:4px;} div#divContent-contact div#divLoaction div#divForm div#divFormIn .txtcontact2{width:94%;color:#ffffff;padding: 6px 12px;margin:1% 1%;background-color: rgba(255, 255, 255, 0.2);margin-bottom:5%;font-size: 14px;border-color:#fff;height:120px;border:1px solid #fff;border-radius:4px;} div#divContent-contact div#divLoaction div#divForm div#divFormIn .btncontact{text-align:center;margin:0 auto;display:table;font-family:'Open-Sans' !important;color:#ffffff;padding:9px 20px;background-color:transparent;font-size: 14px;border-color:#fff;border:1px solid #fff;border-radius:4px;} div#divContent-contact div#divLoaction div#divForm img{width:100%;display:block;} .home { position: relative; } .home video {width:100%;} .home-content { position: absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6); padding-top: 150px; color: #fff; text-align: center;display:none; } .home h1 {margin-top:2%; font-size:1.8em; line-height:1; } .divline{border-top:1px solid #e8b463;display:inline-block;width:15%;margin:0 auto;} .home p { font-size:1.1em; line-height: 2; } /*Profile*/ .main { display: flex; justify-content: center; align-items: center; gap: 10px; position: relative; margin:0px;width:40px } .main__container { background-color: grey; width:40px; height:40px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background:conic-gradient(from 360deg at 50% 0%, #cc9c0e, rgb(255, 255, 255)); -webkit-animation: rotar 2s infinite linear; animation: rotar 2s infinite linear; border:0px solid #cc9c0e; } .main_container__2{ width:35px; height:35px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; box-shadow: Active 0px -7px 11px 4px rgba(6, 56, 255, 0.1), 0px -7px 11px 4px rgba(83, 108, 255, 0.1); background-image: url('/images/user-3331256_1280.jpg'); background-size: cover; background-position: center center; } .div__punto{ width: 10px; height: 10px; position: absolute; top: 0px; background-color: white; -webkit-filter: blur(5px); filter: blur(5px); box-shadow: Active 0px -7px 11px 4px rgba(6, 56, 255, 0.1), 0px -7px 11px 4px rgba(83, 108, 255, 0.1); } @-webkit-keyframes rotar { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes rotar { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /*File Upload*/ .box { position:relative; display: block; width:255px; height:255px; margin:0% auto; background-color: white; border-radius:50%; box-shadow:0px 0px 0px 2px rgba(95,95,95,1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); overflow: hidden; background: url('/images/flu.png'); background-repeat: no-repeat; background-position: center center; } .box2{ background: url('/images/plus.png') !important; } .box3{ position: relative; display: block; width: 18%; float: right; height: 300px; margin: 1%; background-color: white; border-radius: 50%; box-shadow: 0px 0px 0px 2px rgba(95,95,95,1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); overflow: hidden; background: url('/images/file.png'); background-repeat: no-repeat; background-position: center center; } .box4 { position: relative; display: block; width:100px; height:32px; float: right; background-color: white; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); overflow: hidden; background: url('/images/upfile.jpg'); background-repeat: no-repeat; background-position: center center; } .upload-options { position:absolute; top:0; height:100%; width:100%; cursor: pointer; overflow: hidden; text-align: center; transition: background-color ease-in-out 150ms; } .upload-options:hover { background-color:""; } .upload-options input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .upload-options label { display: flex; align-items: center; width: 100%; height: 100%; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; overflow: hidden; } .upload-options label::after { font-family: "Material Icons"; position: absolute; font-size: 2.5rem; color: #e6e6e6; top: calc(50% - 2.5rem); left: calc(50% - 1.25rem); z-index: 0; } .upload-options label span { display: inline-block; width: 50%; height: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; text-align: center; } .upload-options label span:hover i.material-icons { color: lightgray; } .js--image-preview { height:100%; width: 100%; position: relative; overflow: hidden; background-image: url(""); background-size: cover; } .js--image-preview::after { /*content: "photo_size_select_actual";*/ font-family: "Material Icons"; position: relative; font-size: 4.5em; color: #e6e6e6; top: calc(50% - 3rem); left: calc(50% - 2.25rem); z-index: 0; } .js--image-preview.js--no-default::after { display: none; } .js--image-preview:nth-child(2) { background-image: url(""); } i.material-icons { transition: color 100ms ease-in-out; font-size: 2.25em; line-height: 55px; color: white; display: block; } .drop { display: block; position: absolute; background: rgba(95, 158, 160, 0.2); border-radius: 100%; transform: scale(0); } .animate { -webkit-animation: ripple 0.4s linear; animation: ripple 0.4s linear; } @-webkit-keyframes ripple { 100% { opacity: 0; transform: scale(2.5); } } @keyframes ripple { 100% { opacity: 0; transform: scale(2.5); } } figure.snip1425 { font-family: 'Raleway', Arial, sans-serif; position: relative; overflow: hidden; width: 100%; color: #000000; text-align: center; -webkit-perspective: 50em; perspective: 50em; } figure.snip1425 * { -webkit-box-sizing: padding-box; box-sizing: padding-box; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } figure.snip1425 img { max-width: 100%; vertical-align: top; } figure.snip1425 figcaption { top: 50%; left: 20px; right: 20px; position: absolute; opacity: 0; z-index: 1; -webkit-transform: translate(-10%, -70%); transform: translate(-10%, -70%);padding:3%; } figure.snip1425 h2, figure.snip1425 h4 { margin: 0; } figure.snip1425 h2 { font-weight: 600; } figure.snip1425 h4 { font-weight: 400; text-transform: uppercase; } figure.snip1425 i { font-size: 32px; } figure.snip1425:after { background-color: #ffffff; position: absolute; content: ""; display: block; top: 20px; left: 20px; right: 20px; bottom: 20px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: rotate3d(1, -1, 0, 100deg); transform: rotate3d(1, -1, 0, 100deg); opacity: 0; } figure.snip1425 a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1; } figure.snip1425:hover figcaption, figure.snip1425.hover figcaption { -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); opacity: 1; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } figure.snip1425:hover:after, figure.snip1425.hover:after { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); opacity: 0.9; } a.porars{overflow:initial !important;white-space:initial !important;color:#000 !important;opacity:.7;font-family:BYekan;border-radius:initial !important;padding:initial !important;font-size:1em !important;text-align:right !important;font-weight:bold;line-height:2em;position:initial !important} a.porars:hover{text-decoration:initial !important;opacity:1;}