/* Theme Name: RahkareNovin URI: http://www.rahkarenovin.com Author : RahkareNovin Description: طراحی سایت، سئو، میزبانی وب و ثبت دامنه License: RahkareNovin private License */ @charset "utf-8"; @font-face { font-family: BYekan; src: url('../font/byekan/BYekan.eot?#') format('eot'), /* IE6–8 */ url('../font/byekan/BYekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+ */ url('../font/byekan/BYekan.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */ } @font-face { font-family: Droid Arabic Kufi; src: url('../font/DroidArabicKufi/Droid Arabic Kufi.eot?#') format('eot'), /* IE6–8 */ url('../font/DroidArabicKufi/Droid Arabic Kufi.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+ */ url('../font/DroidArabicKufi/Droid Arabic Kufi.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */ } @font-face { font-family: IRANSansWeb_Light; src: url('../font/iransans/IRANSansWeb_Light/IRANSansWeb_Light.eot?#') format('eot'), /* IE6–8 */ url('../font/iransans/IRANSansWeb_Light/IRANSansWeb_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+ */ url('../font/iransans/IRANSansWeb_Light/IRANSansWeb_Light.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */ } @font-face { font-family: Aviny; src: url('../font/Aviny/Aviny.eot?#') format('eot'), /* IE6–8 */ url('../font/Aviny/Aviny.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+ */ url('../font/Aviny/Aviny.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */ } html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, table, tr, td { margin: 0; padding: 0; font-family:IRANSansWeb_Light, tahoma; vertical-align: baseline; line-height:20pt; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } iframe { /*برای بخش ویدیو در مقالات*/ border:0px; } body { margin: 0px; padding: 0px; color: #000; position: relative; -webkit-font-smoothing: antialiased; background: linear-gradient(90deg,#ebebeb,#fff,#ebebeb); background: -webkit-linear-gradient(0deg,#ebebeb,#fff,#ebebeb); } .menutop { text-align: center; width: 100%; height: 100px; } .menutop a{ width: 170px; text-align: center; font-size: 12pt; margin: 0px; padding: 0px; display:inline-block; } .menutop h1{ font-size: 12pt; margin: 0px; padding: 0px; width: 170px; display: block; } .bodymainpage{ margin: 0px; padding: 0px; color: #000; position: relative; -webkit-font-smoothing: antialiased; background:#ffffff; } .container{ width:1170px; height: 100%; display: table; margin: 0px auto; position: relative; } a { text-decoration:none; color: #000; transition: ease-in 0.3s; } a:hover { text-decoration:none; color: #ff0004; transition: ease-in 0.3s; } /* شروع استایل های نمایش و مخفی کردن متن صفحه اصلی */ .tblShowHide { border: #000000 0px solid; height: max-content; width: 95%; margin: 100px auto 0px auto; position: relative; z-index: 1000; direction: rtl; text-align: justify; } .main_text_top{ width: 100%; height: 100%; direction: rtl; text-align: justify; } .shadow_expand .badge-num-orange { box-sizing: border-box; background: #ff8d00; border-radius: 50%; font-size: 9pt; height: 30px; width: 30px; position: absolute; bottom: 0px; right: 45%; left: 45%; border: 3px solid #fff; padding: 0px; margin: 0px auto 0px auto; box-shadow: 0px 0px 8px rgba(0,0,0,.4); animation: pulse 4s infinite; cursor: pointer; } .none_shadow_collapse .badge-num-orange { box-sizing: border-box; background: #ff8d00; border-radius: 50%; font-size: 9pt; height: 30px; width: 30px; position: absolute; bottom: -40px; right: 45%; left: 45%; border: 3px solid #fff; padding: 0px; margin: 0px auto 0px auto; box-shadow: 0px 0px 8px rgba(0,0,0,.4); animation: pulse 4s infinite; cursor: pointer; } .badge-num-orange:after { content:''; position:absolute; top:0px; left:0px; border:2px solid rgba(254,101,0,.5); opacity:0; border-radius:50%; width:80%; height:80%; animation:sonar 2s infinite; } @keyframes sonar { 0% { transform:scale(.9); opacity:1 } 100% { transform:scale(2); opacity:0 } } @keyframes pulse { 0% { transform:scale(1) } 20% { transform:scale(1.3) } 50% { transform:scale(1) } 80% { transform:scale(1.2) } 100% { transform:scale(1) } } .badge-num-orange .fa-chevron-circle-up{ color: #fff; font-size: 2.6em; margin: 0px auto; padding: 0px; line-height: 24px; position:relative; left:1px; } .badge-num-orange .fa-chevron-circle-down{ color: #fff; font-size: 2.6em; margin: 0px auto; padding: 0px; line-height: 24px; position:relative; left:1px; } .tblShowHide .shadow_expand { position: absolute; z-index: 1; bottom: 0px; width: 100%; height: 100%; display: block; background: -webkit-linear-gradient(top,hsla(0,0%,100%,0) 0%,#fff 90%); background: linear-gradient(180deg,hsla(0,0%,100%,0) 0%,#fff 90%); cursor: pointer; } .none_shadow_collapse { position: absolute; z-index: 1; bottom: 0px; width: 100%; height: 100%; display: block; background: none; cursor: pointer; } /* پایان استایل های نمایش و مخفی کردن متن صفحه اصلی */ .que_1 { width:100%; direction:rtl; font-size:12pt; margin-top:20px; color:#00A312; } .ans_1 { width:100%; direction:rtl; font-size:10pt; } .que_2 { width:100%; direction:rtl; font-size:12pt; margin-top:20px; color:#00A312; } .ans_2 { width:100%; direction:rtl; font-size:10pt; } .que_3 { width:100%; direction:rtl; font-size:12pt; margin-top:20px; color:#00A312; } .ans_3 { width:100%; direction:rtl; font-size:10pt; } /* contact us top icon inja */ .menu_topbar { width:100%; height:40px; background:#ffcf0e; /* 89bf42 */ position: relative; z-index: 5; } .menu_topbar_nav { margin:0px auto; height: 40px; background: none; } .menu_topbar_nav_shadow{ width: 100%; height: 40px; position: absolute; z-index: 1; } .menu_topbar_nav_shadow:before, .menu_topbar_nav_shadow:after{ z-index: -1; position: absolute; content: ""; bottom: 20px; left: 5px; width: 50%; top: 10px; max-width:40%; background: #777; -webkit-box-shadow: 0 15px 20px #777; -moz-box-shadow: 0 15px 20px #777; box-shadow: 0 15px 20px #777; -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -o-transform: rotate(-1deg); -ms-transform: rotate(-1deg); transform: rotate(-1deg); } .menu_topbar_nav_shadow:after{ -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -o-transform: rotate(1deg); -ms-transform: rotate(1deg); transform: rotate(1deg); right: 5px; left: auto; } .menu_topbar_contact { float: left; margin: 0px; padding: 0px; line-height: 40px; transition: ease .5s; } .menu_topbar_contact >li{ float: left; list-style: none; font-size: 10pt; display: block; height: 39px; } .menu_topbar_contact >li a { transition: ease .9s; } .menu_topbar_contact >li a:hover { color: #fff; transition: ease .5s; } .menu_topbar_contact >li i{ padding-left: 15px; padding-right: 10px; color: #000; font-size: 12pt; line-height:18px; } .mob_menu { display:none; } /* اسلاید */ .slid_img { width: 100%; height: 100%; display: table; position: relative; z-index: -1; } .slid_img a{ width: 100%; height: 100%; display: block; } .slid_img a img{ width: 100%; display: table; background-position: center center; background-repeat: no-repeat; background-size: cover; } /* social media icon top inja */ .menu_topbar_social { float: right; margin: 0px; padding: 0px; line-height: 40px; } .menu_topbar_social >li{ float: right; padding:0px 10px; list-style: none; font-size: 12pt; } .menu_topbar_social >li a{ border: 0px solid #000; display: block; width: 30px; text-align: center; height: 38px; line-height: 40px; } .menu_topbar_social >li a { transition: ease .9s; } .menu_topbar_social >li a:hover { color: #fff; transition: ease .4s; font-size: 14pt; } .header_box { width:100%; height:170px; background:#fff; border-bottom:4px solid #c0ebfb; } .header_moshak{ background:url(../images/moshak_header_1.png) no-repeat center; width:300px; height:200px; background-size: 300px; float:left; position: relative; bottom: 23px; z-index: 0; } .header_moshak_icon { background:url(../images/moshak.png) no-repeat center; width:150px; height:170px; background-size: 150px; position: absolute; top: 23px; z-index: 25; left: -5px; } .header_moshak_icon:hover { background:url(../images/moshak.gif) no-repeat center; width:160px; height:170px; background-size: 160px; position: absolute; top: 24px; z-index: 25; left: -10px; } .header_creative_web { float:left; width:210px; height:48px; margin-left: 5px; margin-top:20px; } .header_logo { width:240px; height: 110px; display: block; margin-top:-3px; margin-right: 33px; float:right; background: url(../images/logo_new_Small_300px.png) no-repeat; background-size: 240px; border: 0px solid #000; position: relative; z-index: 1; } .header_menu { width:800px; height:41px; float:right; margin-top: 24px; position: relative; } .header_menu ul { float:right; margin:0px; padding: 0px; position: relative; z-index: 2; } .header_menu >ul li { float:right; list-style: none; font-size: 7pt; height: 41px; margin: 0px 4px; display: block; line-height: 40px; background:#e7f5fb; border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius:10px; transition: ease-in-out .5s } .header_menu >ul li:hover { float:right; list-style: none; font-size: 7pt; height: 41px; margin: 0px 4px; display: block; line-height: 40px; background: #ffcf0e; border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius:10px; transition: ease-in-out .5s } .header_menu >ul li a{ height: 20px; display: block; padding: 10px 5px; background: none; color: #000; } .header_menu >ul li a:hover{ color: #fff; } .header_menu .homelink { width:120px; height:41px; background:url("../images/home_icon.png") no-repeat center; float:right; position:relative; z-index:2; } .header_menu .homelink a { display: block; width:100%; height:100%; } .header_abr{ width:820px; height:250px; position: absolute; bottom: -29px; z-index: 0; background:url("../images/header_abr_1.png") no-repeat center;/*header_abr*/ background-size: 820px; } /* .header_abr_small-1{ width:140px; height:62px; position: absolute; top: 10px; left: 400px; z-index: 4; background:url("../images/header_abr_small.png") no-repeat center; background-size: 139px; } .header_abr_small-2{ width:190px; height:85px; position: absolute; top:25px; left: 540px; z-index: 4; background:url("../images/header_abr_small_2.png") no-repeat center; background-size: 190px; } */ #layerslider_1 { width:100%; height:170px; position:absolute; z-index:2; background: none; } .main_menu_master_bg{ width:100%; height: 700px; background: -webkit-linear-gradient(0deg,#fff,#ebebeb,#ebebeb,#fff); background: linear-gradient(0deg,#fff,#ebebeb,#ebebeb,#fff); border:0px solid #000; margin-top: 30px; margin-bottom:10px; } .main_menu_master_bg >.container{ width:1150px; height:700px; border:0px solid #000; } /*.main_menu_master_bg >.container{ width:100%; height:450px; background:url(../images/Untitled-1.jpg) center center no-repeat; background-size:1200px; }*/ /* سمت چپ طراحی سایت */ .main_menu_master_box1{ width:470px; height:100px; margin-top: 60px; background: -webkit-linear-gradient(20deg,#eaeaea,#fff,#eaeaea); background: linear-gradient(40deg,#eaeaea,#fff,#eaeaea); position:relative; border-radius:10px; box-shadow:0px 10px 10px #bdbdbd; border:1px solid #a8a8a8; float:left; transition: ease-in 0.3s; } .main_menu_master_box1:hover{ width:500px; transition: ease-in 0.3s; } .d1{ width: 90px; height: 100px; background:#eaeaea; float:right; position: absolute; right: -40px; border-radius:10px; box-shadow:5px 10px 10px #bdbdbd; border:1px solid #a8a8a8; transform: skewx(-30deg); } .over_d1{ width: 110px; height: 120px; background: -webkit-linear-gradient(45deg,#FF0004,#ff0004,#a00000); background: linear-gradient(45deg,#FF0004,#ff0004,#a00000); float:right; position: absolute; z-index:1; right: -10px; top: -10px; border:1px solid #fff; box-shadow:2px 2px 4px #666; border-radius:10px; transform: skewx(-30deg); } .over_d1_text p{ position: absolute; z-index:1; width: 50px; height: 30px; right:10px; top: -30px; font-size: 28pt; color: #fff; font-weight:bold; text-shadow: 2px 2px 2px #111; } .over_d1_text h2{ position: absolute; z-index:1; width: 100px; height: 60px; right: 15px; font-size: 15pt; top: 50px; color: #fff; text-align: center; text-shadow: 2px 2px 2px #111; } .main_menu_master_box1 a >h2 { position: absolute; top: 10px; right: 110px; font-size: 16pt; color: #009dc4; text-shadow: 2px 2px 2px #cfcfcf; } .main_menu_master_box1 a >h3 { position: absolute; top: 40px; right: 130px; font-size: 9pt; color: #000; width: 310px; text-align: right; direction: rtl; background: none; } .main_menu_master_box1 a >i { position: absolute; top: 10px; left: 35px; font-size: 20pt; color: #ff0004; } .main_menu_master_box1 a { width: 100%; height: 100%; display: block; } /* سمت راست سئو */ .main_menu_master_box2 { width:470px; height:100px; margin-top: 60px; background: -webkit-linear-gradient(-20deg,#eaeaea,#fff,#eaeaea); background: linear-gradient(-40deg,#eaeaea,#fff,#eaeaea); position:relative; border-radius:10px; box-shadow:0px 10px 10px #bdbdbd; border:1px solid #a8a8a8; float:right; transition: ease-in 0.3s; } .main_menu_master_box2:hover{ width:500px; transition: ease-in 0.3s; } .d2{ width: 90px; height: 100px; background:#eaeaea; float:left; position: absolute; left: -55px; border-radius:10px; box-shadow:-5px 10px 10px #bdbdbd; border:1px solid #a8a8a8; transform: skewx(220deg); } .over_d2{ width: 110px; height: 120px; background: -webkit-linear-gradient(-45deg,#a00000,#FF0004,#ff0004); background: linear-gradient(145deg,#a00000,#FF0004,#ff0004); float:left; position: absolute; z-index:1; left: -30px; top: -10px; border:1px solid #fff; box-shadow:2px 2px 4px #666; border-radius:10px; transform: skewx(40deg); } .over_d2_text p{ position: absolute; z-index:1; width: 50px; height: 30px; left: -15px; top: -30px; font-size: 28pt; color: #fff; font-weight:bold; text-shadow: 2px 2px 2px #111; } .over_d2_text h2{ position: absolute; z-index:1; width: 100px; height: 60px; left: -10px; font-size: 15pt; top: 50px; color: #fff; text-align: center; text-shadow: 2px 2px 2px #111; } .main_menu_master_box2 a >h2 { position: absolute; top: 10px; left: 90px; font-size: 16pt; color: #009dc4; text-shadow: 2px 2px 2px #cfcfcf; } .main_menu_master_box2 a >h3 { position: absolute; top: 40px; left: 100px; font-size: 9pt; color: #000; width: 310px; text-align: right; direction: rtl; background: none; } .main_menu_master_box2 a >i { position: absolute; top: 10px; right: 35px; font-size: 20pt; color: #ff0004; } /* سمت چپ میزبانی وب */ .main_menu_master_box3{ width:420px; height:100px; margin-top: 60px; background: -webkit-linear-gradient(20deg,#eaeaea,#fff,#eaeaea); background: linear-gradient(40deg,#eaeaea,#fff,#eaeaea); position:relative; border-radius:10px; box-shadow:0px 10px 10px #bdbdbd; border:1px solid #a8a8a8; float:left; transition: ease-in 0.3s; } .main_menu_master_box3:hover{ width:450px; transition: ease-in 0.3s; } .d3{ width: 90px; height: 100px; background:#eaeaea; float:right; position: absolute; right: -40px; border-radius:10px; box-shadow:5px 10px 10px #bdbdbd; border:1px solid #a8a8a8; transform: skewx(-30deg); } .over_d3{ width: 110px; height: 120px; background: -webkit-linear-gradient(45deg,#00cd17,#00cd17,#00A312); background: linear-gradient(45deg,#00cd17,#00cd17,#00A312); float:right; position: absolute; z-index:1; right: -10px; top: -10px; border:1px solid #fff; box-shadow:2px 2px 4px #666; border-radius:10px; transform: skewx(-30deg); } .over_d3_text p{ position: absolute; z-index:1; width: 50px; height: 30px; right:10px; top: -30px; font-size: 28pt; color: #fff; font-weight:bold; text-shadow: 2px 2px 2px #111; } .over_d3_text h2{ position: absolute; z-index:1; width: 100px; height: 60px; right: 15px; font-size: 15pt; top: 50px; color: #fff; text-align: center; text-shadow: 2px 2px 2px #111; } .main_menu_master_box3 a >h2 { position: absolute; top: 10px; right: 100px; font-size: 16pt; color: #009dc4; text-shadow: 2px 2px 2px #cfcfcf; } .main_menu_master_box3 a >h3 { position: absolute; top: 40px; right: 130px; font-size: 9pt; color: #000; width: 260px; text-align: right; direction: rtl; background: none; } .main_menu_master_box3 a >i { position: absolute; top: 10px; left: 35px; font-size: 20pt; color: #00cd17; } /* سمت چپ تبلیغات کلیکی گوگل */ .main_menu_master_box4 { width:420px; height:100px; margin-top: 60px; background: -webkit-linear-gradient(-20deg,#eaeaea,#fff,#eaeaea); background: linear-gradient(-40deg,#eaeaea,#fff,#eaeaea); position:relative; border-radius:10px; box-shadow:0px 10px 10px #bdbdbd; border:1px solid #a8a8a8; float:right; transition: ease-in 0.3s; } .main_menu_master_box4:hover{ width:450px; transition: ease-in 0.3s; } .d4{ width: 90px; height: 100px; background:#eaeaea; float:left; position: absolute; left: -55px; border-radius:10px; box-shadow:-5px 10px 10px #bdbdbd; border:1px solid #a8a8a8; transform: skewx(220deg); } .over_d4{ width: 110px; height: 120px; background: -webkit-linear-gradient(-45deg,#00A312,#00cd17,#00cd17); background: linear-gradient(145deg,#00A312,#00cd17,#00cd17); float:left; position: absolute; z-index:1; left: -28px; top: -10px; border:1px solid #fff; box-shadow:2px 2px 4px #666; border-radius:10px; transform: skewx(40deg); } .over_d4_text p{ position: absolute; z-index:1; width: 50px; height: 30px; left: -15px; top: -30px; font-size: 28pt; color: #fff; font-weight:bold; text-shadow: 2px 2px 2px #111; } .over_d4_text h2{ position: absolute; z-index:1; width: 100px; height: 60px; left: -10px; font-size: 15pt; top: 50px; color: #fff; text-align: center; text-shadow: 2px 2px 2px #111; } .main_menu_master_box4 a >h2 { position: absolute; top: 10px; left: 90px; font-size: 16pt; color: #009dc4; text-shadow: 2px 2px 2px #cfcfcf; } .main_menu_master_box4 a >h3 { position: absolute; top: 40px; left: 90px; font-size: 9pt; color: #000; width: 270px; text-align: right; direction: rtl; background: none; } .main_menu_master_box4 a >i { position: absolute; top: 10px; right: 35px; font-size: 20pt; color: #00cd17; } /* سمت چپ ثبت دامنه */ .main_menu_master_box5{ width:390px; height:100px; margin-top: 60px; margin-right: 25px; background: -webkit-linear-gradient(20deg,#eaeaea,#fff,#eaeaea); background: linear-gradient(40deg,#eaeaea,#fff,#eaeaea); position:relative; border-radius:10px; box-shadow:0px 10px 10px #bdbdbd; border:1px solid #a8a8a8; float:left; transition: ease-in 0.3s; } .main_menu_master_box5:hover{ width:420px; transition: ease-in 0.3s; } .d5{ width: 90px; height: 100px; background:#eaeaea; float:right; position: absolute; right: -40px; border-radius:10px; box-shadow:5px 10px 10px #bdbdbd; border:1px solid #a8a8a8; transform: skewx(-30deg); } .over_d5{ width: 110px; height: 120px; background: -webkit-linear-gradient(45deg,#f7fa00,#f7fa00,#edbe00,#edbe00); background: linear-gradient(45deg,#f7fa00,#f7fa00,#edbe00,#edbe00); float:right; position: absolute; z-index:1; right: -10px; top: -10px; border:1px solid #fff; box-shadow:2px 2px 4px #666; border-radius:10px; transform: skewx(-30deg); } .over_d5_text p{ position: absolute; z-index:1; width: 50px; height: 30px; right:10px; top: -30px; font-size: 28pt; color: #fff; font-weight:bold; text-shadow: 2px 2px 2px #111; } .over_d5_text h2{ position: absolute; z-index:1; width: 100px; height: 60px; right: 5px; font-size: 15pt; top: 50px; color: #fff; text-align: center; text-shadow: 2px 2px 2px #111; } .main_menu_master_box5 a >h2 { position: absolute; top: 10px; right: 100px; font-size: 16pt; color: #009dc4; text-shadow: 2px 2px 2px #cfcfcf; } .main_menu_master_box5 a >h3 { position: absolute; top: 40px; right: 130px; font-size: 9pt; color: #000; width: 215px; text-align: right; direction: rtl; background: none; } .main_menu_master_box5 a >i { position: absolute; top: 10px; left: 35px; font-size: 20pt; color: #ffcc00; } /* سمت راست تبلیغات اینترنتی */ .main_menu_master_box6 { width:380px; height:100px; margin-top: 60px; margin-left: 25px; background: -webkit-linear-gradient(-20deg,#eaeaea,#fff,#eaeaea); background: linear-gradient(-40deg,#eaeaea,#fff,#eaeaea); position:relative; border-radius:10px; box-shadow:0px 10px 10px #bdbdbd; border:1px solid #a8a8a8; float:right; transition: ease-in 0.3s; } .main_menu_master_box6:hover{ width:420px; transition: ease-in 0.3s; } .d6{ width: 90px; height: 100px; background:#eaeaea; float:left; position: absolute; left: -50px; border-radius:10px; box-shadow:-5px 10px 10px #bdbdbd; border:1px solid #a8a8a8; transform: skewx(220deg); } .over_d6{ width: 110px; height: 120px; background: -webkit-linear-gradient(-45deg,#edbe00,#edbe00,#f7fa00,#f7fa00); background: linear-gradient(145deg,#edbe00,#edbe00,#f7fa00,#f7fa00); float:left; position: absolute; z-index:1; left: -20px; top: -10px; border:1px solid #fff; box-shadow:2px 2px 4px #666; border-radius:10px; transform: skewx(40deg); } .over_d6_text p{ position: absolute; z-index:1; width: 50px; height: 30px; left: -10px; top: -30px; font-size: 28pt; color: #fff; font-weight:bold; text-shadow: 2px 2px 2px #111; } .over_d6_text h2{ position: absolute; z-index:1; width: 100px; height: 60px; left: 0px; font-size: 15pt; top: 50px; color: #fff; text-align: center; text-shadow: 2px 2px 2px #111; } .main_menu_master_box6 a >h2 { position: absolute; top: 10px; left: 100px; font-size: 16pt; color: #009dc4; text-shadow: 2px 2px 2px #cfcfcf; } .main_menu_master_box6 a >h3 { position: absolute; top: 40px; left: 90px; font-size: 9pt; color: #000; width: 230px; text-align: right; direction: rtl; background: none; } .main_menu_master_box6 a >i { position: absolute; top: 10px; right: 35px; font-size: 20pt; color: #ffcc00; } /* سمت چپ لوگو */ .main_menu_master_box7{ width:360px; height:100px; margin-top: 60px; background: -webkit-linear-gradient(20deg,#eaeaea,#fff,#eaeaea); background: linear-gradient(40deg,#eaeaea,#fff,#eaeaea); position:relative; border-radius:10px; box-shadow:0px 10px 10px #bdbdbd; border:1px solid #a8a8a8; float:left; transition: ease-in 0.3s; } .main_menu_master_box7:hover{ width:390px; transition: ease-in 0.3s; } .d7{ width: 90px; height: 100px; background:#eaeaea; float:right; position: absolute; right: -40px; border-radius:10px; box-shadow:5px 10px 10px #bdbdbd; border:1px solid #a8a8a8; transform: skewx(-30deg); } .over_d7{ width: 110px; height: 120px; background: -webkit-linear-gradient(-145deg,#3b697a,#3b697a,#6bbfde,#6bbfde); background: linear-gradient(-145deg,#3b697a,#3b697a,#6bbfde,#6bbfde); float:right; position: absolute; z-index:1; right: -10px; top: -10px; border:1px solid #fff; box-shadow:2px 2px 4px #666; border-radius:10px; transform: skewx(-30deg); } .over_d7_text p{ position: absolute; z-index:1; width: 50px; height: 30px; right:10px; top: -30px; font-size: 28pt; color: #fff; font-weight:bold; text-shadow: 2px 2px 2px #111; } .over_d7_text h2{ position: absolute; z-index:1; width: 100px; height: 60px; right: 15px; font-size: 15pt; top: 50px; color: #fff; text-align: center; text-shadow: 2px 2px 2px #111; } .main_menu_master_box7 a >h2 { position: absolute; top: 10px; right: 100px; font-size: 16pt; color: #009dc4; text-shadow: 2px 2px 2px #cfcfcf; } .main_menu_master_box7 a >h3 { position: absolute; top: 40px; right: 130px; font-size: 9pt; color: #000; width: 190px; text-align: right; direction: rtl; background: none; } .main_menu_master_box7 a >i { position: absolute; top: 10px; left: 35px; font-size: 20pt; color: #6bbfde; } /* سمت راست سی دی مالتی مدیا */ .main_menu_master_box8 { width:340px; height:100px; margin-top: 60px; background: -webkit-linear-gradient(-20deg,#eaeaea,#fff,#eaeaea); background: linear-gradient(-40deg,#eaeaea,#fff,#eaeaea); position:relative; border-radius:10px; box-shadow:0px 10px 10px #bdbdbd; border:1px solid #a8a8a8; float:right; transition: ease-in 0.3s; } .main_menu_master_box8:hover{ width:390px; transition: ease-in 0.3s; } .d8{ width: 90px; height: 100px; background:#eaeaea; float:left; position: absolute; left: -50px; border-radius:10px; box-shadow:-5px 10px 10px #bdbdbd; border:1px solid #a8a8a8; transform: skewx(220deg); } .over_d8{ width: 110px; height: 120px; background: -webkit-linear-gradient(45deg,#3b697a,#3b697a,#6bbfde,#6bbfde); background: linear-gradient(145deg,#3b697a,#3b697a,#6bbfde,#6bbfde); float:left; position: absolute; z-index:1; left: -20px; top: -10px; border:1px solid #fff; box-shadow:2px 2px 4px #666; border-radius:10px; transform: skewx(40deg); } .over_d8_text p{ position: absolute; z-index:1; width: 50px; height: 30px; left: -10px; top: -30px; font-size: 28pt; color: #fff; font-weight:bold; text-shadow: 2px 2px 2px #111; } .over_d8_text h2{ position: absolute; z-index:1; width: 100px; height: 60px; left: 10px; font-size: 15pt; top: 50px; color: #fff; text-align: center; text-shadow: 2px 2px 2px #111; } .main_menu_master_box8 a >h2 { position: absolute; top: 10px; left: 85px; font-size: 16pt; color: #009dc4; direction: rtl; text-shadow: 2px 2px 2px #cfcfcf; } .main_menu_master_box8 a >h3 { position: absolute; top: 40px; left: 110px; font-size: 9pt; color: #000; width: 170px; text-align: right; direction: rtl; background: none; } .main_menu_master_box8 a >i { position: absolute; top: 10px; right: 35px; font-size: 20pt; color: #6bbfde; } .main_menu_master_saye_left_box_container{ height: 700px; width: 60px; border: 0px solid #000; position: absolute; left:0px; top: 0px; } .main_menu_master_saye_left_box{ width: 60px; height: 700px; position: absolute; z-index: 1; left: -45px; top: 0px; border: 0px solid #000; background: -webkit-linear-gradient(0deg,#fff,#ebebeb,#ebebeb,#fff); background: linear-gradient(0deg,#fff,#ebebeb,#ebebeb,#fff); } .main_menu_master_saye_left{ width: 20px; height: 650px; position: absolute; z-index:0; left: -20px; top: 25px; border: 0px solid #000; background: -webkit-linear-gradient(top,#fff,#efefef,#efefef,#fff); box-shadow: 10px 0px 15px 10px #999; -moz-border-radius:100px; border-radius:100px; } .main_menu_master_saye_left_front{ width: 59px; height: 600px; position: absolute; z-index:2; left: -33px; top: 50px; border: 0px solid #000; background:url(../images/separateur-left.png) no-repeat center center; background-size: 40px; } .main_menu_master_saye_right_box_container{ height: 700px; width: 60px; border: 0px solid #000; position: absolute; right:0px; top: 0px; } .main_menu_master_saye_right_box{ width: 60px; height: 700px; position: absolute; z-index: 1; right: -50px; top: 0px; border: 0px solid #000; background: -webkit-linear-gradient(0deg,#fff,#ebebeb,#ebebeb,#fff); background: linear-gradient(0deg,#fff,#ebebeb,#ebebeb,#fff); } .main_menu_master_saye_right{ width: 20px; height: 650px; position: absolute; z-index:0; right: -10px; top: 25px; border: 0px solid #000; background: -webkit-linear-gradient(top,#fff,#efefef,#efefef,#fff); box-shadow: 7px 0px 15px 10px #999; -moz-border-radius:100px; border-radius:100px; } .main_menu_master_saye_right_front{ width: 59px; height: 600px; position: absolute; z-index:2; right: -39px; top: 50px; border: 0px solid #000; background:url(../images/separateur-right.png) no-repeat center center; background-size: 40px; } .slide_kadre_paeen_box{ width:100%; height:85px; position:relative; background:#a4dcef; } .slide_kadre_paeen{ width:100%; height:50px; position:relative; z-index: 5; background: url(../images/slide_shadow.png) center top no-repeat; background-size:100%; } .slide_kadre_paeen h1{ color: #000; font-size: 12pt; direction: rtl; position: relative; z-index: 5; width: 100%; text-align: center; top:20px; } .slide_kadre_paeen_circule{ width:150px; height:150px; border-radius:100px; border: 0px solid #a4dcef; background:url(../images/lamp_slide_2.png) no-repeat center center; background-size:150px; position: absolute; margin: 0px auto; z-index:1; right: 46%; top: 30px; } .slide_kadre_paeen_circule_box_left{ width:50%; height:60px; border: 0px solid #000; background:#a4dcef; position: absolute; z-index:0; top:60px; left: 0px; } .slide_kadre_paeen_circule_1{ width:40px; height:130px; border-radius:30px; position: absolute; background: #fff; z-index:1; top:-45px; left: 0px; } .slide_kadre_paeen_circule_2{ width:100px; height:130px; border-radius:100px; position: absolute; background: #fff; z-index:1; top:-40px; left:10px; } .slide_kadre_paeen_circule_3{ width:150px; height:100px; border-top-left-radius: 150px; border-top-right-radius: 150px; position: absolute; background: #fff; z-index:1; top:-25px; left:80px; } .slide_kadre_paeen_circule_4{ width:100px; height:100px; border-radius:100px; position: absolute; background: #fff; z-index:1; top:-10px; left:210px; } .slide_kadre_paeen_circule_5{ width:180px; height:100px; border-top-left-radius: 180px; border-top-right-radius: 180px; position: absolute; background: #fff; z-index:1; top:-10px; left:280px; } .slide_kadre_paeen_circule_6{ width:120px; height:80px; border-top-left-radius: 120px; border-top-right-radius: 120px; position: absolute; background: #fff; z-index:1; top:24px; left:464px; } .slide_kadre_paeen_circule_7{ width:80px; height:80px; border-radius:80px; position: absolute; background: #fff; z-index:1; top:10px; left:410px; } .slide_kadre_paeen_circule_box_right{ width:50%; height:60px; border: 0px solid #000; background:#a4dcef; position: absolute; z-index:0; top:60px; right: 0px; } .slide_kadre_paeen_circule_1_{ width:40px; height:130px; border-radius:30px; position: absolute; background: #fff; z-index:1; top:-45px; right: 0px; } .slide_kadre_paeen_circule_2_{ width:100px; height:130px; border-radius:100px; position: absolute; background: #fff; z-index:1; top:-40px; right:10px; } .slide_kadre_paeen_circule_3_{ width:150px; height:100px; border-top-left-radius: 150px; border-top-right-radius: 150px; position: absolute; background: #fff; z-index:1; top:-25px; right:80px; } .slide_kadre_paeen_circule_4_{ width:100px; height:100px; border-radius:100px; position: absolute; background: #fff; z-index:1; top:-10px; right:210px; } .slide_kadre_paeen_circule_5_{ width:180px; height:100px; border-top-left-radius: 180px; border-top-right-radius: 180px; position: absolute; background: #fff; z-index:1; top:-10px; right:280px; } .slide_kadre_paeen_circule_6_{ width:180px; height:90px; border-top-left-radius: 180px; border-top-right-radius: 180px; position: absolute; background: #fff; z-index:1; top:24px; right:460px; } .slide_kadre_paeen_circule_7_{ width:80px; height:80px; border-radius:80px; position: absolute; background: #fff; z-index:1; top:10px; right:410px; } /* نمونه کارهای صفحه اول */ .portfolio_main_box{ width:100%; height:auto; display: table; /*! background:#cfcfcf; */ } .portfolio_main_show_item { width:270px; height: 320px; border: 1px solid #999; border-radius: 10px; position: relative; float: right; margin: 10px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .portfolio_main_show_item:hover img { box-shadow: 0px 0px 15px #999; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .9s ease-in-out; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: url("data:image/svg+xml;utf8,#grayscale"); } .portfolio_main_show_item img { width:270px; height:320px; border-radius: 10px; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); } .portfolio_main_show_item_hover{ position:absolute; text-align: center; top:5px; background-color: rgba(255,255,255,0.9); left:5px; bottom:5px; right:5px; z-index: 1; zoom: 1; filter: alpha(opacity=0); opacity: 0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; border-radius:80px; } .hoverentry:hover { zoom: 1; filter: alpha(opacity=100); opacity: 1; border-radius: 10px; border: 1px solid #999; } .portfolio_main_show_item_hover .stitle { background:#fff; position: absolute; z-index: 1; bottom: 175px; left: 0px; width: 100%; height: 40px; line-height: 40px; color: #000; font-weight: bold; } .portfolio_main_show_item_hover .site { background:#fff; position: absolute; bottom: 55px; left: 0px; width: 100%; height: 40px; line-height: 40px; } .portfolio_main_show_item_hover .dayere { position: absolute; z-index: 2; background:#fff; border-radius: 70px; width: 80px; height: 80px; top: 132px; left: 90px; border: 1px solid #cfcfcf; } .portfolio_main_show_item_hover .dayere i{ background:#fff; border-radius: 70px; width: 72px; height: 72px; margin-left: 3px; margin-top: 3px; display: block; border: 1px dotted #666; } .portfolio_main_show_item_hover .dayere>i{ font-size: 38pt; color: #8fdb3b; line-height: 70px; /* text-shadow: 0px 1px 10px #bfbfbf;*/ } .portfolio_main_show_item_hover .activity { background:#fff; position: absolute; bottom: 10px; left: 0px; width: 100%; height: 40px; line-height: 40px; font-size: 9pt; color: #000; } .portfolio_main_show_item_hover>a { display: block; background: none; width: 100%; height: 100%; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .portfolio_main_show_item_hover a:hover { color: #ff0004; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .portfolio_latest{ width:100%; height:60px; text-align: center; background: url(../images/small_content_divider.png) 0 50%; background-repeat: repeat-x; } .portfolio_latest .h3_portfolio_block_title{ width:300px; height:30px; background: #FFDF16; border-radius:25px; color:#000; margin:0px auto; font-size: 12pt; margin-top:10px; position: relative; top: 15px; border: 0px solid #cfcfcf; line-height: 32px; } /* افکت جدید نمونه کارها */ .col-sm-6{ position:relative; min-height:1px; padding-left:15px; padding-right:15px; } .ih-item { position: relative; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item, .ih-item * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ih-item a { color: #333; } .ih-item a:hover { text-decoration: none; } .ih-item img { width: 100%; height: 100%; } .portfolio_item_box .ih-item.square { position: relative; width:240px; height: 285px; border: 1px solid #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); float: right; margin:5px; border-radius: 10px; } .ih-item.square { position: relative; width:270px; height: 320px; border: 1px solid #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); float: right; margin:5px; border-radius: 10px; } .ih-item.square .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ih-item.square.effect4 { overflow: hidden; position: relative; } .ih-item.square.effect4.colored .info { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect4.colored .mask1, .ih-item.square.effect4.colored .mask2 { background: #1a4a72; background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect4 .img { height: 100%; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); } .ih-item.square.effect4 .mask1, .ih-item.square.effect4 .mask2 { position: absolute; background: #333333; background: rgba(0, 0, 0, 0.6); height: 470px; width: 310px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect4 .mask1 { left: auto; right: 0; top: 0; -webkit-transform: rotate(56.5deg) translateX(-180px); -moz-transform: rotate(56.5deg) translateX(-180px); -ms-transform: rotate(56.5deg) translateX(-180px); -o-transform: rotate(56.5deg) translateX(-180px); transform: rotate(56.5deg) translateX(-180px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; } .ih-item.square.effect4 .mask2 { top: auto; bottom: 0; left: 0; -webkit-transform: rotate(56.5deg) translateX(180px); -moz-transform: rotate(56.5deg) translateX(180px); -ms-transform: rotate(56.5deg) translateX(180px); -o-transform: rotate(56.5deg) translateX(180px); transform: rotate(56.5deg) translateX(180px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; } .ih-item.square.effect4 .info { background: #FFDF16; height: 0; visibility: hidden; width: 100%; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.35s ease-in-out 0.35s; -moz-transition: all 0.35s ease-in-out 0.35s; transition: all 0.35s ease-in-out 0.35s; } .ih-item.square.effect4 .info h3 { text-transform: uppercase; color: #000; text-align: center; direction: rtl; font-size: 17px; padding: 10px; background: transparent; margin-top: 5px; border-bottom: 1px solid #fff; opacity: 0; -webkit-transition: all 0.35s ease-in-out 0.35s; -moz-transition: all 0.35s ease-in-out 0.35s; transition: all 0.35s ease-in-out 0.35s; } .ih-item.square.effect4 .info p { font-size: 10pt; position: relative; color: #000; padding: 20px; text-align: center; opacity: 0; -webkit-transition: all 0.35s ease-in-out 0.35s; -moz-transition: all 0.35s ease-in-out 0.35s; transition: all 0.35s ease-in-out 0.35s; } .ih-item.square.effect4 a:hover .mask1 { -webkit-transform: rotate(56.5deg) translateX(1px); -moz-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); transform: rotate(40deg) translateX(1px); } .ih-item.square.effect4 a:hover .mask2 { -webkit-transform: rotate(56.5deg) translateX(-1px); -moz-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); transform: rotate(40deg) translateX(-1px); } .ih-item.square.effect4 a:hover .info { width: 100%; height: 150px; visibility: visible; top: 40px; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } .ih-item.square.effect4 a:hover .info h3, .ih-item.square.effect4 a:hover .info p { opacity: 1; } .ih-item img { width: 100%; height: 100%; } .ih-item.square.effect4 a:hover>.img { box-shadow: 0px 0px 15px #999; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .9s ease-in-out; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: url("data:image/svg+xml;utf8,#grayscale"); } /* درباره ما صفحه اول */ .about_main_box{ width:100%; height:550px; border:0px solid #000; /* background: -webkit-linear-gradient(top,#fff,#efefef,#efefef,#fff); */ background: #ededed; margin-top: 30px; position:relative; /* border-top-left-radius: 100px; border-top-right-radius: 100px;*/ } .about_main_block_right { width:560px; height:450px; background: none; position: relative; top: 15px; border: 0px solid #cfcfcf; float:right; } .about_main_block_right .h3_portfolio_block_title{ width:200px; height:30px; background: #FFDF16; border-radius:25px; color:#000; margin:0px auto; font-size: 12pt; margin-top:10px; position: relative; top: -10px; border: 0px solid #cfcfcf; line-height: 32px; } .about_main_block_right_content { width: 100%; display: block; margin-top: 10px; } .about_main_block_right_content .img-responsive { width: 250px; float: right; border-radius: 5px; margin-left: 10px; } .about_main_block_right_content p { direction: rtl; text-align: justify; font-size: 10pt; } .about_main_block_right_btn { background: #6aaf08; border-radius: 5px; -webkit-transition: background-color .25s; transition: background-color .25s; float: left; display:inline-block; padding:6px 12px; margin-bottom:0; font-size:14px; font-weight:400; line-height:1.42857143; text-align:center; border:1px solid transparent; } .about_main_block_right_btn:hover { background: #ff6600; color: #fff; border-radius: 5px; -webkit-transition: background-color .25s; transition: background-color .25s; float: left; display:inline-block; padding:6px 12px; margin-bottom:0; font-size:14px; font-weight:400; line-height:1.42857143; text-align:center; border:1px solid transparent; } .about_main_block_right_metadata { color: #ff6600; direction: ltr; width: 110px; height: 30px; border: 0px solid #000; text-align: left; } .about_main_block_right_metadata>.fa-user-about-main{ color: #6aaf08; font-size: 22pt; float: left; } .about_main_block_right_metadata p{ color: inherit; font-size: 9pt; padding: 0px; margin: 0px 0px 0px 10px; float: left; line-height: 35px; } .about_main_block_line_spacer { width: 1px; height: 400px; background: #ffd700; margin: 0px auto; float:right; position: relative; top: 55px; margin-left: 22px; margin-right: 22px; } .about_main_block_line_spacer .dayere{ width: 10px; height: 100px; border-radius: 20px; background: #ffd700; float:right; position: relative; top: -9px; left: 4px; } .about_main_block_left { width:560px; height:450px; background: none; position: relative; top: 15px; border: 0px solid #cfcfcf; float:right; } .about_main_block_left .h3_portfolio_block_title{ width:250px; height:30px; background: #FFDF16; border-radius:25px; color:#000; margin:0px auto; font-size: 12pt; margin-top:10px; position: relative; top: -10px; border: 0px solid #cfcfcf; line-height: 32px; } .about_main_block_left_content { width: 100%; display: block; margin-top: 10px; font-size: 10pt; direction: rtl; text-align: justify; line-height: 34px; } .about_main_block_left_content a { border-bottom: 1px dotted #000; } .about_main_block_left_content li{ list-style-image: url(../images/tick.png); } .about_main_block_shadow{ width: 100%; height: 40px; position: absolute; z-index: -1; bottom: 0px; } .about_main_block_shadow:before, .about_main_block_shadow:after{ z-index: -1; position: absolute; content: ""; bottom: 20px; left: 5px; width: 50%; top: 10px; max-width:50%; background: #777; -webkit-box-shadow: 0 15px 20px #777; -moz-box-shadow: 0 15px 20px #777; box-shadow: 0 15px 20px #777; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); } .about_main_block_shadow:after{ -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -o-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); right: 5px; left: auto; } /* برخی مشتریان صفحه اول سایت */ .customer_logo_box { display:none; width: 100%; height: 195px; background: #ededed; margin-top: 100px; position: relative; } .customer_logo_box .portfolio_latest .dayere1:after{ position: absolute; z-index: 1; width: 30px; height: 5px; border-radius: 10px; left: 0px; top: 28px; background: #ffdf16; content: "...."; } .customer_logo_box .portfolio_latest .dayere2:after{ position: absolute; z-index: 1; width: 30px; height: 5px; border-radius: 10px; right: 0px; top: 28px; background: #ffdf16; content: "...."; } .customer_logo_item_icon { width: 100%; height: 125px; overflow: hidden; border:0px solid #000000; margin:20px 0px; padding:5px 0px; } .customer_logo_item_icon li{ float:right; margin-left:8px; margin-right:8px; list-style:none; display: list-item; } .customer_logo_item_icon li img{ width:80px; height:110px; border:1px solid #F4F4F4; padding:2px; margin:2px; } /* اخبار مقالات صفحه اول */ .article_news_box { width:100%; height:650px; border:0px solid #000; /*! background: #ededed; */ margin-top: 100px; position:relative; } .article_news_block_right { width:560px; height:450px; background: none; position: relative; top: 15px; border: 0px solid #cfcfcf; float:right; } .article_news_block_right .h3_title_block_article{ width:150px; height:30px; background: #FFDF16; border-radius:25px; color:#000; margin:0px auto; font-size: 12pt; margin-top:10px; position: relative; top: -10px; border: 0px solid #cfcfcf; line-height: 32px; } .article_news_block_right_content { width: 100%; height: 400px; display: block; margin-top: 10px; } .about_main_block_line_spacer { width: 1px; height: 400px; background: #ffd700; margin: 0px auto; float:right; position: relative; top: 55px; margin-left: 22px; margin-right: 22px; } .about_main_block_line_spacer .dayere{ width: 10px; height: 100px; border-radius: 20px; background: #ffd700; float:right; position: relative; top: -9px; left: 4px; } .article_news_block_left { width:560px; background: none; position: relative; top: 15px; border: 0px solid #cfcfcf; float:left; } .article_news_block_left .h3_title_block_news{ width:150px; height:30px; background: #FFDF16; border-radius:25px; color:#000; margin:0px auto; font-size: 12pt; margin-top:10px; position: relative; top: -10px; border: 0px solid #cfcfcf; line-height: 32px; } .article_news_block_left_content { width: 100%; display: block; margin-top: 10px; } .article_news_item_top { width: 100%; height:320px; position:relative; } .article_news_blog_post{ display: block; position: relative; margin-bottom: 10px; overflow: hidden; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 10px; transition: ease-in-out 0.5s; -webkit-transition: ease-in-out .5s; -o-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; border: 1px solid transparent; } .article_news_blog_post:hover { box-shadow: 0px 0px 10px #111; transition: ease-in-out 0.5s; -webkit-transition: ease-in-out .5s; -o-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; border: 1px solid #fff; } .article_news_blog_post h1{ display: block; position: absolute; z-index: 1; width: 100%; height:50px; bottom: 20px; background: linear-gradient(to right,rgba(0,0,0,.0002) 0,rgba(0,0,0,.9) 100%); font-size: 12pt; line-height: 49px; text-align: right; color: #fff; text-shadow: 0px 0px 5px #000; direction:rtl; text-indent:50px; } .article_news_blog_post i{ display: block; position: absolute; z-index: 1; width: 50px; height:50px; bottom: 20px; right: 20px; font-size: 12pt; line-height: 50px; text-align: right; color: #fff; text-shadow: 0px 0px 5px #000; } .article_news_item_top p{ box-sizing: border-box; opacity: 0; padding: 25px; height: 100px; width: 95%; position: absolute; top: 20px; left: 15px; text-align: justify; direction: rtl; transition: ease-in-out 0.5s; -webkit-transition: ease-in-out .5s; -o-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; overflow: hidden; color: #fff; text-shadow: 0px 0px 4px #000; } .article_news_item_top:hover p{ box-sizing: border-box; opacity: 100; background: none; position: absolute; top: 20px; transition: ease-in-out 0.9s; -webkit-transition: ease-in-out 0.9s; -o-transition: ease-in-out 0.9s; -moz-transition: ease-in-out 0.9s; } .article_news_item_top p::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #ff6600; content: ''; -webkit-transition: -webkit-transform 0.60s; transition: transform 0.60s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(100%,0,0); } .article_news_item_top:hover p::after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .article_news_line_spacer { width: 1px; height: 500px; background: #ffd700; margin: 0px auto; float:right; position: relative; top: 55px; margin-left: 22px; margin-right: 22px; } .article_news_line_spacer .dayere{ width: 10px; height: 100px; border-radius: 20px; background: #ffd700; float:right; position: relative; top: -9px; left: 5px; } .article_news_item_bottom_news1{ width: 100%; height: 120px; background: none; margin-top: 30px; position: relative; } .article_news_item_bottom_news1 .article_news_blog_post_news1{ display: block; position: relative; overflow: hidden; width: 150px; height: 120px; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 5px; float: right; } .article_news_item_bottom_news1 .article_news_blog_post_news1 img{ width: 100%; height:100%; } .article_news_item_bottom_news1_content{ width:405px; height: 120px; background: none; text-align: right; display: block; direction: rtl; border-bottom:1px solid #ebebeb; position: relative; } .article_news_item_bottom_news1_content .dayere{ width: 50px; height: 5px; border-radius: 10px; background: #ffd700; float:left; position: absolute; bottom: -3px; left: 0px; } .article_news_item_bottom_news1 .article_news_blog_post_title .h3_title_news{ width: 100%; height: 30px; font-size: 10pt; margin-right: 0px; transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3s; } .article_news_item_bottom_news1 .article_news_blog_post_title .h3_title_news:hover{ color: #ff0004; transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3s; } .article_news_item_bottom_news1 .article_news_blog_post_title i{ width: auto; height: 30px; float: right; font-size: 12pt; margin:0px 0px 0px 5px; color: #ffd700; padding-top: 5px; } .article_news_item_bottom_news1 p{ width: 90%; height: 90px; margin-top: 8px; float: right; font-size: 10pt; text-align: justify; } .blog_comment_form_box { width:100%; height:auto; display:table; background:#F0F0F0; border:1px solid #888888; border-radius:5px; margin-bottom:20px; } .blog_comment_fild_box{ width:98%; display: table; margin: 0px auto; margin-bottom: 20px; } .blog_comment_fild_1{ width:230px; height:45px; background:url(../images/small_content_website_icon.png) no-repeat left #ebebeb; float:right; border: 1px solid #cfcfcf; border-radius:5px; margin-left: 24px; margin-top: 5px; } .blog_comment_fild_1 .input_name { width:175px; height:45px; float:right; border: 0px; background: none; border-radius:5px; direction: rtl; text-align: right; font-family: inherit; } .blog_comment_fild_2{ width:230px; height:45px; background:url(../images/small_content_email_icon.png) no-repeat left #ebebeb; float:right; border: 1px solid #cfcfcf; border-radius:5px; margin-left: 24px; margin-top: 5px; } .blog_comment_fild_2 .input_email { width:175px; height:45px; float:right; border: 0px; background: none; border-radius:5px; direction: rtl; text-align: right; font-family: inherit; } .blog_comment_fild_3{ width:230px; height:45px; background:url(../images/small_content_name_icon.png) no-repeat left #ebebeb; float:right; border: 1px solid #cfcfcf; border-radius:5px; margin-left: 24px; margin-top: 5px; } .blog_comment_fild_3 .input_phone { width:175px; height:45px; float:right; border: 0px; background: none; border-radius:5px; direction: rtl; text-align: right; font-family: inherit; } .blog_comment_fild_4{ width:100%; height:192px; background:url(../images/medium_content_your_message_icon.png) no-repeat left #ebebeb; float:right; border: 1px solid #cfcfcf; border-radius:5px; margin-top: 15px; } .blog_comment_fild_4 .input_desc { width:94%; height:192px; float:right; border: 0px; background: none; border-radius:5px; direction: rtl; text-align: right; font-family: inherit; } /* پاصفحه سایت */ .footer_box { width:100%; /*! height: 100%; */ display:table; margin-top: 60px; background: #333; position: relative; padding-top: 40px; z-index: 0; } .footer_container { width: 100%; height: auto; display: table; margin: 0px auto; padding: 0px; } .h3_footer_column_title { width:110px; height:25px; background: #FFDF16; border-radius:50px; color:#000; margin:0px auto; font-size: 9pt; margin-top:10px; margin-right: 0px; position: relative; top: 7px; border: 0px solid #cfcfcf; line-height: 25px; float:right; font-weight: normal; } .footer_column_box1 { width: 265px; height: auto; display: table; float: right; margin-right: 5px; } .footer_column_box4 { width: 275px; height: auto; display: table; float: right; margin-right: 5px; } .footer_column_box4 ul{ direction: rtl; float: right; margin-top: 0px; padding-top: 0px; padding-right: 15px; margin-right: 0px; } .footer_column_box4 ul li{ direction: rtl; text-align: right; list-style-image: url(../images/qty_prev.png); font-size: 9pt; color: #fff; } .footer_column_box4 li a{ color: #fff; } .footer_column_box4 li a:hover{ color: #FFDF16; } .footer_column_box2 { width: 300px; /*! height: 330px; */ float: right; margin-right: 5px; position: relative; } .footer_column_box2 .h3_footer_column_title { width:125px; } .footer_column_box2 ul{ width: 100%; float: right; padding: 0px; margin: 0px; } .footer_column_box2 li{ direction: rtl; text-align: right; font-size: 10pt; list-style: none; float: right; width: 100%; } .footer_column_box2 li a{ color: #fff; } .footer_column_box2 li a:hover{ color: #FFDF16; } .footer_column_box2 ul li .fa-angle-double-left{ font-size: 10pt; height:20px; color: #ff0004; line-height: 30px; margin-right: 5px; } .footer_column_box2 ul p .fa-calendar{ font-size: 8pt; height:25px; color: #999; line-height: 25px; float: left; width: 100px; text-align: center; } .footer_column_box2 ul p .fa-line-chart{ font-size: 8pt; height:30px; color: #999; line-height: 25px; float: left; width: 80px; direction: rtl; text-align: center; } .footer_column_box3 { width: 300px; /*! height: 330px; */ float: right; margin-right: 5px; position: relative; } .footer_column_box3 .h3_footer_column_title { width:125px; } .footer_column_box3 ul{ width: 100%; float: right; padding: 0px; margin: 0px; } .footer_column_box3 li{ direction: rtl; text-align: right; font-size: 10pt; list-style: none; float: right; width: 100%; } .footer_column_box3 li a{ color: #fff; } .footer_column_box3 li a:hover{ color: #FFDF16; } .footer_column_box3 ul li .fa-angle-double-left{ font-size: 10pt; height:20px; color: #ff0004; line-height: 30px; margin-right: 5px; } .footer_column_box3 ul p .fa-calendar{ font-size: 8pt; height:25px; color: #999; line-height: 25px; float: left; width: 100px; text-align: center; } .footer_column_box3 ul p .fa-line-chart{ font-size: 8pt; height:30px; color: #999; line-height: 25px; float: left; width: 80px; direction: rtl; text-align: center; } .footer_row_box { width: 100%; height: 135px; margin-top: 30px; display: table; direction: rtl; background: #1F1F1F; color: #fff; position: relative; } /*.footer_row_box .container { margin: 30px auto 0px auto; height: auto; }*/ .footer_row_copyright { width: 550px; font-size: 9pt; line-height: 20px; padding: 0px; margin: 0px; float: right; } .footer_row_menubar{ width: 425px; font-size: 9pt; float: left; margin-top:5px; } .footer_row_menubar>a{ color: #fff; margin: 0px 3px 0px 3px; } .footer_row_menubar a:hover{ color: #FFDF16; } .footer_row_menubar i{ font-size: 12pt; color: #FFDF16; height: 30px; } .footer_tell{ width: 100%; height: 30px; float: right; direction: ltr; } .footer_tell .fa-phone-square{ font-size: 12pt; color: #FFDF16; display: table; float: right; margin-top: 4px; } .footer_tell a{ color: #fff; display: table; float: right; margin-right: 5px; } .footer_support{ width: 100%; height: 30px; float: right; direction: ltr; } .footer_support .fa-headphones{ font-size: 12pt; color: #FFDF16; display: table; float: right; margin-top: 4px; } .footer_support a{ color: #fff; display: table; float: right; margin-right: 5px; } .footer_support_mail{ width: 100%; height: 30px; float: right; direction: ltr; } .footer_support_mail .fa-envelope-o{ font-size: 12pt; color: #FFDF16; display: table; float: right; margin-top: 4px; } .footer_support_mail a{ color: #fff; display: table; float: right; margin-right: 5px; } .footer_row_box_shadow{ width: 100%; height: 40px; position: absolute; z-index: -1; top: 0px; } .footer_row_box_shadow:before, .footer_row_box_shadow:after{ z-index: -1; position: absolute; content: ""; bottom: 20px; left: -1px; width: 50%; top: 0px; max-width:50%; background: #1F1F1F; -webkit-box-shadow: 0 15px 20px #fff; -moz-box-shadow: 0 15px 20px #fff; box-shadow: 0 0px 20px #fff; -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -o-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); } .footer_row_box_shadow:after{ -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); right: 0px; left: auto; } .fa-heart { color:#ff6600; } /* موشک فوتر */ .moshak_footer_box{ width: 100%; height: 150px; margin-top: 70px; background: #fff; position:relative; } .moshak_footer{ width: 150px; height: 165px; border-radius: 150px; margin: 0px auto; background: #333; position:relative; top: 60px; } .footer_circule_box_left{ width:50%; height:60px; border: 0px solid #000; background:none; position: absolute; z-index:0; top:100px; left: 0px; } .footer_circule_1{ width:40px; height:180px; border-radius:30px; position: absolute; background: #333; z-index:1; top:-45px; left: 0px; } .footer_circule_2{ width:100px; height:180px; border-radius:100px; position: absolute; background: #333; z-index:1; top:-40px; left:10px; } .footer_circule_3{ width:150px; height:190px; border-radius:150px; position: absolute; background: #333; z-index:1; top:-50px; left:80px; } .footer_circule_4{ width:100px; height:160px; border-radius:100px; position: absolute; background: #333; z-index:1; top:-10px; left:210px; } .footer_circule_5{ width:180px; height:180px; border-radius:180px; position: absolute; background: #333; z-index:1; top:-10px; left:280px; } .footer_circule_6{ width:170px; height:170px; border-radius:170px; position: absolute; background: #333; z-index:1; top:34px; left:464px; } .footer_circule_7{ width:80px; height:120px; border-radius:80px; position: absolute; background: #333; z-index:1; top:10px; left:430px; } .footer_circule_box_right{ width:50%; height:60px; border: 0px solid #000; background:none; position: absolute; z-index:0; top:90px; right: 0px; } .footer_circule_1_{ width:40px; height:190px; border-radius:30px; position: absolute; background: #333; z-index:1; top:-45px; right: 0px; } .footer_circule_2_{ width:100px; height:170px; border-radius:100px; position: absolute; background: #333; z-index:1; top:-40px; right:10px; } .footer_circule_3_{ width:160px; height:175px; border-radius:150px; position: absolute; background: #333; z-index:1; top:-25px; right:70px; } .footer_circule_4_{ width:120px; height:150px; border-radius:100px; position: absolute; background: #333; z-index:1; top:-10px; right:195px; } .footer_circule_5_{ width:180px; height:180px; border-radius:180px; position: absolute; background: #333; z-index:1; top:-10px; right:280px; } .footer_circule_6_{ width:180px; height:180px; border-radius:180px; position: absolute; background: #333; z-index:1; top:34px; right:460px; } .footer_circule_7_{ width:80px; height:120px; border-radius:80px; position: absolute; background: #333; z-index:1; top:14px; right:410px; } .footer_circule_gradient{ position:absolute; width:100%; height:150px; background: linear-gradient(90deg,#ebebeb,#fff,#ebebeb); background: -webkit-linear-gradient(0deg,#ebebeb,#fff,#ebebeb); z-index:0; top:0px; } .footer_circule_gradient_mainpage{ position:absolute; width:100%; height:150px; background:#ffffff; z-index:0; top:0px; } .header_circule_gradient{ position:absolute; width:100%; height:500px; background: -webkit-gradient(linear,left top,left bottom, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(50%, rgba(255,255,255, 0.2)), to(rgba(255, 255, 255, 0))); background: linear-gradient(0deg,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.1),rgba(255, 255, 255, 0.2),rgba(255, 255, 255, 1)); z-index:-1; top:130px; } /* Theme Name: RahkareNovin URI: http://www.rahkarenovin.com Author : RahkareNovin Description: طراحی سایت، سئو، میزبانی وب و ثبت دامنه License: RahkareNovin private License */ .ad-workshop{width:180px; height:230px; position: absolute; z-index: 0; left: -15px; bottom: 0px;} .ad-rocket {height: 250px; width: 200px;} .season .ad-rocket{-webkit-transform:scale(1.2);transform:scale(1.2)} .ad-rocket .fire{display:none;fill:#f39c12} .ad-rocket:hover .fire{display:none;} .ad-rocket:hover .rocket-inner{-webkit-transform:translateY(15px) translateX(-3px);transform:translateY(15px) translateX(-3px);transition:.3s} .ad-rocket:hover .icon-circle{transition:.2s} .ad-rocket:hover .bg{fill:#22303e} .ad-rocket:hover .bg{fill:#282e3a} .ad-workshop :hover.circlefront{stroke:#fff;stroke-width:7px} .ad-rocket:hover .large-window-path,.ad-rocket:hover .window{transition:.2s;fill:#22303e} .ad-rocket:hover .rocket-base,.ad-rocket:hover .rocket-bottom,.ad-rocket:hover .rocket-shadow,.ad-rocket:hover .wing-base,.ad-rocket:hover .wing-shadow{fill:#34495e} .ad-workshop .fire{display:block} .ad-workshop .rocket-base{fill:#FFDF16;stroke-width:0px} .ad-workshop .rocket-shadow{fill:#FFDF16;stroke-width:0px} .ad-workshop .window{fill:#34495e;stroke-width:0px} .ad-workshop .wing-shadow{display:block;fill:#c0392b} .ad-workshop .wing-base{fill:#e74c3c;stroke-width:0px} .ad-workshop .rocket-bottom{fill:#c0392b;stroke-width:0px} .ad-workshop .rocket-inner{-webkit-transform:translateY(0) translateX(-3px);transform:translateY(0) translateX(-3px)} .ad-rocket.clicked .rocket-inner{-webkit-transform:translateY(100px);transform:translateY(100px)} @-webkit-keyframes a{ 10%{-webkit-transform:rotate(17deg) translateY(1px);transform:rotate(17deg) translateY(1px)} 20%{-webkit-transform:rotate(-13deg) translateY(2px);transform:rotate(-13deg) translateY(2px)} 30%{-webkit-transform:rotate(21deg) translateY(3px);transform:rotate(21deg) translateY(3px)} 40%{-webkit-transform:rotate(-34deg) translateY(4px);transform:rotate(-34deg) translateY(4px)} 50%{-webkit-transform:rotate(24deg) translateY(5px);transform:rotate(24deg) translateY(5px)} 60%{-webkit-transform:rotate(-17deg) translateY(6px);transform:rotate(-17deg) translateY(6px)} 70%{-webkit-transform:rotate(31deg) translateY(7px);transform:rotate(31deg) translateY(7px)} 80%{-webkit-transform:rotate(-28deg) translateY(8px);transform:rotate(-28deg) translateY(8px)} 90%{-webkit-transform:rotate(14deg) translateY(9px);transform:rotate(14deg) translateY(9px)} 99%{-webkit-transform:rotate(0deg) translateY(10px);transform:rotate(0deg) translateY(10px)} } @keyframes a{ 10%{-webkit-transform:rotate(17deg) translateY(1px);transform:rotate(17deg) translateY(1px)} 20%{-webkit-transform:rotate(-13deg) translateY(2px);transform:rotate(-13deg) translateY(2px)} 30%{-webkit-transform:rotate(21deg) translateY(3px);transform:rotate(21deg) translateY(3px)} 40%{-webkit-transform:rotate(-34deg) translateY(4px);transform:rotate(-34deg) translateY(4px)} 50%{-webkit-transform:rotate(24deg) translateY(5px);transform:rotate(24deg) translateY(5px)} 60%{-webkit-transform:rotate(-17deg) translateY(6px);transform:rotate(-17deg) translateY(6px)} 70%{-webkit-transform:rotate(31deg) translateY(7px);transform:rotate(31deg) translateY(7px)} 80%{-webkit-transform:rotate(-28deg) translateY(8px);transform:rotate(-28deg) translateY(8px)} 90%{-webkit-transform:rotate(14deg) translateY(9px);transform:rotate(14deg) translateY(9px)} 99%{-webkit-transform:rotate(0deg) translateY(10px);transform:rotate(0deg) translateY(10px)} } @-webkit-keyframes b{10%{-webkit-transform:rotate(25deg);transform:rotate(25deg)} 20%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)} 30%{-webkit-transform:rotate(30deg);transform:rotate(30deg)} 40%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)} 50%{-webkit-transform:rotate(29deg);transform:rotate(29deg)} 60%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)} 70%{-webkit-transform:rotate(37deg);transform:rotate(37deg)} 80%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)} 90%{-webkit-transform:rotate(16deg);transform:rotate(16deg)} 99%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} } @keyframes b{10%{-webkit-transform:rotate(25deg);transform:rotate(25deg)} 20%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)} 30%{-webkit-transform:rotate(30deg);transform:rotate(30deg)} 40%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)} 50%{-webkit-transform:rotate(29deg);transform:rotate(29deg)} 60%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)} 70%{-webkit-transform:rotate(37deg);transform:rotate(37deg)} 80%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)} 90%{-webkit-transform:rotate(16deg);transform:rotate(16deg)} 99%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} } @-webkit-keyframes c{15%{-webkit-transform:rotate(17deg);transform:rotate(17deg)} 23%{-webkit-transform:rotate(-13deg);transform:rotate(-13deg)} 37%{-webkit-transform:rotate(21deg);transform:rotate(21deg)} 45%{-webkit-transform:rotate(-34deg);transform:rotate(-34deg)} 54%{-webkit-transform:rotate(24deg);transform:rotate(24deg)} 67%{-webkit-transform:rotate(-17deg);transform:rotate(-17deg)} 72%{-webkit-transform:rotate(31deg);transform:rotate(31deg)} 84%{-webkit-transform:rotate(-28deg);transform:rotate(-28deg)} 96%{-webkit-transform:rotate(14deg);transform:rotate(14deg)} 99%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} } @keyframes c{15%{-webkit-transform:rotate(17deg);transform:rotate(17deg)} 23%{-webkit-transform:rotate(-13deg);transform:rotate(-13deg)} 37%{-webkit-transform:rotate(21deg);transform:rotate(21deg)} 45%{-webkit-transform:rotate(-34deg);transform:rotate(-34deg)} 54%{-webkit-transform:rotate(24deg);transform:rotate(24deg)} 67%{-webkit-transform:rotate(-17deg);transform:rotate(-17deg)} 72%{-webkit-transform:rotate(31deg);transform:rotate(31deg)} 84%{-webkit-transform:rotate(-28deg);transform:rotate(-28deg)} 96%{-webkit-transform:rotate(14deg);transform:rotate(14deg)} 99%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} } @-webkit-keyframes d{0%{fill-opacity:1;stroke-opacity:1} 50%{fill-opacity:1;stroke-opacity:1} to{fill-opacity:0;stroke-opacity:0} } @keyframes d{0%{fill-opacity:1;stroke-opacity:1} 50%{fill-opacity:1;stroke-opacity:1} to{fill-opacity:0;stroke-opacity:0} } @-webkit-keyframes e{0%{fill-opacity:1;stroke-opacity:1} 25%{fill-opacity:1;stroke-opacity:1} to{fill-opacity:0;stroke-opacity:0} } @keyframes e{0%{fill-opacity:1;stroke-opacity:1} 25%{fill-opacity:1;stroke-opacity:1} to{fill-opacity:0;stroke-opacity:0} } @-webkit-keyframes f{0%{fill-opacity:1;stroke-opacity:1} 67%{fill-opacity:1;stroke-opacity:1} to{fill-opacity:0;stroke-opacity:0} } @keyframes f{0%{fill-opacity:1;stroke-opacity:1} 67%{fill-opacity:1;stroke-opacity:1} to{fill-opacity:0;stroke-opacity:0} } .fire{ -webkit-animation-timing-function:ease-in;animation-timing-function:ease-in; -webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation-direction:normal;animation-direction:normal} .ad-workshop #fire-left{ -webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-name:fireLeft,d; animation-name:fireLeft,d;-webkit-animation-duration:1.2s;animation-duration:1.2s} .ad-workshop #fire-middle{ -webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-name:b,d;animation-name:b,d;-webkit-animation-duration:1s;animation-duration:1s} .ad-workshop #fire-right{-webkit-animation-name:c,d;animation-name:c,d} .ad-workshop #fire-right,.ad-workshop #fire-small-left{ -webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:1.3s;animation-duration:1.3s} .ad-workshop #fire-small-left{ -webkit-animation-name:a,e;animation-name:a,e;-webkit-transform-origin:bottom;transform-origin:bottom} .ad-workshop #fire-small-right{ -webkit-animation-delay:.3s;animation-delay:.3s; -webkit-animation-name:a,f;animation-name:a,f;-webkit-animation-duration:1.6s; animation-duration:1.6s;-webkit-transform-origin:bottom;transform-origin:bottom; } /* صفحه تماس با ما */ .contactus_moshak_footer_box{ width: 100%; height: 150px; margin-top: 0px; background: #fff; position:relative; } .contact_page_map { width:100%; height:350px; position:relative; z-index: -1; align-content:center; } .contactus_box { width:100%; margin-top:100px; } .contactus_form_box { width:550px; display: table; float:right; direction:rtl; } .contactus_fild_box{ width:98%; display: table; margin: 0px auto 30px auto; } .contactus_fild_1{ width:165px; height:45px; background:url(../images/small_content_name_icon.png) no-repeat left #ebebeb; float:right; border: 1px solid #cfcfcf; border-radius:5px; margin-left: 24px; margin-top: 5px; } .input_name { width:110px; height:45px; float:right; border: 0px; background: none; border-radius:5px; direction: rtl; text-align: right; font-family: inherit; } .contactus_fild_2{ width:165px; height:45px; background:url(../images/small_content_email_icon.png) no-repeat left #ebebeb; float:right; border: 1px solid #cfcfcf; border-radius:5px; margin-top: 5px; } .input_email { width:110px; height:45px; float:right; border: 0px; background: none; border-radius:5px; direction: rtl; text-align: right; font-family: inherit; } .contactus_fild_3{ width:165px; height:45px; background:url(../images/small_content_phone_icon.png) no-repeat left #ebebeb; float:right; border: 1px solid #cfcfcf; border-radius:5px; margin-left: 24px; margin-top: 5px; } .input_phone { width:110px; height:45px; float:right; border: 0px; background: none; border-radius:5px; direction: rtl; text-align: right; font-family: inherit; } .contactus_fild_4{ width:100%; height:192px; background:url(../images/medium_content_your_message_icon.png) no-repeat left #ebebeb; float:right; border: 1px solid #cfcfcf; border-radius:5px; margin-top: 15px; } .input_desc { width:500px; height:192px; float:right; border: 0px; background: none; border-radius:5px; direction: rtl; text-align: right; font-family: inherit; } .input_submit { width:100%; height:35px; float:right; border: 0px; background: #89bf42; border-radius:5px; margin-top: 10px; direction: rtl; text-align: center; font-family: inherit; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color:#fff; } .input_submit:hover { width:100%; height:35px; float:right; border: 0px; background: #ff6600; cursor: -moz-grab; border-radius:5px; margin-top: 10px; direction: rtl; text-align: center; font-family: inherit; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; } .portfolio_latest .h3_contactus_form_block_title{ width:300px; height:30px; background: #FFDF16; border-radius:25px; color:#000; margin:0px auto; font-size: 12pt; margin-top:10px; position: relative; top: 15px; border: 0px solid #cfcfcf; line-height: 32px; } .contactus_text_box { width:500px; float:left; background:none; direction:rtl; } .portfolio_latest .h3_contactus_text_block_title{ width:300px; height:30px; background: #FFDF16; border-radius:25px; color:#000; margin:0px auto; font-size: 12pt; margin-top:10px; position: relative; top: 15px; border: 0px solid #cfcfcf; line-height: 32px; } /* کانتاینر صفحات داخلی */ .container_inside{ width:1170px; height: 100%; display: table; margin: 100px auto 0px auto; position: relative; } /* بلوک سمت چپ */ .block_left { width:330px; float:left; } .portfolio_latest .h3_block_left_title{ width:170px; height:30px; background: #FFDF16; border-radius:25px; color:#000; margin:0px auto; font-size: 12pt; margin-top:10px; position: relative; top: 15px; border: 0px solid #cfcfcf; line-height: 32px; } .block_left_row1 { width:100%; background:none; } /* بلوک سمت چپ ردیف اول مقالات مفید */ .block_left_row1_article_box { width: 100%; height: 100px; background: none; margin: 0px auto auto auto; position: relative; } .block_left_row1_article_content .block_left_row1_article_lnkimg{ display: block; overflow: hidden; width: 100px; height: 80px; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 5px; float: right; margin: 2px; } .block_left_row1_article_content .block_left_row1_article_lnkimg img{ width: 100%; height:100%; } .block_left_row1_article_content{ width:100%; height: 90px; background: none; text-align: right; display: block; direction: rtl; border-bottom:1px solid #ebebeb; position: relative; } .block_left_row1_article_content:hover a ,.block_left_row1_article_content:hover .dayere{ color: #ff0004; filter: brightness(1.5); -webkit-filter: brightness(1.5); -moz-filter: brightness(1.5); -o-filter: brightness(1.5); -ms-filter: brightness(1.5); transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3s; } .block_left_row1_article_content .dayere{ width: 50px; height: 5px; border-radius: 10px; background: #6aaf08; float:left; position: absolute; bottom: -3px; left: 0px; } .block_left_row1_article_box .block_left_row1_title{ width: 220px; font-size: 9pt; margin-right: 0px; background: none; float: left; display: table; transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3s; } .block_left_row1_article_box .block_left_row1_title:hover{ color: #ff0004; transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3s; } .block_left_row1_article_box .block_left_row1_title i{ width: auto; height: 30px; float: right; font-size: 12pt; margin:0px 0px 0px 5px; color: #6aaf08; padding-top: 5px; } /* بلوک چپ ردیف دˆÙ… نمونه کارها */ .block_left_row2 { width:100%; background:none; margin: 60px 0px 60px 0px; } .block_left_row2>.portfolio_latest>.h3_block_left_title { width:250px; height:30px; background: #FFDF16; border-radius:25px; color:#000; margin:0px auto; font-size: 12pt; margin-top:10px; position: relative; top: 15px; border: 0px solid #cfcfcf; line-height: 32px; } .block_left_row2_portfo_box { width:100%; background: none; } /* .block_left_row2_item_icon { width: 100%; height: 125px; overflow: hidden; border:0px solid #000000; margin:20px 0px; padding:5px 0px; } .block_left_row2_item_icon li{ float:right; margin-left:8px; margin-right:8px; list-style:none; display: list-item; } .block_left_row2_item_icon li img{ width:80px; height:110px; border:1px solid #F4F4F4; padding:2px; margin:2px; }*/ .block_left_row2_portfolnk img{ width: 200px; height: 250px; display: block; margin: 0px auto; border-radius: 10px; border: 1px solid #999; box-shadow: 0px 0px 20px #B7B7B7; } .block_left_row2_portfolnk { width: 200px; height: 250px; display: block; border-radius: 10px; } .ve-latestnew{ padding:0px; margin:0px; width: 100%; height: 300px; } .ve-latestnew li{ margin:20px auto; width: 200px; height: 250px; list-style:none; border-radius: 10px; } /* صفحه ثبت دامنه */ .domain_page_box{ width:800px; float:right; display:table; background:none; direction:rtl; text-align:justify; } .portfolio_latest .h3_domain_block_title{ width:300px; height:30px; background: #FFDF16; border-radius:25px; color:#000; margin:0px auto; font-size: 12pt; margin-top:10px; position: relative; top: 15px; border: 0px solid #cfcfcf; line-height: 32px; } .domain_page_content1{ width:100%; display:table; margin-bottom:20px; } .domain_page_whois{ width:100%; display:table; background:none; } .domain_page_whois fieldset{ width:95%; display:table; background:#F3F3F3; margin:0px auto; padding:10px; direction:rtl; border:1px solid #CCCCCC; border-radius:10px; font-family:inherit; } .domain_page_whois legend{ font-family:inherit; font-size: 14pt; color: #ff6600; } .domain_page_whois .fild_whois { width:200px; height:35px; border-radius:3px; font-size:12pt; background:#fff; border:1px solid #ccc; padding:1px; direction:ltr; } .domain_page_whois .gfxcheck { width:100px; height:35px; border-radius:3px; font-size:12pt; background:#fff; border:1px solid #ccc; padding:1px; direction:ltr; text-align:center; font-family:inherit; } .btn_whois { width:120px; height:35px; border-radius:3px; font-size:12pt; background:#fff; border:1px solid #ccc; padding:1px; font-family:inherit; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; } .btn_whois:hover { width:120px; height:35px; border-radius:3px; font-size:12pt; background:#fff; border:1px solid #000; padding:1px; box-shadow:0px 0px 10px #999; background: #FFDF16; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; } .domain_page_content2{ width:100%; display:table; margin-top:20px; } /* صفحه نقشه سایت */ .sitmap_page_box { width:800px; float:right; display:table; background:none; direction:rtl; text-align:justify; } .portfolio_latest .h3_domain_block_title{ width:300px; height:30px; background: #FFDF16; border-radius:25px; color:#000; margin:0px auto; font-size: 12pt; margin-top:10px; position: relative; top: 15px; border: 0px solid #cfcfcf; line-height: 32px; } /* صفحات داخلی سایت */ .blog_video{ width: 250px; height: 150px; border: 1px solid #fff; text-align: center; direction: rtl; float: left; border-radius: 15px; margin: 40px 15px 10px 0px; background:#FFDF16; box-shadow:0px 0px 5px #666; } .blog_video i{ font-size:60pt; width: 100%; color: #444; } .page_box .blog_video a{ font-size:14pt; font-weight: bold; color: #000; display: block; } .blog_video:hover{ background:#FFDF16; box-shadow:0px 0px 10px #666; } .page_box { width:90%; float:none; margin: 0px auto; display:table; background:none; direction:rtl; text-align:justify; } .page_box li{ list-style-image: url(../images/tick.png); } .page_box a{ color: #ff6600; } .page_box .portfolio_latest .h1_domain_block_title a{ border:0px; } .page_box .portfolio_latest .h1_domain_block_title{ width:auto; height:30px; background: #FFDF16; border-radius:25px; color:#000; margin:0px auto; font-size: 12pt; margin-top:10px; position: relative; top: 15px; border: 0px solid #cfcfcf; line-height: 32px; } .page_box .portfolio_latest .h1_domain_block_title a{ color:#000; } .page_tag_social { width:100%; height:auto; display:table; background:#F0F0F0; border:1px solid #888888; border-radius:5px; } .page_tag { width:100%; height:auto; display:table; } .page_tag .tag2{ font-size:8pt; border:1px solid #ccc; border-radius:5px; background:#EBEBEB; padding:3px; text-decoration:none; width:auto; float:right; margin:3px; color:#000000; } .portfolio_latest .h3_page_tag_title_social { width:300px; height:30px; background: #FFDF16; border-radius:25px; color:#000; margin:0px auto; font-size: 12pt; margin-top:10px; position: relative; top: 15px; border: 0px solid #cfcfcf; line-height: 32px; } .portfolio_latest .h3_page_tag_title { width:200px; height:30px; background: #FFDF16; border-radius:25px; color:#000; margin:0px auto; font-size: 12pt; margin-top:10px; position: relative; top: 15px; border: 0px solid #cfcfcf; line-height: 32px; } .page_social_box { width:100%; height:auto; } .page_social_item { display: table; vertical-align: middle; text-align: center; font-size: 30px; margin: 0px auto; } .page_social_list li { display: inline-block; } .page_social_list li a { color: rgba(211,0,3,1.00); border-radius: 6px; list-style-type: none; display: inline-block; width: 50px; height: 50px; line-height: 60px; padding: 1%; border: 1px solid #cfcfcf; cursor: pointer; margin-left: 10px; margin-bottom: 20px; margin-top: 0px; transition: ease .3s; -webkit-transition:ease 0.3s; -moz-transition:ease 0.3s; } .page_social_list li a:hover { transition: ease .3s; -webkit-transition:ease 0.3s; -moz-transition:ease 0.3s; color: #6aaf08; border: 1px solid #999; } .page_social_list:hover > li { opacity: 0.5; } .page_social_list:hover > li:hover { opacity: 1; } .page_img_header_top { display: block; position: relative; margin-bottom: 10px; overflow: hidden; width: 100%; height: 450px; background-size: 100%; background-repeat: no-repeat; background-position: center center; border-radius: 10px; transition: ease-in-out 0.5s; -webkit-transition: ease-in-out .5s; -o-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; border: 1px solid transparent; } .page_img_header_top:hover { display: block; position: relative; margin-bottom: 10px; overflow: hidden; width: 100%; height: 450px; background-size: 102%; background-repeat: no-repeat; background-position: center center; border-radius: 10px; transition: ease-in-out 0.5s; -webkit-transition: ease-in-out .5s; -o-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; border: 1px solid transparent; filter: brightness(1.5); -webkit-filter: brightness(1.5); -moz-filter: brightness(1.5); -o-filter: brightness(1.5); -ms-filter: brightness(1.5); } .page_img_header_top h1{ display: block; position: absolute; z-index: 1; width: 100%; height:50px; top: 20px; background: linear-gradient(to right,rgba(0,0,0,.0002) 0,rgba(0,0,0,.9) 100%); font-size: 18pt; line-height: 49px; text-align: right; color: #fff; text-shadow: 0px 0px 3px #000; direction:rtl; text-indent:50px; } .page_img_header_top i{ display: block; position: absolute; z-index: 1; width: 50px; height:50px; top: 20px; right: 20px; font-size: 12pt; line-height: 50px; text-align: right; color: #fff; text-shadow: 0px 0px 5px #000; } .page_img_header_top_mask{ display: block; width: 100%; height:100%; background: linear-gradient(to top,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0) 100%); } .page_reffer_article { width:98%; height:auto; display: table; background:#F0F0F0; border:1px solid #cfcfcf; border-right: 6px solid #6aaf08; border-radius:5px; margin: 40px 0px 40px 0px; } .page_reffer_article p{ height:60px; display: block; border:0px solid #cfcfcf; margin-right: 5px; margin-top: 30px; margin-bottom: 10px; font-size: 12pt; float: right; line-height: 30px; color: #ff6600; font-weight: bold; } .page_reffer_article h1{ height:100%; display: block; border:0px solid #cfcfcf; margin-right: 10px; margin-top: 30px; margin-bottom: 10px; font-size: 12pt; float: right; line-height: 30px; color: #000; } .page_reffer_article h1 a{ color: #000; } /* صفحه بهینه سازی سایت */ #style1 {font-size:11pt; color:#000000; border:1px solid #cccccc; background-color:#ff6600; vertical-align:middle;} #style2 {font-size:10pt; color:#000000; border:1px solid #cccccc; padding:0px; margin:0px; vertical-align:middle;} #style2 a{font-size:10pt; color:#2B85FF;} #style4 {font-size:10pt; color:#000000; padding-right:5px; vertical-align:middle;} .style5 { background-color:none; transition:all 1s ease-out;} .style5:hover { background-color:#D7FF72; transition:all 0.5s ease-in;} /* فهرست اخبار و مقالات در صفحه آرشیو*/ .block_left_row1_article_box .archive_article_title{ width: 60%; font-size: 9pt; margin-right: 0px; background: none; float: right; display: table; transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3s; color: #000; } .block_left_row1_article_box .archive_article_title:hover{ color: #ff0004; transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3s; } .block_left_row1_article_box .archive_article_title i{ width: auto; height: 30px; float: right; font-size: 12pt; margin:0px 0px 0px 5px; color: #6aaf08; padding-top: 5px; } /* صفحه نمونه کارها */ .portfolio_item_box{ width:100%; display:table; background:none; } a.PortfolioLinkPage { width:20px; height:25px; vertical-align:middle; text-align:center; direction:rtl; padding:0px 6px 0px 6px; background-color:#FF8E00; color:#ffffff; text-decoration:none; font-size:12pt; border-radius:4px; transition:all 1s ease-out; } .PortfolioLinkPage:hover { width:20px; height:25px; vertical-align:middle; text-align:center; direction:rtl; padding:0px 6px 0px 6px; background-color:#FFB04D; color:#ffffff; text-decoration:none; font-size:12pt; border-radius:4px; transition:all 0.4s ease-in; } .PortfolioLinkPage1 { width:20px; height:25px; vertical-align:middle; text-align:center; direction:rtl; padding:0px 6px 0px 6px; background-color:#00CBFF; color:#ffffff; text-decoration:none; font-size:12pt; border-radius:4px; } .portfolio_item_box .portfolio_main_show_item { width:240px; height: 290px; border: 1px solid #999; border-radius: 10px; position: relative; float: right; margin: 10px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .portfolio_item_box .portfolio_main_show_item:hover img { box-shadow: 0px 0px 15px #999; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .9s ease-in-out; filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: url("data:image/svg+xml;utf8,#grayscale"); } .portfolio_item_box .portfolio_main_show_item img { width:240px; height:290px; border-radius: 10px; filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); } .portfolio_item_box .portfolio_main_show_item_hover{ position:absolute; text-align: center; top:5px; background-color: rgba(255,255,255,0.9); left:5px; bottom:5px; right:5px; z-index: 1; zoom: 1; filter: alpha(opacity=0); opacity: 0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; border-radius:80px; } .portfolio_item_box .hoverentry:hover { zoom: 1; filter: alpha(opacity=100); opacity: 1; border-radius: 10px; border: 1px solid #999; } .portfolio_item_box .portfolio_main_show_item_hover .stitle { background:#fff; position: absolute; z-index: 1; bottom: 175px; left: 0px; width: 100%; height: 40px; line-height: 40px; color: #000; font-weight: bold; } .portfolio_item_box .portfolio_main_show_item_hover .site { background:#fff; position: absolute; bottom: 55px; left: 0px; width: 100%; height: 40px; line-height: 40px; } .portfolio_item_box .portfolio_main_show_item_hover .activity { background:#fff; position: absolute; bottom: 10px; left: 0px; width: 100%; height: 40px; line-height: 40px; font-size: 9pt; color: #000; } .portfolio_item_box .portfolio_main_show_item_hover>a { display: block; background: none; width: 100%; height: 100%; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .portfolio_item_box .portfolio_main_show_item_hover a:hover { color: #ff0004; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .portfolio_item_box .portfolio_latest{ width:100%; height:60px; text-align: center; background: url(../images/small_content_divider.png) 0 50%; background-repeat: repeat-x; } .portfolio_item_box .portfolio_latest .h3_portfolio_block_title{ width:300px; height:30px; background: #FFDF16; border-radius:25px; color:#000; margin:0px auto; font-size: 12pt; margin-top:10px; position: relative; top: 15px; border: 0px solid #cfcfcf; line-height: 32px; } .vportfolio-box { width:100%; border:0px solid #ACDB00; margin:0px auto; float:right; } .vportfolio-row { width:100%; background-color:#F3F3F3; vertical-align:middle; text-align:right; float:right; } .vportfolio-row1 { float:right; width:100%; background-color:none; vertical-align:middle; text-align:right; float:right; } .vportfolio-gozine { float:right; width:100px; height:30px; vertical-align:middle; text-align:left; padding-top:3px; color:#0086A9; font-size:10pt; } .vportfolio-gozine1 { float:right; width:auto; height:30px; vertical-align:middle; text-align:right; direction:rtl; padding-top:3px; font-size: 10pt; } .vportfolio-preview { width:80%; border:0px solid #666666; text-align:center; padding:15px 0px 40px 0px; margin: 0px auto; } .portfolio_imgbig{ width: 60%; border: 1px solid #666; border-radius: 10px; box-shadow: 0px 0px 10px #999; } /* بازگشت به بالای صفحه */ #back{ cursor:pointer; display:none; margin:0px 10px 0px 0px; position:fixed; bottom:10px; right: 0px; font-size:90%; width:50px; height: 50px; text-align:center; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; filter:alpha(opacity=60); -khtml-opacity:0.6; -moz-opacity:0.6; opacity:0.6; color:#6aaf08; z-index:10000; } #back:hover { filter:0.9; -khtml-opacity:0.9; -moz-opacity:0.9; opacity:0.9; } #back i { font-size: 40pt; } .seo_table{ width:100%; overflow:auto; overflow-y:hidden; margin-bottom:50px; } .phonecallback_mobile{ display:none; } .wedo-item{ width: 100%; height: 100%; display: table; border: 0px solid #ff6600; } .textright { width: 201px; height: 80px; border: 0px solid #000; float: right; } .textright h5{ font-size: 12pt; text-align: right; margin: 10px 0px; padding: 0px; color: #FFDF16; /* color: #FFDF16;*/ } .textright p{ font-size: 9pt; text-align: right; margin: 0px; padding: 0px; color: #cfcfcf; } .iconleft_item1 { background: url(../images/footer_icon2.png) no-repeat center; width:58px; height:59px; float: left; margin: 10px 0px; } .iconleft_item2 { background: url(../images/footer_icon3.png) no-repeat center; width:58px; height:38px; float: left; margin: 20px 0px; } .iconleft_item3 { background: url(../images/footer_icon4.png) no-repeat center; width:58px; height:59px; float: left; margin: 10px 0px; } .iconleft_item4 { background: url(../images/footer_icon1.png) no-repeat center; width:58px; height:59px; float: left; margin: 10px 0px; } .border-top{ border-top: 1px solid #fff; } .menu_middle_pages_box { width:100%; height:100%; display:table; background:#ededed; text-align: center; margin-top:80px; position: relative; } .menu_middle_pages_box .container { margin: 0px auto; display: block; background:none; } .menu_middle_pages_box ul { width:90%; height:100%; margin: 30px auto; padding: 0px; } .menu_middle_pages_box .container ul li { width:235px; height:35px; display:block; background:none; list-style-type: none; float: right; text-align: right; direction: rtl; margin: 10px; padding: 2px; line-height:35px; } .menu_middle_pages_box .container ul li a h1{ font-size: 12pt; float: right; margin-right:7px; line-height: 20px; } .menu_middle_pages_box .container ul li i { color: #6aaf08; margin-right: 10px; float: right; line-height: 18px; } .menu_middle_pages_box .portfolio_latest .h3_portfolio_block_title{ width:200px; height:30px; background: #FFDF16; border-radius:25px; color:#000; margin:0px auto; font-size: 12pt; margin-top:10px; position: relative; top: 15px; border: 0px solid #cfcfcf; line-height: 32px; } .menu_middle_pages_box .portfolio_latest .dayere1:after{ position: absolute; z-index: 1; width: 30px; height: 5px; border-radius: 10px; left: 0px; top: 20px; background: #ffdf16; content: "...."; } .menu_middle_pages_box .portfolio_latest .dayere2:after{ position: absolute; z-index: 1; width: 30px; height: 5px; border-radius: 10px; right: 0px; top: 20px; background: #ffdf16; content: "...."; } .shorttext_link { color: #ff6600; line-height: 0px; height: 35px; margin-top: -12px; height: 0px; font-size:12pt; } @media only screen and (min-width: 800px) and (max-width: 1000px) { .container{ width:100%; height: 100%; display: table; margin: 0px auto; position: relative; } .header_box { width:100%; height:170px; background:#fff; border-bottom:4px solid #c0ebfb; } .portfolio_latest{ width:95%; height:60px; text-align: center; background: url(../images/small_content_divider.png) 0 50%; background-repeat: repeat-x; margin: 0px auto; } #layerslider_1 { display: none; } .header_moshak{ display: none; } .header_moshak_icon { display: none; } .header_menu { width:98%; height:41px; margin-top: 24px; position: relative; } .header_abr{ width:100%; height:250px; position: absolute; bottom: -29px; z-index: 0; background:url("../images/header_abr_1.png") no-repeat right;/*header_abr*/ background-size: 820px; } .slide_kadre_paeen_circule_box_left{ width:50%; height:60px; border: 0px solid #000; background:#a4dcef; position: absolute; z-index:0; top:85px; left: 0px; } .slide_kadre_paeen_circule{ width:100px; height:100px; border-radius:100px; border: 0px solid #a4dcef; background:url(../images/lamp_slide_2.png) no-repeat center center; background-size:100px; position: absolute; margin: 0px auto; z-index:1; right: 46%; top: 35px; } .slide_kadre_paeen_circule_box_right{ width:50%; height:60px; border: 0px solid #000; background:#a4dcef; position: absolute; z-index:0; top:85px; right: 0px; } .main_menu_master_bg{ width:100%; height: auto; background: -webkit-linear-gradient(0deg,#fff,#ebebeb,#ebebeb,#fff); background: linear-gradient(0deg,#fff,#ebebeb,#ebebeb,#fff); border:0px solid #000; margin-top: 100px; margin-bottom:10px; } .main_menu_master_bg >.container{ width:100%; height:auto; background:url(../images/map.png) center center no-repeat; background-size:800px; border:0px solid #000; } .main_menu_master_saye_left_box_container{ height: 1320px; width: 60px; border: 0px solid #000; position: absolute; left:40px; top: 0px; } .main_menu_master_saye_left_box{ width: 60px; height: 1320px; position: absolute; z-index: 1; left: -45px; top: 0px; border: 0px solid #000; background: -webkit-linear-gradient(0deg,#fff,#ebebeb,#ebebeb,#fff); background: linear-gradient(0deg,#fff,#ebebeb,#ebebeb,#fff); } .main_menu_master_saye_left{ width: 20px; height:1280px; position: absolute; z-index:0; left: -20px; top: 20px; border: 0px solid #000; background: -webkit-linear-gradient(top,#fff,#efefef,#efefef,#fff); box-shadow: 10px 0px 15px 10px #999; -moz-border-radius:100px; border-radius:100px; } .main_menu_master_saye_right_box_container{ height: 1320px; width: 60px; border: 0px solid #000; position: absolute; right:50px; top: 0px; } .main_menu_master_saye_right_box{ width: 60px; height: 1320px; position: absolute; z-index: 1; right: -50px; top: 0px; border: 0px solid #000; background: -webkit-linear-gradient(0deg,#fff,#ebebeb,#ebebeb,#fff); background: linear-gradient(0deg,#fff,#ebebeb,#ebebeb,#fff); } .main_menu_master_saye_right{ width: 20px; height: 1280px; position: absolute; z-index:0; right: -10px; top: 20px; border: 0px solid #000; background: -webkit-linear-gradient(top,#fff,#efefef,#efefef,#fff); box-shadow: 7px 0px 15px 10px #999; -moz-border-radius:100px; border-radius:100px; } .main_menu_master_box2 { width:470px; height:100px; margin-top: 60px; margin-right: 40px; background: -webkit-linear-gradient(-20deg,#eaeaea,#fff,#eaeaea); background: linear-gradient(-40deg,#eaeaea,#fff,#eaeaea); position:relative; border-radius:10px; box-shadow:0px 10px 10px #bdbdbd; border:1px solid #a8a8a8; float:right; transition: ease-in 0.3s; } .main_menu_master_box1{ width:470px; height:100px; margin-top: 60px; margin-left: 40px; background: -webkit-linear-gradient(20deg,#eaeaea,#fff,#eaeaea); background: linear-gradient(40deg,#eaeaea,#fff,#eaeaea); position:relative; border-radius:10px; box-shadow:0px 10px 10px #bdbdbd; border:1px solid #a8a8a8; float:left; transition: ease-in 0.3s; } .main_menu_master_box3{ width:470px; height:100px; margin-top: 60px; margin-left: 40px; background: -webkit-linear-gradient(20deg,#eaeaea,#fff,#eaeaea); background: linear-gradient(40deg,#eaeaea,#fff,#eaeaea); position:relative; border-radius:10px; box-shadow:0px 10px 10px #bdbdbd; border:1px solid #a8a8a8; float:left; transition: ease-in 0.3s; } .main_menu_master_box3:hover{ width:500px; transition: ease-in 0.3s; } .main_menu_master_box4 { width:470px; height:100px; margin-top: 60px; margin-right: 40px; background: -webkit-linear-gradient(-20deg,#eaeaea,#fff,#eaeaea); background: linear-gradient(-40deg,#eaeaea,#fff,#eaeaea); position:relative; border-radius:10px; box-shadow:0px 10px 10px #bdbdbd; border:1px solid #a8a8a8; float:right; transition: ease-in 0.3s; } .main_menu_master_box4:hover{ width:500px; transition: ease-in 0.3s; } .main_menu_master_box5{ width:470px; height:100px; margin-top: 60px; margin-left: 40px; background: -webkit-linear-gradient(20deg,#eaeaea,#fff,#eaeaea); background: linear-gradient(40deg,#eaeaea,#fff,#eaeaea); position:relative; border-radius:10px; box-shadow:0px 10px 10px #bdbdbd; border:1px solid #a8a8a8; float:left; transition: ease-in 0.3s; } .main_menu_master_box5:hover{ width:500px; transition: ease-in 0.3s; } .main_menu_master_box6 { width:470px; height:100px; margin-top: 60px; margin-right: 40px; background: -webkit-linear-gradient(-20deg,#eaeaea,#fff,#eaeaea); background: linear-gradient(-40deg,#eaeaea,#fff,#eaeaea); position:relative; border-radius:10px; box-shadow:0px 10px 10px #bdbdbd; border:1px solid #a8a8a8; float:right; transition: ease-in 0.3s; } .main_menu_master_box6:hover{ width:500px; transition: ease-in 0.3s; } .main_menu_master_box7{ width:470px; height:100px; margin-top: 60px; margin-left: 40px; background: -webkit-linear-gradient(20deg,#eaeaea,#fff,#eaeaea); background: linear-gradient(40deg,#eaeaea,#fff,#eaeaea); position:relative; border-radius:10px; box-shadow:0px 10px 10px #bdbdbd; border:1px solid #a8a8a8; float:left; transition: ease-in 0.3s; } .main_menu_master_box7:hover{ width:500px; transition: ease-in 0.3s; } .main_menu_master_box8 { width:470px; height:100px; margin-top: 60px; margin-right: 40px; background: -webkit-linear-gradient(-20deg,#eaeaea,#fff,#eaeaea); background: linear-gradient(-40deg,#eaeaea,#fff,#eaeaea); position:relative; border-radius:10px; box-shadow:0px 10px 10px #bdbdbd; border:1px solid #a8a8a8; float:right; transition: ease-in 0.3s; } .main_menu_master_box8:hover{ width:500px; transition: ease-in 0.3s; } .about_main_box{ width:100%; height:100%; border:0px solid #000; background: #ededed; margin-top: 30px; position:relative; } .about_main_block_line_spacer { display: none; } .about_main_block_right { width:100%; height:auto; display: table; margin: 0px auto 30px; background: none; position: relative; top: 15px; border: 0px solid #cfcfcf; float:none; } .about_main_block_left { width:100%; height:auto; display: table; background: none; position: relative; top: 15px; border: 0px solid #cfcfcf; margin-bottom: 30px; } .article_news_box { width:100%; height:1150px; display: table; border:0px solid #000; margin-top: 100px; position:relative; } .article_news_line_spacer { display: none; } .article_news_block_right { width:100%; height:450px; background: none; position: relative; top: 15px; border: 0px solid #cfcfcf; margin: 0px auto; } .article_news_block_left { width:100%; height:450px; background: none; position: relative; top: 150px; border: 0px solid #cfcfcf; margin: 0px auto; } .ad-workshop{ width:180px; height:230px; position: absolute; z-index: 5; left: -15px; bottom: 0px; } .footer_row_copyright { width: 95%; font-size: 9pt; line-height: 20px; padding: 0px; margin: 0px auto; float: none; } .footer_row_menubar{ width: 95%; font-size: 9pt; margin:5px auto; float: none; } .contactus_form_box { width:95%; display: table; float:none; margin: 0px auto; direction:rtl; } .contactus_text_box { width:95%; float:none; margin: 0px auto; direction:rtl; } .container_inside{ width:100%; height: 100%; display: table; margin: 100px auto 0px auto; position: relative; } .block_left { display: none; } .domain_page_box{ width:98%; float:none; margin: 0px auto; display:table; background:none; direction:rtl; text-align:justify; } .page_box { width:98%; float:none; display:table; margin: 0px auto; direction:rtl; text-align:justify; } .contactus_fild_box{ width:98%; display: table; margin: 0px auto 5px auto; } } @media only screen and (max-width: 800px) { .container{ width:100%; height: 100%; display: table; margin: 0px auto; position: relative; } /* اسلاید */ .slid_img { width: 100%; height: 100%; display: table; position: relative; z-index: -1; } .slid_img a{ width: 100%; height: 100%; display: table; } .slid_img a img{ width: 100%; display: table; background-position: center center; background-repeat: no-repeat; background-size: cover; } .header_menu { display: none; } .header_moshak{ display: none; } .header_moshak_icon { display: none; } #layerslider_1 { display: none; } .header_box { width:100%; height:100%; display: block; background:#fff; border:0px; } .header_logo { width:100%; height: 110px; display: block; margin:0px; float:none; background: url(../images/logo_new_Small_300px.png) center no-repeat; /* background-size: 240px;*/ border: 0px solid #000; position: relative; z-index: 1; } .menu_topbar_contact >li{ float: left; list-style: none; font-size:8pt; display: block; height: 39px; } .page_img_header_top h1{ display: block; position: absolute; z-index: 1; width: 100%; height:50px; top: 20px; background: linear-gradient(to right,rgba(0,0,0,.0002) 0,rgba(0,0,0,.9) 100%); font-size: 10pt; line-height: 49px; text-align: right; color: #fff; text-shadow: 0px 0px 3px #000; direction:rtl; text-indent:50px; } .menu_topbar { width:100%; height:auto; background:#ffcf0e; /* 89bf42 */ position: relative; z-index: 5; } .menu_topbar_nav_shadow{ display: none; } .main_menu_master_bg{ display: none; } .slide_kadre_paeen_box{ width:100%; height:122px; position:relative; background:#a4dcef; } .slide_kadre_paeen_circule_box_left{ display: none; } .slide_kadre_paeen_circule_box_right{ display: none; } .about_main_box{ width:100%; height:auto; border:0px solid #000; background: #ededed; margin-top: 30px; position:relative; display: table; } .about_main_block_right { width:98%; height:100%; background: none; position: relative; top: 15px; border: 0px solid #cfcfcf; float:none; margin: 0px auto; display: table; } .about_main_block_line_spacer { display: none; } .about_main_block_left { width:100%; height:100%; background: none; position: relative; top: 15px; border: 0px solid #cfcfcf; float:right; margin: 50px auto; display: table; } .article_news_box { width:100%; height:100%; border:0px solid #000; /*! background: #ededed; */ margin: 50px auto 50px auto; position:static; display: table; } .article_news_block_right { width:100%; height:650px; background: none; position: relative; top: 15px; border: 0px solid #cfcfcf; float:none; } .article_news_line_spacer { display: none; } .article_news_block_left { width:100%; background: none; position: relative; top: 15px; border: 0px solid #cfcfcf; float:left; } .portfolio_main_show_item { width:260px; height: 320px; border: 1px solid #999; border-radius: 10px; position: relative; float: right; margin: 5px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .portfolio_main_show_item img { width:260px; height:320px; border-radius: 10px; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); } .portfolio_latest{ width:95%; height:60px; text-align: center; background: url(../images/small_content_divider.png) 0 50%; background-repeat: repeat-x; margin: 0px auto; } .portfolio_latest .h3_portfolio_block_title{ width:270px; height:30px; background: #FFDF16; border-radius:25px; color:#000; margin:0px auto; font-size: 9pt; margin-top:10px; position: relative; top: 15px; border: 0px solid #cfcfcf; line-height: 32px; } .portfolio_latest .h3_page_tag_title_social { width:100%; height:30px; background: #FFDF16; border-radius:25px; color:#000; margin:0px auto; font-size: 12pt; margin-top:10px; position: relative; top: 15px; border: 0px solid #cfcfcf; line-height: 32px; } .portfolio_latest .h3_contactus_form_block_title{ width:270px; height:30px; background: #FFDF16; border-radius:25px; color:#000; margin:0px auto; font-size: 12pt; margin-top:10px; position: relative; top: 15px; border: 0px solid #cfcfcf; line-height: 32px; } .portfolio_latest .h3_contactus_text_block_title{ width:270px; height:30px; background: #FFDF16; border-radius:25px; color:#000; margin:0px auto; font-size: 12pt; margin-top:10px; position: relative; top: 15px; border: 0px solid #cfcfcf; line-height: 32px; } .footer_column_box4 { width: 270px; height: auto; display: table; float: right; margin-right: 5px; } .footer_column_box3 { width: 270px; height: auto; float: right; margin-right: 5px; position: relative; } .footer_column_box2 { width: 270px; height: auto; float: right; margin-right: 5px; position: relative; } .article_news_item_bottom_news1_content{ width:auto; height: 120px; background: none; text-align: right; display: block; direction: rtl; border-bottom:1px solid #ebebeb; position: relative; } .article_news_item_bottom_news1 p{ display: none; } .footer_row_copyright { width: 95%; font-size: 9pt; line-height: 20px; padding: 0px; margin: 0px auto; float: none; text-align: justify; } .footer_row_menubar{ width: 95%; font-size: 9pt; float: none; margin: 5px auto; } .ad-workshop{width:180px; height:230px; position: absolute; z-index: 10; left: -15px; bottom: 0px;} .footer_circule_box_left{ display: none; } .footer_circule_box_right{ width:100%; height:60px; border: 0px solid #000; background:none; position: relative; z-index:0; top:-50px; right: 0px; margin: 0px auto; } .portfolio_main_box{ width:100%; height:auto; display: table; /*! background:#cfcfcf; */ margin: 50px auto; } .slide_kadre_paeen_circule{ width:100%; height:150px; border-radius:100px; border: 0px solid #a4dcef; background:url(../images/lamp_slide_2.png) no-repeat center center; background-size:150px; position: relative; margin: 0px auto; z-index:1; right: 0px; top: 48px; } .slide_kadre_paeen_box{ width:100%; height:190px; position:relative; background:#a4dcef; } .ih-item.square { position: relative; width:240px; height: 285px; border: 1px solid #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); float: right; margin:5px; border-radius: 10px; } .ih-item .img img { width:100%; } .mob_menu { width: 100%; height: 50px; background: #000; color: #fff; display:table; position: relative; } .mob_menu .menuBox { width: 98%; height: 100%; display: table; color: #fff; text-align: right; position:relative; margin: 0px auto; border: 0px solid #fff; transition: ease-in-out 0.9s; -webkit-transition: ease-in-out 0.9s; -o-transition: ease-in-out 0.9s; -moz-transition: ease-in-out 0.9s; } .mob_menu .menuBox span{ width: 100px; height: 100%; display: table; color: #fff; text-align: right; margin: 0px auto; float: right; line-height: 45px; font-size: 14pt; } .menuBox .fa-bars { width: 30px; height: 40px; line-height: 40px; font-size: 18pt; float: right; background: #666; border-radius: 5px; margin: 4px; padding-right: 8px; } .mob_menu .mob_home { width: 40px; height: 100%; background:none; display:block; float:left; } .mob_menu .mob_home .fa-home { width: 40px; height: 40px; line-height: 40px; font-size: 18pt; background: #666; border-radius: 5px; text-align: center; color: #fff; margin: 5px 0px; display:block; transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3s; } .mob_menu .mob_home:hover .fa-home{ display:table; color: #ffcf0e; transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3s; } .menuInnner{ display:none; } /*.mob_menu .menuBox:hover .menuInnner { display:table; width:100%; height:100%; position: absolute; z-index: 10; top: 50px; left: 0px; box-shadow: 0px 10px 25px #000; transition: ease-in-out 0.9s; -webkit-transition: ease-in-out 0.9s; -o-transition: ease-in-out 0.9s; -moz-transition: ease-in-out 0.9s; }*/ .menuInnner { display:none; width:100%; height:100%; position: absolute; z-index: 10; top: 50px; box-shadow: 0px 10px 25px #000; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background:rgba(0,0,0,0.85); transition: ease-in-out 0.9s; -webkit-transition: ease-in-out 0.9s; -o-transition: ease-in-out 0.9s; -moz-transition: ease-in-out 0.9s; } .menuInnner ul { width: 100%; margin: 0px; padding: 0px; } .menuInnner ul .mob_li{ border-bottom: 1px solid #999; } .menuInnner ul li{ color: #000; height: 35px; text-align: right; list-style: none; } .menuInnner ul li .fa-angle-left{ color: #fff; height: 35px; width: 30px; text-align: center; list-style: none; float: right; line-height: 36px; margin-right:20px; } .menuInnner ul li a{ width: 80%; height: 35px; display: block; float: right; padding: 0px; margin: 0px; text-align: right; } .menuInnner ul li a h2{ font-size: 10pt; color: #fff; width: 100%; line-height: 40px; text-align: right; transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3s; } .menuInnner ul li a h2:hover{ color: #ff6600; transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3s; } .block_left { display: none; } .container_inside{ width:100%; height: 100%; display: table; margin: 100px auto 0px auto; position: relative; } .page_box { width:98%; float:none; display:table; background:none; direction:rtl; text-align:justify; margin: 0px auto; } .page_box img{ width:80%; } .seo_table{ width:100%; overflow:auto; overflow-y:hidden; margin-bottom:50px; } .sitmap_page_box { width:100%; float:right; display:table; background:none; direction:rtl; text-align:justify; font-size: 10pt; } .contactus_form_box { width:98%; display: table; float:none; direction:rtl; margin: 0px auto; } .contactus_form_box img{ width: inherit; } .input_desc { width:86%; height:192px; float:right; border: 0px; background: none; border-radius:5px; direction: rtl; text-align: right; font-family: inherit; } .contactus_text_box { width:100%; float:left; background:none; direction:rtl; } .domain_page_box{ width:98%; float:none; display:table; background:none; direction:rtl; text-align:justify; margin: 0px auto; } .portfolio_item_box .portfolio_main_show_item { width:240px; height: 290px; border: 1px solid #999; border-radius: 10px; position: relative; float: none; margin: 10px auto; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .page_img_header_top { display: block; position: relative; margin-bottom: 10px; overflow: hidden; width: 100%; height: 220px; background-size: 100%; background-repeat: no-repeat; background-position: center center; border-radius: 10px; transition: ease-in-out 0.5s; -webkit-transition: ease-in-out .5s; -o-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; border: 1px solid transparent; } .page_img_header_top:hover { display: block; position: relative; margin-bottom: 10px; overflow: hidden; width: 100%; height: 220px; background-size: 102%; background-repeat: no-repeat; background-position: center center; border-radius: 10px; transition: ease-in-out 0.5s; -webkit-transition: ease-in-out .5s; -o-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; border: 1px solid transparent; filter: brightness(1.5); -webkit-filter: brightness(1.5); -moz-filter: brightness(1.5); -o-filter: brightness(1.5); -ms-filter: brightness(1.5); } .phonecallback_mobile { width: 60px; height: 60px; position: fixed; left: 10px; bottom: 15px; background: #ff6600; border-radius: 100px; z-index: 10000; display: block; } .phonecallback_mobile a { width: 100%; height: 100%; display: block; text-align: center; } .phonecallback_mobile a i { font-size: 34pt; color: #fff; line-height: 60px; } } .ratingbox{ width: 250px; height: auto; margin: 0px auto; font-size: 8pt; text-align: center; margin-bottom: 10px; display:table; background:#f0f0f0; border:1px solid #fff; border-radius:5px; box-shadow:0px 0px 10px #666; transition:ease-in-out 0.5s; -webkit-transition: ease-in-out 0.5s; direction:rtl; } .ratingbox:hover{ width: 250px; height: auto; margin: 0px auto; font-size: 8pt; text-align: center; margin-bottom: 10px; display:table; background:#f0f0f0; border:1px solid #000; border-radius:5px; box-shadow:0px 0px 10px #FFDF16; transition:ease-in-out 0.5s; -webkit-transition: ease-in-out 0.5s; } .ratingblock{display:block;} .loading{height:25px;background:url(../images/working.gif) 50% 50% no-repeat;} .unit-rating2{ list-style:none; width:125px; height:25px; position:relative; background:url(../images/starrating.gif) top left repeat-x; margin:0px auto; padding:0; } .unit-rating2 li{float:right;margin:0;padding:0; list-style: none;} .unit-rating2 li a{outline:none;display:block;width:25px;height:25px;text-decoration:none;z-index:20;position:absolute;padding:0;} .unit-rating2 li a:hover{background:url(../images/starrating.gif) center left;z-index:2;right:0;} .unit-rating2 a.r1-unit2{right:0;} .unit-rating2 a.r1-unit2:hover{width:25px;} .unit-rating2 a.r2-unit2{right:25px;} .unit-rating2 a.r2-unit2:hover{width:50px;} .unit-rating2 a.r3-unit2{right:50px;} .unit-rating2 a.r3-unit2:hover{width:75px;} .unit-rating2 a.r4-unit2{right:75px;} .unit-rating2 a.r4-unit2:hover{width:100px;} .unit-rating2 a.r5-unit2{right:100px;} .unit-rating2 a.r5-unit2:hover{width:125px;} .unit-rating2 li.current-rating2{ background:url(../images/starrating.gif) right bottom; position:absolute; height:25px; display:block; z-index:1; } /* ---- استایل لندیگ --- */ .landingbody{ background: url("../../../modules/landing_page/images/abi1.gif") center top; background-color: #fff; background-repeat: repeat-x; background-size: cover; padding: 0px; margin: 0px; } .landing_content_box{ width: 100%; height: 100%; display: block; padding: 0px; margin: 0px; position: relative; } .landing_content_sabz1{ background: url("../../../modules/landing_page/images/sabz1.gif") center center; background-repeat: no-repeat; background-size: contain; padding: 0px; margin: 0px; width: 600px; height: 600px; position: absolute; top: 0px; left: 0px; } .landing_content_jam1{ background: url("../../../modules/landing_page/images/jam1.gif") center center; background-repeat: no-repeat; background-size: contain; padding: 0px; margin: 0px; width: 400px; height: 400px; position: absolute; top: 150px; right: 300px; } .landing_content_main{ width: 100%; height: 100%; min-height: 900px; display: block; padding: 0px; margin: 0px; position: relative; } .landing_content_header1{ width: 100%; height: 100%; min-height: 600px; display: block; padding: 0px; margin: 0px; position: relative; } .landing_content_text1{ width: max-content; height: 100%; display: block; padding: 0px; margin: 0px; position: absolute; right: 50px; top: 50px; } .landing_content_text1 h1{ font-family: Aviny; font-size: 50pt; direction: rtl; } .landing_content_text2{ width: max-content; height: 100%; display: block; padding: 0px; margin: 0px; position: absolute; right: 100px; top: 120px; } .landing_content_text2 h1{ font-family: Aviny; font-size: 40pt; direction: rtl; } .landing_content_text3{ width: max-content; height: 100%; display: block; padding: 0px; margin: 0px; position: absolute; right: 80px; top: 170px; } .landing_content_text3 h1{ font-family: Aviny; font-size: 20pt; direction: rtl; } .landing_content_text3 h1 span{ font-family: Aviny; font-size: 30pt; direction: rtl; color:#ff0000; } .landing_content_footer1 { width: 100%; height: 100%; min-height: 650px; display: block; padding: 0px; margin: 0px; position: relative; } .landing_content_narenji3{ background: url("../../../modules/landing_page/images/narenji3.gif") bottom center; background-repeat: no-repeat; background-size: contain; padding: 0px; margin: 0px; width: 600px; height: 650px; float: right; position: relative; } .landing_content_narenji4 { background: url("../../../modules/landing_page/images/narenji4.gif") center center; background-repeat: no-repeat; background-size: contain; padding: 0px; margin: 0px; width: 120px; height: 600px; position: absolute; top: 150px; left: 0px; z-index: -1; } .landing_content_narenji1 { background: url("../../../modules/landing_page/images/narenji1.gif") center center; background-repeat: no-repeat; background-size: contain; padding: 0px; margin: 0px; width: 120px; height: 600px; position: absolute; top: 0px; right: 0px; z-index: -1; } .landing_content_text4 { width: max-content; height: 40px; display: block; padding: 0px; margin: 0px 30px; float: right; } .landing_content_text4 h1{ font-family: IRANSansWeb_Light; font-size: 20pt; direction: rtl; } .landing_content_main_ol { width: 100%; height: 100%; display: block; float: right; margin-right: 100px; } .landing_content_main_ol ol { font-size: 12pt; direction: rtl; text-align: justify; line-height: 34px; } .landing_content_main_ol ol li { list-style-image: url(../images/tick.png); } .landing_content_img1 { width: 100%; height: 150px; display: block; text-align:center; clear: both; } .landing_content_img1 img{ margin: 50px 0px; } .landing_content_abr1 { background: url("../../../modules/landing_page/images/abr1.gif") center top; background-repeat: no-repeat; background-size: cover; padding: 0px; margin: 0px; width: 100%; height: 550px; position: absolute; bottom: 0px; right: 0px; } .landing_content_logo { background: url("../../../modules/landing_page/images/logo.png") center top; background-repeat: no-repeat; background-size: contain; padding: 0px; margin: 0px; width:300px; height: 300px; position: absolute; top: 0px; left: 140px; } .landing_content_tell0 { width: 100%; height: 40px; margin-top: 170px; direction: rtl; font-size: 20pt; font-family: inherit; font-weight: bold; } .landing_content_tell1 { width: 100%; height: 50px; direction: rtl; font-size: 18pt; font-family: inherit; font-weight: bold; text-align: left; letter-spacing: 8px; line-height: 55px; } .landing_content_tell1 a { color: #fff; } .landing_content_tell2 { width: 100%; height: 50px; direction: rtl; font-size: 18pt; font-family: inherit; font-weight: bold; text-align: left; letter-spacing: 8px; line-height: 55px; } .landing_content_tell2 a { color: #fff; } .landing_content_tell3 { width: 100%; height: 50px; direction: rtl; font-size: 18pt; font-family: inherit; font-weight: bold; line-height: 55px; padding-right:50px; box-sizing: border-box; } .landing_content_footer1_boxform{ width: 350px; height: 100%; display: block; background: #fff; border-radius: 10px; box-shadow: 0px 0px 10px #333; margin-left: 50px; float: left; } .landing_content_text5{ width: 100%; height: 50px; display: block; padding: 0px; text-align: center; background: #ffb509; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-bottom:10px; } .landing_content_text5 h1{ font-family: IRANSansWeb_Light; font-size: 16pt; direction: rtl; line-height: 50px; } .landing_content_input1 { width: 98%; height: 50px; background: #c6e24c; margin: 10px auto; direction: rtl; text-align: right; padding: 5px; box-sizing: border-box; border-radius: 5px; } .landing_content_input1 input { width:290px; height: 40px; background: none; border: 0px; margin: 0px; font-family: IRANSansWeb_Light; font-size: 12pt; direction: rtl; text-align: right; padding: 0px; box-sizing: border-box; float:right; } .landing_content_input1 i { width: 40px; height: 40px; font-size: 18pt; text-align: center; padding: 0px; margin: 0px; float: left; line-height: 40px; color: #fff; } .landing_content_input1 .fa-mobile { width: 40px; height: 40px; font-size: 26pt; text-align: center; padding: 0px; margin: 0px; float: left; line-height: 40px; color: #fff; } .landing_content_text6{ width: 100%; height: 100%; display: block; padding: 5px; box-sizing: border-box; direction: rtl; text-align: justify; margin-bottom:30px; } .landing_content_input2 { width: 150px; height: 60px; background: none; margin: 10px auto; direction: rtl; text-align: right; border-radius: 5px; } .landing_content_input2 input { width:100%; height: 40px; background: #ff8d0b; border-radius: 5px; border: 0px; margin: 0px; font-family: IRANSansWeb_Light; font-size: 12pt; direction: rtl; text-align: center; padding: 0px; box-sizing: border-box; } .landing_content_narenji3_txtbox{ position: absolute; right: 0px; bottom:150px; direction: rtl; width: 350px; margin-right: 20px; text-align: justify; } .landing_content_text7{ direction: rtl; width: 100%; height: 100%; display: block; margin: 5px 0px; font-weight: bold; } .landing_content_text8{ direction: rtl; width: 100%; height: 100%; display: block; margin: 5px 0px; font-weight: bold; } .landing_content_text9{ direction: rtl; width: 100%; height: 100%; display: block; margin: 5px 0px; font-weight: bold; } .landing_content_text10{ direction: rtl; width: 100%; height: 100%; display: block; margin: 5px 0px; } .landing_content_text11{ direction: rtl; width: 100%; height: 100%; display: block; margin: 5px 0px; } .landing_content_text12{ direction: rtl; width: 100%; height: 100%; display: block; margin: 5px 0px; }