modirju

Best viewed in portrait

لطفا اطلاعات زیر را جهت ثبت نام وارد نمایید.

نام و نام خانوادگی

نام کاربری

تلفن همراه

ایمیل

پسورد

تکرار پسورد

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article, figure, header, main, nav, section { display: block } a { background-color: transparent } img { border: 0 } figure { margin: 1em 40px } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0 } input { margin: 0 } input[type="submit"] { -webkit-appearance: button } input::-moz-focus-inner { border: 0; padding: 0 } input { line-height: normal } * { -webkit-box-sizing: border-box; box-sizing: border-box } *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box } html { font-size: 10px } input { font-family: inherit; font-size: inherit; line-height: inherit } a { color: #337ab7; text-decoration: none } figure { margin: 0 } img { vertical-align: middle } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee } @-ms-viewport { width: device-width } body { max-width: 100vw; background-color: #fff; position: relative; overflow-x: hidden } .no-landscape { display: none } img { border: 0; border-style: none } .main-orange { position: absolute; top: 0; left: 0; width: 100vw; height: 200vh; z-index: -1; overflow: hidden } @media only screen and (min-width: 767px) { .main-orange { height: 100vh } } @media only screen and (min-width: 1023px) { .main-orange { height: 100vh } } .main-orange span { background-image: -webkit-gradient(linear, left top, right top, from(#f46a78), to(#fabb8f)); background-image: linear-gradient(-270deg, #f46a78 0%, #fabb8f 100%); width: 1000px; height: 1000px; border-radius: 100%; content: ''; position: absolute; top: -780px; right: -780px } @media only screen and (min-width: 767px) { .main-orange span { top: -750px; right: -750px; -webkit-animation: pulsing 4s infinite ease-in-out forwards alternate; animation: pulsing 4s infinite ease-in-out forwards alternate } } @media only screen and (min-width: 1023px) { .main-orange span { top: -700px; right: calc(100vw - 330px - 15%) } } @media only screen and (min-width: 1260px) { .main-orange span { top: -950px; width: 1500px; height: 1500px } } @media only screen and (min-width: 1023px) { .main-purple { position: fixed; bottom: 0; right: 0; width: 100vw; overflow: hidden; height: 100vh; z-index: -99999; -webkit-transform: translateY(0); transform: translateY(0) } } .container-full { width: 100%; margin: auto } *::-webkit-media-controls-panel { display: none !important; -webkit-appearance: none } *::--webkit-media-controls-play-button { display: none !important; -webkit-appearance: none } *::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none } html { font-size: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; font-family: sans-serif } h1 { font-family: "CamphorPro", sans-serif; line-height: 1.6; margin: 0; color: #474747 } h1 { font-size: 2.2rem; font-weight: 300; line-height: 1.4 } @media only screen and (min-width: 1260px) { h1 { font-size: 2.6rem } } p, body { line-height: 1.8; font-size: 1rem; font-family: sahel, sans-serif; font-weight: 300; color: #7c7e80 } p { margin: 0 } @media only screen and (min-width: 1260px) { p { font-size: 1.2rem } } @media only screen and (min-width: 320px) { .anim { visibility: hidden; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; animation-duration: 1s } @-webkit-keyframes slight-up { from { opacity: 0; transform: translateY(2vh) scale(.97, .97); -webkit-transform: translateY(2vh) scale(.97, .97); -webkit-transition: all cubic-bezier(.76, 0, .18, 1); transition: all cubic-bezier(.76, 0, .18, 1) } to { opacity: 1; transform: translateY(0) scale(1, 1); -webkit-transform: translateY(0) scale(1, 1) } }@keyframes slight-up { from { opacity: 0; transform: translateY(2vh) scale(.97, .97); -webkit-transform: translateY(2vh) scale(.97, .97); -webkit-transition: all cubic-bezier(.76, 0, .18, 1); transition: all cubic-bezier(.76, 0, .18, 1) } to { opacity: 1; transform: translateY(0) scale(1, 1); -webkit-transform: translateY(0) scale(1, 1) } }.slight-up { -webkit-animation-name: slight-up; animation-name: slight-up; -webkit-animation-duration: .5s; animation-duration: .5s } @-webkit-keyframes text-up { from { opacity: 0; -webkit-transform: translateY(50%); transform: translateY(50%); -webkit-transition: opacity .6s ease-in-out, -webkit-transform .6s ease-in-out; transition: opacity .6s ease-in-out, -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out, opacity .6s ease-in-out; transition: transform .6s ease-in-out, opacity .6s ease-in-out, -webkit-transform .6s ease-in-out } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } }@keyframes text-up { from { opacity: 0; -webkit-transform: translateY(50%); transform: translateY(50%); -webkit-transition: opacity .6s ease-in-out, -webkit-transform .6s ease-in-out; transition: opacity .6s ease-in-out, -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out, opacity .6s ease-in-out; transition: transform .6s ease-in-out, opacity .6s ease-in-out, -webkit-transform .6s ease-in-out } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } }.text-up { -webkit-animation-name: text-up; animation-name: text-up; -webkit-animation-duration: .6s; animation-duration: .6s } @-webkit-keyframes slow-fade { from { opacity: 0; -webkit-transition: opacity cubic-bezier(.445, .05, .55, .95); transition: opacity cubic-bezier(.445, .05, .55, .95) } to { opacity: 1 } }@keyframes slow-fade { from { opacity: 0; -webkit-transition: opacity cubic-bezier(.445, .05, .55, .95); transition: opacity cubic-bezier(.445, .05, .55, .95) } to { opacity: 1 } }.slow-fade { -webkit-animation-name: slow-fade; animation-name: slow-fade; -webkit-animation-duration: .5s; animation-duration: .5s } } @-webkit-keyframes pulsing { from { -webkit-transform: scale(1, 1); transform: scale(1, 1) } to { -webkit-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02) } } @keyframes pulsing { from { -webkit-transform: scale(1, 1); transform: scale(1, 1) } to { -webkit-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02) } } main { overflow-x: hidden; width: 100vw } main .main__content { -webkit-animation-name: slow-fade; animation-name: slow-fade; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both } @media only screen and (min-width: 1023px) { main { padding-top: 120px } } img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } @media only screen and (min-width: 320px) { input { font-family: inherit; } } ::-webkit-input-placeholder { color: #474747 } :-moz-placeholder { color: #474747 } ::-moz-placeholder { color: #474747 } :-ms-input-placeholder { color: #474747 } .header { width: 100% } .header__main { position: fixed; top: 0; left: 0; z-index: 2000; width: 100%; height: 80px; padding: 0 5%; will-change: transform } @media only screen and (min-width: 1023px) { .header__main { top: 0; padding: 0 5%; background-color: transparent; height: 120px } } .header__main--top { height: 80px; background-color: transparent; border: none; -webkit-backdrop-filter: none } @media only screen and (min-width: 1023px) { .header__main--top { height: 120px } } .header__main--top .hamburger { margin: initial } .header__main--top .hamburger span { background-color: #fff } .header__main--top .header__logo .wordmark img.light { opacity: 1 } @media only screen and (min-width: 1023px) { .header__main--top .header__logo .wordmark img.light { opacity: 0 } } .header__main--top .header__logo .wordmark img.dark { opacity: 0 } @media only screen and (min-width: 1023px) { .header__main--top .header__logo .wordmark img.dark { opacity: 1 } .header__main--top .header__navigation ul li a { color: #fff } .header__main--top .header__navigation ul li a:after { background-color: #fff } } .header__logo { width: 120px; height: 40px; position: absolute; top: 50%; left: 5%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 8 } @media only screen and (min-width: 1023px) { .header__logo { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } } .header__logo a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3 } .header__logo .wordmark { width: 60%; left: 42%; top: 10%; position: absolute; height: 100%; overflow: hidden } .header__logo .wordmark img { padding-left: 5px } .header__logo img { width: 100%; position: absolute; top: 0; left: 0; -o-object-fit: contain; object-fit: contain } .header__logo img.light { opacity: 0 } .header__actions { display: none } @media only screen and (min-width: 1023px) { .header__actions { position: absolute; display: block; right: 0; top: 50%; width: auto; height: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%) } } .header .mobile-dimmer { position: fixed; content: ''; top: 0; left: 0; width: 100%; height: 100vh; background-color: #a63e68; -webkit-transform: translateX(-100%); transform: translateX(-100%) } @media only screen and (min-width: 1260px) { .header .mobile-dimmer { display: none } } .header article { position: fixed; top: 0; left: 0; padding: 0 20vw; height: 100vh; -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 9; background-color: #fff; display: table } @media only screen and (min-width: 1023px) { .header article { -webkit-transform: none; transform: none; padding: 0; width: 100%; background-color: rgba(255, 255, 255, 0); display: block; position: relative; height: 100%; z-index: 7 } } .header__navigation { display: table-cell; vertical-align: middle } @media only screen and (min-width: 767px) { .header__navigation { width: 150px } } @media only screen and (min-width: 1023px) { .header__navigation { position: absolute; left: 0; width: auto; height: auto; background-color: transparent; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0 } } .header__navigation img.logo { width: 120px; height: auto; -o-object-fit: contain; object-fit: contain; margin-bottom: 2rem; display: block } @media only screen and (min-width: 1023px) { .header__navigation img.logo { display: none } } .header__navigation .mobile-login hr { border-color: #a63e68 } @media only screen and (min-width: 1023px) { .header__navigation .mobile-login { display: none } } .header__navigation ul { list-style-type: none; margin-left: 0; padding-left: 0; display: block } @media only screen and (min-width: 1023px) { .header__navigation ul { position: relative; width: auto; left: 0; margin: 0; -webkit-transform: none; transform: none } } .header__navigation ul li { text-align: left; padding: 10px 0; overflow: hidden; position: relative; bottom: -15px; opacity: 0 } @media only screen and (min-width: 1023px) { .header__navigation ul li { display: inline-block; line-height: 1; margin-right: 2em; opacity: 1; bottom: 0; text-align: center } .header__navigation ul li:last-child { margin-right: 0 } } @media only screen and (min-width: 1260px) { .header__navigation ul li { margin-right: 2.5em } } @media only screen and (min-width: 1480px) { .header__navigation ul li { margin-right: 3em } } .header__navigation ul li a { font-size: 5vw; bottom: 0; left: 0; position: relative; font-weight: 500; color: #474747; text-decoration: none; border-radius: 15px; display: inline-block } .header__navigation ul li a:after { position: absolute; bottom: -10px; left: 0; height: 2px; background-color: #fff; width: 0%; content: '' } @media only screen and (min-width: 767px) { .header__navigation ul li a { font-size: 1.4rem } } @media only screen and (min-width: 1023px) { .header__navigation ul li a { opacity: 1; font-size: .9rem; font-weight: 500; padding: 0; margin: 8px 15px; bottom: 0; color: #fff } } @media only screen and (min-width: 1480px) { .header__navigation ul li a { font-size: 1rem } } .hamburger { position: relative; height: 80px; width: 25px; top: 0; right: 0; float: right; padding: 0 30px; z-index: 9 } @media only screen and (min-width: 1023px) { .hamburger { display: none } } .hamburger span { height: 3px; width: 25px; border-radius: 3px; background-color: #fff; position: absolute } .hamburger span:first-child { top: 34px } .hamburger span:last-child { bottom: 34px } .page-template-page-homepage .header__logo .dark { opacity: 0 } @media only screen and (min-width: 1023px) { .page-template-page-homepage .header__logo .dark { opacity: 1 } } .page-template-page-homepage .header__logo .light { opacity: 1 } @media only screen and (min-width: 1023px) { .page-template-page-homepage .header__logo .light { opacity: 0 } } .page-template-page-homepage .main { padding-top: 0 } @media only screen and (min-width: 1023px) { .page-template-page-homepage .main-purple { z-index: -1 } .page-template-page-homepage .main-purple span { width: 80vw; height: 80vw; right: -300px; top: 85vh; position: absolute; border-radius: 100%; -webkit-animation: pulsing 4s infinite ease-in-out forwards alternate; animation: pulsing 4s infinite ease-in-out forwards alternate; content: ''; background-image: linear-gradient(-131deg, #c04068 0%, #4f3e68 100%) } } @media only screen and (min-width: 1023px) and (min-height: 1365px) { .page-template-page-homepage .main-purple span { display: none } } @media only screen and (min-width: 1260px) { .page-template-page-homepage .main-purple span { width: 1200px; height: 1200px; right: -350px; top: 80vh; display: block } } .page-template-page-homepage .main-orange span { top: -500px; right: -20% } @media only screen and (min-width: 767px) { .page-template-page-homepage .main-orange span { width: 1200px; height: 1200px; top: -450px } } @media only screen and (min-width: 1023px) { .page-template-page-homepage .main-orange span { width: 1000px; height: 1000px; top: -500px; right: calc(100vw - 330px - 5%) } } @media only screen and (min-width: 1260px) { .page-template-page-homepage .main-orange span { width: 1000px; height: 1000px; right: calc(100vw - 440px - 5%) } } @media only screen and (min-width: 1480px) { .page-template-page-homepage .main-orange span { right: calc(100vw - 440px - 15%) } } .page-template-page-homepage .hero { position: relative; height: 75vh; max-height: 550px } @media only screen and (min-width: 480px) { .page-template-page-homepage .hero { min-height: 550px; height: 90vw; max-height: 1000px } } @media only screen and (max-width: 667px) and (orientation: landscape) { .page-template-page-homepage .hero { min-height: 500px } } @media only screen and (min-width: 767px) { .page-template-page-homepage .hero { height: 850px } } @media only screen and (min-width: 1023px) { .page-template-page-homepage .hero { display: table; margin-top: 120px; height: calc(100vh - 120px); max-height: 1200px } } @media only screen and (min-width: 1024px) and (min-height: 1246px) { .page-template-page-homepage .hero { max-height: 900px } } @media only screen and (min-width: 1260px) { .page-template-page-homepage .hero { max-height: none } } .page-template-page-homepage .hero__content { text-align: center; padding: 18vh 0 10vh 0 } @media only screen and (min-width: 480px) { .page-template-page-homepage .hero__content { padding: 120px 0 150px 0 } } @media only screen and (min-width: 767px) { .page-template-page-homepage .hero__content { padding: 10rem 0 4rem 0 } } @media only screen and (min-width: 1023px) { .page-template-page-homepage .hero__content { text-align: left; z-index: 4; display: table-cell; vertical-align: middle; padding: 0; padding-left: 60%; padding-right: 10%; padding-bottom: 5% } } @media only screen and (min-width: 1480px) { .page-template-page-homepage .hero__content { padding-right: 15% } } .page-template-page-homepage .hero__content h1, .page-template-page-homepage .hero__content p { color: #fff } .page-template-page-homepage .hero__content h1 { font-size: 2.2rem; max-width: 90%; margin: auto } @media only screen and (min-width: 480px) { .page-template-page-homepage .hero__content h1 { max-width: 85% } } @media only screen and (min-width: 767px) { .page-template-page-homepage .hero__content h1 { font-size: 2.6rem } } @media only screen and (min-width: 1023px) { .page-template-page-homepage .hero__content h1 { color: #474747; margin: 0; margin-bottom: .7rem; font-size: 2.2rem } } @media only screen and (min-width: 1260px) { .page-template-page-homepage .hero__content h1 { font-size: 2.6rem } } .page-template-page-homepage .hero__content p { display: none } @media only screen and (min-width: 1023px) { .page-template-page-homepage .hero__content p { color: #474747; display: block } } .page-template-page-homepage .hero__content .mc4wp-form { display: none } @media only screen and (min-width: 1023px) { .page-template-page-homepage .hero__content .mc4wp-form { display: block; margin-top: 2rem; position: relative; max-width: 300px } } .page-template-page-homepage .hero__content .mc4wp-form input[type="email"] { -webkit-appearance: none; height: 50px; border: 1px solid #474747; border-radius: 50px; width: 100%; font-size: 1rem; text-indent: 1.2rem; outline: 0; overflow: hidden } .page-template-page-homepage .hero__content .mc4wp-form input[type="submit"] { position: absolute; content: '\f105'; font-family: 'FontAwesome'; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 5px; height: 40px; width: 40px; padding: 0 0 0 1%; color: #fff; background-color: #a63e68; -webkit-appearance: none; border-style: none; border-radius: 100% } .page-template-page-homepage .hero__content .mc4wp-form .mc4wp-response { position: absolute; bottom: -60px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 80%; text-align: center } .page-template-page-homepage .hero__devices { width: 110vw; margin: auto; position: absolute; bottom: 0; right: 15%; z-index: 2 } @media only screen and (min-width: 480px) { .page-template-page-homepage .hero__devices { width: 80vw; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%) } } @media only screen and (min-width: 767px) { .page-template-page-homepage .hero__devices { width: 110vw; max-width: 956px; right: 15%; -webkit-transform: translateX(0); transform: translateX(0) } } @media only screen and (min-width: 1023px) { .page-template-page-homepage .hero__devices { width: 120vh; bottom: 55%; max-width: none; -webkit-transform: translateY(50%); transform: translateY(50%); position: absolute; right: 50% } } @media only screen and (min-width: 1260px) { .page-template-page-homepage .hero__devices { width: 130vh } } @media only screen and (min-width: 1024px) and (min-height: 1246px) { .page-template-page-homepage .hero__devices { width: 80vw } } @media only screen and (min-width: 2000px) { .page-template-page-homepage .hero__devices { width: 65vw } } @media only screen and (min-width: 3300px) { .page-template-page-homepage .hero__devices { width: 55vw } } .page-template-page-homepage .hero__laptop { position: relative; margin-bottom: -26% } .page-template-page-homepage .hero__laptop img.screen { position: absolute; width: 70%; height: auto; right: 15%; top: 4%; z-index: 3 } .page-template-page-homepage .hero__mobile { position: absolute; bottom: 0; right: 0; width: 20%; z-index: 5 } .page-template-page-homepage .hero__mobile img.iphone { height: 100%; width: 100%; z-index: 0; display: block } .page-template-page-homepage .hero__mobile img.screen { z-index: 1; position: absolute; height: auto; width: 80%; left: 9%; top: 12% } .page-template-page-homepage .pricing a { margin-top: 2rem; padding: 15px 25px 12px 25px; border: 1px solid #474747; border-radius: 40px; color: #474747; font-size: 1rem; line-height: 1; text-decoration: none; } .pagination span { margin-top: 2rem; padding: 15px 25px 12px 25px; border: 1px solid #474747; border-radius: 40px; color: #474747; font-size: 1rem; line-height: 1; text-decoration: none; display: none } @media only screen and (min-width: 767px) { .page-template-page-homepage .pricing a { display: inline-block } .pagination span { display: inline-block } } .page-template-page-homepage .pricing a.mobile-more { display: inline-block; margin-top: 5rem } @media only screen and (min-width: 767px) { .page-template-page-homepage .pricing a.mobile-more { display: none } } #slideshow { margin: -15px auto; position: relative; width: 240px; height: 240px; padding: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.4); border-radius: 3px; } #slideshow > div { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; } .bascket a:hover { color: white !important; }

جمع کل	0 تومان
تخفیف	0 تومان
مالیات	0 تومان
قابل پرداخت	0 تومان