@import url("trumbowyg.css");

@import url("persian-datepicker.css");

/*persiannum*/

@font-face{font-family:iranyekan;font-style:normal;font-weight:700;src:url('../fonts/persiannum/eot/iranyekanwebbold(fanum).eot');src:url('../fonts/persiannum/eot/iranyekanwebbold(fanum).eot?#iefix') format('embedded-opentype'),url('../fonts/persiannum/woff2/iranyekanwebbold(fanum).woff2') format('woff2'),url('../fonts/persiannum/woff/iranyekanwebbold(fanum).woff') format('woff'),url('../fonts/persiannum/ttf/iranyekanwebbold(fanum).ttf') format('truetype')}@font-face{font-family:iranyekan;font-style:normal;font-weight:300;src:url('../fonts/persiannum/eot/iranyekanweblight(fanum).eot');src:url('../fonts/persiannum/eot/iranyekanweblight(fanum).eot?#iefix') format('embedded-opentype'),url('../fonts/persiannum/woff2/iranyekanweblight(fanum).woff2') format('woff2'),url('../fonts/persiannum/woff/iranyekanweblight(fanum).woff') format('woff'),url('../fonts/persiannum/ttf/iranyekanweblight(fanum).ttf') format('truetype')}@font-face{font-family:iranyekan;font-style:normal;font-weight:400;src:url('../fonts/persiannum/eot/iranyekanwebregular(fanum).eot');src:url('../fonts/persiannum/eot/iranyekanwebregular(fanum).eot?#iefix') format('embedded-opentype'),url('../fonts/persiannum/woff2/iranyekanwebregular(fanum).woff2') format('woff2'),url('../fonts/persiannum/woff/iranyekanwebregular(fanum).woff') format('woff'),url('../fonts/persiannum/ttf/iranyekanwebregular(fanum).ttf') format('truetype')}

/*IRANyekan*/

@font-face{font-family:iranyekan;font-style:normal;font-weight:700;src:url(../fonts/iranyekan/eot/iranyekanwebbold.eot);src:url(../fonts/iranyekan/eot/iranyekanwebbold.eot?#iefix) format('embedded-opentype'),url(../fonts/iranyekan/woff2/iranyekanwebbold.woff2) format('woff2'),url(../fonts/iranyekan/woff/iranyekanwebbold.woff) format('woff'),url(../fonts/iranyekan/ttf/iranyekanwebbold.ttf) format('truetype')}@font-face{font-family:iranyekan;font-style:normal;font-weight:300;src:url(../fonts/iranyekan/eot/iranyekanweblight.eot);src:url(../fonts/iranyekan/eot/iranyekanweblight.eot?#iefix) format('embedded-opentype'),url(../fonts/iranyekan/woff2/iranyekanweblight.woff2) format('woff2'),url(../fonts/iranyekan/woff/iranyekanweblight.woff) format('woff'),url(../fonts/iranyekan/ttf/iranyekanweblight.ttf) format('truetype')}@font-face{font-family:iranyekan;font-style:normal;font-weight:400;src:url(../fonts/iranyekan/eot/iranyekanwebregular.eot);src:url(../fonts/iranyekan/eot/iranyekanwebregular.eot?#iefix) format('embedded-opentype'),url(../fonts/iranyekan/woff2/iranyekanwebregular.woff2) format('woff2'),url(../fonts/iranyekan/woff/iranyekanwebregular.woff) format('woff'),url(../fonts/iranyekan/ttf/iranyekanwebregular.ttf) format('truetype')}

/*Paging*/

.pagination a,.pagination span{display:inline-block;color:#999;padding:5px 15px;border:1px solid #ddd;margin:0 2px;vertical-align:bottom}.pagination .current{background:#E34E48;color:#fff}.pagination a:hover{color:#E34E48;background-color:#eee}

/*Reset*/

html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline;background:transparent}article,aside,figure,footer,header,nav,section,details,summary{display:block}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}img,object,embed{max-width:100%}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:500;vertical-align:bottom}td{font-weight:400;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:700}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}pre,code,kbd,samp{font-family:monospace,sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer}button,input,select,textarea{margin:0}button,input[type=button]{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}

/*Viewbox*/

.viewbox-footer,.viewbox-header{margin:10px}.viewbox-container{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:700}.viewbox-body{position:absolute;top:50%;left:50%;background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.6);-moz-box-shadow:0 0 10px rgba(0,0,0,.6);box-shadow:0 0 10px rgba(0,0,0,.6);overflow:auto}.viewbox-content{margin:10px;width:300px;height:300px}.viewbox-content .viewbox-image{width:100%;height:100%}.viewbox-button-default{cursor:pointer;height:64px;width:64px}.viewbox-button-default>svg{width:100%;height:100%;background:inherit;fill:inherit;pointer-events:none;transform:translateX(0)}.viewbox-button-default{fill:#999}.viewbox-button-default:hover{fill:#fff}.viewbox-button-close{position:absolute;top:10px;right:10px;z-index:9}.viewbox-button-next,.viewbox-button-prev{position:absolute;top:50%;height:128px;width:128px;margin:-64px 0 0;z-index:9}.viewbox-button-next{right:10px}.viewbox-button-prev{left:10px}.viewbox-container .loader{widows:100%;position:absolute;left:50%;top:50%;margin:-25px 0 0 -25px}.viewbox-container .loader *{margin:0;padding:0}.viewbox-container .loader .spinner{width:50px;height:50px;position:relative;margin:0 auto}.viewbox-container .loader .double-bounce1,.viewbox-container .loader .double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#999;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}.viewbox-container .loader .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}

/*icon*/

@charset "UTF-8";[class*=" icon-"]:before,[class^=icon-]:before,[data-icon]:before{font-family:hamdasti!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:hamdasti;src:url(../fonts/hamdasti.eot);src:url(../fonts/hamdasti.eot?#iefix) format("embedded-opentype"),url(../fonts/hamdasti.woff) format("woff"),url(../fonts/hamdasti.ttf) format("truetype"),url(../fonts/hamdasti.svg#hamdasti) format("svg");font-weight:400;font-style:normal}[data-icon]:before{content:attr(data-icon)}.icon-align-justify:before{content:"\61"}.icon-ambulance:before{content:"\62"}.icon-angellist:before{content:"\63"}.icon-angle-double-down:before{content:"\64"}.icon-angle-double-left:before{content:"\65"}.icon-angle-double-right:before{content:"\66"}.icon-angle-double-up:before{content:"\67"}.icon-angle-down:before{content:"\68"}.icon-angle-left:before{content:"\69"}.icon-angle-right:before{content:"\6a"}.icon-angle-up:before{content:"\6b"}.icon-archive:before{content:"\6c"}.icon-asterisk:before{content:"\6d"}.icon-bar-chart:before{content:"\6e"}.icon-bed:before{content:"\6f"}.icon-bookmark-o:before{content:"\70"}.icon-bullhorn:before{content:"\71"}.icon-building-o:before{content:"\72"}.icon-bullseye:before{content:"\73"}.icon-bus:before{content:"\74"}.icon-calculator:before{content:"\75"}.icon-calendar:before{content:"\76"}.icon-calendar-check-o:before{content:"\77"}.icon-calendar-minus-o:before{content:"\78"}.icon-calendar-plus-o:before{content:"\79"}.icon-calendar-times-o:before{content:"\7a"}.icon-calendar-o:before{content:"\41"}.icon-camera:before{content:"\42"}.icon-car:before{content:"\43"}.icon-caret-square-o-right:before{content:"\44"}.icon-caret-square-o-left:before{content:"\45"}.icon-caret-left:before{content:"\46"}.icon-caret-down:before{content:"\47"}.icon-caret-right:before{content:"\48"}.icon-caret-up:before{content:"\49"}.icon-check-circle:before{content:"\4a"}.icon-check:before{content:"\4b"}.icon-chain-broken:before{content:"\4c"}.icon-cart-plus:before{content:"\4d"}.icon-cart-arrow-down:before{content:"\4e"}.icon-chevron-down:before{content:"\4f"}.icon-chevron-left:before{content:"\50"}.icon-chevron-right:before{content:"\51"}.icon-chevron-up:before{content:"\52"}.icon-child:before{content:"\53"}.icon-circle-o:before{content:"\54"}.icon-circle-o-notch:before{content:"\55"}.icon-cogs:before{content:"\56"}.icon-cog:before{content:"\57"}.icon-coffee:before{content:"\58"}.icon-cloud-upload:before{content:"\59"}.icon-cloud-download:before{content:"\5a"}.icon-clone:before{content:"\30"}.icon-clock-o:before{content:"\31"}.icon-credit-card:before{content:"\32"}.icon-crosshairs:before{content:"\33"}.icon-comment-o:before{content:"\34"}.icon-commenting-o:before{content:"\35"}.icon-comments-o:before{content:"\36"}.icon-database:before{content:"\37"}.icon-desktop:before{content:"\38"}.icon-envelope-o:before{content:"\39"}.icon-envelope:before{content:"\21"}.icon-expeditedssl:before{content:"\22"}.icon-exclamation:before{content:"\23"}.icon-exclamation-circle:before{content:"\24"}.icon-female:before{content:"\25"}.icon-fax:before{content:"\26"}.icon-facebook:before{content:"\27"}.icon-facebook-official:before{content:"\28"}.icon-film:before{content:"\29"}.icon-folder-open-o:before{content:"\2a"}.icon-frown-o:before{content:"\2b"}.icon-gift:before{content:"\2c"}.icon-google-plus:before{content:"\2d"}.icon-hand-o-up:before{content:"\2e"}.icon-hand-o-right:before{content:"\3b"}.icon-hand-o-left:before{content:"\2f"}.icon-hand-o-down:before{content:"\3a"}.icon-heartbeat:before{content:"\3c"}.icon-heart-o:before{content:"\3d"}.icon-heart:before{content:"\3e"}.icon-home:before{content:"\3f"}.icon-instagram:before{content:"\40"}.icon-key:before{content:"\5b"}.icon-lock:before{content:"\5d"}.icon-map-marker:before{content:"\5e"}.icon-map:before{content:"\5f"}.icon-microphone:before{content:"\60"}.icon-microphone-slash:before{content:"\7b"}.icon-money:before{content:"\7c"}.icon-mobile:before{content:"\7d"}.icon-neuter:before{content:"\7e"}.icon-paper-plane:before{content:"\5c"}.icon-paper-plane-o:before{content:"\e000"}.icon-paperclip:before{content:"\e001"}.icon-pencil:before{content:"\e002"}.icon-pencil-square-o:before{content:"\e003"}.icon-phone:before{content:"\e004"}.icon-phone-square:before{content:"\e005"}.icon-plus-circle:before{content:"\e006"}.icon-plus:before{content:"\e007"}.icon-minus:before{content:"\e008"}.icon-play:before{content:"\e009"}.icon-pie-chart:before{content:"\e00a"}.icon-plus-square:before{content:"\e00b"}.icon-power-off:before{content:"\e00c"}.icon-print:before{content:"\e00d"}.icon-puzzle-piece:before{content:"\e00e"}.icon-question:before{content:"\e00f"}.icon-rss:before{content:"\e010"}.icon-road:before{content:"\e011"}.icon-rss-square:before{content:"\e012"}.icon-scissors:before{content:"\e013"}.icon-search:before{content:"\e014"}.icon-share-alt:before{content:"\e015"}.icon-share-alt-square:before{content:"\e016"}.icon-sign-in:before{content:"\e017"}.icon-sign-out:before{content:"\e018"}.icon-smile-o:before{content:"\e019"}.icon-star-o:before{content:"\e01a"}.icon-star:before{content:"\e01b"}.icon-square-o:before{content:"\e01c"}.icon-spinner:before{content:"\e01d"}.icon-stethoscope:before{content:"\e01e"}.icon-tachometer:before{content:"\e01f"}.icon-th-large:before{content:"\e020"}.icon-thumb-tack:before{content:"\e021"}.icon-thumbs-o-up:before{content:"\e022"}.icon-thumbs-o-down:before{content:"\e023"}.icon-trash-o:before{content:"\e024"}.icon-twitter:before{content:"\e025"}.icon-twitter-square:before{content:"\e026"}.icon-user-times:before{content:"\e027"}.icon-users:before{content:"\e028"}.icon-user-plus:before{content:"\e029"}.icon-user:before{content:"\e02a"}.icon-usd:before{content:"\e02b"}.icon-unlock-alt:before{content:"\e02c"}.icon-unlock:before{content:"\e02d"}.icon-tty:before{content:"\e02e"}.icon-truck:before{content:"\e02f"}.icon-whatsapp:before{content:"\e030"}.icon-wheelchair:before{content:"\e031"}.icon-youtube:before{content:"\e032"}.icon-wifi:before{content:"\e033"}.icon-wrench:before{content:"\e034"}.icon-android-alarm-clock:before{content:"\e035"}.icon-android-done-all:before{content:"\e036"}.icon-android-time:before{content:"\e037"}.icon-at:before{content:"\e038"}.icon-bag:before{content:"\e039"}.icon-earth:before{content:"\e03a"}.icon-flag:before{content:"\e03b"}.icon-eye:before{content:"\e03c"}.icon-eye-disabled:before{content:"\e03d"}.icon-gear-a:before{content:"\e03e"}.icon-gear-b:before{content:"\e03f"}.icon-hammer:before{content:"\e040"}.icon-grid:before{content:"\e041"}.icon-heart-broken:before{content:"\e042"}.icon-ios-alarm-outline:before{content:"\e043"}.icon-ionic:before{content:"\e044"}.icon-ios-location:before{content:"\e045"}.icon-ios-toggle:before{content:"\e046"}.icon-power:before{content:"\e047"}.icon-toggle-filled:before{content:"\e048"}.icon-wrench-1:before{content:"\e049"}.icon-university:before{content:"\e04a"}.icon-unlocked:before{content:"\e04b"}.icon-waterdrop:before{content:"\e04c"}.icon-gift-1:before{content:"\e04d"}.icon-key-1:before{content:"\e04e"}.icon-link:before{content:"\e04f"}.icon-mortar-board:before{content:"\e050"}.icon-pin:before{content:"\e051"}.icon-move-down:before{content:"\e052"}.icon-move-up:before{content:"\e053"}.icon-organization:before{content:"\e054"}.icon-paintcan:before{content:"\e055"}.icon-milestone:before{content:"\e056"}.icon-rocket:before{content:"\e057"}.icon-podium:before{content:"\e058"}.icon-pulse:before{content:"\e059"}.icon-sign-out-1:before{content:"\e05a"}.icon-sign-in-1:before{content:"\e05b"}.icon-trashcan:before{content:"\e05c"}.icon-tools:before{content:"\e05d"}.icon-three-bars:before{content:"\e05e"}.icon-x:before{content:"\e05f"}.icon-group-full-add:before{content:"\e060"}.icon-group-full:before{content:"\e061"}.icon-pda:before{content:"\e062"}.icon-phone-classic-off:before{content:"\e063"}.icon-phone-classic-on:before{content:"\e064"}.icon-pin-filled:before{content:"\e065"}.icon-point-of-interest:before{content:"\e066"}.icon-statistics:before{content:"\e067"}.icon-alarm-clock:before{content:"\e068"}.icon-check-mark-2:before{content:"\e069"}.icon-call:before{content:"\e06a"}.icon-clock-2:before{content:"\e06b"}.icon-clock-2-outline:before{content:"\e06c"}.icon-contact-add-2:before{content:"\e06d"}.icon-contact-2:before{content:"\e06e"}.icon-contacs:before{content:"\e06f"}.icon-gear-setting-2:before{content:"\e070"}.icon-flag-1:before{content:"\e071"}.icon-female-symbol:before{content:"\e072"}.icon-infinite:before{content:"\e073"}.icon-lightbulb-2:before{content:"\e074"}.icon-male-symbol:before{content:"\e075"}.icon-male:before{content:"\e076"}.icon-female-1:before{content:"\e077"}.icon-navigate-location:before{content:"\e078"}.icon-paper-airplane:before{content:"\e079"}.icon-search-2:before{content:"\e07a"}.icon-search-3:before{content:"\e07b"}.icon-search-outline:before{content:"\e07c"}.icon-star-outline:before{content:"\e07d"}.icon-star-2:before{content:"\e07e"}.icon-twitter-1:before{content:"\e07f"}.icon-trash-bin:before{content:"\e080"}.icon-adjust-alt:before{content:"\e081"}.icon-compass:before{content:"\e082"}.icon-heart-circled:before{content:"\e083"}.icon-heart-empty:before{content:"\e084"}.icon-heart-1:before{content:"\e085"}.icon-key-2:before{content:"\e086"}.icon-leaf:before{content:"\e087"}.icon-close-off-2:before{content:"\e088"}.icon-edit-pen-1:before{content:"\e089"}.icon-tree:before{content:"\e08a"}.icon-burst:before{content:"\e08b"}.icon-alert:before{content:"\e08c"}.icon-lightbulb:before{content:"\e08d"}.icon-megaphone:before{content:"\e08e"}.icon-safety-cone:before{content:"\e08f"}.icon-skull:before{content:"\e090"}.icon-social-pinterest:before{content:"\e091"}.icon-social-path:before{content:"\e092"}.icon-sort-numeric-two:before{content:"\e093"}.icon-sort-numeric:before{content:"\e094"}.icon-sort-amount-two:before{content:"\e095"}.icon-sort-amount:before{content:"\e096"}.icon-sort-alpha-two:before{content:"\e097"}.icon-sort-alpha:before{content:"\e098"}.icon-screen-desktop:before{content:"\e099"}.icon-sitemap:before{content:"\e09a"}.icon-present-gift:before{content:"\e09b"}.icon-wrench-2:before{content:"\e09c"}.icon-hash:before{content:"\e09d"}.icon-layers-alt:before{content:"\e09e"}.icon-chevron-down-1:before{content:"\e09f"}.icon-chevron-left-1:before{content:"\e0a0"}.icon-chevron-right-1:before{content:"\e0a1"}.icon-chevron-up-1:before{content:"\e0a2"}.icon-share-outline:before{content:"\e0a3"}.icon-pill:before{content:"\e0a4"}.icon-pencil-1:before{content:"\e0a5"}.icon-phone-2:before{content:"\e0a6"}.icon-circle-full:before{content:"\e0a8"}.icon-spinner-1:before{content:"\e0a7"}.icon-circle-stroked:before{content:"\e0a9"}.icon-circle:before{content:"\e0aa"}.icon-emergency-telephone:before{content:"\e0ab"}.icon-telephone:before{content:"\e0ac"}.icon-ming:before{content:"\e0ad"}.icon-metacafe:before{content:"\e0ae"}.icon-sliders:before{content:"\e0af"}.icon-android-clipboard:before{content:"\e0b0"}.icon-android-done:before{content:"\e0b1"}.icon-android-close:before{content:"\e0b2"}.icon-android-hand:before{content:"\e0b3"}.icon-android-radio-button-on:before{content:"\e0b4"}.icon-android-radio-button-off:before{content:"\e0b5"}.icon-android-phone-portrait:before{content:"\e0b6"}.icon-arrow-down-b:before{content:"\e0b7"}.icon-arrow-up-b:before{content:"\e0b8"}.icon-arrow-left-b:before{content:"\e0b9"}.icon-arrow-right-b:before{content:"\e0ba"}.icon-arrow-return-right:before{content:"\e0bb"}.icon-arrow-return-left:before{content:"\e0bc"}.icon-chevron-down-2:before{content:"\e0bd"}.icon-chevron-left-2:before{content:"\e0be"}.icon-chevron-right-2:before{content:"\e0bf"}.icon-chevron-up-2:before{content:"\e0c0"}.icon-clock:before{content:"\e0c1"}.icon-clipboard:before{content:"\e0c2"}.icon-cash:before{content:"\e0c3"}.icon-card:before{content:"\e0c4"}.icon-camera-1:before{content:"\e0c5"}.icon-calculator-1:before{content:"\e0c6"}.icon-calendar-1:before{content:"\e0c7"}.icon-ios-basketball-outline:before{content:"\e0c8"}.icon-ios-basketball:before{content:"\e0c9"}.icon-ios-football:before{content:"\e0ca"}.icon-settings:before{content:"\e0cb"}.icon-scissors-1:before{content:"\e0cc"}.icon-ribbon-a:before{content:"\e0cd"}.icon-ribbon-b:before{content:"\e0ce"}.icon-speakerphone:before{content:"\e0cf"}.icon-star-1:before{content:"\e0d0"}.icon-loading-1:before{content:"\e0d1"}.icon-loading-2:before{content:"\e0d2"}.icon-loading-3:before{content:"\e0d3"}.icon-loading-4:before{content:"\e0d4"}.icon-bell-two:before{content:"\e0d5"}.icon-bell:before{content:"\e0d6"}.icon-leaf-1:before{content:"\e0d7"}.icon-list-add:before{content:"\e0d8"}.icon-traffic-cone:before{content:"\e0d9"}    

/*Public*/

.overflow{overflow:hidden}.bg1{background-color:#fff}.margin-auto{margin:0 auto}.vertical:before,img{vertical-align:middle}a,body{font-family:iranyekan}a{text-decoration:none}.iranyekan{font-family:iranyekan}.bold{font-weight:700}.font-s9{font-size:9px}.font-s10{font-size:10px}.font-s11{font-size:11px}.font-s12{font-size:12px}.font-s13{font-size:13px}.font-s14{font-size:14px}.font-s15{font-size:15px}.font-s16{font-size:16px}.font-s17{font-size:17px}.font-s18{font-size:18px}.font-s19{font-size:19px}.font-s20{font-size:20px}.font-s25{font-size:25px}.font-s30{font-size:30px}.color1{color:#fff}.color2{color:#000}.color3{color:#333}.color4{color:#03A9F4}.container{width:1160px;margin:0 auto}.container-fluid{width:100%}.pull-right{float:right}.pull-left{float:left}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.hide{display:none}.show{display:block}.responsive img{width:100%;height:auto}.responsive2 img{width:auto;height:100%}.relative{position:relative}.absolute{position:absolute}.pad-5{padding:5px}.pad-3{padding:3px;}.pad-10{padding:10px}.pad-15{padding:15px}.pad-20{padding:20px}.pad-25{padding:25px}.pad-30{padding:30px}.pad-35{padding:35px}.pad-40{padding:40px}.pad-t5{padding-top:5px}.pad-t10{padding-top:10px}.pad-t15{padding-top:15px}.pad-t20{padding-top:20px}.pad-t25{padding-top:25px}.pad-t30{padding-top:30px}.pad-t35{padding-top:35px}.pad-t40{padding-top:40px}.pad-r5{padding-right:5px}.pad-r10{padding-right:10px}.pad-r15{padding-right:15px}.pad-r20{padding-right:20px}.pad-r25{padding-right:25px}.pad-r30{padding-right:30px}.pad-r35{padding-right:35px}.pad-r40{padding-right:40px}.pad-l5{padding-left:5px}.pad-l10{padding-left:10px}.pad-l15{padding-left:15px}.pad-l20{padding-left:20px}.pad-l25{padding-left:25px}.pad-l30{padding-left:30px}.pad-l35{padding-left:35px}.pad-l40{padding-left:40px}.pad-b5{padding-bottom:5px}.pad-b10{padding-bottom:10px}.pad-b15{padding-bottom:15px}.pad-b20{padding-bottom:20px}.pad-b25{padding-bottom:25px}.pad-b30{padding-bottom:30px}.pad-b35{padding-bottom:35px}.pad-b40{padding-bottom:40px}.spacer-t5{margin-top:5px}.spacer-t10{margin-top:10px}.spacer-t15{margin-top:15px}.spacer-t20{margin-top:20px}.spacer-t25{margin-top:25px}.spacer-t30{margin-top:30px}.spacer-t35{margin-top:35px}.spacer-t40{margin-top:40px}.spacer-b5{margin-bottom:5px}.spacer-b10{margin-bottom:10px}.spacer-b15{margin-bottom:15px}.spacer-b20{margin-bottom:20px}.spacer-b25{margin-bottom:25px}.spacer-b30{margin-bottom:30px}.spacer-b35{margin-bottom:35px}.spacer-b40{margin-bottom:40px}.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignleft,a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail{max-width:100%;height:auto}

/*------------------------------------------------------------------

[Table of contents]

1. Header

2.

3.

4.

5.

-------------------------------------------------------------------*/

/*------- publics ------*/

.block{

	display: block;

}

.pad-t100{

	padding-top:100px;

}

.bg-gray{

	background-color:#f1f1f1;	

}

.bg-black{

	background-color:#656262;

}

.bg-ok{

	background:#67f9b5 !important;

	border-bottom: 1px solid #f1f1f1;	

}

.bg-request{

	background:#ffe400 !important;

	border-bottom: 1px solid #f1f1f1;	

}

.b-radius-special{

	border-radius:10px;

}

.pointer:hover{

	cursor: pointer;

}

.color6{

    color: #a0a0a0;	

}

.color7{

	color:#00c5aa;	

} 

.color8{

    color: #d6d6d6;

}

.color9{

    color: #ff0045;		

}

.color10{

    color: #ffb800;

}

.color11{

    color: #006e51;	

}

.color-orange{

	color:#ffb100;	

}

.color-msg{

	color:#02ff00;	

}

.green-hover:hover{

    color: #006e51;	    	

}

.blue-hover:hover{

    color: #00a6eb; 	

}

.border-left{

    box-shadow: -1px 3px 5px -1px #bfaaaa;	

}

.font-s40{

	font-size:40px;

}

.font-w500{

	font-weight:500;	

}

hr{

	margin-top: 15px;

    margin-bottom: 15px;

    border: 0;

    border-top: 1px solid #c6c6c6;

}

.border-btn{

	border: 1px solid #a0a0a0;

}

.bottom-0{

	bottom:0px;	

}

.btn-public{

    background: #607d8b;

    color:#fff;

    padding:3px 7px;

    font-size: 14px;    

    border-radius: 4px;

    transition: 0.3s all;	

}

.btn-public:hover{

    color:#00e49b;

    background: #334e5b;    

}

.vertical-center{

	display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;	

}

.btn-del{

    position: relative;

    color: #607d8b;

    font-size: 10px;

    cursor: pointer;

	padding: 5px 9px 5px 0px;

    transition: 0.5s all;	

	font-weight: 700;

    letter-spacing: 1px;  

}

.btn-del:before{

    content: "\e024";

    font-family: 'hamdasti';

    position: absolute;

    font-size: 15px;

    right: -8px;

    top: 4px;

}

.btn-del:hover{

    color: #ff0047;

}

.btn-show-edit{

    font-size: 13px;

    padding: 6px 20px;

    background: #6a5492;

    color: white;

    border-radius: 8px;

    transition: 0.5s all;

}

.btn-show-edit:hover{

    color: #fff;

    background: #0093d9;

}

.project-delete span{

    padding: 5px 15px;

    background: #d90046;

    border-radius: 8px;	

    color:#fff;

    transition: 0.5s all;

}

.project-delete span:hover{

    background: #ff0052;

}

.msg-form,.msg-form2{

	top: 0;	

    height: 100%;

    width: 100%;

    z-index: 999999;

    position: fixed;

    background: #1f1f1fe6;

}

.msg-box-form{

	color: #31ff00;

    margin: 200px auto;

    font-size: 20px;

}

.msg-box-form2{

	color: #ff4949;

    margin: 200px auto;

    font-size: 20px;	

}

/*---------- table--------------*/

.table-box{

	overflow-x: scroll;

    width: 100%;				

}

.table-box .project-info-btn{

    width: 150px;	

    border: none;

    font-family: iranyekan;    			

}

.table-pay{

	width:100%;

	box-shadow: 0px 0px 6px 0px #b7b7b7;					

}

.table-pay-head{

    background: #624d76;

	color: #fff;

}

.table-pay-head th{

	font-weight:400px !important;

}

.table-pay .table-head{

    background: #7b7b7b;

	color: #fff700;

}

.table-pay td{

   padding:5px;

   font-size:13px

}

.table-pay th{

	padding:10px;

	font-size:14px;

}

.status-ok {

    background: #2bc292!important;

    border-bottom: 1px solid #e2e2e2;    

}

.table-pay tbody tr:nth-child(odd){

    background: #f1f1f1;

}

/* ----- Loading ------*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);

.spinner {

	position: fixed;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.9) center center no-repeat;

	pointer-events: all;

    z-index: 99999999;

}

.spinner .loading-container {

	opacity: 0.8;

    top: 31%;

    left: 48%;

	position: absolute;

	width: 90px;

	height: 90px;

	transform: translate(-25px, -25px);

}

.loading-container .ball {

	background-color: rgba(0, 0, 0, 0);

	border: 5px solid rgba(0, 183, 229, 0.9);

	opacity: 0.9;

	border-top: 5px solid rgba(0, 0, 0, 0);

	border-left: 5px solid rgba(0, 0, 0, 0);

	border-radius: 50px;

	box-shadow: 0 0 35px rgb(33, 135, 231);

	width: 40px;

	height: 40px;

	margin: 0 auto;

	animation: spin 0.5s infinite linear;

}

.loading-container .ball-inner {

	background-color: rgba(0, 0, 0, 0);

	border: 5px solid rgba(0, 183, 229, 0.9);

	opacity: 0.9;

	border-top: 5px solid rgba(0, 0, 0, 0);

	border-left: 5px solid rgba(0, 0, 0, 0);

	border-radius: 50px;

	box-shadow: 0 0 15px rgb(33, 135, 231);

	width: 20px;

	height: 20px;

	margin: 10px 0 0 10px;

	position: relative;

	top: -50px;

	animation: spin 0.5s infinite reverse linear;

}

.ball-text {

	color: rgba(0, 183, 229, 0.9);

	text-transform: uppercase;

	text-align: center;

	opacity: 0.8;

	width: 100vw;

	top: 40%;

	left: 0;

	font-size: 16px;

	position: absolute;

	transform: translatey(25px);

	animation: pulse 1s infinite alternate ease-in-out;

	margin: 0;

	text-shadow: 0 0 35px rgb(33, 135, 231), 0 0 35px rgb(33, 135, 231), 0 0 35px rgb(33, 135, 231);

}

@keyframes pulse {

	0% {

		opacity: 0.8;

	}

	100% {

		opacity: 0.4;

	}

}

@keyframes spin {

	0% {

		transform:rotate(0deg);

	}

	100% { 

		transform:rotate(360deg); 

	}

}

/*progress-bar*/

.progress-bar {

    text-align: center;

    height: 150px;

    width: 150px;

}

.progress-bar {

    position: absolute;

    width: 0;

    height: 100%;

    font-size: 12px;

    line-height: 20px;

    color: #fff;

    text-align: center;

    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);

    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);

    -webkit-transition: width .6s ease;

    -o-transition: width .6s ease;

    transition: width .6s ease;

}

.progress-bar div {

	position: absolute;

    height: 100px;

    width: 100px;

    border-radius: 50%;

}

.progress-bar div span {

    position: absolute;

    font-family: iranyekan;

    font-size: 25px;

    line-height: 92px;

    height: 87px;

    width: 87px;

    left: 6.5px;

    top: 6.7px;

    text-align: center;

    border-radius: 50%;

    background-color: #ffffff;

    color: black;

}

.progress-bar .background { background-color: #b3cef6; }



.progress-bar .rotate {

    clip: rect(0 50px 100px 0);

    background-color: #4b86db;

}

.progress-bar .left {

    clip: rect(0 50px 100px 0);

    opacity: 1;

    background-color: #b3cef6;

}

.progress-bar .right {

    clip: rect(0 53px 100px 0);

    transform: rotate(180deg);

    opacity: 0;

    background-color: #4b86db;

}



@keyframes toggle {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}

#single .progressbar {

	width:220px;

}

.progressbar .empty { 

    height: 6px;

    border-radius: 5px;

    background-color: rgb(241, 241, 241);

	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);

    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);

    overflow:hidden;

}

.progressbar .filled {

    height: 6px;

	background-color: rgb(255, 188, 0);

    border-radius: 5px;

}

.progress-percentage {

	color:rgb(0, 0, 0);

} 

/*--------sectin-title----------*/

.section-title{

    width: 30%;

    background-color: #006e51;

    border-radius: 40px ;

    top: -23px;

    text-align: center;

    padding: 10px 50px;

    margin:0 auto ;

    height: 46px;

}

.section-title span{

	width: 80%;

	display: block ;

	margin: 0 auto ;

}

.section-title span::before,.section-title span::after{

    content: "•";

    font-size: 36px;

    line-height: 0;

    position: relative;

    top: 8px;

	right: -45%;

}

.section-title span::after{

    right: inherit;

    left: -45%;

}

.section-title-medium{

    width: 45%;

    background-color: #834398;

    border-radius: 40px 0px 0px 40px;

    top: 0px;

    padding: 3px 5px;

    height: 25px;

    right: -11px;

}

.section-title-medium span{

    display: block;

    margin: 0 auto;

    font-size: 13px;

    padding-right:10px;

}

.section-title-medium span::after{

    content: "•";

    font-size: 20px;

    line-height: 0;

    position: relative;

    top: 4px;

    right: 36%;

}

.top-border{

	border-top:1px solid #e9f3f0 ; 

}

/*------- if-not-loged-in-------*/

.msg-box{

    margin: 0 auto;

}

.msg-box i{

	color:#ff003b;

	font-size:100px;

}

/* ==========================================================

! 01. Header

==============	=========================================== */

#header-top{

    box-shadow:inset 0px 64px 45px -17px #ffffff;

}

#header-top h1{

    font-weight: 500;

    color: #2d8c4d;

}

#header-top .profile-img img {

    width: 35px;

	border-radius: 100% 100% 20px 20px;	    

}

.header-logo{

    width: 65px;

}

.main-menu ul>li>a:before{

	content: "|";

    color: #000;

    position: absolute;

    left: 0;

    font-size: 18px;

    top: -7px;

}

.log-reg{

	background: #ccadff;

    border-radius: 50px;

    padding:7px 20px 7px 7px;

    box-shadow: 0px 4px 5px -3px black;    

}

.log-reg .login-btn:before{

	content:"\e02a";

	font-family:'hamdasti';

	position:absolute;

	left: 36px;

    top: 10px;

    color:#000;

}

.log-reg span{

	color:#fff;	

}

.log-reg a{

	color:#000;	

    transition:0.5s all;	

}

.log-reg span{

	color:#000;	

}

.main-menu ul>li{

	display:inline-block;

}

.main-menu ul>li>a{

	font-size:13px;

	color:#000;

	padding:0 10px 0 25px ;

	position:relative;

    transition:0.5s all;

} 

.main-menu ul>li>a:hover{

    color: #8b1ce6;

} 

.main-menu ul>li>a:hover:before{

    text-shadow:none;

} 

.main-menu ul li:last-child a:before{

	content:"";

}

.user-name{

	color:#000;

}



.home .log-reg{

    background:#ffffff38;

}

.home .main-menu ul>li>a:hover{

    color: #8b1ce6;

} 

.home .log-reg a:hover{

    color: #8b1ce6;

}

.mobile-header{

    height: 46px;

    overflow: hidden;	

}

.icon-search-btn{

	transition:0.5s all;	

}

.icon-search-btn:hover{

    color: #8b1ce6;

}

/*-------- user-menu ---------*/

.btn-user-menu{

	position:relative;

	transition:0.5s all;	

}

.btn-user-menu:before{

    content: "\68";

    position: absolute;

    left: 47px;

    font-family: hamdasti;

    top: 28px;

    font-size: 22px;

}

.btn-user-menu:hover{

    color: #8b1ce6;

}

.user-menu-box{

    height: 85px;

    width: 110px;

	transition:0.5s all;	    

}

.user-menu-box i{

    font-size: 40px;

    color: #fff;

    display: grid;

}

.user-menu-box:hover i{

	color: #607d8b;

}

.user-menu-box:hover span{

	color: #607d8b; 

}

.user-menu-box:hover{

    background-color: #ffeb3b;

}

.user-menu {

    background: rgba(53, 0, 81, 0.73);

    top: 54px;

    z-index: 100;

    width: 110px;

    right: 4%;

    box-shadow:-3px 4px 7px -2px #000000;

    border-radius: 30px;

    overflow: hidden;    

}

/*----------- mobile-menu ----------*/

#mobile-menu{

    background: linear-gradient(90deg, #673ab7c2 0%, #3f51b5c4 100%);

    height: 100%;

    width: 100%;

    position: fixed;

    z-index: 1000;

    top:0px;

	right: 0;

    left: 0;  	

}

#mobile-menu .user-menu-box i{

	color:#fff;

}

#mobile-menu .user-menu-box{

	height:90px;

}

.btn-mobile-menu-close i{ 

    display: inline-flex;

    border: 2px solid white;

    border-radius: 100%;

}

.right-menu-mob{

	width:110px;

}

.mobile-menu-item .current-menu-item a:before{

	content :"•";

	color: #fff ; 

	padding-left: 5px;

}

.mobile-menu-item ul li a{

	color:#fff;

}

.mobile-menu-item ul li{

	display: inline-block;

    padding: 10px;

}

/*----------- search --------*/

#search-box{

    background-color: rgba(255, 255, 255, 0);

    width: 250px;

    left: -100px;

    top: 53px;

    z-index: 999;

}



#search-form input{

    background: #ffffff;

    position: relative;

    margin-bottom: 7px;

    border: navajowhite;

    box-shadow: 0px 3px 5px 0px #151515;

    vertical-align: top;

    display: -moz-inline-stack;

    display: inline-block;

    color: #000000;

    outline: none;

    width: 100%;

    padding: 9px 15px;

    border-radius: 30px;

    font-family: iranyekan;

    font-size: 14px;

    transition: 0.4s all;

}

#search-form input::placeholder{

    color:#8c8c8c;

}

#search-form button{

    position: absolute;

    top: 4px;

    left: 0;

    border-radius: 30px;

    background: #fff0;

    border: none;

    padding: 5px;

    font-size: 19px;

    color: #bbbbbb;

}

.home #search-form button{

    color: #000;

}

/*----------- search-mobile --------*/

#search-box-mob{

    background-color: #ffffff00;

    width: 100%;

    top: 39px;

    z-index: 999;

}

#search-form-mob input{

    background: #ffffff;

    position: relative;

    margin-bottom: 7px;

    padding: 5px 10px;

    vertical-align: top;

    border: 1px solid #8b1ce6;

    display: -moz-inline-stack;

    display: inline-block;

    color: #000000;

    outline: none;

	height: 30px;

    width: 100%;

    border-radius: 30px;

    font-family: iranyekan;

    font-size: 14px;

    transition: 0.4s all;

}

#search-form-mob input::placeholder{

    color:#8b1ce6;

}

#search-form-mob button{

    position: absolute;

    top: 0px;

    left: -2%;

    border-radius: 30px;

    background: #fff0;

    border: none;

    padding: 5px;

    font-size: 19px;

    color: #8b1ce6;

}

/*------------- Icon -------------- */

.share-icon i{

	padding: 0px 7px;

    font-size: 15px;

}



/* ==========================================================

! 01. banner

==============	=========================================== */

.banner{

	height:60vh;

	overflow: hidden;

	background-position: center;

    background-size: cover;	

    background-color: white;   

    box-shadow: inset 0px 30px 121px 48px #ffffff;

}

.banner-shadow{

    bottom:-30px;

    position: absolute;

    width: 100%;    

}

/* ==========================================================

! 01. Content-special

==============	=========================================== */

.cat-popular {

    width: 100%;

    height: 100%;

    min-height: 100px;

    border: none;

    border-radius: 5px;

    color: #fff;

    vertical-align: middle;

    padding-top: 25px;

}

.bg-cat1{

    background-color: #cddc39;

}

.bg-cat2{

    background-color: #8bc34a;

}

.bg-cat3{

    background-color: #4caf50;

}

.bg-cat4{

    background-color: #009688;

}

/* ==========================================================

! 01. Content-supporters

==============	=========================================== */

.autoplay img{

	margin:0 auto;

}

/* ==========================================================

! 01. Content-tops

==============	=========================================== */

.top-background{

	background:url(../images/leaves.png);

    background-repeat: repeat;

    background-attachment: fixed;

    box-shadow: inset 0px 0px 92px 20px white;   	

}	

.tops-pic-box{

    height: 193px;

    border-radius: 10px;

    box-shadow: 0px 2px 12px -5px black;

    transition: 0.5s all;

    text-align: center;

    vertical-align: middle;

	background: white;    

    transition: 0.5s all;

}

.tops-pic-box:hover{

    box-shadow: 0px 2px 15px -2px #607D8B;; 

}

.tops-pic-box img{

	display:block;

    transition: 1.5s all;

}

.tops-pic-box img:hover{

    transform: scale(1.5);

}

.reward-top-box .tops-pic-box:hover{

	transform: matrix(0.9, 0.05, 0.01, 0.9, -6.707107, -5.351768);

}

#edit-page .reward-top-box .reward-top-box .tops-pic-box:hover i{

    transform: rotate(0deg);

}

#edit-page .tops-pic-box{

    height: 215px;

    border-radius: 10px;

    box-shadow: 0px 2px 12px -5px black;

    transition: 0.5s all;

    text-align: center;

    border-top: 3px solid #7171716e;    

    vertical-align: middle;

}

#edit-page .tops-pic-box i{

    font-size: 70px;

    display: grid;

    color: #717171;

    transform: rotate(-42deg);

	transition: 0.5s all;      

}

#tab-4 .tops-pic-box i{

    font-size: 70px;

    display: grid;

    color: #717171;

    transform: rotate(0deg);    

}

.tops-progress-box{

    top: 35px;

    right: 40px;

    padding: 4px;

    border-radius: 100%;

    background: white;

}

.tops-progress-box-line{

    padding: 5px;

    border-radius: 100%;

    border: 2px solid #006e51;

}

.tops-progress-number{

    color: orange;

}

.tops-cash-box{

	color: #FF9800;

    right: -56px; 

    text-align: center;

    padding-left: 10px;

    height: 50px;

    overflow: hidden;    

}

#edit-page .tops-cash-box{

    color: #fff700;

    transform: rotate(-90deg);

    right: -56px;

    top: 73px;

    width: 115px;

    background: #717171;

    text-align: center;

    padding-left: 10px;

    border-radius: 10px 10px 0px 0px;

}

#tab-4 .tops-cash-box {

    color: #fff700;

    transform: rotate(0deg);

    right: 7px;

    top: 0px;

    width: 95%;

    background: #717171;

    text-align: center;

    padding-left: 10px;

    border-radius: 0px 0px 10px 10px;

    height: 26px;

    padding: 3px;

}

.tops-title-box{

    color: #717171;

	height: 37px;

    overflow: hidden;    

}

/* new */

.btn-see-pro{

	color:#fff;

	padding: 5px 10px;

    border: 1.5px solid white;

    border-radius: 30px;

    transition:0.3s all;	

}

.btn-see-pro:hover{

    background: #fffcfc;

    color: #1b0000;

}

.tops-box{

	height:auto;

}

.top-main-box{

    border-radius: 15px;

    background: linear-gradient(to right, #2a0845, #6441A5);  

	height:400px;

	position: relative;

    transition: 0.5s all;  

    box-shadow: 0px 45px 18px -35px #2a1353;    

}

.top-main-box:before, .top-main-box:after {

  z-index: -1;

  position: absolute;

  content: "";

  bottom: 15px;

  left: 10px;

  width: 50%;

  top: 80%;

  max-width:300px;

  background: #777;

  -webkit-box-shadow: 0 20px 10px #777;

  -moz-box-shadow: 0 20px 10px #777;

  box-shadow: 0 20px 10px #777;

  -webkit-transform: rotate(-3deg);

  -moz-transform: rotate(-3deg);

  -o-transform: rotate(-3deg);

  -ms-transform: rotate(-3deg);

  transform: rotate(-3deg);

}

.top-main-box:after{

  -webkit-transform: rotate(3deg);

  -moz-transform: rotate(3deg);

  -o-transform: rotate(3deg);

  -ms-transform: rotate(3deg);

  transform: rotate(3deg);

  right: 10px;

  left: auto;

}	

.top-main-box:hover{

	box-shadow: 0px 0px 5px 0px #6200ff;

}

.top-main-box:hover .tops-img-box{

/*	transform: matrix(0.6, -0.1, 0.7, 1, -188.707107, 44.648232);
*/
}

.top-detail-box{

    display: block;

    color:#fff;	

	height: 90px;

    overflow: hidden;    

    border-radius: 10px;

    box-shadow: 0px 0px 4px 1px #afafaf;

    transition:0.5s all;

}

.top-detail-box:hover{

	color: #fcff00;

    box-shadow: 0px 0px 4px 1px #fcff00;

}

.top-user-box a{

    color: #a0a0a0;		

}

.tops-profile-img img{

    border: 1px solid #E9E9E9;	

    border-radius:100%;

	height: 50px;

    width: 50px;

    overflow: hidden;

    padding:2px;	

}

.tops-img-box{

	position:absolute;

	left:-15px;

	top:-30px;

	transition: 0.5s all;

    z-index: 2;

}

.top-box-height{

	height:275px;

}

.cat-top-box .post-categories li a{

    color: #fff;		

}

/*.tops-img-box:before {

  z-index: -1;

  position: absolute;

  content: "";            // top image shodow

  bottom: 14px;

  left: 0;

  width: 100%;

  top: 80%;

  max-width:300px;

  background: #777;

  -webkit-box-shadow: 0 21px 10px #777;

  -moz-box-shadow: 0 21px 10px #777;

  box-shadow: 0 21px 10px #777;

  -webkit-transform: rotate(-3deg);

  -moz-transform: rotate(-3deg);

  -o-transform: rotate(-3deg);

  -ms-transform: rotate(-3deg);

  transform: rotate(-3deg);

}

*/

.tops-img-box .progress-bar{

	right: -52px;

    top: -19px;

}

.tops-img-box .progress-bar div span {

    background-color: #522f87;

    color: white;

}

.tops-img-box .progress-bar div {

	box-shadow:0px 0px 0px 6px #ffffff;

}



.tops-img img{

    box-shadow: -2px 3px 39px -21px black;

    border-radius: 15px;

}

.tops-img{

	height: 297px;

    width: 293px;	

    border-radius: 15px;    

    overflow: hidden;

}

.tops-content{

	height:75px;

	overflow: hidden;

}



/* new */

.main-crowdfunding{

	padding:5px 10px 10px; 

}

.crowdfunding-title{

    color: #01a395;

    font-weight: 500;

}

.crowdfunding-img{

    height: 434px;

    overflow: hidden;	

	border-radius:3px;

	border: 2px solid #00887d;

    border-radius: 3px;

}

.crowdfunding-details{

    background: #d6b56b;

    height: 405px;

    padding: 25px 25px 25px 25px;

    border-radius:3px;

}

.crowdfunding-details-inner{

	border-radius:4px;

}

.inner-img{

    width: 65px;

    height: 65px;

    border-radius: 100px;

    margin: 0 auto;

    position: relative;

    border: 2px solid #d6b56b;

}

.crowdfunding-text-support button{

    background: #a1c45a;

    padding: 4px 15px;

    border-radius: 4px;

    color: white;

    font-size: 14px;

    cursor: pointer;

    overflow:hidden;

    position:relative;

    font-family: iranyekan;    

    border:none;

}

.support-btn button:hover:after{

    top: 4px;

    right: 15px;

    transition:all 0.4s ease;

    color: #ca431d;

    opacity:1;

    visibility:visible;

}

.crowdfunding-icon img{

    position: absolute;

    transform: translate(-50%,-50%);

    top: 50%;

    left: 50%;

    width: 35px;

}

.crowdfunding-text , .crowdfunding-number{

	color:#555;

}

.crowdfunding-text span{

	font-size:14px;

	font-weight:500;

}

.crowdfunding-text-support{

	color:#333;

    padding: 21px 0px;

}

.crowdfunding-number span{

	position:relative;

}

.crowdfunding-number span:before{

    content: "";

    position: absolute;

    width: 2px;

    height: 85%;

    background: #01a395;

    right: -10px;

    top: 1px;

} 

.crowdfunding-number span:after{

    content: "";

    position: absolute;

    width: 2px;

    height: 85%;

    background: #01a395;

    left: -10px;

    top: 1px;

}

.crowdfunding-details:before{

    content: "";

    width: 40px;

    height: 40px;

    position: absolute;

    top: 48%;

    transform: translate(-50%,-50%);

    left: 50%;

    background: #d6b56b;

    border-radius: 50px;

}

.crowdfunding-details:after{

	content: "";

    width: 20px;

    height: 20px;

    position: absolute;

    top: 48%;

    transform: translate(-50%,-50%);

    left: 50%;

    background: white;

    border-radius: 50px;

}

.payment-frame {

	border:1.5px solid #ececec; 

}

.don-payment-btn {

	outline: none;           

    background: #765ca1; 

    padding: 10px 20px;

    border-radius: 5px;

    color: #fff;

    font-weight: 400;

    cursor: pointer;

    border: none;

    font-family: iranyekan;

    display:block;

    transition:0.5s all;

}

.don-payment-btn:hover{

    background: #9b5edd;

}

.don-payment-btn img{

    width: 20px;

    transform: translate(31%,-24%);

}

.don-payment-sucess-btn {

	outline: none;           

    background: #765ca1; 

    padding: 4px 20px;

    border-radius: 5px;

    color: #fff;

    font-weight: 400;

    border: none;

    font-family: iranyekan;

    display:block;

    transition:0.5s all;

}

.don-payment-sucess-btn i{

    display: inline-block;

    transform: translate(0,16%);

}

.don-payment-sucess-btn img{

    width: 30px;

    transform: translate(31%,0%);

}

.pay-suggests {

    padding: 5px;

    display:block; 

    background-color: #00c5aa;

    border-radius: 5px;

    color: #fff;

    cursor: pointer;

    text-align:center; 

    transition:0.5s all;

 }

.pay-btn-box a:focus{

    background-color: #ffb100;

 }

.pay-btn-box a:hover{

    background-color: #ffb100;

 }

.don-inputs {

	outline: none;

	border:1px solid #ececec;

	border-radius:5px;

	font-family:iranyekan;

	font-size:14px;

	padding:7px 5px;

	width:100%;

	color: #e35bff;  

}

.don-inputs::-webkit-input-placeholder {

  color: #c3b9b9;

  font-size:11px;

}

#don-amount {

    font-size: 29px;

    text-align: center;

    color: #e35bff;

    font-weight: bold;

    padding: 0px 5px;    

    letter-spacing: 4px;

    text-shadow: 0px 41px 30px #ffffff, 0px 0px 1px black, 0px 0px 4px #e9e9e9;

}

#don-amount::placeholder {

  color: #c3b9b9;

  font-size:11px;

  text-shadow: none;  

  letter-spacing: 0;

}

input[type="text"]#don-amount::-webkit-input-placeholder {

  color: #c3b9b9;

  font-weight:300;

}

.don-pay-form label {

	color:#969696;      

	margin-bottom:5px; 

}

.don-help-text {

	  font-size:14px;

	  color:#969696;

}

.error-text {

	color:#cc0139;

	display:none;

}

.post-edit-link { 

	color:#d40000;

} 

.short-link-project span{

	color:#333;

	font-weight:500;

}

.inner-box-content{

	border:2px solid #01a395;

	border-radius:3px;

}

/* ==========================================================

! 01. cash

==============	=========================================== */

.show-edit-shaba{

    left: 24px;

    top: 49%;

    font-size: 23px;

    color: #16a7ff;

}	

.cash-all{

    background: #e8e100;

    width: fit-content;

    height:72px;

    margin: 0 auto;

    padding: 10px;

    box-shadow: 0px 0px 10px 0px #d6d6d6;

}

.btn-payoff,.btn-payoff-ok{

    border: 2px solid #ffffff;

    color: #ffffff;

    line-height: 1;

    font-size: 12px;

    cursor: pointer;

    padding: 6px 10px;

    font-weight: bolder;

    text-align: center;

    background-color: #25925f;

    border-radius: 30px;

    transition: 0.4s all;

    box-shadow: inset 0px 0px 0px 0px #08d030;

}

.btn-payoff,.btn-payoff-ok:hover{

    box-shadow:inset -108px 0px 0px 0px #0abe52

}

/* ==========================================================

! 01. Content-projects

==============	=========================================== */

.inner-box-projects{

    border-radius: 5px;

    border: 0.5px solid #e2e1e1;

    transition: 0.5s all;

    box-shadow: 148px -129px 4px -109px rgba(255, 0, 0, 0), 0px 0px 8px -3px #787878;

}

.inner-box-projects:hover{

    box-shadow: 0px 0px 3px 0px #a58eff;

}

.project-image{

    overflow: hidden;

    transition: 0.5s all;

    transform: translate(0px);

}

.project-image img{

    border-top-right-radius: 5px;

    border-top-left-radius: 5px;

    padding-left: 1px; 

    padding-top: 1px;       

}

.project-info{

	height:300px;     

}

.success-proj-box{

    width: 100%;

    text-align: center;

    transform: rotate(-45deg);

    left: -100px;

    background: #FFEB3B;

    z-index: 1;

    top: 20px;

    color: #9C27B0;

}

.success-proj{

    top:0px;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(83, 48, 137, 0.76);

    padding-top: 70px;

}

.success-proj i{

	font-size: 90px;

    color:#00ffdb;

    display: inline-flex;

}

.success-proj span{

    color:#00ffdb;

}

.project-info-cat{

	border-bottom: 1px solid #ececec;

}

.project-info-cat h5 ul li a , 

.project-info-supporter h5 span{

	color:#808080;

}

.project-info-supporter h5:first-child{

    font-weight: bold;

    line-height: 20px;

    height: 39px;

    overflow: hidden;    

}

.project-info-progress{

	width: 100%;

    height: 5px;

    background: #DCDCDC;

    border-radius: 5px;

}

.progress-bar-line{

	height:100%;

	background:#30c04b;

	right:0;

	top:0;

	border-radius:5px;

}

.project-info-money{

    height: 60px;

    overflow: hidden;

}

.project-info-money h5:first-child span{

    font-size: 15px;

    color: #30c04b;

    font-weight: bold;

}

.project-info-money h5:last-child span{

    font-size: 10px;

    color: #808080;

}

.project-info-details{

    height: 52px;

    overflow:hidden;

    background: #6441A5;

    background: -webkit-linear-gradient(to right, #2a0845, #6441A5);

    background: linear-gradient(to right, #2a0845, #6441A5);

}

.project-info-details .first-box h6:first-child span{

    font-size: 12px;

    color: #30c04b;

}

.project-info-details .first-box h6:last-child span{

    font-size: 10px;

    color: #fff;

}

.project-info-details .second-box h6:first-child span{

    font-size: 11px;

}

.project-info-details .second-box h6:last-child span{

    font-size: 10px;

    color: #fff;

}

.project-info-details .third-box h6:first-child span{

    font-size: 12px;

}

.project-info-details .third-box h6:last-child span{

    font-size: 10px;

    color: #fff;

}

.project-info-btn{

    display: block;	

	text-align: center;

    padding: 6px;

    background: #57556f;

    border-radius: 5px;

    color: white;

    box-shadow: 0px 3px 9px -3px #4a4a4a;

    transition: 0.5s all;

}

.project-info-btn:hover{

	background: #746c90;

}

/* ==========================================================

! 01. Content-category

==============	=========================================== */

.cat-box img{

    width: 130px;

    padding-top: 5px;

    margin: 0 auto;    	

}

.cat-slider .slick-list{

    height: 165px;	

}

.cat-box a{

    display: block;

    border: 2px solid #e5e4e9;

    background: #fff;

    border-radius: 10px;

    padding: 5px;

    box-shadow: 0px 54px 13px -31px #8e8e8e, inset 0px 14px 58px -9px #795fa5;

    transition: 0.5s all;

    position: relative;

    height: 115px;   

}	

.cat-box a:hover{

	box-shadow: 0px 0px 1px 2px #c392ff;

    border: 2px solid transparent;

    transform: scale(1.05);

}	

.cat-box img{

    width: 120px;

}	

.cat-box-title{

	position: absolute;

    bottom: -13px;

    right: 0;

    width: 100%;

}	

.cat-box-title span{

    padding: 5px 7px;

    background: #f10064;

    border-radius: 8px;

    border: 2px solid #e5e4e9;

}	

/* ==========================================================

! 01. Content-weblog

==============	=========================================== */

.weblog-svg{

	width:200px;

}	

.weblog-title{

    transform: translate(-0%,88%);

    font-size:50px;

	color: #ffc800;

    font-weight: 500;    

    position: relative;

}

.bg-weblog{

	background-image:url(../images/dark-grey-terrazzo.png);

	background-position: center;

    background-color: #00000040;	

}

.weblog-title:after {

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    width: 0%;

    height: 100%;

	background-color: rgb(255, 200, 0);

    -webkit-transition: none;

    -moz-transition: none;

    -ms-transition: none;

    -o-transition: none;

    transition: none;

}

.weblog-title:hover:after {

    width: 120%;

    background-color: rgba(255,255,255,0);

    -webkit-transition: all 0.5s ease-out;

    -moz-transition: all 0.5s ease-out;

    -ms-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}	

/* ==========================================================

! 01. Content-statistics

==============	=========================================== */

.statistics-container-f{

	background-image:url(../images/dark-grey-terrazzo.png);

    background-color: #00000040;

}

.statistics-box{

	width:25%;

}

.statistics-inner-box{

    padding: 80px 0px;

}

.statistics-box-img{

    display: inline-block;

    position:relative;

    width: 80px;

    height: 80px;

    border-radius: 50px;

    border: 1px solid white;

}

.statistics-box-img img{

	position:absolute;

	transform:translate(-50%,-50%);

	top:50%;

	left:50%;

}

.statistics-box-number{

    font-size: 25px;

    padding-bottom: 5px;

    padding-top: 15px;

    color: white;

}

.statistics-box-txt span{

    font-size: 16px;

    color:white;

}

/* ==========================================================

! 01. Content-supports

==============	=========================================== */

.section-title-support{

	right:-94px;

}

/* ==========================================================

! 01. Form

==============	=========================================== */

.my-form-small{

    width: 30%;

	background: #fff;

    border: 1px solid #ececec;

    margin: 0px auto;

    padding: 20px;

}

.my-form-medium{

    width: 50%;

	background: #fff;

    border: 1px solid #ececec; 

    margin: 0px auto;

    padding: 20px;

}

.my-form-large{

    width: 65%;

	background: #fff;

    border: 1px solid #ececec;   

    margin: 0px auto;

    padding: 20px;

}

.frm-textarea{

    background: #f9f9f9;

    position: relative;

    margin-bottom: 7px;

    padding: 10px;

    vertical-align: top;

    border: 1px solid #e7e7e7;

    display: -moz-inline-stack;

    display: inline-block;

    color: #34495E;

    outline: none;

    width: 100%;

    border-radius: 5px;

    font-family: iranyekan;

    font-size: 12px;

    height:120px;

}

.frm-textarea:hover{

    border: 1px solid #FFC107;

} 

.frm-input{

    background: #f9f9f9;

    position: relative;

    margin-bottom: 7px;

    padding: 5px 10px;

    vertical-align: top;

    border: 1px solid #e7e7e7;

    display: -moz-inline-stack;

    display: inline-block;

    color: #34495E;

    outline: none;

    height: 35px;

    width: 100%;

    border-radius: 5px;

    font-family: iranyekan;

    font-size: 12px;

	transition: 0.4s all;

	animation-duration: 2s;

	animation: mymove 5s infinite;	

}

.frm-input-table{

    margin-bottom: 0px;	

    padding: 3px 5px;

    height: 25px;

    font-size: 13px;

}

@keyframes refidpay {

  from {background-color: #f9f9f9;}

  to {background-color: #ff1616;}

}

.frm-input::placeholder{

	color:#9c9a9a;

	font-family:iranyekan;	

}

.frm-input:hover{

    border: 1px solid #FFC107;

}

.frm-input:hover::placeholder{

	color:#FFC107;	

}

.frm-row{

	overflow: hidden;

	padding:5px;	

}

.frm-column{

	padding:5px;

}

.row-title{

	text-align: center;

    margin-bottom: 10px;



}

.row-title h5{

    font-family: iranyekan;

    color: #FF9800;

    padding: 10px;

    font-size: 15px;

    line-height: 40px;	

}

.row-title h5::before{

	content:'•';

    font-size: 20px;

    padding:10px;

}

.row-title h5::after{

	content:'•';

    font-size: 20px;

    padding:10px;

}

.frm-btn{

    border: 0;

    height: 33px;

    color: #fff;

    line-height: 1;

    font-size: 15px;

	font-family: iranyekan;    

    cursor: pointer;

    padding: 0px 20px;

    text-align: center;

    vertical-align: top;

    background-color: #FF9800;;

    display: inline-block;

    -webkit-user-drag: none;

    text-shadow: 0 1px rgba(255,255,255,0.2);

    border-radius: 30px;	

    box-shadow: 0px 0px 3px #654f00;    

	transition: 0.4s all;    

} 

.frm-btn:hover{

    background-color:#FFC107;

    box-shadow: 0px 0px 7px #FF9800; 

    color: #000;       

}    

.frm-footer{

    overflow: hidden;

    padding: 10px 22px;

    padding-top: 10px;

}

.alert-success{	

	color:#00dc44;

}

/*----------- upload-image ----------*/

.eposter,

.eholder-logo,

.par-avatar-inp,

.profile-avatar-inp { 

	width:0px;

	height:0px; 

	opacity:0;

	position:absolute; 

}

.eposter-box {

	position:relative;

	border:2px dashed #d4d4d4;

	border-radius:5px;

	background-color:#fcfcfc;

	color:#62666b;

	display:flex;

	justify-content:center;

	flex-direction: column;

    align-items: center;

    cursor: pointer; 

    overflow: hidden; 

    margin: 0 auto; 

}

.eposter-box:before {

	content: "";

    display: block;

    padding-top: 100%; 

}



.eposter-box span, 

.hlogo-box span {

	position:absolute;

	z-index: 1; 

}

.eposter-box img,

.hlogo-box img { 

	position:absolute;

	z-index: 3;

	border-radius:3px;

	

}

.user-poster-box{

	position: relative;

    border-radius: 100%;

    background-color: #ffffff;

    color: #62666b;

    display: flex;

    justify-content: center;

    flex-direction: column;

    align-items: center;

    cursor: pointer;

    overflow: hidden;

    margin: 0 auto;

    border-left: 4px solid #aadfff;

    border-top: 4px solid #aadfff;  

}

.user-poster-box:before{

	content: "";

    display: block;

    padding-top: 100%; 	

}

.user-poster-box span{

    position: absolute;

    z-index: 6;

    background: #fff;

    padding: 4px 10px;

    border-radius: 16px;

    top: 58%;

}

.user-poster-box img{

	position:absolute;

	top:-7px;	

	z-index: 3;

	border-radius:100%;	

}



/* ==========================================================

! 01. edit-project

==============	=========================================== */

.pay-detail-box{

	position:absolute;

    overflow: hidden;

    width: 130px;

    right: -150px;

    top: -105px;

    height: inherit;

}

.pay-detail{

    background: #607d8b;

    height:124px;

    overflow: hidden;    

}

.pay-detail-border{

    background: #607d8b;

    height: 2px;

    width: 47%;

    margin: 0 auto;  

}

.pay-detail-icon{

	height: 40px;

    overflow: hidden;   

}

/* ==========================================================

! 01. single

==============	=========================================== */



.single-main{

    background: #fff;

    border: 1px solid #ececec;	

}

.single .inner-img {

    width: 55px;

    height: 55px;

}

.single-thumbnail{

	height:450px;

    width: 100%;	

	overflow: hidden;

}

.single-thumbnail img{

    border-radius: 10px;	

}

.single-body{

	border-top:1px solid #000;	

}

.single-title-box{

	height:70px;	

}

.single-title{

	font-weight:450;

}

.btn-active-project{

    left: 0;

    top: -37px;

    border: 2px solid #d0d0d0;

    color: #fff;

    border-radius: 10px;

    background: #6b4d78;

	box-shadow: inset 0px 0px 0px 0px #009040;    

    transition: 0.5s all;

}

.btn-active-project:hover{

    color:#000;

	box-shadow: inset 134px 0px 0px 0px #00e164;    

}

.btn-deactive-project{

	left: 0;

    top: -37px;

    border: 2px solid #d0d0d0;

    color:#fff;

    border-radius: 10px;

    background: #6b4d78;

	box-shadow: inset 0px 0px 0px 0px #ff0052;    

    transition: 0.5s all;

}

.btn-deactive-project:hover{

	box-shadow: inset 160px 0px 0px 0px #ff0052;    

}

.single-content{

	text-align: justify;

    line-height: 35px	

}

.side-pic-box{

    height: 75px;

    width: 75px;

    border-radius: 10px;

    box-shadow: 0px 2px 12px -5px black;

    transition: 0.5s all;

}

.single .profile-img img {

    width: 45px;

}

.side-box{

	height:90px;

}

.sub-detail{

    height: 78px;

    overflow: hidden;	

}

#single-form .frm-input{

	color:#000;

    background: #006e5100;

    position: relative;

    margin-bottom: 7px;

    padding: 5px 10px;

    vertical-align: top;

    border: 1px solid #50907f;

    display: -moz-inline-stack;

    display: inline-block;

    outline: none;

    height: 35px;

    width: 100%;

    border-radius: 30px;

    font-family: iranyekan;

    font-size: 12px;

	transition: 0.4s all;

	text-align:left;	    

}	

#single-form .special-label{

    background: #31987d;

    position: relative;

    margin-bottom: 7px;

    padding: 5px 10px;

    vertical-align: top;

    display: -moz-inline-stack;

    display: inline-block;

    color: #ffffff;

    outline: none;

    height: 35px;

    width: 100%;

    border-radius: 30px;

    font-family: iranyekan;

    font-size: 12px;

	transition: 0.4s all;	

	top: -42px;

    width: 40%;

    right: 0;	

    text-align:center;

}

.top-sidebar{

	height:420px

}

.btn-single-suport{

	position:relative;

    height: 40px;

    width: 100%;

    background-color: #0a8f69;

    text-align: center;

    vertical-align: middle;

    color: #fff;

    font-weight: bold;

    padding-top: 6px;

    border-radius: 10px;

    border: none;    

	font-family: inherit;    	

}

.btn-single-suport:hover{

 background-color: #0a5841;

}

.btn-single-suport:before{

    position: absolute;

    content: "\e022";

    font-family: hamdasti;

    right: 70px;

    font-size: 18px;

    font-weight: 100;

    top: 11px;

}

.suport-single-box{

	height:192px;

	padding:10px 15px 10px 15px;

}

.suport-single-box i:before{	

    background: #058b59e0;

    border-radius: 100%;

    padding: 8px;

    color: #fff;

}

.suport-amount{

	padding: 5px 30px 5px 30px;

	position:relative;

}

.suport-amount input{

    background: #ffffff;

    border-radius: 10px;

}

.help-body-box{

	position:relative;

    height: 38px;

    background-color: white;

    border: 1px dotted #0a8f69;

    border-radius: 10px;

	box-shadow: 0px 0px 1px 0px #0a8f69;

	transition:0.5s all;					    

}

.help-body-box:before{

    content: "\e007";

	transition:0.5s all;    

	transform:rotate(-270deg);	

    position: absolute;

    font-family: hamdasti;

    right: -9px;

    top: -10px;

    color: #ffbc3f;

    z-index: 2;

    font-size: 19px;

}

.help-body-box:hover{

	box-shadow: 0px 0px 5px 0px #0a8f69;

}

.help-body-box:hover.help-body-box:before{

	transition:0.5s all;

	transform:rotate(270deg);

    color: #ff0000;		

}

.help-body-box span{

	font-weight:400;

}											

.help-color1{

	color:#ff00a5;

}

/*new*/

.single-bg{

	background-color:#fbfbfb;

}

.pay-btn-box{

    background: #ececec;	

}

.fast-pay{

    position: fixed;

    width: 100%;

    background: #011135c2;

    bottom: 0px;

    right: 0;

    z-index: 999;

    border-radius: 10px;

    box-shadow: 0px 0px 2px 2px #b9b9b9;

}

.fast-pay-btn{

    font-family: iranyekan;

    background: #2d5061;

    border-radius: 10px;

    border: 2px solid #FFC107;

    color: #FFC107;

    padding: 3px 13px;

}

.fast-pay-input{

	font-family: 'iranyekan';

    width: 100%;

    font-size: 16px;

    border: 1px solid #FF9800;

    border-radius: 30px;

    color: #FF9800;

    background: #0c1a21;

}

.fast-pay input::placeholder{

	font-family:'iranyekan';

    text-align:center;

    color:#ff9800cf;

}

.single-share{

    bottom: 15px;

    right: 15px;	

}

.single-share i:before{

    background: rgba(16, 16, 16, 0.3411764705882353);

    border-radius: 100%;

    padding: 8px;

    color: #fff;	

}

.contact-us .single-share i:before{

    background: #00c5aa;

    border-radius: 100%;

    padding: 8px;

    color: #fff;	

}



.contact-us .single-share i:hover:before{

	color:#fff;

    background: #00c5aa;	

	transition: 0.4s all;

}

.single-share i:hover:before{

	color:#ac3ac6;

    background: #ffffff;	

	transition: 0.4s all;

}

.contact-us .single-share img{

    background: #00c5aa;

    margin-bottom: 15px;

    padding: 3px;

    border-radius: 100%;

	transition: 0.4s all;

}



.share-title-box{

    right: -75px;

    top: 0px;

    background: #765ca1;

    transform: rotate(90deg);

    padding: 0px 5px 0px 5px;

    font-size: 13px;

    font-weight: bold;

}

.share-title{

	letter-spacing: 1px;

}

.single-edit{

    top: -14px;

    left: 15px;	

}

.single-edit span{

    background: #e1004c;

    border-radius: 14px;

    padding: 7px;

    color: #fff;

    font-size: 14px;

    transition: 0.4s all;

    box-shadow: 0px 2px 9px -2px black;

    font-weight: 500;

    letter-spacing: 1px;

    border: 2px solid white;

}

.single-edit span:hover{

    background: #ff005e;

}

.single .rotate{

	background:#ffb100!important;

}

.single .left{

	background:#ececec!important;

}

.single .background{

	background:#ececec!important;

}

.single .progress-bar {

    right: 107px;

    top: -53px;

    z-index: 10;

}

.single-main .progress-bar{

	position:static;

}

.single .main-crowdfunding{

	padding:0 10px; 

}

.single .crowdfunding-details-inner{

    height: 140px;	

} 

.single .crowdfunding-details:before {

    top: 50%;

}

.single .crowdfunding-details:after {

    top: 50%;

}

.single .crowdfunding-text-support {

    padding: 100px 0px;

}

.single .crowdfunding-details:before {

    background: #ececec;

}

.single .crowdfunding-details {

    border-radius:0px;

    background: #ececec;

}

.single .crowdfunding-details {

    height: 350px;

    width:366px;

}

.single .crowdfunding-text a{

    color: #fe7e00;

    font-size:15px;

}

.reward-single-icon{

    top: 15px;

    left: 8px;

    font-size: 60px;

    color: #00c5aa;

}

.reward-single-content{

	height:70px;

	overflow: hidden;

}

.single-reward .tops-pic-box{

    box-shadow: 0px 0px 7px -1px #a7a7a7;

}

.single-reward .pay-suggests:hover{

    background-color: #c29ffb;

}

.single-suporter-box{

    border: 1px dashed #cccccc;

    border-radius: 20px;

	box-shadow: 0px 9px 3px -5px #a5a5a5;

}

.single-suporter-img{

	height: 90px;

}

.single-suporter-img i{

	font-size: 83px;

	color:#983dad;

}

.single-suporter-img img{

	border-radius: 100%;

    width: 80px;

}

.tops-txt-box{

	height: 66px;

}

/*-------- single tab --------*/

.tab-s-select{

    transition:0.5s all;

	height: 64px; 

    background: white;

    border: 1px solid #fbfbfb;	

    box-shadow: inset 0px 0px 2px 0px #c4c4c4;    

}	

.tab-s-select span{

	font-weight:300;

}

.active-tab-s{

	background: #f3f3f3;

    box-shadow: inset 0px 0px 2px 0px #c4c4c4;	

    transition:0.6s all;

}

.active-tab-s{

	height: 77px;

    border-bottom: 6px solid #983dad;

    background: #fff;

}

.active-tab-s .border-tab{

    color: #983dad;

    padding-bottom: 10px;

    transition: 0.5s all;

}

.active-tab-s i{

    color: #983dad;

    transition:0.5s all;

}

#tab-s1{

	display:block;

}

.content-box{

	min-height: 300px; 

    box-shadow: 0px 51px 28px -60px #b1b1b1 inset;

    background:#ffffff;

}

/*-------- check-box -------*/

.chek-main {

  display: block;

  position: relative;

  padding-right: 27px;

  padding-top: 1px;  

  cursor: pointer;

  font-size: 13px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.chek-main input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;

}



.checkmark {

	position: absolute;

    top: 3px;

    right: 0;

    height: 18px;

    width: 18px;

    background-color: #eee;

    border-radius: 6px;

}



.chek-main:hover input ~ .checkmark {

  background-color: #ccc;

}



.chek-main input:checked ~ .checkmark {

  background-color: #2196F3;

}



.checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



.chek-main input:checked ~ .checkmark:after {

  display: block;

}



.chek-main .checkmark:after {

  left: 7px;

  top: 4px;

  width: 5px;

  height: 10px;

  border: solid white;

  border-width: 0 3px 3px 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}	

/* ==========================================================

! 01. dashboadrd

==============	=========================================== */

.tops-main{

	background:#fff;

    box-shadow: 1px 1px 14px 1px #f1f1f1;

}

/*---------- mobile-dashboard -----------*/



#tab-mob-1{

	display:block;

}

#tab-mob-1,#tab-mob-2,#tab-mob-3,#tab-mob-4{

    background-color:#fff;

    min-height: 480px;

    box-shadow: 0px 0px 9px 0px #bab0b0;

    border-radius: 3px;    

}

.panel-border-left{

	box-shadow:-8px 0px 5px -7px #c3b7b7;	

}

/*----new---*/

.dashboard-main{

	padding-top:150px;

}

.dashboard-header-box{

	background: #894ca9;

	box-shadow: 0px 0px 9px 0px #bab0b0;

    border-radius: 3px 3px 0px 0px;

}

#profile-tab-1,#profile-tab-2,#profile-tab-3,#profile-tab-4{

    background-color:#ffffff;

    min-height: 396px;

    box-shadow: 0px 0px 9px 0px #bab0b0;

    border-radius: 0px 0px 3px 3px;  

}

#tab-1{

	display:block;

}

#tab-1,#tab-2,#tab-3,#tab-4{

    background-color:#fff;

    min-height: 467px;

    box-shadow: 0px 0px 2px 0px #bab0b0;

    margin:0 auto;    

}

#tab-4 .tops-pic-box i{

    font-size: 60px;

    display: grid;

    color: #717171;

    transform: rotate(0deg);    

}

#tab-4 .tops-cash-box {

    color: #fff700;

    transform: rotate(0deg);

    right: 7px;

    top: 0px;

    width: 95%;

    background: #717171;

    text-align: center;

    padding-left: 10px;

    border-radius: 0px 0px 10px 10px;

}

.profile-banner{

	height:270px;

	background-color:#717171;	

    clip-path: polygon(0 0, 0 426%, 100% 0);

}

.dashboard-header{

	height:98px;

	background-color:#ffffff00;

	padding: 5px 20px 5px 10px;

}

.dashboard-body{

    min-height: 500px;	

    padding-right:10px;

}

.panel-box{

	text-align:center;

}

.active-tab .panel-box .panel-icon{

    color: #894ca9;	

	transition:0.5s all;

}

.active-tab span{

    color: #894ca9;

}

.active-tab .panel-box{

    background-color: #ffffff;

    border-radius: 3px;

    transition: 0.5s all;

}



.panel-box:hover{

	background-color: #fbfbfb;

}

.panel-box:hover .panel-icon{

	color: #894ca9;

}

.panel-box:hover span{

	color: #607d8b;

}

.panel-box:hover .panel-title span{

	color: #894ca9;

}

.panel-icon{

    height: 50px;

    font-size:40px;

    color: #fff;    

}

.panel-select{

	height: 103px;

    overflow: hidden;

}

.user-poster-content{

	box-shadow: 0px 0px 3px 0px #e0dcdc;

    background-color: #fff;	

	height:220px;

    right: 25%;	

}

.user-poster-content-box{

    padding: 40px 100px 0 30px;

}

.user-poster{

    right: 100px;

    top: 28px;

    width: 180px;

}

.profile-box{

    box-shadow: 0px 0px 3px 0px #e0dcdc;

	background-color:#fff;

	height: inherit;    

}

.profile-box-side{

	height: 220px; 	

}

.profile-line{

    width: 100%;

    height: 1.8px;

    background-color: #006fb21f;

}

#profile-tab-2 .frm-input{

    background: #ffffff;

}



/*--------- dashboard---admin -------*/

.btn-dashbord{

	padding: 10px 20px;

    background: #444444;

    display: block;

    width: 100%;    

    color: #FFC107;

    border-radius: 3px;

    border: 2px solid #000000;

    box-shadow: inset 0px 0px 0px 0px #FFC107;

    transition: 0.5s all;

}	

.btn-dashbord:hover{

    color: #ffffff;

    box-shadow: inset 0px 43px 0px 0px #303030;

}	

/*--------- dashboard---reward---team -------*/

.reward-top-box{

    min-height: 130px;

    height: inherit;

    width: 70%;

    border-radius: 15px;

    margin-top: 5px;

    border-top: 5px solid #717171;  

}

.btn-reward-box{

	width: fit-content;

}

.btn-add-reward{

    height: 50px;

    width: 120px;

    transition: 0.4s all;

    background: #f9f9f9;

    border-radius: 30px 0px 0px 30px;

    vertical-align: middle;

    padding-top: 12px;  

	color: #006e51;   	

   

}

.btn-add-reward:hover{

    background: #717171;

}

.btn-add-reward:hover span {

    color: #fff700;

}

.btn-last-reward{

    height: 50px;

    width: 120px;

    transition: 0.4s all;

    background: #f9f9f9;

    border-radius: 0px 30px 30px 0px;

    vertical-align: middle;

    padding-top: 12px;

	color: #006e51;  

}

.btn-last-reward:hover{

    background: #717171;

}

.btn-last-reward:hover span {

    color: #fff700;

}

.last-reward-title{

    transition: 0.5s all;	

}

.active-reward-btn{

	position: relative;

    transition: 0.5s all;

    background: #717171;

    color: #fff;

}

.active-reward-btn span{

    color:#fff700;

}

.active-reward-btn:before{

    content: "\47";

    top: 39px;

    font-family:'hamdasti';

    position: absolute;

    color: #717171;

    right:0;

    left:0;

    transition: 0.5s all;

    font-size: 25px; 	

}

.edit-reward-con{

	padding-top: 90px;

    padding-bottom: 40px;	

}

.btn-add-team {

	padding: 6px 50px;

    background: #607d8b;

    border: 1px solid #ededed;

    border-radius: 10px;

    transform: translate(0%,-31%);

    display: inline-flex;

    box-shadow: 0px 25px 8px -18px #8e8e8e;

    color: white;	

	font-size:50px;

	transition: 0.5s all;

}

.btn-add-team:hover{

    background: #717171;

}

.header-dashboard-box{

	height: 65px;

	width: 895px;

}

.profile-img img{

	border-radius:100%;

}

.profile-img img{

	width:65px;

}

.alarm-profile i{ 

	line-height: 65px;

}

#tab-1{

	display:block;

}

#tab-1,#tab-2,#tab-3,#tab-4{

    background-color:#fff;

    min-height: 467px;

    box-shadow:0px 0px 2px 0px #bab0b0;

    border-radius: 0 0 3px 4px;;

    margin:0 auto;    

}

/*---------- mobile-dashboard -----------*/



#tab-mob-1{

	display:block;

}

#tab-mob-1,#tab-mob-2,#tab-mob-3,#tab-mob-4{

    background-color:#fff;

    min-height: 480px;

    box-shadow: 0px 0px 9px 0px #bab0b0;

    border-radius: 3px;    

}

.panel-border-left{

	box-shadow:-8px 0px 5px -7px #c3b7b7;	

}



/* ==========================================================

! 01. verify

==============	=========================================== */

.verify-msg,.verify-msg2{

    color: #00ffa2;	

    background: rgb(83, 83, 83);

    border-radius: 5px;

    border: 2px solid #1e7a8a;

}   

.verify-msg2{

    color: #ff0045;	

    border: 2px solid #ff0045;

}   

	

/* ==========================================================

! 01. author-profile

==============	=========================================== */

.author-profile-img	img{

	border-radius: 100%;	

	box-shadow: 0px 0px 15px 1px white;

    border-left: 7px solid white;

    padding: 5px;		

}





.author-profile-img .line-profile{

    height: 2px;

    width: 260px;

    background: white;

	top: 53%;

    right: 26%;

    border-radius: 100%;	

}

.line-profile{

    height: 2px;

    width: 260px;

    background: #e400ff;

    border-radius: 100%;	

}

.profile-author-title h2{

    width: fit-content;

    background: #af0041;

    border-radius: 7px;

    color: white;

    padding: 10px;

    margin: 0 auto;

    box-shadow: 0px 29px 17px -15px black;    

}

.author-descript{

    border-radius: 10px;

    box-shadow: 0px 0px 8px 0px white;

}

.author-descript textarea{

    background: transparent;

    border: none;

    overflow: hidden;

    min-height: 70px;

    max-width: 100%;

    min-width: 100%;

}

/* ==========================================================

! 01. faq

==============	=========================================== */

#faq .icon-angle-left{

    display: -webkit-inline-box;

    transform: rotateZ(0deg);

    transition: 0.3s all;

}

#faq .icon-angle-left.active-icon{

    transform: rotateZ(-90deg);

}

.box-shadow{

	box-shadow: 0 1px 6px rgba(57,73,76,0.35);

}

.box-rul{

	border-radius:10px;

    overflow: hidden;	

}

.box-rul ul li {

    border: 1px solid #edf0f5;

}

/* ==========================================================

! 01. Login

==============	=========================================== */

/*---- POP UP ----*/

.popup-frame,

.popup-message {

    background-color: rgba(96, 125, 139, 0.64);  

	position: fixed;

	width:100%;

	height:100%; 

	top:0;

	left:0;

	z-index: 100; 

}

.popup-frame .container,

.popup-message .container {

	display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    height: 100vh;

}

.popup-bg {

	background-image: linear-gradient(to right, #000000 0%, #53346D 51%, #000000 100%);

    border-radius: 5px;

    border: 1px solid #ebeced;

    box-shadow: 0 1px 2px 0 rgb(123, 123, 123);

    position: relative;

}

.bg-reg-log{

	background-image: linear-gradient(to right, #000000 0%, #53346D 51%, #000000 100%);

}

input:-webkit-autofill {

    -webkit-box-shadow: 0 0 0 30px white inset;

}

.popup-btn { 

    padding: 8px 15px;

    color: #000;

    font-weight: 600;

    font-family: iranyekan;

    border: none;

    background-color: #FFC107;

    border-radius: 30px;

    outline: none;

    box-shadow: 0px 0px 2px 1px #FF9800;

    transition: 0.3s all;

}

.popup-btn:hover{

    background-color: #FF9800;

    color: white;

}	

.register-avatar i{

	font-size:65px;

	margin: 0 auto;

	color:#62666b;

}

.pop-close {

	font-size: 25px;

    position: absolute;

    color: red;

    top: 10px;

    right: 10px;

    cursor: pointer;  

}

.pop-close img{

	transition: 0.4s all;  	

}

.pop-close img:hover{

	transform:scale(1.1);

}

.msg-txt {

	border-top: 2px dashed #eee;

    border-bottom: 2px dashed #eee;

    padding: 30px 0; 

    text-align:center;

}

.msg-err {color:#ff0000;}

.msg-done {color:#019200;}

.msg-close{

	position:absolute;

	color:red;

    top: -40px;

    right: -37px;

	cursor: pointer;

	font-size:25px;

}

/*------------------------------------------------------------*/

.banner-login{

	background-image:url('../images/login-top.jpg');

}

.page-title {

    position: relative;

    min-height: 220px;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    z-index: 30;

}

.page-title .container {

    position: absolute;

    left: 0;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

}  



/* ==========================================================

! 01. Footer

==============	=========================================== */

.scrollToTop{

    background-color: #ffa500;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    -webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.2);

    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.2);

    height: 40px;

    line-height: 30px;

    width: 40px;

    z-index: 100;

    right: 62.5%;

    bottom: 24px;

    transition: all 0.4s ease 0.1s;

}

.footer-bottom{

	background: #333;

    height: 40px;

    line-height: 40px;

}

.footer-image img{

	border-radius:3px;

}

.footer-image-title{

	    font-weight: 300;

}

.footer-top{

	background: linear-gradient(90deg, rgba(48,48,48,1) 0%, rgba(61,61,61,1) 36%, rgba(48,48,48,1) 36%, rgba(61,61,61,1) 100%);

}

.footer-petition-title{

	color: orange;

}

/* ---------- form 7 ------------ */

.bg-page{

	background: rgb(255,255,255);

	background: linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(228,228,228,0.9360119047619048) 35%, rgba(241,241,241,0.9500175070028011) 70%, rgba(231,231,231,1) 100%);

}

.form-main{

	width: 45%;

	border-radius: 5px;

    background: #fff;

    text-align: center;

    box-shadow: 0px 0px 7px 1px #aba2a2;

}

.form-logo{

	right:15px;

	top:15px;

    opacity: 0.4;

}

.form-main{

    text-align: center;

}

.form-main label{

	color: #40b8c0;

    font-size: 13px;

}	

.form-main input,textarea{

    border-radius: 5px;

    border-style: none;

    box-shadow: 0px 0px 2px 1px #d4d4d4;

    padding: 5px;

    font-size: 15px;

}	

.form-main input[type=submit]{

    color: white;

    border-radius: 5px;

    border-style: none;

    box-shadow: 0px 0px 3px 0px #000000,inset 0px 0px 0px 0px #07757c;

    background: #42a6ac;

    padding: 5px 29px;

    font-size: 15px;

    transition:0.5s all;

    font-family: iranyekan;

}	

.form-main p{

	padding: 5px;

}

.form-main input[type=submit]:hover{

    box-shadow: 0px 0px 3px 0px #000000, inset 95px 0px 0px 0px #07757c;

}	



/*---- round popup menu ----*/

/* menu & menu-open */

.menu-round {

	transform: translate(-265%,100%);	

	margin: auto;

	width: 80px;

	height: 80px;

	text-align: center;

	box-sizing: border-box;

	font-size: 26px;

}

.menu-round-item:hover {

    background: #ff006a;

    color: #ffffff;

    box-shadow: 0px 0px 28px 7px #ff006a;    

}

.menu-round-item:nth-child(3) {

   -webkit-transition-duration: 180ms;

   transition-duration: 180ms;

}

.menu-round-item:nth-child(4) {

   -webkit-transition-duration: 180ms;

   transition-duration: 180ms;

}

.menu-round-item:nth-child(5) {

   -webkit-transition-duration: 180ms;

   transition-duration: 180ms;

}

.menu-round-item:nth-child(6) {

   -webkit-transition-duration: 180ms;

   transition-duration: 180ms;

}

.menu-round-item:nth-child(7) {

   -webkit-transition-duration: 180ms;

   transition-duration: 180ms;

}

.menu-round-item:nth-child(8) {

   -webkit-transition-duration: 180ms;

   transition-duration: 180ms;

}

.menu-round-item:nth-child(9) {

   -webkit-transition-duration: 180ms;

   transition-duration: 180ms;

}

.menu-round-item, .menu-open-button {

  position: absolute;

  background: #a152ff;

  border-radius: 100%;

  width: 50px;

  height: 50px;

  margin-left: -40px;

  color: #ffffff;

  text-align: center;

  line-height: 66px;

  

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  -webkit-transition: -webkit-transform ease-out 200ms;

  transition: -webkit-transform ease-out 200ms;

  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;

}

.menu-open{

  display: none;

}

.menu-open:checked + .menu-open-button .line-1 {

  -webkit-transform: translate3d(0, 0, 0) rotate(45deg);

  transform: translate3d(0, 0, 0) rotate(45deg);

}

.menu-open:checked + .menu-open-button .line-2 {

   -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);

   transform: translate3d(0, 0, 0) scale(0.1, 1);

}

.menu-open:checked + .menu-open-button .line-3 {

   -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);

   transform: translate3d(0, 0, 0) rotate(-45deg);

}

.menu-open-button {

   z-index: 2;

   -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);

   transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);

   -webkit-transition-duration: 400ms;

   transition-duration: 400ms;

   -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);

   transform: scale(1.1, 1.1) translate3d(0, 0, 0);

   cursor: pointer;

   box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);

}

.menu-open-button:hover {

   -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);

   transform: scale(1.2, 1.2) translate3d(0, 0, 0);

}

.menu-open:checked + .menu-open-button {

   -webkit-transition-timing-function: linear;

   transition-timing-function: linear;

   -webkit-transition-duration: 200ms;

   transition-duration: 200ms;

   -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);

   transform: scale(0.8, 0.8) translate3d(0, 0, 0);

}

.menu-open:checked ~ .menu-item {

   -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);

   transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);

}

.menu-open:checked ~ .menu-round-item:nth-child(3) {

   transition-duration: 180ms;

   -webkit-transition-duration: 180ms;

   -webkit-transform: translate3d(0.08361px, -104.99997px, 0);

   transform: translate3d(0.08361px, -67.99997px, 0);

}

.menu-open:checked ~ .menu-round-item:nth-child(4) {

   transition-duration: 280ms;

   -webkit-transition-duration: 280ms;

   -webkit-transform: translate3d(90.9466px, -52.47586px, 0);

   transform: translate3d(66.9466px, -33.47586px, 0);

}

.menu-open:checked ~ .menu-round-item:nth-child(5) {

   transition-duration: 380ms;

   -webkit-transition-duration: 380ms;

   -webkit-transform: translate3d(90.9466px, 52.47586px, 0);

   transform: translate3d(63.9466px, 40.47586px, 0);

}

.menu-open:checked ~ .menu-round-item:nth-child(6) {

   transition-duration: 480ms;

   -webkit-transition-duration: 480ms;

   -webkit-transform: translate3d(0.08361px, 70.99997px, 0);

   transform: translate3d(0.08361px, 70.99997px, 0);

}

.menu-open:checked ~ .menu-round-item:nth-child(7) {

   transition-duration: 580ms;

   -webkit-transition-duration: 580ms;

   -webkit-transform: translate3d(-90.86291px, 52.62064px, 0);

   transform: translate3d(-64.86291px, 40.62064px, 0);

}

.menu-open:checked ~ .menu-round-item:nth-child(8) {

   transition-duration: 680ms;

   -webkit-transition-duration: 680ms;

   -webkit-transform: translate3d(-91.03006px, -52.33095px, 0);

   transform: translate3d(-63.03006px, -33.33095px, 0);

}

.menu-open:checked ~ .menu-round-item:nth-child(9) {

   transition-duration: 780ms;

   -webkit-transition-duration: 780ms;

   -webkit-transform: translate3d(-0.25084px, -70.9997px, 0);

   transform: translate3d(-0.25084px, -70.9997px, 0);

}

/* lines */

.lines {

  width: 25px;

  height: 3px;

  background: #ffffff;

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-left: -12.5px;

  margin-top: -1.5px;

  

  -webkit-transition: -webkit-transform 200ms;

  transition: -webkit-transform 200ms;

  transition: transform 200ms;

  transition: transform 200ms, -webkit-transform 200ms;

}

.line-1 {

  -webkit-transform: translate3d(0, -8px, 0);

  transform: translate3d(0, -8px, 0);

}

.line-2 {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.line-3 {

  -webkit-transform: translate3d(0, 8px, 0);

  transform: translate3d(0, 8px, 0);

}

.menu-round i {

  text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);

}	

/* ==========================================================

!  list pages

==============	=========================================== */

.proj-name-btn{

	padding: 7px 20px;

    box-shadow: 0px 7px 4px -1px #8c8b8b;

    background: #766996;

    border-radius: 5px;

    transition: 0.5s all;

}

.proj-name-btn:hover{

    color: #00ffb8;

}

/* ==========================================================

!  comment

==============	=========================================== */

.comments-navigation {margin: 0; font-size: 12px;}

.comments-navigation a { margin-top: 10px; font-family:tahoma;}

.comments-navigation .alignleft {float: left; margin: 0; padding: 0;}

.comments-navigation .alignright {float: right; margin: 0; padding: 0;}

h3#comments-number, h3.postcomment {padding-bottom: 0;font-size: 12px;color: #3d3d3d;line-height: 30px;}

ol.commentlist { list-style:none; margin:20px 0 0 0; padding:0; text-indent:0; }

ol.commentlist li { border:1px solid #bfbdbd;border-radius:5px; margin:0 0 10px 0; padding:10px 10px 7px 57px; position:relative; }

ol.commentlist li.alt { }

ol.commentlist li.bypostauthor { }

ol.commentlist li.byuser { }

ol.commentlist li.comment-author-admin { }

ol.commentlist li.comment { }

ol.commentlist li div.comment-author {  }

ol.commentlist li div.vcard { font:bold 12px iranyekan; line-height: 24px; padding-bottom: 5px; }

ol.commentlist li div.vcard cite.fn {position: absolute; top: 47px; }

ol.commentlist li div.vcard img.avatar { border:1px solid #1a84a0; right:10px; position:absolute; top:10px; border-radius: 50% }

ol.commentlist li div.vcard img.avatar-32 { }

ol.commentlist li div.vcard img.photo { }

ol.commentlist li div.vcard span.says {display: none }

ol.commentlist li div.commentmetadata { }

ol.commentlist li div.comment-meta { font:normal 12px iranyekan; line-height: 24px; position:absolute; right:50px; text-align:right; top:12px; }

ol.commentlist li div.comment-meta a { color:#aaaaaa; text-decoration:none;color:#242424; }

ol.commentlist li div.comment-meta a:hover { color:#37badc; text-decoration:none; }

ol.commentlist li p { font:normal 12px iranyekan; line-height: 24px; margin:60px 0 1em 0;text-align: justify }

ol.commentlist li form p { margin: 0;}

ol.commentlist li ul { font:normal 12px tahoma, Helvetica, sans-serif; list-style:square; line-height: 24px; margin:0 0 1em; padding:0; text-indent:0; }

ol.commentlist li div.reply { font-size: 12px; }

ol.commentlist li div.reply:hover { }

ol.commentlist li div.reply a { }

ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0;}

ol.commentlist li ul.children li { }

ol.commentlist li ul.children li.alt { }

ol.commentlist li ul.children li.bypostauthor { }

ol.commentlist li ul.children li.byuser { }

ol.commentlist li ul.children li.comment { }

ol.commentlist li ul.children li.comment-author-admin { }

ol.commentlist li ul.children li.depth-2 { margin:0 0 8px; }

ol.commentlist li ul.children li.depth-3 { margin:0 0 8px; }

ol.commentlist li ul.children li.depth-4 { margin:0 0 8px; }

ol.commentlist li ul.children li.depth-5 { }

ol.commentlist li ul.children li.odd { }

ol.commentlist li.even { }

ol.commentlist li.odd { }

ol.commentlist li.parent { }

ol.commentlist li.pingback { }

ol.commentlist li.pingback.parent { }

ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

ol.commentlist li.thread-alt { }

ol.commentlist li.thread-even { }

ol.commentlist li.thread-odd { }

h3#respond {padding-bottom: 0;font-size: 18px;color: #3d3d3d;line-height: 30px;}

#respond {padding: 0 0 0 0;}

#comments p.nocomments {padding: 0;}

form#commentform input {margin-top: 10px; border-radius:5px; width: 100%; border: 1px solid #a3a3a3;font-family:iranyekan; line-height: 20px;}

form#commentform textarea {margin-top: 10px; border-radius:5px;padding: 5px;min-width:100%; max-width: 100%; background: #fff; border: 1px solid #a3a3a3; overflow: auto;font-family:iranyekan; color: #aaaaaa; line-height: 22px;}

#comments-wrap{

	padding: 0!important

}

.butt-send-comment{

	background: #0a8f69;

	color: #fff;

	width: 110px!important

}

.butt-out a{

    background: #11ba99;

    padding: 5px;

    position: absolute;

    left: -1px;

    top: -1px;

    color: #fff;

    border-top: 1px solid #ddd;

    border-left: 1px solid #ddd;

}

.border-pos-didga{

	border: 1px solid #ddd;

    position: relative;

}

.butt-send-comment:hover{

	background: #0a5841!important;

}

/* ==========================================================

! 01. 404

==============	=========================================== */

.error404 footer,.error404 header{display:none}body.error404{background-color:#2F3242}.error404 svg{position:absolute;top:50%;left:50%;margin-top:-250px;margin-left:-400px}.error404 .message-box{height:200px;width:380px;position:absolute;top:50%;left:50%;margin-top:-100px;margin-left:50px;color:#FFF;font-weight:300}.error404 .message-box h1{font-size:60px;line-height:46px;margin-bottom:40px}.buttons-con .action-link-wrap{margin-top:40px}.buttons-con .action-link-wrap a{background:#68c950;padding:8px 25px;border-radius:4px;color:#FFF;font-weight:700;font-size:14px;transition:all .3s linear;cursor:pointer;margin-right:10px}.buttons-con .action-link-wrap a:hover{background:#5A5C6C;color:#fff}#Polygon-1,#Polygon-2,#Polygon-3,#Polygon-4,#Polygon-5{animation:float 1s infinite ease-in-out alternate}#Polygon-2{animation-delay:.2s}#Polygon-3{animation-delay:.4s}#Polygon-4{animation-delay:.6s}#Polygon-5{animation-delay:.8s}@keyframes float{100%{transform:translateY(20px)}}@media (max-width:450px){.message-box,.error404 svg{top:50%;left:50%;margin-left:-190px}.error404 svg{position:absolute;margin-top:-250px}.message-box{margin-top:-100px;text-align:center}}