/* Theme Name: elmefarda 2016 SSL Author: Ebrahim Darvish Design:Mohammad reza Aminzade Description: This theme has been developed by elmefarda team . Version: 3 (2016) URL : https://www.elmefarda.com */ @font-face{font-family:IRANSans;font-style:normal;font-weight:400;src:url(f/IRANSansWeb.eot);src:url(f/IRANSansWeb.eot?#iefix) format("embedded-opentype"),url(f/IRANSansWeb.woff2) format("woff2"),url(f/IRANSansWeb.woff) format("woff"),url(f/IRANSansWeb.ttf) format("truetype")} @font-face{font-family:'Far_SinaBd';src:url(f/Far_SinaBd.eot?#) format("eot"),url(f/Far_SinaBd.ttf) format("truetype"),url(f/Far_SinaBd.woff) format("woff")} body{direction:rtl;color:#222;font-size:15px;font-family:'IRANSans'} a{text-decoration:none;transition:.2s} p{text-align:right} li{list-style:none} h1,h2,h3,h4,h5,h6{font-weight:400;font-family:'IRANSans'} h1{font-size:20px} h2{font-size:18px} h3{font-size:16px;} .youtube {aspect-ratio: 16 / 9; width: 100%;} table{width:100%;margin:30px 0;font-size:16px} table a {color:#3498db} table a:hover {color:#E74C3C} table,td,th{border:1px solid #ccc;border-collapse: collapse;text-align:center} td{padding:5px} th{background:#62bd6d;color:#fff;padding:5px} tr{background:#efefef;padding:5px} tr:hover{background:#fcfcfc;color:#000} .tblcenter td ,.tblcenter th {text-align:center} .myrss {padding:10px 0;color:#111;display:block;border-bottom:1px solid #eee} .myrss:hover{color:#E74C3C} #page404{width:350px;height:350px;margin:20px 0;background:url(404.jpg)} #h404{text-align:center} .alignleft{display:inline;float:left} .alignright{display:inline;float:right} .aligncenter{clear:both;display:block;margin:0 auto} .format-image .entry-header{display:none} .single .format-image .entry-header{display:block} .format-image .entry-content,.format-image .entry-summary{padding-top:1em} .single .format-image .entry-content,.single .format-image .entry-summary{padding-top:0} a img{border:none} p img{margin-bottom:.5em} img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img,.widget-area img,.wp-caption{max-width:100%;height:auto} img.alignleft{margin-right:1em} img.alignright{margin-left:1em} .wp-caption{text-align:center} .wp-caption img{margin:5px} .wp-caption .wp-caption-text{margin:0;text-align:center} .wp-smiley{margin:2px;width:15px;height:15px} .size-auto,.size-full,.size-large,.size-medium,.size-thumbnail{max-width:100%;height:auto} .metalinks{margin-bottom:20px;padding:0;float:right} .cats:before{margin-top:5px} .cats{float:right;margin-bottom:20px;background:#62bd6d;color:#fff;margin-left:5px;padding:1px 5px;font-size:15px} .metalinks a{float:right;background:#888;color:#fff;margin:0 0 20px 5px;padding:1px 5px;font-size:15px} .metalinks a:hover{background:#000} .zaban {padding:20px 1%;float:right;margin:5px auto;background:#5758BB;color:white} .zaban h3{color:#fff!important;float:right} .zaban ul{float:right;width:320px;margin:10px 5px;padding:0} .zaban ul li{float:right} .zaban img {width:280px;float:right;margin:10px;padding-left:10px;border-radius:180px} .zaban ul a {float:right;color:#fff;width:300px;background:#2ed573;margin:15px 0;padding:5px 10px;text-align:center; text-decoration:none;transition:0.3s} .zaban a:hover {background:#fff;color:#111} #wp-calendar{width:100%;font-size:18px;font-weight:300;border-collapse:separate;float:right} #wp-calendar caption{display:block} #wp-calendar tbody td{margin-bottom:10px;text-align:center;background:#eee;color:#000;padding:6px} #wp-calendar th{background:#eee} #wp-calendar tbody td:hover{background:#bbb} #wp-calendar tbody td.pad{border:0} #wp-calendar tfoot td#prev a,#wp-calendar tfoot td#next a{color:#888;font-size:12px;font-weight:400;position:relative;bottom:-9px;margin-bottom:1px} #wp-calendar tfoot td#prev{text-align:right} #wp-calendar tfoot td#next{text-align:left} #wp-calendar thead th{font-size:13px;color:#888;text-align:center;padding-bottom:10px} #wp-calendar tbody td a,#wp-calendar tfoot td#prev a:hover,#wp-calendar tfoot td#next a:hover{color:#27ae60} blockquote{float:right;margin:20px 0;clear:both;background:#f5f5f5;color:#000;width:96%;padding:10px 2%;border-right:3px solid #27ae60;border-left:3px solid #27ae60} #main{width:100%;background:#fff;color:#111;position:absolute;padding:0;right:0;top:0;overflow:hidden} .float{width:100%;padding:20px 0;margin:0;right:0;float:right;position:relative} .cnt{margin:0 auto;padding:5px 0;float:none;width:1300px} .clr{clear:both;width:100%;margin:10px 0} .ln{clear:both;width:100%;margin:10px 0;border-bottom:1px solid #dddddd} .vids img,.fp img,#bigvid img,.buy img,#bigbuy img,.ftbox img{color:#000;font-size:18px;background:#fff url(loading.gif);background-repeat:no-repeat;background-position:center;text-align:center;line-height:100px} .black,.green,.blue,.lightblack{color:#fff} .black{background:#222} .white{background:#fff} .green{background:#BCC491} .blue{background:#34495E} .gray{background:#ECF0F1} .lightblack{background:#333} .icon:before{padding-left:5px} .fgreen:before{color:#62bd6d} .fblue:before{color:#00BFFF} .fmagento:before{color:#DB2688} .fred:before{color:#e74c3c} .forange{color:#d35400} .fgreen{color:#3FA468} .fblue a{color:#657E97} .fred{color:#e74c3c} .fwh,.fwh a{color:#fff} .fbl,.fbl a{color:#111} .gray #zbntit {text-align:center;background:#8c7ae6;color:#ffffff;padding:20px 0 ;margin:0} .zbnp {margin:15px;font-size:20px; color:#111;text-align:center} .btnz {text-align:center;text-decoration:none;padding:2%;margin:5px 2%;float:right;width:92%; background:#3498db;color:#fff;cursor:pointer;} .btnz:hover {color:#fefefe;box-shadow:0 5px 3px 0 #888;} .adsblack {margin:10px auto;padding:10px;width:100%;text-align:center;background:#444;color:#fefefe} .adsblack a{color:#67c0da} .adsblack a:hover{color:#E74C3C} #floatad {float:right;left:0;width:100%;padding:15px 0;background:#686de0;text-align:center; color:#fff;position:fixed;bottom:0;margin:0;z-index:999999;font-size:20px;display:none} #image-navigation{margin:10px 0 50px;padding:0;float:right;width:100%;clear:both} #image-navigation span a{background:#16a085;color:#fff;padding:5px;float:right} #image-navigation span a:hover{background:#27ae60} #logo{float:right;width:300px;margin-left:50px;line-height:20px} #logo h2,h3{font-size:28px} #logo h1 a,#logo h2 a{font-family:'Far_SinaBd','IRANSans';font-size:36px;color:#27AE60;transition:.2s} #logo h1 a:hover,#logo h2 a:hover{color:#117F6A} #head728{float:left;width:728px;height:100px} #ad640a,#ad640b{float:right;width:640px;height:170px;margin-bottom:20px} #ad640a{margin-left:20px} #ad640b{margin:0} #ad640a img,#ad640b img{width:100%;height:auto} #ad1300{width:100%;height:auto;margin:20px 0} #bigright{width:640px;height:360px;float:right;margin:0;padding:0;position:relative;overflow:hidden} #bigright img{width:100%;height:auto;float:right;position:relative;transition:.2s} #bigright h3{padding:1% 3%;width:94%;top:76%;height:15%;background:#333;color:#fff;vertical-align:middle;position:absolute;font-size:24px;line-height:24px;opacity:.9;float:right} #bigright a{color:#fff} #bigright:hover > h3 a{color:#E74C3C} #bigleft,#bigleft2{width:640px;height:360px;padding:0;margin-right:20px;float:right;line-height:30px;font-size:16px} #bigleft img,#bigleft2 img{width:100%;height:auto;margin-bottom:20px;float:right} #bigleft h1,#bigleft2 h1{font-size:36px;font-weight:700} #bigleft h1,#bigleft h1 a,#bigleft2 h1,#bigleft2 h1 a{color:#111} #bigleft h1 a:hover,#bigleft2 h1 a:hover{color:#E74C3C} #bigvid{width:640px;height:360px;float:right;margin:0;padding:0;overflow:hidden;position:relative} #bigvid #bigvidplay{display:none;z-index:2;color:#333;width:100px;height:100px;position:absolute;left:42%;top:26%;font-weight:400;transition:.2s;opacity:0.7;background:url(play100.png)} #bigvid img{width:100%;height:360px;float:right;transition:.2s} #bigvid a{color:#fff;text-decoration:none} #bigvidh{width:100%;position:absolute;opacity:0.7;float:right;top:85%;height:35%;background:#000;z-index:2} #bigvid h3{color:#fff;vertical-align:middle;font-size:20px;line-height:20px;margin-right:10px;margin-left:10px} #bigvidtime{z-index:1;color:#000;background:#fff;padding:2px 6px;margin:0;position:absolute;top:5px;left:5px;opacity:.9;font-size:24px;border-radius:2px} #bigvidoverlay{z-index:1;background:#333;opacity:0;transition:0.2s;position:absolute;width:100%;height:100%} #bigvid:hover #bigvidplay{opacity:1} #bigvid:hover #bigvidoverlay{opacity:.7} #bigvid:hover h3 a{color:#E74C3C} .vids{float:right;width:100%;position:relative;padding:0;margin:10px 0 0} .vids li{float:right;display:block;width:310px;margin-right:20px;overflow:hidden} .vids >:first-child{margin-right:0} .vidsimg{position:relative;width:100%;height:194px;margin-bottom:10px;float:right;margin-bottom:20px} .vids li img{width:310px;height:194px;float:right} .vids li h3,.vids li h4{font-size:18px;line-height:22px;width:96%;padding:1% 2%} .vids a{text-decoration:none} .vidsimg .vidsplay{z-index:2;margin:0;padding:0;position:absolute;height:60px;width:60px;top:35%;left:40%;font-weight:400;transition:.2s;opacity:.8;overflow:hidden;background:url(play.png)} .vidsoverlay{z-index:1;background:#222;opacity:0;transition:.2s;position:absolute;width:100%;height:100%} .vids li:hover .vidsoverlay{opacity:.7} .vids li a:hover .vidsplay{opacity:1;} .vids li:hover a{color:#E74C3C} .time{z-index:1;color:#000;background:#fff;padding:5px;margin:0;position:absolute;top:80%;right:2%;opacity:.9;font-size:16px;line-height:16px;border-radius:2px} .fp{float:right;width:100%;position:relative;padding:0} .fp li{float:right;display:block;width:310px;margin-right:20px;position:relative;overflow:hidden} .fp >:first-child{margin-right:0} .fp li h3{width:96%;padding:1% 2%;font-size:18px} .fp li a{color:#111} .fpimg{float:right;display:block;width:100%;height:100%;overflow:hidden;position:relative;margin-bottom:20px} .fpimg img{transition:.2s;width:310px;height:194px} .fpimg img:hover{transform:scale(1.1)} .fp li:hover > h3 a{color:#E74C3C} .fp li:hover > .fpimg img{transform:scale(1.05)} #sidebar300{width:300px;background:#fff;float:right;padding:0;margin-right:0} .sidefp{max-width:100%;text-align:right;display:block;float:right;margin:6px auto;padding:0} .sidefp a{color:#111;text-decoration:none} .sidefpimg{overflow:hidden;position:relative;float:right;width:100%;height:100%;margin-bottom:10px} .sidefpimg img{width:100%;height:100%;float:right;transition:.2s} .sidefp:hover .sidefpimg img{transform:scale(1.1)} .sidefp:hover a{color:#E74C3C} .sidevid{width:300px;text-align:right;display:block;float:right;margin:6px auto;padding:0} .sidevidimg{width:300px;height:188px;margin-bottom:20px;float:right;overflow:hidden;position:relative} .sidevidimg img{width:100%;height:auto;float:right} .sidevid a{color:#111;text-decoration:none} .sidevidplay{z-index:2;margin:0;padding:0;position:absolute;height:60px;width:60px;top:35%;left:38%;font-weight:400;transition:.2s;opacity:.7;overflow:hidden;background:url(play.png)} .sidevidplay:before{margin:0} .sidevidoverlay{width:100%;height:100%;background:#111;opacity:.2;position:absolute;float:right;transition:.2s} .sidevid:hover .sidevidplay{opacity:1} .sidevid:hover .sidevidoverlay{opacity:.5} .sidevid:hover > h4 a{color:#E74C3C} .sidep{width:300px;float:right;text-align:right;margin:15px 0;padding:0} .sidep img{width:120px;height:75px;float:right;margin-left:5px;opacity:1;transition:.2s} .sidep h4{margin:0;padding:0;font-size:15px} .sidep a{color:#111} .sidep:hover a{color:#E74C3C} #sidebar160{width:160px;background:#fff;float:right;padding:0;margin-left:0} .post160{width:100%;margin-bottom:15px} .post160 a{color:#111;font-size:15px} .post160 img{width:160px;height:100px} .post160:hover a{color:#E74C3C} .txtads{float:right;padding-bottom:5px;font-size:16px;margin:10px 0;color:#222;width:100%;border-bottom:1px solid #eee} .txtads:hover{color:#E74C3C} .titles{border-bottom:3px solid #62bd6d;float:right;display:inline-block;height:50px;padding-bottom:8px;margin-bottom:20px} .titles h1,.titles h3,.titles h1 a,.titles h3 a{font-size:20px;} .titles a:hover{color:#E74C3C} .titline{width:100%;border-bottom:3px solid #aaa;height:50px;padding-bottom:8px;margin-bottom:20px} .mywidget{width:100%;float:right} #floatads{padding:0;margin:0;float:right} #floatads li{width:200px;height:200px;display:block;float:right;color:#0C1F32;margin:20px 0 20px 20px} #floatads >:last-child{margin-left:0} #floatads li a{color:#111;font-size:16px} #floatads li img{width:200px;height:125px;float:right;padding-bottom:5px;transition:.2s} .post160:hover > a,#floatads li:hover > a{color:#E74C3C} #postlist{width:730px;background:#fff;float:right;padding:0;margin:0 55px} .post{float:right;margin:10px 0;padding-bottom:20px;width:100%;line-height:26px;font-size:15px;border-bottom:1px solid #eee} .post h2{width:100%;padding-bottom:5px;margin:0;font-weight:700;clear:left} .post h2 a{color:#333} .post a:hover{color:#C0392B} .post img{float:right;width:320px;height:200px;margin-left:15px;transition:.2s} .postmeta{width:100%;color:#444;font-size:16px} .fgreen a:hover,.fblue a:hover{color:#E74C3C} #bigbuy{width:640px;height:410px;position:relative;float:right;background:#ddd;margin:0;display:block;overflow:hidden;transition:.2s} #bigbuy img{width:100%;height:100%;float:right} #bigbuy h3{top:80%;height:20%;font-size:20px;padding:1% 2%;width:96%;position:absolute;float:right;background:#000;opacity:.7;color:#fff} #bigbuy a{color:#fff} #bigbuy img,.buy img{transition:.2s} .buy{width:310px;height:194px;position:relative;float:right;background:#ddd;display:block;margin:0 20px 20px 0;overflow:hidden;transition:.2s} .buy img{width:100%;height:100%;float:right} .buy h3{top:60%;height:35%;font-size:16px;padding:1% 2%;width:96%;position:absolute;float:right;background:#000;opacity:.7;color:#fff} .buy a{color:#fff} .buy:hover{color:#E74C3C} .buy a:hover > img,#bigbuy a:hover > img{transform:scale(1.1);transition:.2s} .buy:hover > h3 a,#bigbuy:hover > h3 a{color:#E74C3C} #post{width:730px;margin:0 55px;float:right;font-size:16px;line-height:36px;font-family:'IRANSans'} #post p{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} #post img{max-width:100%;height:auto;} #posthd{margin-top:40px;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid #e0e0e0} #posthd h1,#posthd h1 a{font-size:24px;font-weight:700;color:#222} #post h1 a:hover,#post h2 a:hover,#post h3 a:hover,#post p a:hover{color:#E74C3C} #post h2,#post h2 a{font-size:22px;font-weight:bold} #post h3,#post h3 a{font-size:20px} #post h1,#post h2,#post h3,#post h4,#post h5{color:#111} #post h2 a,#post h3 a,#post h4 a,#post h5 a,#post p a{color:#3498db} #footer728{width:100%;height:auto;margin:50px 0} #footer728 img{width:100%;height:auto} #dnt p,#bio p,#alert p{margin:10px} #alert,#bio{float:right;width:100%;padding:0;margin-bottom:50px;} #bio img{float:right;margin-left:10px;width:334px;height:208px} #related{float:right;margin:10px 0;padding:0;width:100%;line-height:26px;font-size:19px} .related{float:right;margin-bottom:20px;padding:0;width:100%;font-size:16px} .related img{float:right;width:250px;height:157px;margin-left:5px} .related h3{font-size:18px;margin-bottom:20px;clear:left} .related h3 a{color:#111} .related a:hover{color:#C0392B} #dnt{float:right;width:100%;padding:5px 0;margin-bottom:50px;} .sidep,#sidebar300 li,#sidebar300 img{max-width:100%;height:auto} .android,.ios,.windows{width:200px;text-align:center;background:#fefefe;display:inline;padding:10px;margin:5px;transition:.2s;border:2px solid #333} .android:hover,.ios:hover,.windows:hover{color:#fefefe} .android{background:#fefefe;border-color:#62bd6d;color:#27AE60} .android:hover{background:#62bd6d;border-color:#60bd6c} .ios{color:#333} .ios:hover{background:#333;border-color:#323232} .windows{border-color:#3498DB;color:#3498DB} .windows:hover{background:#3498DB;border-color:#3397db} .pagination{float:right;clear:both;padding:0;position:relative;line-height:13px;margin:50px 10px} .pagination span,.pagination a{background:#fff;border:1px solid #62bd6d;display:block;float:right;margin:5px;padding:15px 17px;text-decoration:none;width:auto;color:#229954;transition:.2s;font-size:15px} .pagination a:hover{background:#62bd6d;color:#fff} .pagination .current{background:#27ae60;color:#fff;font-weight:700} .commentlist{float:right;margin:5% 0;padding:0;width:100%} .commentlist a:hover{color:#E74C3C} .commentlist cite{margin:0} .commentlist li{width:98%;margin:5px 0;padding:1% 0;background:#fff;float:right;border-right:2px solid #ddd;background:#efefef} .commentlist ul{padding:0;margin:0;float:right;width:98%} .commentlist ul li{background:#F0F6DD;margin:5px 0;width:100%;float:right;border-right:2px solid #27ae60} .commentlist .vcard img.photo{width:120px;height:120px;border-radius:100%;float:right;margin:5px} .commentlist .reply a{color:#fff;background:#45b56b;padding:5px;margin-left:1%;float:left;transition:.2s} .commentlist .reply a:hover{background:#2f9f55} #respond{margin:2em 0 0;background:#fff;width:100%;clear:both} #commentform{padding:1%} #commentform p{margin:0 0 1.5em} #respond .must-log-in{padding:1.5em;border:1px solid #e5e5e5} #commentform input{display:block;width:96%;margin:2%;height:40px;border:2px solid #ddd;font:normal 15px Tahoma} #commentform textarea{width:96%;margin:2%;height:200px;font:normal 15px Tahoma} #commentform label{display:block;margin:10px 2%;font-size:.9em} #commentform #submit{width:96%;margin:70px 2%;padding:5px;cursor:pointer;color:#fff;background:#3FA468;font:normal 18px iran_sans;transition:.2s;border:2px solid #62bd6d} #commentform #submit:hover{color:#fff;background:#348856} .comment-name{display:block;margin-top:5px} .comment-name a{color:#2980B9} .comment-text{display:block;float:right;margin-right:10px;} .break{width:100%;clear:both} .news{line-height:39px;float:right;margin-left:5px} .news:before{margin-top:7px} #newsletter{float:right;min-width:50%} #newsletter input{float:right;display:inline-block;margin:2px;width:300px;height:35px;background:#444;color:#fff;text-align:center;border:none} #newsletter input[type=text]{width:250px} #newsletter input[type=submit]{float:right;background:#27ae60;color:#fff;display:inline-block;width:100px;height:37px;border:none;font-family:'iransans';cursor:pointer;transition:.2s} #newsletter input[type=submit]:hover{background:#196E3D} #social{float:left;text-align:right} #social a{margin:5px;float:left} #social a:hover{transform:scale(1.1)} #socialsp{line-height:50px;float:right;margin-left:5px} .news:before{margin-top:7px} #ftbox{float:right;padding:0;margin:0;font-size:16px} #ftbox li{width:300px;margin-left:33.3333px;margin-top:20px;float:right;display:block;color:#fff} #ftbox li:last-child{margin-left:0} #ftbox li img{width:100%;height:auto;float:right;margin:20px 0} #ftbox li a{color:#fff;margin:10px 0;float:right} #ftbox h3{padding-bottom:20px} #ftbox h3 a{font-size:20px;line-height:24px;padding-bottom:10px;border-bottom:3px solid #62bd6d} #ftbox a:hover{color:#E74C3C} #ftlogo,#ftcr,#ftpages{display:inline-block} #ftlogo{width:50%;float:right;text-align:right} #ftlogo h4{margin:0;padding:0;font:normal 22px Far_SinaBd;color:#2ecc71;float:right} #ftlogo span,#ftlogo p{margin:0;padding:0;color:#111;font-size:16px} #ftlogo span{margin-right:10px;line-height:38px} #ftcr{width:100%;color:#fff;padding:0;margin:0 auto;float:right;text-align:center} #ftcr a{color:#48dbfb} #ftcr a:hover{color:#10ac84} #ftpages{width:50%;margin:0;padding:0;float:left} #ftpages li a{margin:0 10px;float:left;text-align:right;color:#111} #ftpages a:hover,#ftlogo h4 a:hover{color:#E74C3C} @media only screen and (max-width:1299px) { #logo{width:200px;margin-left:0} #sidebar160{display:none} .float{width:100%;margin:0} .cnt{width:98%;margin:0 1%;padding:15px 0} #bigright,#bigleft{width:48%;float:right;height:auto;padding:0} #bigvid{margin:0 0 10px 2%;width:48%;height:auto;padding:0} #bigleft{margin:2% 0 10px} #bigleft img{width:100%;margin:0 0 20px} #bigleft2{width:50%;padding:0;margin:0 2% 0 0} #bigleft2 h1{margin:0;padding:0} #ad640a,#ad640b{width:48%;height:auto} #ad640a{margin-left:4%} #bigright img,#bigvid img{width:100%;height:auto} .vids li,.fp li{width:24%;height:auto;margin:0 1.3% 10px 0} .vidsimg{overflow:hidden;width:100%} .vidsimg img{width:100%;height:100%} #postlist,#post{width:63%;margin:0 0 10px 5%} #sidebar300{width:32%;height:auto;float:right} #floatads li{width:15%;margin:10px 0 10px 2%} #floatads li img{width:100%} #floatads li>:first-child{margin-left:0} .pb{width:660px;float:none;margin:0 auto;padding:0} #bigbuy{margin-bottom:40px;width:660px;height:412px} .buy{margin:0 40px 40px 0} #buy1,#buy3{margin-right:0} #ftbox li{width:24%;margin:10px 0 0 1.3333%} #ftbox li img{width:100%} #ftcr{width:100%;margin:0;text-align:center;float:right} #newsletter{width:55%} #newsletter input[type=text]{width:200px} #newsletter input[type=submit]{width:80px} #social{width:45%;float:left;text-align:left} #ftlogo{width:50%;margin:20px 0} #ftpages{width:50%;margin:20px 0;padding:0;float:left} #ftpages li a{margin:0 10px;float:left;text-align:right} #search input[type=text]{width:160px} #search input[type=submit]{width:60px} .sidefp,.sidevid{width:96%;clear:both;margin:10px 2%;height:auto} .sidevidimg{width:100%;height:auto} } @media only screen and (max-width:970px) { .cnt{width:98%;margin:0 1%} #logo{width:30%;margin:50px 0 0} #head728{width:70%;height:auto;margin:50px 0 0} #ad640a,#ad640b{width:49%;height:auto} #ad640a{margin-left:2%} #bigleft{width:48%;margin-right:2%} .vids{margin:0;padding:0} .vids li,.fp li{width:48%;height:auto;margin:10px 4% 10px 0;float:right} .vids:first-child,.vids li:nth-child(3),.fp:first-child,.fp li:nth-child(3){margin-right:0} .vids li img,.fpimg,.fpimg img,.vidsimg{width:100%;height:auto} #postlist{padding:0} .post{width:98%;height:auto;margin:0 1% 20px} .post img{width:100%;height:auto;margin:20px 0;padding:0;float:none} #floatads li{width:30%;margin:20px 0 20px 5%} #floatads li img{width:100%;height:auto} #floatads li>:first-child,#floatads li:nth-child(3){margin-left:0} .pb{width:660px;float:none;margin:0 auto;padding:0} #ftbox li{width:48%;margin:10px 0 0 2%} #ftcr{width:96%;margin:10px 2%;text-align:right;float:right} .news,#socialsp{width:100%} #newsletter{width:50%;margin:10px 0;float:right} #newsletter input[type=text]{width:70%} #newsletter input[type=submit]{width:20%} #social{width:50%;margin:10px 0;text-align:right;font-size:22px} #ftlogo{width:96%;margin:10px 2%;float:right} #ftpages{width:96%;margin:10px 2%;float:none} #ftpages li a{float:right;margin:10px 0 10px 25px} #bigright,#bigleft2{width:45%;margin:20px 2.5%} #bio{width:90%;margin:20px 0;padding:5%} #bio img{width:100%;height:auto;margin:0 0 20px} .buy a:hover > img,#bigbuy a:hover > img,.sidefp:hover .sidefpimg img,.fp li:hover > .fpimg img{transform:none} } @media only screen and (max-width:768px) { .cnt{width:100%;margin:0} #floatad{display:block} #head728,#logo{width:90%;height:auto;float:right;margin:20px 5% 10px} #bigvid{width:98%;margin:20px 1%} #bigleft{width:98%;margin:10px 1%} #postlist{padding:0} #postlist,#post{width:57%;margin:20px 0} .vidsimg{height:100%;width:100%} #sidebar300{width:40%;margin:20px 3% 20px 0} #floatads{padding:0;margin:10px 0} #floatads li{width:30%;float:right;padding:0;margin:20px 2.5% 20px 0} #floatads li img{width:100%;height:auto} #ftcr{width:98%;margin:20px 1%;text-align:right;float:right} #social,#newsletter{width:98%;margin:15px 1%;float:right;text-align:right;font-size:20px} #social img{width:40px;height:40px;float:right} #newsletter input[type=text]{width:240px} #newsletter input[type=submit]{width:60px} #ftlogo{width:96%;margin:10px 2%;float:right} #ftpages{width:96%;margin:10px 2%;float:none} #ftpages li a{float:right;margin:10px 0 10px 20px} #bigright,#bigleft2{width:96%;margin:20px 2%} #bio{width:90%;margin:20px 0;padding:5%} #bio img{width:100%;height:auto;margin:0 0 20px} .related{width:90%;height:auto;margin:20px 5%;border-bottom:1px solid #dddddd} .related img{width:100%;height:100%;margin:5px 0 10px} .related h2{width:100%;padding-bottom:5px;margin:0;font-weight:700;clear:left} .related h2 a{color:#333} .related a:hover{color:#C0392B} .pb{width:98%;float:none;margin:0 1%;padding:0} #bigbuy{width:100%;height:auto;margin:20px 0} .buy{width:46%;height:auto;margin:20px 2%} #buy1,#buy3{margin-right:2%} #bigbuy h3,.buy h3{top:55%;height:45%;font-size:16px;padding:1% 2%} #bigbuy img,.buy img{width:100%;height:auto} .news,#socialsp{width:100%} #newsletter input[type=text]{width:75%} #newsletter input[type=submit]{width:20%} #bigvidoverlay,.vidsoverlay{display:none} } @media only screen and (max-width:580px) { #floatad {display:block;position:fixed;width:100%; font-size:17px} .float{margin:0;float:right;padding:0} .cnt{width:98%;margin:0 1%} #head728,#logo{width:98%;height:auto;float:right;margin:60px 1% 0} #bigvid{width:98%;margin:20px 1%;height:auto} .vids li,.fp li{width:90%;margin:20px 5%;height:auto} .vids li img,.fp li .fpimg{width:100%;height:auto} .fp li .fpimg img{width:100%;height:auto} .vids >:first-child,.vids li:nth-child(3),.fp >:first-child,.fp li:nth-child(3){margin-right:5%} .ads{width:100%;height:auto;margin:0 auto 10px auto} #bigleft{width:98%;margin:10px 1%} #bigvid #bigvidplay{height:60px;width:60px;background:url(play.png);left:45%;top:35%} #bigvidh{margin:0;padding:1%;width:98%;float:right;position:relative} #bigvid h3{font-size:16px} #ad640a,#ad640b{width:100%;margin:10px 0} #postlist{padding:0} #postlist,#post,.post{width:98%;margin:20px 1%} #sidebar300{width:98%;padding:10px 0;margin:20px 1%} .sidevid,.sidefp{width:98%;height:auto;margin:10px 1%} .post img{width:100%;height:auto;margin:20px 0;padding:0;float:none} .pb{width:96%;float:none;margin:0 2%;padding:0} #bigbuy,.buy{width:98%;height:auto;margin:20px 1%} #bigbuy h3,.buy h3{position:relative;margin:0;font-size:16px;padding:2%} #bigbuy img,.buy img{width:100%;height:auto} #floatads{padding:0;margin:10px 0} #floatads li{width:45%;float:right;padding:0;margin:20px 2.5%} #floatads li img{width:100%;height:auto} #floatads li>:first-child,#floatads li:nth-child(3){margin-left:2.5%} #ftbox li{width:80%;margin:10px 10%} #ftcr{width:98%;margin:20px 1%;text-align:right;float:right} #social,#newsletter{width:98%;margin:15px 1%;float:right;text-align:right;font-size:20px} .news,#socialsp{width:100%} #newsletter input[type=text]{width:75%} #newsletter input[type=submit]{width:20%} #ftlogo{width:98%;margin:10px 1%;float:right} #ftpages{width:100%;margin:10px 0;float:none} #ftpages li a{float:right;width:45%;margin:20px 2.5%} #bigright,#bigleft2{width:96%;margin:20px 2%} #bio{width:90%;margin:20px 0;padding:5%} #bio img{width:100%;height:auto;margin:0 0 20px} #social a{float:right} .zaban h3{text-align:center;float:none;margin:10px auto} .zaban ul,.zaban img{float:right;width:94%;margin:10px 3%} .zaban a {width:90%;float:none;margin:10px auto} } #sidebar300 li {margin-bottom:15px} #sidebar300 li a {color:#111;} #sidebar300 li a:hover {color:#E74C3C;} .cnt-700 {margin:20px auto 50px auto;padding:30px 30px 50px 30px;float:none;width:700px;border:3px solid;font-size:16px } #post .downloadbtn,.downloadbtn {float:right;margin:20px 2%;width:96%; padding:10px 0;background:#6EAE4D;border:none;color:#fff;transition:0.2s;text-align:center;font-size:20px} .downloadbtn:before, #post .downloadbtn a,.downloadbtn a {color:#fff} #post .downloadbtn:hover,.downloadbtn:hover{background:#52823A;cursor:pointer;color:#fff} #back {color:#666;padding-bottom:6px;border-bottom:1px solid #666} #back:hover{border-color:#de6c39;color:#ff7c42} .fsize-32{font-size:32px} .alert{border-color:#FF8955} .success {border-color:#6EAE4D} .rahnama img {max-width:100%;margin:30px 0} .adsblack a {color:#67cbff} .teleg a {color:#333} .teleg a:hover {color:#e74c3c} #msgbox {background:#222222;color:#fff;font-size:20px;float:right;margin:0;padding:5px 5%; text-align:right;width:90%;z-index:999999;bottom:0;position:fixed} #msgclose{background:#4A920F;} #zabanbtn{background:#2571BE;} #msgclose,#zabanbtn{width:40%;padding:10px 2.5%;margin:0 2.5% 10px 2.5%;float:right;text-align:center;color:#ffffff; cursor:pointer;text-decoration:none}