/******************* Fonts ******************/ @font-face { font-family: 'at9'; src: url(fonts/at10.eot); src: url(fonts/at10.eot?#iefix) format('embedded-opentype'), url(fonts/at10.woff) format('woff'), url(fonts/at10.ttf) format('truetype'), url(fonts/at10.svg#at10) format('svg'); } @font-face { font-family: 'ITCEDSCR'; src: url(font/ITCEDSCR.TTF)/* IE6–8 */; } * { margin: 0; padding: 0; text-decoration: none; box-sizing: border-box; direction: rtl; } .ltr { direction: ltr !important; } .rtl { direction: rtl !important; } .left { float: left !important; } .right { float: right !important; } .clear { width: 0; height: 0; display: block; clear: both; overflow: hidden; visibility: hidden; } .clearfix:before, .clearfix:after { content: "."; display: block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; visibility: hidden; } .clearfix:after { clear: both; } .lt1 { letter-spacing: 1px; } .tright { text-align: right; } .tleft { text-align: left; } .tcenter { text-align: center; } .disnone { display: none !important; } .goto_top { bottom: 1%; cursor: pointer; display: none; float: right; position: fixed; right: 1.5%; z-index: 5000; width: 45px; height: 50px; background: transparent url("../_images/goto_top.png") no-repeat scroll center center / contain; } .goto_top:hover { opacity: .6; } .goto_top i { display: none; font-size: 3.4rem; color: #53BD99; } .goto_top:hover i { color: #4D9982; } .en_words { font-family: sans-serif; letter-spacing: .2px; } input, textarea, a, i { transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; } input[type='option'], input[type='checkbox'] { cursor: pointer; } i { font-family: FontAwesome; font-style: normal; vertical-align: middle; } strong, em { font-weight: normal; font-style: normal; } a, i { text-decoration: none; font-family: inherit; color: inherit; } ul, ol { list-style: none; } [class^="i-"]::before, [class*=" i-"]::before { vertical-align: middle; } label.error { color: #f00; position: absolute; left: 2px; font-size: 0.9rem; top: -17px; } /*********** tablet landscape (1366x768) ************/ #page_main_contenet {margin-top:100px;float: right; width: 100%; } .container { margin: 0 auto; padding: 0 15px; transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; } .container > div { float: right; width: 100%; position: relative; z-index: 1; } /**************************** RESULT_STYLE *******************************/ /*#1*/ .result_style1 { padding: 13px 20px; border-radius: 3px; font-size: 12px; margin-bottom: 20px; margin: 25px auto; display: block; direction: rtl; width: 100%; max-width: 500px; } .result_style1 .text { line-height: 23px; text-align: justify; } .result_style1 .text p { margin-bottom: 3px; } .result_style1 .text p:last-child { margin-bottom: 0; } .result_style1 .link { color: #004479; } .result_style1.s { background-color: #f3fff3; border: 1px solid #6fe66f; color: #008800; } .result_style1.e { background-color: #ffecec; color: #900; border: 1px solid #ffd3dd; } .result_style1.w { border: 1px solid #ffef89; background-color: #ffffcc; color: #ba4b02; } .result_style1.i { border: 1px solid #a6efff; background-color: #ecffff; color: #47639e; } .result_style1 .bullet1 { font-size: 5px; margin-left: 5px; vertical-align: middle; } .result_style1.sign .text { background-position: right 2px; background-repeat: no-repeat; padding-right: 25px; } .result_style1.s.sign .text.icon { background-image: url(img/notif_icon/success2.gif); } .result_style1.e.sign .text.icon { background-image: url(img/notif_icon/error2.gif); } .result_style1.w.sign .text.icon { background-image: url(img/notif_icon/warn2.gif); } .result_style1.i.sign .text.icon { background-image: url(img/notif_icon/info2.gif); } /**************************** FORM STYLE **************************************/ .form_style1 { margin-top: 15px; } .form_style1 .item2 { float: right; width: 50%; padding: 0 5px 10px; border: none !important; } .form_style1 .item2.full { width: 100%; } .form_style1 input[type=text], .form_style1 input[type=tel], .form_style1 input[type=email] { height: 35px; border: dashed 1px #bde2fb; font-size: 1.05rem; padding: 0 7px; display: block; width: 100%; color: #2a69ab; } .form_style1 input[type=text].error, .form_style1 input[type=tel].error, .form_style1 input[type=email].error { border-color: rgba(233,0,3,1.00) !important; } .form_style1 .btn { margin: 0 auto; display: block; width: 100%; height: 38px; font-size: 1.1rem; background-color: #2a69ab; border: solid 1px #bde2fb; color: #fff; border-radius: 3px; cursor: pointer; position: relative; } .form_style1 .btn:hover { opacity: .7; } .form_style1 .btn.loading_ajax:after { content: ''; position: absolute; right: -1px; left: -1px; top: -1px; bottom: -1px; cursor: default; background: #ddd url(../_images/loading5.gif) no-repeat center center; } /*****************************Faktor Page**************************/ #faktor { padding: 30px 0 60px; float: right; width: 100%; } /*faktor_part1*/ #faktor_part1 { width: 74%; float: left; } #faktor_part1 nav { float: right; width: 100%; background-color: #3EA9F5; box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, 0.1) inset; border-radius: 3px 3px 0 0; } #faktor_part1 nav ul li { float: right; list-style-type: none; } #faktor_part1 nav li a { float: right; width: 100%; padding: 10px 15.75px; text-align: center; font-size: 1.1rem; color: #eee; direction: rtl; cursor: pointer; background: url(img/seprator-news.png) no-repeat -1px center; } #faktor_part1 nav li:first-child a { border-radius: 0 3px 0 0; } #faktor_part1 nav li:last-child a { background: none; } #faktor_part1 nav ul li:hover a, #faktor_part1 nav ul li a.active { background-color: #2E80B7 !important; color: #fff !important; } #faktor_part1 nav ul li a.yes { background-color: #7AC943; color: rgb(238, 238, 238);font-size:12px } #faktor_part1 nav ul li a.no { background-color: #FF0033 !important; } #faktor_part1 .faktor_form, #faktor_part1 .faktor_form > div { float: right; width: 100%; height: 100%; } #faktor_part1 .faktor_form { border: solid 1px #50b7d9; border-top: none; background-color: #fff; min-height: 315px; padding: 20px; position: relative; } #faktor_part1 .faktor_form > div { display: none; } #faktor_part1 .faktor_form .no_item { background: #F4F4F4 none repeat scroll 0px 0px; border: 1px solid #eee; color: #AFAFAF; float: right !important; font-size: 1.1em; margin-top: 10px !important; padding: 10px; text-align: center; width: 100% !important; } #faktor_part1 .faktor_form .next_page { bottom: 6px; color: #445c6a; cursor: pointer; font-size: 1rem; left: 8px; position: absolute; } #faktor_part1 .faktor_form .next_page > div { padding-left: 15px; } #faktor_part1 .faktor_form .next_page > div, #faktor_part1 .faktor_form .prev_page > div { position: relative; float: right; width: 100%; padding-left: 20px; } #faktor_part1 .faktor_form .next_page i { position: absolute; left: 0px; top: 0px; width: 14px; height: 18px; background: url(img/arrow_left2.png) no-repeat left center / contain; } #faktor_part1 .faktor_form .prev_page { bottom: 6px; color: #445c6a; cursor: pointer; font-size: 1rem; position: absolute; right: 8px; } #faktor_part1 .faktor_form .prev_page > div { padding-right: 20px; padding-left: 0; } #faktor_part1 .faktor_form .prev_page i { position: absolute; right: 0; top: 0px; width: 14px; height: 18px; background: url(img/arrow_left2.png) no-repeat left center / contain; transform: rotate(180deg); } #faktor_part1 .faktor_form .next_page:hover, #faktor_part1 .faktor_form .prev_page:hover { color: #0FC5EA; } #faktor_part1 .faktor_form .help { display: block; } #faktor_part1 .faktor_form > div > .title { float: right; width: 100%; text-align: center; color: #475f6d; font-size: 1.2em; line-height: 30px; margin-bottom: 20px; direction: rtl; position: relative; } #faktor_part1 .faktor_form > div > .title:after { background: url(img/line-title.png) no-repeat center center; right: 0; left: 0; bottom: -16px; margin: 0 auto; width: 74px; height: 13px; position: absolute; content: ""; } #faktor_part1 .faktor_form .website .title:after { background: none; } #faktor_part1 .faktor_form .website .title { line-height: 50px; } #faktor_part1 .faktor_form .mobile_title { background: none repeat scroll 0 0 #004f93; color: #fff; float: right; font-size: 0.95em; margin: 15px 0; padding: 10px 0; text-align: center; width: 100%; display: none; direction: rtl; } #faktor_part1 .faktor_form ul li { float: right; list-style-type: none; padding: 0 5px 5px; width: 100%; } #faktor_part1 .faktor_form li .hover_box { background-color: #333; border-color: #0d0d0d; border-radius: 6px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset; color: #ffffff; display: none; float: right; left: -125px; margin-bottom: 9px; margin-left: 50%; padding: 10px 20px; position: absolute; width: 250px; z-index: 5; transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; } #faktor_part1 .faktor_form li .hover_box:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom-color: transparent !important; border-image: none; border-left-color: transparent !important; border-right-color: transparent !important; border-style: solid; border-top: 11px solid #333; border-width: 11px; top: 100%; content: ""; display: block; left: 52%; margin: 0 20px 0 -16px; position: absolute; z-index: 999; } #faktor_part1 .faktor_form li .hover_box a { color: #FFF; direction: rtl; float: right; font-size: 12px; text-align: justify; width: 100%; line-height: 20px; } /*Website*/ #faktor_part1 .faktor_form .website ul li { text-align: center; } #faktor_part1 .faktor_form .website select { border: 1px solid #ccc; direction: rtl; text-align: right; width: 50%; height: 34px; line-height: 34px; font-size: 1.1rem; } #faktor_part1 .faktor_form .website select.no { border: solid 1px #F00; } #faktor_part1 .faktor_form .website select option { border-bottom: 1px solid #f2f2e9; color: #333; font-size: 1.1rem; padding: 3px 10px; } #faktor_part1 .faktor_form .website .help_link { padding: 64px 0; direction: rtl; background-repeat: no-repeat; background-position: center center; /*background:url(../_images/help_page_sign1.png) no-repeat center center;*/ } #faktor_part1 .faktor_form .website .help_link a { border-bottom: 1px solid #077fc5; color: #1E96DC; font-size: 1.2rem; position: relative;display:none; } #faktor_part1 .faktor_form .website .help_link a h2 { color: #077fc5; display: inline-block; font-size: 1.1rem; } #faktor_part1 .faktor_form .website .help_link i { bottom: 0px; color: #999; font-size: 1.5rem; left: -21px; opacity: 0; position: absolute; } #faktor_part1 .faktor_form .website .help_link a:hover i { opacity: 1; } #faktor_part1 .faktor_form .website .help_link a .question_mark { background: url("img/Question-mark-icon.png") no-repeat scroll center center rgba(0, 0, 0, 0); height: 36px; position: absolute; right: -31px; top: -11px; width: 30px; } /*Help*/ #faktor_part1 .faktor_form .help .website_description { float: right; width: 100%; } #faktor_part1 .faktor_form .help .website_description ul li { text-align: right; line-height: 25px; } #faktor_part1 .faktor_form .help .website_description ul li em { font-style: normal; font-size: 1em; color: #435b69; } #faktor_part1 .faktor_form .help .website_description ul li .bold_style { color: #ED0032; font-weight: bold; border-bottom: solid 1px #ED0032; } #faktor_part1 .faktor_form .help .website_description ul li em:before { content: ""; float: right; margin: 1px 0 0 5px; background: url(img/checkmark2.png) no-repeat right center; width: 30px; height: 22px; opacity: .8; } #faktor_part1 .faktor_form .help .website_description ul li em .mobile { display: none; } #faktor_part1 .faktor_form .help .website_description ul li i { color: #353535; float: right; font-size: 0.9em; margin: 8px 0 0 5px; display: none; } /*Services*/ #faktor_part1 .faktor_form .services li { float: right; width: 48%; margin: 0 0 10px 10px; } #faktor_part1 .faktor_form .services li label { font-size: 12px; color: #445C6A; cursor: pointer; float: right; direction: rtl; margin-left: 5px; position: relative; padding-right: 20px; } #faktor_part1 .faktor_form .services li label input { float: right; margin: 5px 0 0 5px; position: absolute; right: 0; top: -2px; } #faktor_part1 .faktor_form .services li i.question { cursor: default; position: absolute; left: -4px; top: -2px; width: 18px; height: 18px; background: url(img/question_mark.png) no-repeat left center / contain; } #faktor_part1 .faktor_form .services li .item_price { float: right; color: #818181; font-size: 1rem; cursor: default; display: inline-block; text-align: right; position: relative; padding-left: 18px; } /*Paye*/ #faktor_part1 .faktor_form .paye .services li label, #faktor_part1 .faktor_form .paye .services li .item_price, #faktor_part1 .faktor_form .paye .services li label input { cursor: not-allowed; color: #445c6a; } /*Moshtarak*/ #faktor_part1 .faktor_form .moshtarak .services li { margin: 0 0 15px; width: 33%; } #faktor_part1 .faktor_form .moshtarak .services li i { margin-top: 1px; } /*Takhasosi*/ #faktor_part1 .faktor_form .takhasosi .services { display: none; } #faktor_part1 .faktor_form .takhasosi .loading { background: url("img/loading1.gif") no-repeat scroll center center; bottom: 0; float: right; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } /*Pishnahadi*/ #faktor_part1 .faktor_form .pishnahadi .services li { margin: 0 0 20px; width: 100%; } #faktor_part1 .faktor_form .pishnahadi .forooshgahi.disabled label:hover, #faktor_part1 .faktor_form .pishnahadi .forooshgahi.disabled input:hover, #faktor_part1 .faktor_form .pishnahadi .forooshgahi.disabled span:hover { cursor: not-allowed; } #faktor_part1 .faktor_form .pishnahadi .forooshgahi.disabled:hover label, #faktor_part1 .faktor_form .pishnahadi .forooshgahi.disabled:hover span { color: #445c6a; } #faktor_part1 .faktor_form .pishnahadi .services li .title { font-family: 'Byekan';color: #3492D1; float: right; font-size: 1.4em; margin-bottom: 25px; text-align: center; width: 100%; cursor: default; line-height: 32px; } #faktor_part1 .faktor_form .pishnahadi .title_responsive { margin-bottom: 0; background: url(img/footerseparator.png) no-repeat right 16px, url(img/footerseparator.png) no-repeat left 16px; background-size: 260px; } #faktor_part1 .faktor_form .pishnahadi .faktor_responsive { margin-left: 1% !important; width: 60% !important; float: none; display: inline-block; } #faktor_part1 .faktor_form .pishnahadi .faktor_responsive > div { float: right; height: 140px; width: 100%; } #faktor_part1 .faktor_form .pishnahadi .faktor_responsive > div i.fa-info-circle:hover .hover_box { opacity: 1; display: block; } #faktor_part1 .faktor_form .pishnahadi .faktor_responsive > div:hover label { opacity: .6; } #faktor_part1 .faktor_form .pishnahadi .faktor_responsive div.pc:hover label { opacity: 1; color: #445c6a; } #faktor_part1 .faktor_form .pishnahadi .faktor_responsive > div:last-child { margin-left: 0; } #faktor_part1 .faktor_form .pishnahadi .faktor_responsive div.pc label, #faktor_part1 .faktor_form .pishnahadi .faktor_responsive div.pc .item_price { cursor: not-allowed; } #faktor_part1 .faktor_form .pishnahadi .faktor_responsive div.pc { background: url(img/responsive-design1.png) no-repeat right bottom; } #faktor_part1 .faktor_form .pishnahadi .faktor_responsive div.tablet { background: url(img/responsive-design2.png) no-repeat right bottom; height: 118px; } #faktor_part1 .faktor_form .pishnahadi .faktor_responsive div.mobile { background: url(img/features-icon3.png) no-repeat 70% bottom; } /*Shakhsi*/ #faktor_part1 .faktor_form .shakhsi ul li { float: right; margin-bottom: 10px; padding: 0 10px; width: 50%; position: relative; } #faktor_part1 .faktor_form .shakhsi ul li.full, #faktor_part1 .faktor_form .shakhsi ul li.full input, #faktor_part1 .faktor_form .shakhsi ul li.full textarea { width: 100%; } #faktor_part1 .faktor_form .shakhsi ul li label { color: #555; direction: rtl; float: right; margin-bottom: 5px; font-size: 1rem; line-height: 25px; } #faktor_part1 .faktor_form .shakhsi ul li .en_words { font-size: 1.2rem; } #faktor_part1 .faktor_form .shakhsi ul li label.error { color: #F00; font-size: 0.85rem; position: absolute; left: 10px; top: 0px; } #faktor_part1 .faktor_form .shakhsi ul li input, #faktor_part1 .faktor_form .shakhsi ul li textarea { color: #333; direction: rtl; float: left; font-size: 1rem; line-height: 27px; padding: 2px 5px; resize: none; width: 100%; border: 1px solid rgb(171, 210, 236); } #faktor_part1 .faktor_form .shakhsi ul li:last-child { margin-bottom: 20px; } #faktor_part1 .faktor_form .shakhsi ul li input.error, #faktor_part1 .faktor_form .shakhsi ul li textarea.error { border: dotted 1px #F00 !important; } #faktor_part1 .faktor_form .shakhsi ul li input:hover, #faktor_part1 .faktor_form .shakhsi ul li input:focus, #faktor_part1 .faktor_form .shakhsi ul li textarea:hover, #faktor_part1 .faktor_form .shakhsi ul li textarea:focus { border: dotted 1px #6DC7BB; } #faktor_part1 .faktor_form .shakhsi .next_page { background: url(img/search-arrow.png) no-repeat center center; width: 28px; height: 50px; bottom: -25px; cursor: default; display: none; z-index: 5; } /*faktor_part2*/ #faktor_part2 { width: 25%; float: right; } #faktor_part2 > div { float: right; width: 100%; } #faktor_part2 > div > .title { color: #fff; font-size: 1.2rem; background-color: #2E80B7; border-radius: 3px 3px 0 0; padding: 10px 10px; text-align: center; margin-top: -0px; } /*Price*/ #faktor_part2 .website_price { border-radius: 3px 3px 0 0; border: solid 1px #50b7d9; background-color: #fff; } #faktor_part2 .website_price ul li { float: right; width: 100%; direction: rtl; text-align: right; padding: 5px 10px 0; list-style-type: none; } #faktor_part2 .website_price ul li.price_row label { color: #555; float: right; font-size: 1.03rem; margin-bottom: 13px; margin-top: 5px; padding: 0 5px; text-align: center; width: 100%; } #faktor_part2 .website_price ul li.price_row label.host { font-size: 1.1em; text-shadow: 2px 2px 3px #666; } #faktor_part2 .website_price ul li.price_row .price { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: #f00; float: left; font-size: 1.7rem; line-height: 26px; text-align: center; width: 100%; } #faktor_part2 .website_price ul li.lan_row { display: none; } #faktor_part2 .website_price ul li.lan_row i.fa-plus, #faktor_part2 .website_price ul li.price_row i.fa-plus { float: right; font-size: 1.7em; color: #32c182; width: 100%; text-align: center; cursor: default; margin: 5px 0; } #faktor_part2 .website_price ul li.lan_row label { cursor: pointer; float: right; height: 23px; margin-right: 17%; margin-bottom: 7px; width: 26%; } #faktor_part2 .website_price ul li.lan_row label:hover { opacity: .7; } #faktor_part2 .website_price ul li.lan_row label.farsi { background: url(img/Iran.png) no-repeat center -3px; } #faktor_part2 .website_price ul li.lan_row label.us { background: url(img/us.png) no-repeat center -3px; } #faktor_part2 .website_price ul li.lan_row label.arabi { background: url(img/sa.png) no-repeat center top; } #faktor_part2 .website_price ul li.lan_row label.turki { background: url(img/Turkey.png) no-repeat center -3px; } #faktor_part2 .website_price ul li.lan_row label input { float: right; } #faktor_part2 .website_price ul li.br { background: url("img/footerseparator.png") no-repeat scroll center center / 257px auto rgba(0, 0, 0, 0); height: 8px; } #faktor_part2 .website_price ul li:last-child { padding-bottom: 58.5px; } /*faktor_part3*/ #faktor_part3 { width: 100%; float: right; margin-top: 10px; } #faktor_part3 input { float: right; width: 100%; border: none; background: url(img/faktor_bg.png) no-repeat scroll left bottom #64c4b8; padding: 10px 0; color: #fff; font-size: 1.5em; cursor: pointer; line-height: 35px; border-radius: 3px; } #faktor_part3 input:hover { opacity: .8; } #faktor_part3 input.disabled { border: 1px solid #ccc; color: #aaa; cursor: default; background: rgb(238,238,238); /* Old browsers */ background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238,238,238,1)), color-stop(100%, rgba(221,221,221,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0 ); /* IE6-9 */ } #faktor_part3 input.disabled:hover { opacity: 1; } #faktor_part3 .price { background: none repeat scroll 0 0 #222; border: 2px solid #1e96dc; border-radius: 5px 5px 0 0; bottom: 0; color: #f00; float: left; font-size: 1.5em; left: 0; line-height: 26px; padding: 5px 20px; position: fixed; text-align: center; display: none; } #faktor_part3 .price span { float: left; font-size: 0.6em; margin-right: 5px; margin-top: 2px; } /*****************************PishFaktor Table**************************/ .invoice_part1 { background: url(img/receipt_effect2.jpg); min-height: 800px; padding: 75px 0; border-top: solid 2px #e9e9e9; } .invoice_style1 { width: 80%; min-height: 500px; display: block; margin: 0 auto; background-color: #fff; box-shadow: 0 0 4px #ccc; } .invoice_style1 .part1 { padding-left: 90px; } .invoice_style1 .part1 .logo { width: 110px; height: 290px; float: left; background: url(img/factor_logo.png) no-repeat center center / contain; } .invoice_style1 .part1 .info { float: left; margin-left: 80px; border-left: solid 2px #ddd; padding: 70px 0 0 30px; width: 30%; } .invoice_style1 .part1 .info .item { margin-bottom: 5px; } .invoice_style1 .part1 .info .item .name { color: #46CEE8; font-size: 1.1rem; line-height: 33px; } .invoice_style1 .part1 .info .item .val { font-size: 1rem; color: #666; text-align: justify; line-height: 22px; } .invoice_style1 .part1 .shape { position: relative; width: 200px; height: 200px; float: right; background-color: #3d3d3d; color: #fff; } .invoice_style1 .part1 .shape::after { position: absolute; bottom: -60px; left: 0px; content: ''; border-right: solid 155px transparent; border-left: solid 45px transparent; border-top: solid 60px #3d3d3d; } .invoice_style1 .part1 .shape::before { position: absolute; top: 0px; left: -140px; content: ''; border-bottom: solid 200px transparent; border-right: solid 140px #3d3d3d; } .invoice_style1 .part1 .shape .content { position: absolute; left: 0; bottom: 15px; width: 80%; } .invoice_style1 .part1 .shape .title { color: #46CEE8; font-size: 1.35rem; line-height: 55px; } .invoice_style1 .part1 .shape .text { font-size: 1.1rem; text-align: justify; line-height: 22px; } .invoice_style1 .part1 .shape .text span { border-bottom: dotted 1px #eee; } .invoice_style1 .part2 { padding: 0 7% 50px; ; } .invoice_style1 .part2 .main_title { font-size: 1.7rem; color: #3d3d3d; border-bottom: dashed 1px #c3c3c3; line-height: 70px; display: inline-block; padding-left: 30px; margin-bottom: 30px; } .invoice_style1 .part2 .main_title .mark { color: #46CEE8; } .table_style2 table { width: 100%; border-collapse: collapse; vertical-align: middle; } .table_style2 td { padding: 13px 13px; } .table_style2 .col1 { width: 38%; } .table_style2 .col2 { width: 50%; } .table_style2 .col3 { color: #2DB4CE; font-size: 1.2rem; width: 13%; text-align: center; padding: 0; letter-spacing: .5px; } .table_style2 .col4 { width: 88%; border: none; } .table_style2 .col5 { width: 12%; border: none; padding: 0; text-align: center; } .table_style2 thead { text-align: center; color: #fff; font-size: 1.2rem; background-color: #46CEE8; height: 65px; border-right: solid 1px #46CEE8; border-left: solid 1px #46CEE8; } .table_style2 thead td { border-left: solid 1px rgba(255,255,255,.25); } .table_style2 thead td:last-child { border: none; } .table_style2 thead .col3 { color: #fff; } .table_style2 tbody { color: #777; line-height: 23px; border-right: solid 1px #46CEE8; border-left: solid 1px #46CEE8; font-size: 1rem; } .table_style2 tbody tr:nth-child(even) { background-color: #f5f5f5; } .table_style2 tbody td { border-left: dotted 1px rgba(0,0,0,.1); } .table_style2 tbody td:last-child { border: none; } .table_style2 tbody .col2 { font-size: .93rem; } .table_style2 tfoot { color: #666565; font-size: 1.2rem; border-top: solid 3px #46CEE8; } .table_style2 .inner_tfoot { border: none; } .table_style2 tfoot .full { padding: 7px 0; } .table_style2 tfoot .col4 { text-align: left; padding-left: 25px; } .table_style2 tfoot .lang { display: inline-block; border-bottom: dotted 2px rgba(0,0,0,.1); padding: 0 25px 14px 25px; margin-left: -25px; margin-bottom: -14px; } .table_style2 tfoot .total_price { color: #4FD200; border-top: dotted 2px rgba(0,0,0,.05); font-size: 1.8rem; font-weight: bold; } .invoice_style1 .part3 { padding: 0 7% 50px; } .invoice_style1 .part3 .info { padding-right: 1.5%; border-right: solid 5px #e6e6e6; } .invoice_style1 .part3 .info .item { float: right; width: 50%; padding: 0 1%; font-size: 1.05rem; line-height: 25px; margin-bottom: 10px; } .invoice_style1 .part3 .info .item.full { width: 100%; } .invoice_style1 .part3 .info .item .name { color: #0DABC9; margin-left: 5px; } .invoice_style1 .part3 .info .item .val { color: #666; } .invoice_style1 .part3 .info .item .val .desc { padding-right: 50px; } .invoice_style1 .part3 .info .item .val.en_words { font-size: 1.25rem; } .invoice_style1 .part4 { background-color: #3d3d3d; padding: 0 7% 0; } .invoice_style1 .part4 .content { position: relative; padding: 25px 0 35px; } .invoice_style1 .part4 .content:before { content: ''; position: absolute; right: 0; left: 0; top: 0; border-top: solid 5px #46CEE8; border-right: solid 5px transparent; border-left: solid 5px transparent; } .invoice_style1 .part4 .title { color: #46CEE8; font-size: 1.2rem; line-height: 30px; margin-bottom: 7px; } .invoice_style1 .part4 .text { color: #c9c6c6; font-size: 1.1rem; } /*****************************Article**************************/ /*Article Rightside*/ .article_rightside { float: right; width: 23%; direction: rtl; padding: 30px 0; } .article_rightside .main_title { color: #212121; font-size: 1.3rem; font-weight: normal; line-height: 30px; margin-bottom: 30px; overflow: hidden; padding: 10px 0 5px; position: relative; text-align: center; } .article_rightside .main_title div { background-color: #fff; display: inline-block; margin: 0 auto; padding: 0 10px; position: relative; } .article_rightside .project_list { margin-bottom: 30px; } .article_rightside .project_list .pro_style1 .item { width: 100%; } .article_rightside .project_list .pro_style1 .item .cover { height: 150px; } .article_rightside .project_list .pro_style1 .item .pic { bottom: 0; } .article_rightside .project_list .pro_style1 .item .name { font-size: 1.1rem; } .article_rightside .project_list .pro_style1 .item .name .inner_name { font-size: 1.3rem; } .article_rightside .popular_list .step1 > li { border-right: 1px solid #FAB23A; padding-bottom: 40px; padding-right: 15px; position: relative; line-height: 18px; } .article_rightside .popular_list .step1 > li:last-child { border: none; } .article_rightside .popular_list .step1 > li .title { color: #264d87; font-size: 1rem; position: relative; top: -9px; background-size: 200.22% auto; -webkit-background-size: 200.22% auto; -moz-background-size: 200.22% auto; background-position: 0% 0; background-image: linear-gradient(to right, rgba(255,255,255,0) 50%, #eee 50%); transition: background-position 0.5s ease-out; -webkit-transition: background-position 0.5s ease-out; } .article_rightside .popular_list .step1 > li .title:hover { background-position: 99.99% 0; } .article_rightside .popular_list .step1 > li .title:before { background-color: #fff; border: 1px solid #FAB23A; border-radius: 50%; content: ""; height: 10px; position: absolute; right: -21px; top: 4px; width: 10px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; } .article_rightside .popular_list .step1 > li .title:hover:before { background-color: #FAB23A; } .article_rightside .popular_list .step1 > li .date { display: block; color: #aaa; font-size: .95rem; position: relative; top: -5px; } /*Article Leftside*/ .article_leftside { float: left; width: 75%; direction: rtl; padding: 30px 0; } .article_leftside li, .article_rightside li { list-style-type: none; } .border_before, .border_after { background-color: #FAB23A; height: 7px; /*margin-top: -3px;*/ position: absolute; top: 50%; width: 85%; z-index: -1; } .border_before.purple, .border_after.purple { background-color: #7AA3DF; } .border_before.grey, .border_after.grey { background-color: #dedede; } .border_before { right: -89%; } .border_after { left: -89%; } .border_after:after, .border_after:before, .border_before:before, .border_before:after { border-style: solid; content: ""; position: absolute; top: 0; z-index: 2; } .border_before:before, .border_after:after { border-color: #fff transparent; border-width: 0 0 13px 6px; right: 0; } .border_before:after, .border_after:before { border-color: #fff transparent; border-width: 13px 6px 0 0; left: 0; } #article .article_list { margin-bottom: 35px; } .article_leftside .main_title { color: #212121; font-size: 1.9rem; font-weight: normal; margin-bottom: 30px; overflow: hidden; position: relative; text-align: center; display: block; } .article_leftside .main_title div { display: inline-block; margin: 0 auto; padding: 0 10px; background-color: #fff; position: relative; } .article_leftside .main_title .en_words { text-transform: uppercase; } #article .article_list .step1 > li { height: 350px; } #article .article_list .step1 > li .pic, #article .article_list .step1 > li .content { width: 50%; height: 350px; } #article .article_list .step1 > li .pic { float: left; background-size: auto 100%; background-repeat: no-repeat; background-position: center top; } #article .article_list .step1 > li:nth-child(even) .pic { float: right; } #article .article_list .step1 > li:hover .pic { opacity: .7; } #article .article_list .step1 > li .content { float: right; background-color: #f8f8f8; padding: 40px; text-align: left; position: relative; } #article .article_list .step1 > li .content:before { content: ""; height: 6px; width: 35px; top: 40px; left: 0; position: absolute; background-color: #FAB23A; } #article .article_list .step1 > li .content:after { border-bottom: 8px solid #f8f8f8; border-left: 3px solid transparent; content: ""; left: 32px; top: 40px; position: absolute; } #article .article_list .step1 > li:nth-child(even) .content { float: left; text-align: right; } #article .article_list .step1 > li:nth-child(even) .content:before { right: 0; left: auto; } #article .article_list .step1 > li:nth-child(even) .content:after { border: none; border-right: 3px solid transparent; border-bottom: 8px solid #f8f8f8; left: auto; right: 32px; } #article .article_list .step1 > li .content .title_before { color: #333; font-size: 1.2rem; font-style: italic; font-weight: bold; line-height: 5px; text-transform: uppercase; } #article .article_list .step1 > li .content .title { display: block; padding: 20px 0 15px; } #article .article_list .step1 > li .content .title a { color: #264d87; font-size: 1.3rem; font-weight: bold; background-size: 200.22% auto; -webkit-background-size: 200.22% auto; -moz-background-size: 200.22% auto; background-position: 0% 0; background-image: linear-gradient(to right, rgba(255,255,255,0) 50%, #dedede 50%); transition: background-position 0.5s ease-out; -webkit-transition: background-position 0.5s ease-out; } #article .article_list .step1 > li .content .title a:hover { background-position: 99.99% 0; } #article .article_list .step1 > li .content .text { color: #444; font-size: 1rem; line-height: 24px; height: 125px; } #article .article_list .step1 > li .info { padding-top: 15px; } #article .article_list .step1 > li .info span { color: #aaa; float: left; font-size: 1em; margin-right: 15px; position: relative; } #article .article_list .step1 > li .info span:after { background-color: #ccc; border-radius: 50%; content: ""; height: 3px; margin-top: 0; position: absolute; right: -10px; top: 50%; width: 3px; } #article .article_list .step1 > li .info span:last-child:after { width: 0; height: 0; } #article .article_list .step1 > li .info span.hascolor { color: #e5362c; font-size: 1rem; } #article .article_list .step1 > li:nth-child(even) .info span { float: right; margin-right: 0; margin-left: 15px; } #article .article_list .step1 > li:nth-child(even) .info span:after { right: auto; left: -10px; } /*Articles*/ #articles .articles_list > .inner { border: solid 1px #eee; float: right; width: 100%; } #articles .articles_list .step1 > li { border-top: 1px solid #eee; border-left: 1px solid #eee; box-sizing: border-box; display: block; float: right; height: 500px; padding: 20px 20px 50px 0; width: 33.33%; position: relative; z-index: 0; background-color: #f8f8f8; } #articles .articles_list .step1 > li:nth-child(1), #articles .articles_list .step1 > li:nth-child(2), #articles .articles_list .step1 > li:nth-child(3) { border-top: none; } #articles .articles_list .step1 > li:nth-child(3) { border-left: none; } #articles .articles_list .step1 .main_title { margin-bottom: 0px; margin-left: 20px; } #articles .articles_list .step1 .main_title > div { background-color: #F8F8F8; font-size: 1.5rem; } #articles .articles_list .step1 .main_title .border_before { right: -52%; } #articles .articles_list .step1 .main_title .border_after { left: -52%; } #articles .articles_list .step1 .main_title .border_before::after, #articles .articles_list .step1 .main_title .border_after::before, #articles .articles_list .step1 .main_title .border_before::before, #articles .articles_list .step1 .main_title .border_after::after { border-color: #F8F8F8 transparent; } #articles .articles_list .scroll { height: 370px; overflow: auto; } #articles .articles_list .mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-left: 0; } #articles .articles_list .step2 > li { padding: 17px 0; border-bottom: solid 1px #eee; margin-left: 20px; } #articles .articles_list .step2 > li:last-child { border: none; } #articles .articles_list .step2 > li a { color: #264d87; display: block; font-size: 1rem; text-align: justify; } #articles .articles_list .step2 > li:hover a { color: #222; } #articles .articles_list .archive { margin-top: 20px; text-align: center; } #articles .articles_list .archive a { border: 1px solid #fab23a; color: #eea62e; display: inline-block; line-height: 32px; text-align: center; width: 47%; font-size: 1em; } #articles .articles_list .archive a:hover { color: #fff; background-color: #fab23a; } /*Article Detail*/ #article_detail .article_leftside { border: solid 1px #f3f3f3; border-top: none; } #article_detail .top_title { color: #264d87; font-size: 1.5rem; line-height: 39px; margin: 10px auto 0; padding: 0 6%; text-align: center; } #article_detail .main_title .label { color: #111; display: inline-block; font-size: 1.03rem; font-weight: bold; margin-left: 15px; position: relative; } #article_detail .main_title .label:after { content: ""; position: absolute; left: -12px; width: 5px; height: 5px; border-radius: 50%; background-color: #FAB23A; top: 50%; } #article_detail .main_title span.label:after { top: 40%; } #article_detail .main_title span.label:last-of-type { margin-left: 0; } #article_detail .main_title span.label:last-of-type:after { width: 0; height: 0; } #article_detail .border_before { /*right:-40%;*/ } #article_detail .border_after { /*left:-40%;*/ } #article_detail .text { font-size: 1.02rem; color: #666; line-height: 25px; margin-bottom: 40px; } #article_detail .text h1, #article_detail .text h2, #article_detail .text h3, #article_detail .text h4, #article_detail .text h5, #article_detail .text h6, #article_detail .text p { margin: 0 auto; max-width: 85%; } #article_detail .text p { padding: 9px 0 15px; text-align: justify; } #article_detail .text ul { max-width: 85%; margin: 20px auto; } #article_detail .text ul li { line-height: 23px; margin-bottom: 5px; padding-right: 12px; position: relative; } #article_detail .text ul li:before { content: ''; position: absolute; right: 0; top: 10px; width: 5px; height: 5px; border-radius: 50%; background-color: #FAB23A; } #article_detail .text .img_holder { margin: 5px 0 20px; } #article_detail .text img { max-width: 100% !important; margin: 0px auto; width: auto !important; height: auto !important; } #article_detail .text .link { color: #e93a30; font-weight: bold; border-bottom: solid 2px #333; } #article_detail .text .link:hover { color: #333; border-bottom-color: #e93a30; } #article_detail .text .quote { border-right: solid 6px #F9B248; background-color: #F6F6F6; max-width: 85%; margin: 10px auto 20px; padding: 20px 30px; } #article_detail .text .quote p { max-width: 100%; padding: 0; color: #333; } #article_detail .detail_video { margin-top: 30px; text-align: center; } #article_detail .detail_video video { border-radius: 4px; box-shadow: 2px 2px 7px #bbb; margin: 0 auto; max-width: 80%; } #article_detail .detail_footer { width: 100%; margin-top: 30px; border-top: solid 1px #f3f3f3; border-bottom: solid 1px #f3f3f3; min-height: 70px; text-align: center; } #article_detail .detail_footer .step1 > li { display: inline-block; width: 20%; min-height: 80px; margin: 10px 0; } #article_detail .detail_footer .step1 .step_counter span, #article_detail .detail_footer .step1 .source span { display: block; } #article_detail .detail_footer .step1 .step_counter .no { color: #164a71; font-size: 2.8rem; line-height: 60px; } #article_detail .detail_footer .step1 .step_counter .label { color: #6BB9E0; font-size: 1rem; line-height: 16px; padding-bottom: 16px; } #article_detail .detail_footer .step1 .source { border-right: solid 1px #eee; } #article_detail .detail_footer .step1 .source .label { font-size: 2em; color: #E93A30; line-height: 60px; } #article_detail .detail_footer .step1 .source .value { font-size: .8em; color: #999; } #article_detail .detail_related .main_title { font-size: 1.4em; } #article_detail .detail_related { border-bottom: solid 1px #F3F3F3; padding: 30px 0; text-align: center; margin-bottom: 30px; } #article_detail .detail_related .list .item { display: inline-block; margin: 0 15px; width: 25%; } #article_detail .detail_related .list .item:hover a { opacity: .7; } #article_detail .detail_related .pic { width: 100%; height: 150px; overflow: hidden; margin-bottom: 15px; } #article_detail .detail_related .pic img { max-height: 100%; } #article_detail .detail_related .name { text-align: center; color: #013E77; float: right; width: 100%; font-size: .95em; } /*detail related2*/ #article_detail .detail_related2 { border-bottom: solid 1px #F3F3F3; text-align: center; margin-bottom: 30px; padding: 30px 13% 50px; } #article_detail .detail_related2 .main_title { font-size: 1.4em; } /*********** Small tablet landscape (800x600) ************/ @media only screen and (max-width: 970px) { } /************* Small tablet portrait (600x800) ************/ @media only screen and (max-width: 750px) { } /*************** Mobile landscape (480x320) ******************/ @media only screen and (max-width: 550px) { } /*********** tablet landscape (320x480) ************/ @media only screen and (max-width: 320px) { /*Footer*/ footer .footer_part1 .sub_menu li { width: 100%; } footer .footer_part1 .social_items li { width: 50%; } footer .footer_part2 .copyright p { width: 90%; } /*Faktor*/ #faktor_part3 input { font-size: 1.2em; } #faktor_part3 input.disabled { font-size: .65em; } #faktor_part1 .faktor_form .website .help_link a { font-size: 0.74em; padding-right: 0px; } #faktor_part1 .faktor_form .help .website_description ul li em { font-size: 0.75em; } #faktor_part1 .faktor_form .moshtarak .services li i { font-size: .95em; } #faktor_part1 .faktor_form .website .help_link a { font-size: 0.69em; padding-right: 0px; border-bottom: solid 1px #52b2a6; text-decoration: none; } #faktor_part1 .faktor_form .website select { width: 100%; font-size: .7em; } #faktor_part1 .faktor_form .pishnahadi .faktor_responsive > div { height: 90px; } #faktor_part1 .faktor_form .pishnahadi .faktor_responsive div.pc { background-size: 80px; } #faktor_part1 .faktor_form .pishnahadi .faktor_responsive div.tablet { background-size: 27px auto; } #faktor_part1 .faktor_form .pishnahadi .faktor_responsive div.mobile { background-size: 17px auto; } #faktor_part2 .website_price ul li.lan_row label.farsi { margin-right: 0; } #faktor_part2 .website_price ul li.lan_row label { margin-right: 0; width: 25%; } #faktor_part3 input.disabled { font-size: .74em; } #faktor_part3 input.disabled { font-size: .65em; } #faktor_part1 .faktor_form .website .help_link { background-size: 79px; } #faktor_part1 .faktor_form .services li label { font-size: .68em; text-align: right; } #faktor_part1 .faktor_form .pishnahadi .title_responsive { background: url(../_images/footerseparator.png) no-repeat right 27px, url(../_images/footerseparator.png) no-repeat left; background-size: 200px; } #faktor_part1 .faktor_form .pishnahadi .services li .title { font-size: .75em; margin-bottom: 10px; } #faktor_part1 .faktor_form li .hover_box { left: -50px; width: 215px; } /*FAQ*/ #faq .part2 .q { font-size: .95em; } /*Website Description*/ #site_description .title { font-size: 1em; } #site_description .title .print_faktor { font-size: 0.6em; } #site_description .part3 .customNavigation a { padding: 16px 58px; } #site_description .part3 .slide { padding: 0 0px; } #site_boxes .boxes ul li { width: 100%; } #project_details .project_part1 aside.pic .main_pic.desktop { padding: 10% 4.8% 35%; } #project_details .project_part1 aside.pic .main_pic.tablet { padding: 14% 5.8% 15.5%; } #project_details .project_part1 aside.pic .main_pic.mobile { padding: 19% 4.2% 22.5%; } } /****************Mac Setting*******************/ .mac * { font-weight: normal !important; } .mac #header_section2 .big_menu > ul > li.sub_box div { top: 75px; } .mac #home_part6 ul li strong { float: left; width: 52.9%; } .mac #faktor_part2 .website_price ul li.price_row label { margin-top: 10px; } @-webkit-keyframes shake-little { 0% { -webkit-transform:translate(0px, 0px) rotate(0deg) } 2% { -webkit-transform:translate(-1px, 0px) rotate(-0.5deg) } 4% { -webkit-transform:translate(-1px, -1px) rotate(-0.5deg) } 6% { -webkit-transform:translate(-1px, -1px) rotate(-0.5deg) } 8% { -webkit-transform:translate(0px, 0px) rotate(-0.5deg) } 10% { -webkit-transform:translate(0px, -1px) rotate(-0.5deg) } 12% { -webkit-transform:translate(-1px, 0px) rotate(-0.5deg) } 14% { -webkit-transform:translate(-1px, -1px) rotate(-0.5deg) } 16% { -webkit-transform:translate(0px, 0px) rotate(-0.5deg) } 18% { -webkit-transform:translate(-1px, -1px) rotate(-0.5deg) } 20% { -webkit-transform:translate(-1px, -1px) rotate(-0.5deg) } 22% { -webkit-transform:translate(0px, -1px) rotate(-0.5deg) } 24% { -webkit-transform:translate(0px, 0px) rotate(-0.5deg) } 26% { -webkit-transform:translate(-1px, -1px) rotate(-0.5deg) } 28% { -webkit-transform:translate(-1px, -1px) rotate(-0.5deg) } 30% { -webkit-transform:translate(-1px, -1px) rotate(-0.5deg) } 32% { -webkit-transform:translate(0px, -1px) rotate(-0.5deg) } 34% { -webkit-transform:translate(-1px, -1px) rotate(-0.5deg) } 36% { -webkit-transform:translate(0px, -1px) rotate(-0.5deg) } 38% { -webkit-transform:translate(-1px, 0px) rotate(-0.5deg) } 40% { -webkit-transform:translate(0px, 0px) rotate(-0.5deg) } 42% { -webkit-transform:translate(-1px, -1px) rotate(-0.5deg) } 44% { -webkit-transform:translate(-1px, 0px) rotate(-0.5deg) } 46% { -webkit-transform:translate(0px, 0px) rotate(-0.5deg) } 48% { -webkit-transform:translate(-1px, -1px) rotate(-0.5deg) } 50% { -webkit-transform:translate(0px, 0px) rotate(-0.5deg) } 52% { -webkit-transform:translate(0px, 0px) rotate(-0.5deg) } 54% { -webkit-transform:translate(0px, 0px) rotate(-0.5deg) } 56% { -webkit-transform:translate(-1px, 0px) rotate(-0.5deg) } 58% { -webkit-transform:translate(0px, -1px) rotate(-0.5deg) } 60% { -webkit-transform:translate(-1px, -1px) rotate(-0.5deg) } 62% { -webkit-transform:translate(-1px, -1px) rotate(-0.5deg) } 64% { -webkit-transform:translate(-1px, 0px) rotate(-0.5deg) } 66% { -webkit-transform:translate(0px, 0px) rotate(-0.5deg) } 68% { -webkit-transform:translate(-1px, 0px) rotate(-0.5deg) } 70% { -webkit-transform:translate(0px, -1px) rotate(-0.5deg) } 72% { -webkit-transform:translate(0px, -1px) rotate(-0.5deg) } 74% { -webkit-transform:translate(-1px, -1px) rotate(-0.5deg) } 76% { -webkit-transform:translate(0px, 0px) rotate(-0.5deg) } 78% { -webkit-transform:translate(0px, -1px) rotate(-0.5deg) } 80% { -webkit-transform:translate(0px, -1px) rotate(-0.5deg) } 82% { -webkit-transform:translate(-1px, 0px) rotate(-0.5deg) } 84% { -webkit-transform:translate(-1px, 0px) rotate(-0.5deg) } 86% { -webkit-transform:translate(0px, 0px) rotate(-0.5deg) } 88% { -webkit-transform:translate(0px, 0px) rotate(-0.5deg) } 90% { -webkit-transform:translate(-1px, -1px) rotate(-0.5deg) } 92% { -webkit-transform:translate(0px, 0px) rotate(-0.5deg) } 94% { -webkit-transform:translate(0px, 0px) rotate(-0.5deg) } 96% { -webkit-transform:translate(-1px, -1px) rotate(-0.5deg) } 98% { -webkit-transform:translate(0px, 0px) rotate(-0.5deg) } } @-ms-keyframes shake-little { 0% { -ms-transform:translate(0px, 0px) rotate(0deg) } 2% { -ms-transform:translate(0px, 0px) rotate(-0.5deg) } 4% { -ms-transform:translate(0px, 0px) rotate(-0.5deg) } 6% { -ms-transform:translate(-1px, 0px) rotate(-0.5deg) } 8% { -ms-transform:translate(0px, -1px) rotate(-0.5deg) } 10% { -ms-transform:translate(0px, 0px) rotate(-0.5deg) } 12% { -ms-transform:translate(0px, -1px) rotate(-0.5deg) } 14% { -ms-transform:translate(0px, -1px) rotate(-0.5deg) } 16% { -ms-transform:translate(0px, 0px) rotate(-0.5deg) } 18% { -ms-transform:translate(0px, 0px) rotate(-0.5deg) } 20% { -ms-transform:translate(-1px, 0px) rotate(-0.5deg) } 22% { -ms-transform:translate(-1px, -1px) rotate(-0.5deg) } 24% { -ms-transform:translate(-1px, 0px) rotate(-0.5deg) } 26% { -ms-transform:translate(-1px, 0px) rotate(-0.5deg) } 28% { -ms-transform:translate(0px, -1px) rotate(-0.5deg) } 30% { -ms-transform:translate(0px, -1px) rotate(-0.5deg) } 32% { -ms-transform:translate(0px, -1px) rotate(-0.5deg) } 34% { -ms-transform:translate(0px, -1px) rotate(-0.5deg) } 36% { -ms-transform:translate(0px, -1px) rotate(-0.5deg) } 38% { -ms-transform:translate(-1px, 0px) rotate(-0.5deg) } 40% { -ms-transform:translate(0px, -1px) rotate(-0.5deg) } 42% { -ms-transform:translate(-1px, -1px) rotate(-0.5deg) } 44% { -ms-transform:translate(-1px, -1px) rotate(-0.5deg) } 46% { -ms-transform:translate(0px, -1px) rotate(-0.5deg) } 48% { -ms-transform:translate(0px, -1px) rotate(-0.5deg) } 50% { -ms-transform:translate(-1px, 0px) rotate(-0.5deg) } 52% { -ms-transform:translate(-1px, -1px) rotate(-0.5deg) } 54% { -ms-transform:translate(-1px, 0px) rotate(-0.5deg) } 56% { -ms-transform:translate(0px, -1px) rotate(-0.5deg) } 58% { -ms-transform:translate(0px, -1px) rotate(-0.5deg) } 60% { -ms-transform:translate(-1px, 0px) rotate(-0.5deg) } 62% { -ms-transform:translate(0px, -1px) rotate(-0.5deg) } 64% { -ms-transform:translate(-1px, 0px) rotate(-0.5deg) } 66% { -ms-transform:translate(-1px, -1px) rotate(-0.5deg) } 68% { -ms-transform:translate(0px, 0px) rotate(-0.5deg) } 70% { -ms-transform:translate(-1px, 0px) rotate(-0.5deg) } 72% { -ms-transform:translate(-1px, 0px) rotate(-0.5deg) } 74% { -ms-transform:translate(-1px, -1px) rotate(-0.5deg) } 76% { -ms-transform:translate(-1px, 0px) rotate(-0.5deg) } 78% { -ms-transform:translate(-1px, 0px) rotate(-0.5deg) } 80% { -ms-transform:translate(0px, -1px) rotate(-0.5deg) } 82% { -ms-transform:translate(-1px, -1px) rotate(-0.5deg) } 84% { -ms-transform:translate(0px, -1px) rotate(-0.5deg) } 86% { -ms-transform:translate(0px, -1px) rotate(-0.5deg) } 88% { -ms-transform:translate(0px, -1px) rotate(-0.5deg) } 90% { -ms-transform:translate(-1px, -1px) rotate(-0.5deg) } 92% { -ms-transform:translate(0px, 0px) rotate(-0.5deg) } 94% { -ms-transform:translate(0px, -1px) rotate(-0.5deg) } 96% { -ms-transform:translate(-1px, 0px) rotate(-0.5deg) } 98% { -ms-transform:translate(0px, -1px) rotate(-0.5deg) } } @keyframes shake-little { 0% { transform:translate(0px, 0px) rotate(0deg) } 2% { transform:translate(-1px, -1px) rotate(-0.5deg) } 4% { transform:translate(-1px, -1px) rotate(-0.5deg) } 6% { transform:translate(0px, 0px) rotate(-0.5deg) } 8% { transform:translate(0px, -1px) rotate(-0.5deg) } 10% { transform:translate(-1px, -1px) rotate(-0.5deg) } 12% { transform:translate(0px, 0px) rotate(-0.5deg) } 14% { transform:translate(0px, 0px) rotate(-0.5deg) } 16% { transform:translate(0px, -1px) rotate(-0.5deg) } 18% { transform:translate(0px, 0px) rotate(-0.5deg) } 20% { transform:translate(-1px, -1px) rotate(-0.5deg) } 22% { transform:translate(-1px, -1px) rotate(-0.5deg) } 24% { transform:translate(-1px, -1px) rotate(-0.5deg) } 26% { transform:translate(-1px, 0px) rotate(-0.5deg) } 28% { transform:translate(0px, -1px) rotate(-0.5deg) } 30% { transform:translate(0px, -1px) rotate(-0.5deg) } 32% { transform:translate(0px, 0px) rotate(-0.5deg) } 34% { transform:translate(0px, -1px) rotate(-0.5deg) } 36% { transform:translate(-1px, 0px) rotate(-0.5deg) } 38% { transform:translate(-1px, -1px) rotate(-0.5deg) } 40% { transform:translate(0px, 0px) rotate(-0.5deg) } 42% { transform:translate(-1px, -1px) rotate(-0.5deg) } 44% { transform:translate(-1px, 0px) rotate(-0.5deg) } 46% { transform:translate(-1px, -1px) rotate(-0.5deg) } 48% { transform:translate(0px, -1px) rotate(-0.5deg) } 50% { transform:translate(0px, -1px) rotate(-0.5deg) } 52% { transform:translate(0px, 0px) rotate(-0.5deg) } 54% { transform:translate(-1px, 0px) rotate(-0.5deg) } 56% { transform:translate(0px, 0px) rotate(-0.5deg) } 58% { transform:translate(0px, 0px) rotate(-0.5deg) } 60% { transform:translate(0px, 0px) rotate(-0.5deg) } 62% { transform:translate(0px, -1px) rotate(-0.5deg) } 64% { transform:translate(0px, 0px) rotate(-0.5deg) } 66% { transform:translate(-1px, -1px) rotate(-0.5deg) } 68% { transform:translate(0px, -1px) rotate(-0.5deg) } 70% { transform:translate(0px, 0px) rotate(-0.5deg) } 72% { transform:translate(-1px, -1px) rotate(-0.5deg) } 74% { transform:translate(-1px, -1px) rotate(-0.5deg) } 76% { transform:translate(-1px, 0px) rotate(-0.5deg) } 78% { transform:translate(0px, 0px) rotate(-0.5deg) } 80% { transform:translate(0px, -1px) rotate(-0.5deg) } 82% { transform:translate(-1px, 0px) rotate(-0.5deg) } 84% { transform:translate(-1px, -1px) rotate(-0.5deg) } 86% { transform:translate(0px, -1px) rotate(-0.5deg) } 88% { transform:translate(0px, 0px) rotate(-0.5deg) } 90% { transform:translate(-1px, -1px) rotate(-0.5deg) } 92% { transform:translate(-1px, 0px) rotate(-0.5deg) } 94% { transform:translate(-1px, 0px) rotate(-0.5deg) } 96% { transform:translate(0px, -1px) rotate(-0.5deg) } 98% { transform:translate(0px, -1px) rotate(-0.5deg) } }