/* Theme Name: Mellat_News Author URI:https://www.zhaket.com/web/mellat-news-wordpress-theme Description: این قالب به صورت اختصاصی طراحی و برنامه نویسی شده است. و تمام حقوق آن برای سایت کلکسیون طراحی محفوظ می باشد. هرگونه کپی برداری ، فروش ، نال ، ریپ قالب ممنوع بوده و با متخلفین از طریق پلیس فتا اقدام خواهد شد. Version: 6.5 Author: کلکسیون طراحی Author URI:https://www.zhaket.com/web/mellat-news-wordpress-theme Tags: مجله خبری، اطلاع رسانی، وبلاگ، شخصی */ @font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot'); src: url('fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2') format('woff2'), url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf') format('truetype'), url('fonts/fontawesome-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} @font-face { font-family:"naskh"; font-weight:normal; src: url( " fonts/naskh.eot" ); src: local( "☺" ), url( " fonts/naskh.woff" ) format( "woff" ), url( " fonts/naskh.ttf" ) format( "truetype" ); } @font-face { font-family:"Parastoo"; font-weight:normal; src: url( " fonts/Parastoo.eot" ); src: local( "☺" ), url( " fonts/Parastoo.woff" ) format( "woff" ), url( " fonts/Parastoo.ttf" ) format( "truetype" ); } @font-face { font-family:"BMitra"; font-weight:normal; src: url( " fonts/BMitra.eot" ); src: local( "☺" ), url( " fonts/BMitra.woff" ) format( "woff" ), url( " fonts/BMitra.ttf" ) format( "truetype" ); } @font-face { font-family:"BTitr"; font-weight:normal; src: url( " fonts/BTitrBold.eot" ); src: local( "☺" ), url( " fonts/BTitrBold.woff" ) format( "woff" ), url( " fonts/BTitrBold.ttf" ) format( "truetype" ); } @font-face { font-family:"Num_Medium"; font-weight:normal !important; src: url( " fonts/Num_Medium.eot" ); src: local( "☺" ), url( " fonts/Num_Medium.woff" ) format( "woff" ), url( " fonts/Num_Medium.ttf" ) format( "truetype" ); } @font-face { font-family:"Num_Light"; font-weight:normal !important; src: url( " fonts/Num_Light.eot" ); src: local( "☺" ), url( " fonts/Num_Light.woff" ) format( "woff" ), url( " fonts/Num_Light.ttf" ) format( "truetype" ); } * { padding: 0; margin: 0; outline: none; list-style: none; border: 0 none; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } html, body { position: relative; height: 100%; } html { box-sizing: border-box; } body { font-size: 15px; background: #f7f8f9; color: #4d4d4d; direction: rtl; font-weight: normal; font-family:"Num_Light"; } body .overlay { display: none; position: fixed; top: 40px; left: 222px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 9999; } body.pushed .overlay { display: block; } a { color: #4d4d4d; text-decoration: none !important; } a:hover { color: #292929; } table { clear: both; width: 100%; margin: 10px 0; border: 1px solid #eee; max-width: 100%; } table td, table th { padding: 5px; /* white-space: nowrap; */ overflow: hidden; } table td:focus, table th:focus { outline: none; } table thead td { border-bottom: 1px solid #eee; } table tbody tr:nth-child(odd) { background: #F9F9F954; } table tbody tr.carHeader { background: #efefef; padding: 10px 0; height: 36px; } td.in { color: #00b515; } td.out { color: #d60e0e; } table td { vertical-align: middle; padding: 8px 5px; max-width: 300px; } ul, ol, li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin: 0; padding: 0; } h2, .h2, p { line-height: 200%; } input { font-family: 'Num_Light', arial,sans-serif; } img { vertical-align: top; max-width: 100%; height: auto; } img.alignright {float:right; margin:0 0 1em 1em} img.alignleft {float:left; margin:0 1em 1em 0} img.aligncenter {display: block; margin-left: auto; margin-right: auto} .alignright {float:right; } .alignleft {float:left; } .aligncenter {display: block; margin-left: auto; margin-right: auto} .clear, .clr { clear: both; height: 0; } .woocommerce input{width:auto;border-radius:3px;border:1px solid #e2e2e2;color:#666;transition:all 0.5s ease-in-out;font: 13px Num_Light;padding:9px; flex:3; margin:5px 5px 10px 5px; height:auto;} textarea, input{width:220px;border-radius:3px;border:1px solid #e2e2e2;color:#666;transition:all 0.5s ease-in-out;font: 13px Num_Light;padding:0 5px; flex:3; margin:5px 5px 10px 5px; height:45px;} textarea, input:focus{border:1px solid #999;transition:all 0.3s ease-in-out;} textarea {width:97%;max-width:97%;border-radius:3px;border:1px solid #e2e2e2; color:#666;font: 13px Num_Light; flex:1; padding:10px; resize:none; margin:5px 0px 0px 10px;transition:all 0.5s ease-in-out; height:100px;} textarea:focus {border:1px solid #ccc;transition:all 0.3s ease-in-out;} select{ width: auto; padding: 10px; margin: 10px; font-family: 'Num_Light',tahoma; transition: all 0.5s ease 0s; border-radius: 3px; border: 1px solid #e2e2e2; } input[type="submit"]{ color: #FFF; font: 14px Num_Medium; float: right; border: none; height: 40px; width: auto; padding: 0px 15px; cursor: pointer; border-radius: 4px; background: #ff8000; margin: 10px 0; transition: all 0.5s ease 0s; } input[type="submit"]:hover { transition: all 0.5s ease 0s; background: #999 !important; } label{ font: 14px Num_Medium; margin-right: 5px; color:#666; } .cat-label, .tag-label, .author-label, .archive-label, .search-label{ width: 100px; float: right; line-height: 60px; } .search-cat select,.search-tag select,.search-author select{width:220px;} .clearfix:after, .clearfix:before, .row:after, .row:before { display: table; content: " "; } .clearfix:after, .row:after { clear: both; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .row { margin-right: -10px; margin-left: -10px; } .hidden { display: none; } .visible { display: block; } .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden} .slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block} .slick-vertical .slick-slide{display:block;height:auto;border:0}.slick-arrow.slick-hidden{display:none} /*Video embed*/ .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } pre, code { direction: ltr; font: 11px/19px 'andale mono','lucida console',monospace; padding: 3px; display: block; overflow-x: visible; overflow-y: hidden; margin: 0 0 20px 0; color: #666; border-top: 1px solid #E1E1E1; border-left: 1px solid #E1E1E1; border-bottom: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0; border-radius: 0; } .thumbnail img { width: 100%; height: auto; } .trans, body .overlay, .main-top .polist .item .head .categorie:after, .main-top .polist .item .head .categorie:before, .thumbslider .postlist .item .det h2, .thumbslider .postlist .item .det p, .thumbslider .slider-nav .slick-arrow, .mobile_thumbslider .postlist .item .det, .ap_editorial .thumbnail img, .ap_editorial .det, .main_editors .postlist .item, #site-navigation ul ul, .apnews.ne_one .polist .item .det, .apnews.ne_tow .polist .item .det, .apnews.ne_three .polist .item .det, .apnews.ne_four .polist .item .det, .ap_news .ap_slider .item .det, .sidebar .ap_slider .item .det, .ap-single .moreposts .postlist .item .det, .ap-archive .post-list .item .det, .timeline .polist .slick-arrow, .wid-editors .list .item { -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .scale, .main-top .polist .slick-arrow:hover, .mobile_thumbslider .postlist .slick-arrow:hover, .apnews.ne_four .polist .slick-arrow:hover, .ap_news .ap_slider .slick-arrow:hover, .sidebar .ap_slider .slick-arrow:hover, .ap_wid_videos .list .slick-arrow:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; } .customize-support .ap_header { top: 32px; } .customize-support #site-navigation { top: 107px; } @media only screen and (max-width: 768px) { .customize-support .ap_header { top: 0; } .customize-support #site-navigation { top: 92px; } } #ap_root { overflow: hidden; position: relative; width: 100%; padding-top:0px !important; } @media only screen and (max-width: 768px) { #ap_root { padding-top:0px !important; } } .fixed{ width:100%; margin:0px auto; } .fixmenu { position: fixed; padding-right: 15px; padding-left: 15px; box-shadow:2px 2px 4px 1px rgba(52, 51, 51, 0.23); width: 100% !important; top: 0px; z-index: 9999; right: 0px; height: 70px; background:#333; } .nav-lin{ height: 20px; width: 100%; overflow: hidden; } .big_header{ color: #fff; background-color:#FF8000; height: 120px; overflow: visible; box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); } .big_header .container{ background: url('img/map.png') no-repeat 40% 10px; } .h-top{ height:75px; width: 100%; overflow: visible; } .ap_logo{ height:75px; width:320px; float:right; } .h-left{ height:75px; width:310px; float:left; padding-top: 10px; } .h-left .rig{ height: 30px; width: 70px; float: right; font-family: "Num_Medium"; background: rgba(0, 0, 0, 0.6); font-size: 12px; line-height: 30px; text-align: right; padding: 0 12px; color: #eee; } .h-left .rig #clock::before { content: " "; } .h-left .brea{ height: 30px; width:240px; float: right; font-family: "Num_Medium"; color: #fff; background:rgba(0, 0, 0, 0.35); font-size: 12px; line-height: 30px; text-align: right; padding: 0 12px; overflow: hidden; } .brea ul{float:right;margin-right:7px;} .brea ul li{display:block} .h-bot{ height:45px; width: 100%; overflow: visible; } .primary-nav{ z-index:10; width:850px; margin: 0 auto; position: relative; float: right; background:#393939; margin-top: 3px; } .primary-nav::after{ border-bottom: 0px solid transparent; border-top: 43px solid transparent; border-right: 25px solid #393939; position: absolute; content: ""; display: block; top: 0; left: -25px; } .primary-nav ul { direction: rtl; margin: 0; padding: 0; } .primary-nav ul{margin:0 auto;width:100%;height:40px;} .primary-nav section li{float:left;} .primary-nav section ul{margin:0 0 0 1em;width:220px;float:left;} .primary-nav li{float:right;padding:0 5px 2px 0px;list-style:none;} .primary-nav li a{ text-decoration: none; font: 13px/40px "Num_Medium"; color: #eee; padding:0 5px;} .primary-nav li a:hover{color:#fff;transition:all 0.3s ease-in-out 0s;} .primary-nav li ul{position:absolute;margin:0; right:0;width:137.7%; top:-999em;z-index:11;background: #333;height: auto; font-size:13px;} .primary-nav li:hover ul{top:38px; animation-name:fadeInDown ; animation-duration:0.2s ; } .primary-nav li::after { font-family: 'FontAwesome'; content: " | "; color: #777; font-size: 12px; padding-right: 5px; float: left; line-height:40px; } .primary-nav li.menu-item-has-children::after { font-family: 'FontAwesome'; content: "\f107 | "; color: #777; font-size: 12px; padding-right: 5px; float: left; line-height:40px; } .primary-nav li:nth-last-child(1)::after{ content:""; font-family: 'FontAwesome'; } .primary-nav li.menu-item-has-children:nth-last-child(1)::after{ content:"\f107 "; font-family: 'FontAwesome'; } .primary-nav li ul li ul{visibility: hidden;opacity: 0;display: block;margin: 0;} .primary-nav li ul li:hover>ul{visibility: visible;opacity: 1;float:right;transition:all 0.3s ease 0s;} .primary-nav li ul li{display: inline-block !important;line-height: normal;text-align:right;padding-bottom:2px;float:right;} .primary-nav li ul li a{color: #ddd;font-size: 13px;} .primary-nav li ul li a:hover{color:#fff;} .primary-nav li ul li ul{width: 100%;height: auto;margin: 0 !important;box-sizing: content-box;right: 0;} .primary-nav li.current-menu-item{ border-bottom: 4px solid #ff8000; height: 42px; } #menu-risponsive #lin-top li { border-bottom:none; } #menu-risponsive{display: none;} .main-menu .navbar-c-toggle{display: none;margin: 0;line-height: 30px;text-align: center;width: 30px;height: 30px;border-radius: 0;color: #fff;background: none;border: none;float:right;background: #444;cursor: pointer;overflow: hidden;z-index: 9999999;} .menu-bottom::after{content: "";display: block;clear: both;} .menu-bottom{display: none;float:right;margin-left:5px;} .main-menu .navbar-c-toggle:hover{background: #666;} #menu-close{width:40px;height:40px;text-align: center;line-height: 40px;color: #fff;background: #555;margin: auto;float: left;cursor: pointer;transition: all 0.2s ease-in-out;} #menu-close:hover{background:#ff0606;transition: all 0.3s ease-in-out;} #menu-risponsive h3::before{content:'\f104';color: #eee;margin-left:5px;font-size:13px;font-family:FontAwesome} #menu-risponsive li a::before{content:'\f104';color: #eee;margin-left:5px;font-size:13px;font-family:FontAwesome} @media (max-width:1100px) { .left_menu { width:100% !important; } .ap_header .inn .ap-search { margin: auto auto 20px 0; width: 180px; } .dropdown,.dropbtn,.ap-am,.ap-nav,.primary-nav{display: none;} #main-nav ul ul li.menu-item-has-children:after, .menu-item-has-children:after{display: none;} .menu-bottom{ display: block; float: left; cursor: pointer; border-radius: 50px; position: relative; color:#bfc0c0; height: 30px; width: 30px; text-align: center; line-height: 30px; margin-right: 8px; font-size: 18px; background: #b9b9b94a; padding:7px; } .menu-bottom:hover{ color: #fff; } #menu-risponsive{background:#313131;width: 55%;display: block;border: none;position: fixed;padding: 0;top: 0;right: 0;max-height:100%;height:100%;margin: 0;overflow: auto;opacity: 1;z-index: 99999999;padding-right: 5px;} #menu-risponsive li{padding:4px;overflow: hidden;border-bottom: 1px solid #0000004d; box-shadow: 0 1px 0 #39393933;position: relative;} #menu-risponsive li span.arrow-nav-c{position: absolute; top: 8px; left: 5px; color: #fcfcfc; background: #626262; width: 20px; height: 20px; text-align: center; line-height: 25px; cursor: pointer; user-select: none; -webkit-user-select: none; -moz-user-select: none; border-radius:5px;} #menu-risponsive li:nth-last-of-type(1){border-bottom: none;} #menu-risponsive li a{color:#a3a3a3;font-size:13px;font-family:"Num_Light";} #menu-risponsive li a:hover{color:#fff;} #menu-risponsive li ul{padding: 5px;list-style: none;background: rgba(255,255,255,0.1);margin-top: 5px;} #menu-risponsive h3{background:#2D2D2D;font-family:Num_Medium;border-bottom: 1px solid #1a1a1a; box-shadow: 0 1px 0 #393939;color: #eee;margin: 0;font-size: 20px;padding:0 10px;height: 40px;line-height: 40px;} #main-menu{display: none;} #menu-risponsive{display: block;box-shadow:15px 4px 25px 21px rgba(28, 28, 28, 0.9);} .menu-show{float: right;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;} .menu-hidden{transform: translateX(100%);-webkit-transform: translateX(100%);-moz-transform: translateX(100%);box-shadow: none !important;opacity: 0;}} @media(max-width: 480px) { #menu-risponsive{width:80%} } @media(max-width: 320px) { #menu-risponsive{width:100%;}} .left_menu{ width:320px; float: left; height: 35px; background:#555; margin-top:10px; text-align: left; padding: 3px 10px; } .left_menu .ap-am { margin-right: 15px; } .left_menu .switch.tiny { height: 14px; margin-left:8px; } .ap_header { width: 100%; top: 0; right: 0; left: 0; z-index: 9999; background:#393939; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); } .ap_header .ap_time { padding: 10px 10px 0 0; color: #ddd; font-size: .7em; font-family:"Num_Light"; } .ap_header .ap_time b{ margin-left:10px;font-weight: normal; } .ap_header .ap_time b{ margin-left:10px;font-weight: normal; } .ap_header .ap_time b b{ color: #ababab; font-family: "Num_Medium"; margin-left: 0; margin-right: 10px; font-weight: normal; } #clock { float: right; width: 80px; } #clock:before{ content: "ساعت : "; color: #ababab; font-family: "Num_Medium"; font-weight: normal; } .ap_header .inn { display: -webkit-box; display: -ms-flexbox; display: flex; } .ap_header .inn .header_right { float: right; width: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #FFF; background: #333; margin-left: 10px; } .ap_header .inn .header_right .ap_logo { width:280px; float: right; text-align: center; height: auto; margin: auto; } .ap_header .inn .header_right .ap_logo img { height:70px; width: 100%; z-index: 888; position: relative; } @media only screen and (max-width: 768px) { .ap_header .inn .ap-search { margin: auto auto 10px 0; } .cartt span { margin-top: -8px; } .ap_header .inn .header_right .ap_logo { height: 50px; width: 200px; margin-right: 5px; } .ap_header .inn .header_right .ap_logo img { height: 100%; width: auto; } } .ap_banner_header { text-align: left; margin: auto auto auto 0; width: 748px; padding: 5px; } .jmb_banner { text-align: center; margin-bottom: 10px; } .jmb_banner img { max-width: 100%; } .rightbanner { width: 190px; height: 600px; position: absolute; top: 0; right: -190px; text-align: left; } .leftbanner { width: 190px; height: 600px; position: absolute; top: 0; left: -190px; text-align: right; } .bnr_thumb { text-align: center; margin-bottom: 5px; } .post-banner-mobile { text-align: center; margin: 10px 0; } .post-banner { text-align: center; margin: 10px 0; } .breaking { background:#ff8000; color: #fff; line-height: 30px; position: relative; } .breaking a { color: #fff; font-family:"Num_Medium"; font-size: 13px; font-weight: normal; } .breaking a:hover { color: #eee; } .breaking .t { float: right; padding: 5px 0; color: #fff; } .breaking .t h3 { font-size: 1em; padding:0 15px; font-family:"Num_Medium"; -webkit-animation: flash linear 1s infinite; animation: flash linear 1s infinite; background:rgba(55, 53, 53, 0.56); color: #fff; } .breaking .breaking-frame { padding: 5px 15px; float: right; } .breaking .breaking-frame h3 { font-size: 1em; } .breaking .close_btn { float: left; width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; } @-webkit-keyframes flash { 0% { opacity: 1; } 50% { opacity: .1; } 100% { opacity: 1; } } @keyframes flash { 0% { opacity: 1; } 50% { opacity: .1; } 100% { opacity: 1; } } @media only screen and (max-width: 768px) { .breaking { position: fixed; bottom: 0; } .breaking .t h3 { background: #FFF; } .breaking .close_btn { position: absolute; top: 0; left: 0; } } .marquee { padding: 0; height: 35px; position: relative; overflow: visible; background: #fff; box-shadow:0 3px 8px rgba(0, 0, 0, 0.1); width: 100%; } .marquee .t { top: 0; width: 15%; background: #FF8000; border-left: 1px solid rgba(0, 0, 0, 0.03); float: left; min-height: 35px; position: relative; } .marquee .t::before { content: ""; width: 9px; height: 9px; display: block; background-color:#FF8000; transform: rotate(45deg); position: absolute; top: 13px; right: -5px; } .marquee .t h3 { font-size: 1em; height: 35px; line-height: 35px; text-align: center; font-weight: normal; position: relative; color: #FFF; font-family: "Num_Medium"; } .marquee .mframe { width: 85%; float: right; } .marquee-frame { padding: 0px !important; overflow: hidden; } .marquee-frame p { height: 35px; line-height: 19px; font-size: 1em; font-weight: 700; direction: rtl; } .marquee-frame span a { padding: 7px; display: inline-block; margin: 0 0 0 -5px; font-weight: normal; font-family: "Num_Light"; font-size:13px; } .marquee-frame span a:hover { color: #FF8000; } .marquee-frame img { max-height: 35px; margin-left: -5px; width: auto; vertical-align: middle; display: inline-block; padding: 5px; } .marquee-frame img:nth-of-type(1) { display: none; } @media only screen and (max-width: 768px) { .marquee { margin-bottom: 0; } .marquee .t { position: relative; } .marquee .t h3 { display: none; } .marquee .t:before { content: '\f06d'; font-family: "FontAwesome"; font-weight: 800; color: #FFF; right: 50%; top: 50%; position: absolute; -webkit-transform: translateX(50%) translateY(-50%); -ms-transform: translateX(50%) translateY(-50%); transform: translateX(50%) translateY(-50%); } } .main-top { margin-bottom: 20px; width: 100%; } .main-top .polist { margin: 0 -10px; position: relative; display: none; } .main-top .polist.slick-initialized { display: block; } .main-top .polist:hover .slick-arrow { opacity: 1; } .main-top .polist:hover .slick-arrow.button-prev { right: -10px; } .main-top .polist:hover .slick-arrow.button-next { left: -10px; } .main-top .polist .item { height: 100%; position: relative; width: 100%; margin: 0 10px; background: #FF8000; padding: 5px; } .main-top .polist .item:hover .head { height: 100%; } .main-top .polist .item:hover .head .categorie:after, .main-top .polist .item:hover .head .categorie:before { transform: translate(6px, -6px); } .main-top .polist .item:hover .thumbnail img { opacity: 1; } .main-top .polist .item .head { bottom: 0; height: 140px; left: 0; min-height: 140px; padding: 15px 15px 0; position: absolute; transition: .15s ease-in-out; width: 100%; z-index: 99; } .main-top .polist .item .head h2 { overflow: hidden;font-weight: normal; margin-top: 5px; -webkit-transform: translateY(-50%); padding-left: 10px; position: absolute; top: 50%; transform: translateY(-50%); line-height:20px; } .main-top .polist .item .head h2 a{ font-size:14px; font-family: "Num_Medium"; color: #FFF; } .main-top .polist .item .head p { color: #FFF; opacity: .7; max-height: 0; line-height: 150%; font-size: 15px; overflow: hidden; opacity: 0; transition: opacity 0.4s ease-out,max-height 0.4s ease-out,margin 0.4s; } .main-top .polist .item .head .categorie { background: #FF8000; font-family:"Num_Medium"; padding: 0 5px; color: #FFF; text-align: center; display: inline-block; font-size: 11px; position: relative; } .main-top .polist .item .head .categorie:after, .main-top .polist .item .head .categorie:before { position: absolute; content: ''; top: 0; right: 0; background-color: #FF8000; transform: translate(0, 0); } .main-top .polist .item .head .categorie:before { width: 12px; height: 2px; } .main-top .polist .item .head .categorie:after { height: 12px; width: 2px; } .main-top .polist .item .head .categorie a { color: #FFF; } .main-top .polist .item .thumbnail { height: 150px; position: relative; display: block; overflow: hidden; background-color: #000; background-size: 50%; text-indent: 0; } .main-top .polist .item .thumbnail img { object-fit: cover !important; width: 100% !important; height: 100% !important; opacity: .6; } .main-top .polist .slick-arrow { width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: rgba(40, 41, 39, 0.15); border: none; color: #fff; transition: all 0.3s ease-in-out; display: flex; align-items: center; justify-content: center; z-index: 18; position: absolute; top: 50%; margin-top: -15px; cursor: pointer; background: #FF8000; transition: all 0.15s ease-in-out; opacity: 0; } .main-top .polist .slick-arrow.slick-disabled { background: #ddd; } .main-top .polist .slick-arrow:hover { border: 3px solid rgba(255, 255, 255, 0.23); } .main-top .polist .slick-arrow.button-prev { right: 10px; } .main-top .polist .slick-arrow.button-next { left: 10px; } @media only screen and (max-width: 768px) { .main-top { padding: 10px; } .main-top .polist { margin: 0; } .main-top .polist:hover .slick-arrow.button-prev { right: 0; } .main-top .polist:hover .slick-arrow.button-next { left: 0; } .main-top .polist .item { margin: 0; } .main-top .polist .item .thumbnail { height: 170px; } } .thumbslider { background: #FFF; clear: both; position: relative; margin-bottom:20px; float: right; width: calc(100% - 320px); border-bottom: 3px solid #eee; } .thumbslider .postlist { overflow: hidden; display: none; border-bottom: 1px solid #EEE; } .thumbslider .postlist.slick-initialized { display: block; } .thumbslider .postlist .item { position: relative; } .thumbslider .postlist .item .det { z-index: 4; padding:10px 15px 15px 10px; float: right; width: 40%; } .thumbslider .postlist .item .det h2 { font-size:20px; font-family:"Num_Medium"; line-height:30px; text-align: right; color: #000; font-weight: normal; margin:20px auto; } .thumbslider .postlist .item .det h2:hover a{ color: #ff8000; } .thumbslider .postlist .item .det p { font-family:"Num_Light"; font-size:13px; color:#666; text-align: justify; line-height: 200%; } .thumbslider .postlist .item .det .slideinfo { font-size: .9em; } .thumbslider .postlist .item .det .slideinfo .cat a { padding: 4px; background: #FF8000; color: #FFF; } .thumbslider .postlist .item .det .slideinfo .time { padding: 0 5px; font-family:"Num_Medium"; } .thumbslider .postlist .item .thumbnail { float: right; width: 60%; height: 330px; position: relative; display: block; overflow: hidden; background-size: 50%; text-indent: 0; position: relative; } .thumbslider .postlist .item .thumbnail img { object-fit: cover !important; width: 100% !important; height: 100% !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.1); } .thumbslider .postlist .item:hover .thumbnail img{ -webkit-filter: brightness(120%) contrast(120%); -moz-filter: brightness(120%) contrast(120%); filter: brightness(120%) contrast(120%); -ms-transition: 0.3s filter linear; -o-transition: 0.3s filter linear; -webkit-transition: 0.3s filter linear; transition: 0.3s filter linear; } .thumbslider .postlist .item.slick-active img { transform: scale(1, 1); } .thumbslider .postlist .item.slick-active .det h2 { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);font-weight: normal; } .thumbslider .slider-nav { z-index: 9; } .thumbslider .slider-nav .navlist { position: relative; padding: 10px; display: none; padding: 0 0 0 45px; min-height: 85px; } .thumbslider .slider-nav .navlist.slick-initialized { display: block; } .thumbslider .slider-nav .navlist .slick-track { display: flex !important; } .thumbslider .slider-nav .navlist .slick-slide { height: inherit !important; } .thumbslider .slider-nav .navlist .item { padding: 10px; min-height: 85px; cursor: pointer; } .thumbslider .slider-nav .navlist .item h2 { font-size: 11px; font-weight: normal; text-align: right; font-family:"Num_Light"; line-height: 20px; } .thumbslider .slider-nav .navlist .item:hover{ background:rgba(213, 211, 211, 0.08); } .thumbslider .slider-nav .navlist .item .thumbnail{ width:100px; height: 70px; float: right; margin-left: 10px; } .thumbslider .slider-nav .navlist .item .thumbnail img { width: 100%; height:100%; object-fit: cover !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); } .thumbslider .slider-nav .navlist .item.slick-current { background:rgba(213, 211, 211, 0.08); } .thumbslider .slider-nav .navlist .item:hover .thumbnail img{ -webkit-filter: brightness(120%) contrast(120%); -moz-filter: brightness(120%) contrast(120%); filter: brightness(120%) contrast(120%); -ms-transition: 0.3s filter linear; -o-transition: 0.3s filter linear; -webkit-transition: 0.3s filter linear; transition: 0.3s filter linear; } .thumbslider .slider-nav .slick-arrow { position: absolute; left: 5px; z-index: 99; font-size: 1em; cursor: pointer; height: 35px; width: 35px; color: #ccc; border: 2px solid #eee; line-height: 35px; text-align: center; } .thumbslider .slider-nav .slick-arrow:hover { color:#FF8000; } .thumbslider .slider-nav .slick-arrow.button-next { top: 7px; } .thumbslider .slider-nav .slick-arrow.button-prev { top:50px; } .mobile_thumbslider .postlist { margin-bottom: 20px; position: relative; display: none; } .mobile_thumbslider .postlist.slick-initialized { display: block; } .mobile_thumbslider .postlist .item { position: relative; } .mobile_thumbslider .postlist .item.slick-active .thumbnail img { transform: scale(1); } .mobile_thumbslider .postlist .item.slick-active .det h2 { transform: translateZ(0); opacity: 1;font-weight: normal; } .mobile_thumbslider .postlist .item.slick-active .det .slideinfo { transform: translateZ(0); opacity: 1; } .mobile_thumbslider .postlist .item:hover .det p { opacity: 1; max-height: 100px; margin-top: 5px; transition: opacity 0.4s ease-out,max-height 0.9s ease-out; } .mobile_thumbslider .postlist .item .thumbnail { float: right; width: 100%; height: 250px; position: relative; display: block; overflow: hidden; background-size: 50%; text-indent: 0; position: relative; } .mobile_thumbslider .postlist .item .thumbnail:after { width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 3; content: ''; background: rgba(0, 0, 0, 0.8); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), transparent); background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); } .mobile_thumbslider .postlist .item .thumbnail img { object-fit: cover !important; width: 100% !important; height: 100% !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); } .mobile_thumbslider .postlist .item .det { right: 10px; bottom: 10px; left: 10px; position: absolute; z-index: 99; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mobile_thumbslider .postlist .item .det h2 { margin-bottom: 10px; color: #FFF; line-height: 38px; width: 100%;font-weight: normal; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; -webkit-transform: translate3d(0, 160px, 0); transform: translate3d(0, 160px, 0); opacity: 0; } .mobile_thumbslider .postlist .item .det h2 a { color: #FFF; } .mobile_thumbslider .postlist .item .det p { text-align: justify; color: #FFF; opacity: .7; max-height: 0; line-height: 150%; font-size: 15px; overflow: hidden; opacity: 0; transition: opacity 0.4s ease-out,max-height 0.4s ease-out,margin 0.4s; } .mobile_thumbslider .postlist .item .det .slideinfo { margin-bottom: 10px; opacity: 0; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; -webkit-transform: translateY(-20px); transform: translateY(-20px); } .mobile_thumbslider .postlist .item .det .slideinfo span { display: inline-block; } .mobile_thumbslider .postlist .item .det .slideinfo span.cat { border-bottom: 2px solid #FF8000; color: #FFF; padding: 0 10px; height: 26px; line-height: 26px; font-size: .6em; position: relative; } .mobile_thumbslider .postlist .item .det .slideinfo span.cat a { color: #FFF; } .mobile_thumbslider .postlist .item .det .slideinfo span.time { font-size: .6em; color: #FFF; margin-right: 5px; } .mobile_thumbslider .postlist .slick-arrow { width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: rgba(40, 41, 39, 0.15); border: none; color: #fff; transition: all 0.3s ease-in-out; display: flex; align-items: center; justify-content: center; z-index: 18; position: absolute; top: 10px; cursor: pointer; background: #FF8000; transition: all 0.15s ease-in-out; } .mobile_thumbslider .postlist .slick-arrow:hover { border: 3px solid rgba(255, 255, 255, 0.23); } .mobile_thumbslider .postlist .slick-arrow.button-prev { right: 10px; } .mobile_thumbslider .postlist .slick-arrow.button-next { left: 10px; } .ap_editorial { float: left; width: 300px; margin-right: 20px; margin-bottom: 20px; overflow: hidden; position: relative; } .ap_editorial:hover .thumbnail img, .ap_editorial:hover .det { -webkit-transform: translateY(-40px) scale(1.1); -moz-transform: translateY(-40px) scale(1.1); -o-transform: translateY(-40px) scale(1.1); transform: translateY(-40px) scale(1.1); } .ap_editorial:hover .rmore { display: block; } .ap_editorial .thumbnail { height: 310px; position: relative; display: block; overflow: hidden; background-size: 50%; text-indent: 0; position: relative; } .ap_editorial .thumbnail img { object-fit: cover !important; width: 100% !important; height: 100% !important; transform: scale(1.2); } .ap_editorial .thumbnail { position: relative; } .ap_editorial .thumbnail .cat { position: absolute; bottom: 15px; right: 50%; margin-right: -50px; width: 100px; border: 2px solid #FFF; text-align: center; padding: 5px; color: #FFF; } .ap_editorial .det { background: #FF8000; padding: 20px; position: relative; height:115px; } .ap_editorial .det:after { content: ''; position: absolute; right: 50%; margin-right: -10px; top: -18px; border-style: solid; border-width: 10px 10px 10px 10px; border-color: transparent transparent #FF8000 transparent; } .ap_editorial .det h2 { color: #FFF; text-align: center; font-weight: normal; font-size: 16px; font-family: "Num_Medium"; } .ap_editorial .rmore { display: none; background: #FFF; color: #000; padding: 10px; text-align: center; position: absolute; bottom: 0; right: 0; left: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } @media only screen and (max-width: 768px) { .ap_editorial { width: calc(100% - 20px); float: none; margin-right: 10px; margin-left: 10px; } } .main_editors { background: #FFF; padding: 10px; overflow: hidden; box-shadow: 0 7px 5px -5px rgba(207,207,207,1); } .main_editors .tit { text-align: center; margin-bottom: 10px; } .main_editors .tit h4 { display: inline-block; background: #FF8000; color: #FFF; position: relative; font-size: 1.2em; } .main_editors .tit h4 span { position: relative; padding: 0 15px; z-index: 99; font-family: "Num_Medium"; font-weight: normal; } .main_editors .tit h4:after, .main_editors .tit h4:before { position: absolute; content: ''; top: 0; right: 0; background-color: #FF8000; transform: translate(6px, -6px); } .main_editors .tit h4:before { width: 12px; height: 2px; } .main_editors .tit h4:after { height: 12px; width: 2px; } .main_editors .postlist { display: flex; flex-wrap: wrap; } .main_editors .postlist .item { position: relative; width: 33.333%; float: right; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-radius: 75px; } .main_editors .postlist .item:hover { background: rgba(0, 0, 0, 0.05); } .main_editors .postlist .item .thumbnail { float: right; width: 75px; height: 75px; border-radius: 50%; position: relative; display: block; overflow: hidden; background-size: 50%; text-indent: 0; position: relative; } .main_editors .postlist .item .thumbnail img { object-fit: cover !important; width: 100% !important; height: 100% !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); } .main_editors .postlist .item .det { width: 70%; padding-right: 10px; } .main_editors .postlist .item .det h2 { font-size: 1em; line-height: 150%; font-family: "Num_Medium"; font-size: 14px; font-weight: normal; } .main_editors .postlist .item .det .au_name { font-size: .8em; font-family:"Num_Light"; color: #FF8000; } @media only screen and (max-width: 768px) { .main_editors .postlist { display: block; } } .main_videos { background:#393939; } .main_videos .tit { margin-bottom: 10px; padding-top: 10px; } .main_videos .tit h4 { background: #FF8000; color: #FFF; padding:0 15px; display: inline-block; position: relative; margin-top: 10px; font-family: "Num_Medium"; font-size:1.3em; font-weight: normal; } .main_videos .tit h4:after, .main_videos .tit h4:before { position: absolute; content: ''; top: 0; right: 0; background-color: #FF8000; transform: translate(6px, -6px); } .main_videos .tit h4:before { width: 12px; height: 2px; } .main_videos .tit h4:after { height: 12px; width: 2px; } .main_videos .tit h4 span { background: #111; padding: 10px 20px; z-index: 999; position: relative; display: inline-block; } .main_videos .postlist .item { background: #333; float: right; width: 33.33%; margin-bottom: 20px; position: relative; } .main_videos .postlist .item:hover .thumbnail .play-icon { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); background: #f00; border-color: #f00; } .main_videos .postlist .item .thumbnail { width: 40%; float: right; height: 101px; position: relative; display: block; overflow: hidden; background-size: 50%; text-indent: 0; position: relative; } .main_videos .postlist .item .thumbnail img { object-fit: cover !important; width: 100% !important; height: 100% !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); } .main_videos .postlist .item:hover .thumbnail img { -webkit-filter: brightness(120%) contrast(120%); -moz-filter: brightness(120%) contrast(120%); filter: brightness(120%) contrast(120%); -ms-transition: 0.3s filter linear; -o-transition: 0.3s filter linear; -webkit-transition: 0.3s filter linear; transition: 0.3s filter linear; } .main_videos .postlist .item .thumbnail .play-icon { position: absolute; top: 50%; right: 50%; color: #FFF; border: 2px solid #FFF; background: rgba(0, 0, 0, 0.7); border-radius: 50%; width: 55px; height: 55px; line-height: 52px; font-size: 25px; padding: 0 13px; margin-right: -27px; margin-top: -27px; -moz-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; } .main_videos .postlist .item .det { float: right; width: 60%; padding: 5px 10px; } .main_videos .postlist .item .det h2 { font-size:14px; line-height: 150%; color: #eee; margin-bottom: 10px; font-weight: normal; font-family: Num_Medium; } .main_videos .postlist .item:hover .det h2{ color:#FF8000; } .main_videos .postlist .item .det .entry-box-tools { font-size: .7em; color: #ddd; font-family:"Num_Medium"; height: 15px; } .main_videos .postlist .item:nth-child(1) { width: calc(65.666% - 20px); margin-left: 20px; } .main_videos .postlist .item:nth-child(1) .thumbnail { width: 100%; height:465px; position: relative; display: block; overflow: hidden; background-size: 50%; text-indent: 0; position: relative; float: none; } .main_videos .postlist .item:nth-child(1) .thumbnail img { object-fit: cover !important; width: 100% !important; height: 100% !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.0); } .main_videos .postlist .item:nth-child(1) .det { float: none; width: 100%; padding: 10px; margin-top: -75px; position: relative; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); } .main_videos .postlist .item:nth-child(1) .det h2 { font-size: 1.4em; font-weight: normal; font-family: Num_Medium; } .main_camera { background:#393939; overflow: hidden; margin-bottom: 30px; } .main_camera .tit { margin-bottom: 10px; padding-top: 10px; } .main_camera .tit h4 { background: #FF8000; color: #FFF; padding:0 15px; display: inline-block; position: relative; margin-top: 10px; font-family: "Num_Medium"; font-size:1.3em; font-weight: normal; } .main_camera .tit h4:after, .main_camera .tit h4:before { position: absolute; content: ''; top: 0; right: 0; background-color: #FF8000; transform: translate(6px, -6px); } .main_camera .tit h4:before { width: 12px; height: 2px; } .main_camera .tit h4:after { height: 12px; width: 2px; } .main_camera .tit h4 span { background: #111; padding: 10px 20px; z-index: 999; position: relative; display: inline-block; } .main_camera .ap_slider { margin-bottom: 20px; position: relative; display: none; } .main_camera .ap_slider.slick-initialized { display: block; } .main_camera .ap_slider .item { position: relative; } .main_camera .ap_slider .item.slick-active .thumbnail img { transform: scale(1.1); } .main_camera .ap_slider .item.slick-active .det h2 { transform: translateZ(0); opacity: 1;font-weight: normal; } .main_camera .ap_slider .item.slick-active .det .met { transform: translateZ(0); opacity: 1; } .main_camera .ap_slider .item:hover .det p { opacity: 1; max-height: 100px; margin-top: 5px; transition: opacity 0.4s ease-out,max-height 0.9s ease-out; } .main_camera .ap_slider .item .thumbnail { float: right; width: 100%; height: 390px; position: relative; display: block; overflow: hidden; background-size: 50%; text-indent: 0; position: relative; } .main_camera .ap_slider .item .thumbnail:after { width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 3; content: ''; background: rgba(0, 0, 0, 0.8); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), transparent); background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); } .main_camera .ap_slider .item .thumbnail img { object-fit: cover !important; width: 100% !important; height: 100% !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); } .main_camera .ap_slider .item .det { right: 10px; bottom:0; left: 0; padding: 10px; position: absolute; z-index: 99; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .main_camera .ap_slider .item .det h2 { padding: 10px 0; color: #FFF; line-height: 30px; width:100%;font-weight: normal; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; -webkit-transform: translate3d(0, 160px, 0); transform: translate3d(0, 160px, 0); opacity: 0; } .main_camera .ap_slider .item .det h2 a { color: #FFF; font-family: "Num_Medium"; font-weight: normal; font-size: 18px; } .main_camera .ap_slider .item .thumbnail .det h2:hover a{ color:#ff8000; } .main_camera .ap_slider .item .det p { text-align: justify; color: #FFF; opacity: .7; max-height: 0; line-height: 150%; font-size: 15px; overflow: hidden; opacity: 0; transition: opacity 0.4s ease-out,max-height 0.4s ease-out,margin 0.4s; } .main_camera .ap_slider .item .det .met { margin-bottom:5px; opacity: 0; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; -webkit-transform: translateY(-20px); transform: translateY(-20px); } .main_camera .ap_slider .item .det .met span { display: inline-block; font-family:"Num_Medium"; } .main_camera .ap_slider .item .det .met span.cat { border-bottom: 2px solid #FF8000; color:#FFF; padding: 10px 0; height: 40px; line-height: 26px; font-size: .8em; position: relative; } .main_camera .ap_slider .item .det .met span.cat a { color: #FFF; } .main_camera .ap_slider .item .det .met span.time { font-size: .6em; color: #FFF; margin-right: 5px; } .main_camera .ap_slider .slick-arrow { width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: rgba(40, 41, 39, 0.15); border: none; color: #fff; transition: all 0.3s ease-in-out; display: flex; align-items: center; justify-content: center; z-index: 18; position: absolute; top:-25px; margin-top: -15px; cursor: pointer; background: #FF8000; transition: all 0.15s ease-in-out; } .main_camera .ap_slider .slick-arrow:hover { border: 3px solid rgba(255, 255, 255, 0.23); } .main_camera .ap_slider .slick-arrow.button-prev { left:35px; } .main_camera .ap_slider .slick-arrow.button-next { left:0; } .main_camera .ap_slider .item .thumbnail:nth-child(1) { float: right; width: 49.5%; height: 310px; margin-left:1%; margin-bottom:5px; } .main_camera .ap_slider .item .thumbnail:nth-child(2) { float: right; width: 49.5%; height: 310px; margin-bottom:10px; } .main_camera .ap_slider .item .thumbnail:nth-child(3) { float: right; width: 32.6%; height: 220px; margin-left:1%; } .main_camera .ap_slider .item .thumbnail:nth-child(4) { float: right; width: 32.6%; height: 220px; margin-left:1%; } .main_camera .ap_slider .item .thumbnail:nth-child(5) { float: right; width: 32.7%; height: 220px; } .main_featured { overflow: hidden; width: 100%; height: auto; margin-bottom: 10px; } .main_featured .tit { margin-bottom: 10px; padding-top: 10px; } .main_featured .tit h4 { background: #FF8000; color: #FFF; padding:0 15px; display: inline-block; position: relative; margin-top: 10px; font-family: "Num_Medium"; font-size:1.3em; font-weight: normal; } .main_featured .tit h4:after, .main_featured .tit h4:before { position: absolute; content: ''; top: 0; right: 0; background-color: #FF8000; transform: translate(6px, -6px); } .main_featured .tit h4:before { width: 12px; height: 2px; } .main_featured .tit h4:after { height: 12px; width: 2px; } .main_featured .tit h4 span { background: #111; padding: 10px 20px; z-index: 999; position: relative; display: inline-block; } .main_featured .ap_slider { margin-bottom: 20px; position: relative; display: none; } .main_featured .ap_slider.slick-initialized { display: block; } .main_featured .ap_slider .item { position: relative; } .main_featured .ap_slider .item.slick-active .thumbnail img { transform: scale(1.1); } .main_featured .ap_slider .item.slick-active .det h2 { transform: translateZ(0); opacity: 1;font-weight: normal; } .main_featured .ap_slider .item.slick-active .det .met { transform: translateZ(0); opacity: 1; } .main_featured .ap_slider .item:hover .det p { opacity: 1; max-height: 100px; margin-top: 5px; transition: opacity 0.4s ease-out,max-height 0.9s ease-out; } .main_featured .ap_slider .item .thumbnail { float: right; width: 100%; height: 390px; position: relative; display: block; overflow: hidden; background-size: 50%; text-indent: 0; position: relative; } .main_featured .ap_slider .item .thumbnail:after { width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 3; content: ''; background: rgba(0, 0, 0, 0.8); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), transparent); background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); } .main_featured .ap_slider .item .thumbnail img { object-fit: cover !important; width: 100% !important; height: 100% !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); } .main_featured .ap_slider .item .det { right:10px; bottom:0; left: 0; padding: 10px; position: absolute; z-index: 99; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .main_featured .ap_slider .item .det h2 { padding: 10px 0; color: #FFF; line-height: 30px; width:100%;font-weight: normal; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; -webkit-transform: translate3d(0, 160px, 0); transform: translate3d(0, 160px, 0); opacity: 0; } .main_featured .ap_slider .item .det h2 a { color: #FFF; font-family: "Num_Medium"; font-weight: normal; font-size: 18px; } .main_featured .ap_slider .item .thumbnail .det h2:hover a{ color:#ff8000; } .main_featured .ap_slider .item .det p { text-align: justify; color: #FFF; opacity: .7; max-height: 0; line-height: 150%; font-size: 15px; overflow: hidden; opacity: 0; transition: opacity 0.4s ease-out,max-height 0.4s ease-out,margin 0.4s; } .main_featured .ap_slider .item .det .met { margin-bottom:5px; opacity: 0; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; -webkit-transform: translateY(-20px); transform: translateY(-20px); } .main_featured .ap_slider .item .det .met span { display: inline-block; font-family:"Num_Medium"; } .main_featured .ap_slider .item .det .met span.cat { border-bottom: 2px solid #FF8000; color:#FFF; padding: 10px 0; height: 40px; line-height: 26px; font-size: .8em; position: relative; } .main_featured .ap_slider .item .det .met span.cat a { color: #FFF; } .main_featured .ap_slider .item .det .met span.time { font-size: .6em; color: #FFF; margin-right: 5px; } .main_featured .ap_slider .slick-arrow { width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: rgba(40, 41, 39, 0.15); border: none; color: #fff; transition: all 0.3s ease-in-out; display: flex; align-items: center; justify-content: center; z-index: 18; position: absolute; top:15px; cursor: pointer; background: #FF8000; transition: all 0.15s ease-in-out; } .main_featured .ap_slider .slick-arrow:hover { border: 3px solid rgba(255, 255, 255, 0.23); } .main_featured .ap_slider .slick-arrow.button-prev { right:15px; } .main_featured .ap_slider .slick-arrow.button-next { right:50px; } .main_featured .ap_slider .item .thumbnail:nth-child(1) { float: right; width: 49.5%; height: 310px; margin-left:1%; margin-bottom:5px; } .main_featured .ap_slider .item .thumbnail:nth-child(2) { float: right; width: 49.5%; height: 310px; margin-bottom:10px; } .main_featured .ap_slider .item .thumbnail:nth-child(3) { float: right; width: 32.6%; height: 220px; margin-left:1%; } .main_featured .ap_slider .item .thumbnail:nth-child(4) { float: right; width: 32.6%; height: 220px; margin-left:1%; } .main_featured .ap_slider .item .thumbnail:nth-child(5) { float: right; width: 32.7%; height: 220px; } #site-navigation{ display: none; } /* Styling all bars button (side-menu-toggle) */ .bars { height: 16px !important; width: 20px !important; position: relative; cursor: pointer; margin: auto 10px; z-index: 9999; display: none; } .bars > span { position: absolute; right: 0; width: 100%; height: 2px; background-color: #000; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .bars > span:nth-child(1) { top: 0; } .bars > span:nth-child(2) { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .bars > span:nth-child(3) { top: -webkit-calc(100% - 2px); top: calc(100% - 2px); width: 50%; } .ap_header.active .bars > span:nth-child(1) { top: 50%; left: 50%; margin-right: -8px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .ap_header.active .bars > span:nth-child(2) { top: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); right: -300px; } .ap_header.active .bars > span:nth-child(3) { width: 100%; top: 50%; left: 50%; margin-right: -8px; -webkit-transform: translate(-50%, -50%) rotate(-43deg); -ms-transform: translate(-50%, -50%) rotate(-43deg); transform: translate(-50%, -50%) rotate(-43deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .ap-search { margin: auto 0px auto 0; width: 290px; float: left; left: 0; position: relative; padding: 10px 0; height: 40px; } .ap-search #search-btn { color:#bfc0c0; } .ap-search #search-btn:hover { cursor: pointer; } #search-overlay { display: none; } #search-overlay.block { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; text-align: center; background: rgba(0, 0, 0, 0.69); margin: 0; z-index: 9999; } #search-overlay.block:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: 0; } #search-overlay .centered { display: inline-block; vertical-align: middle; width: 50%; padding: 10px 15px; color: #FFF; border: none; background: transparent; } #search-overlay #search-box { position: relative; width: 100%; margin: 0; } #search-overlay #search-form { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #fff; overflow: hidden; } #search-overlay #search-text { font-size: 14px; color: #ddd; border-width: 0; background: transparent; } #search-overlay #search-box input[type="text"] { width:85%; padding: 0 15px; height: 40px; color: #333; outline: none; font-family: "Num_Light"; background: none !important; float: right; } #search-overlay #search-button { position: absolute; top: 0; left: 0; height: 55px; width: 100px; font-size: 14px; color: #fff; text-align: center; background-color: #FF8000; cursor: pointer; font-family:"Num_Medium"; transition: all .4s ease-in-out; } #search-overlay #search-button:hover { background-color: #999 !important; transition: all .4s ease-in-out; } #search-overlay #close-btn { position: fixed; top: 2em; right: 1em; font-size: 2em; } #search-overlay #close-btn:hover { color: #777; cursor: pointer; } #ap_root.open-overlay { filter: blur(4px); -webkit-filter: blur(4px); } @media only screen and (max-width: 768px) { #search-overlay .centered { width: 90%; } #search-overlay #close-btn { top: 1em; } } .ap-search .ap-am { padding:4px 0; } .ap-nav { margin: auto 0; z-index: 8888; position: relative; width: 52%; } .ap-nav ul { padding: 0; margin: 0; list-style: none; position: relative; } .ap-nav ul ul li a { height: auto; padding:5px 10px; line-height: 150%; color: #aeaeae; font-family:"Num_Light"; font-size: 13px; } .ap-nav ul ul li a:hover{ color:#FF8000; } .ap-nav ul ul ul { top: 0; right: 200px; } .ap-nav ul ul ul li { position: relative; top: 0; right: 0; } .ap-nav li > a:after { content: '\f078'; font-family: "FontAwesome"; font-weight: 900; float: left; margin-right:6px; font-size: .5em; line-height: 20px; } .ap-nav li:hover > a:after { content: '\f077'; transition:all 0.3s ease-in-out; font-family: "FontAwesome"; } .ap-nav li > a:only-child:after { content: ''; } .ap-nav .sub{font-size:12px;color:#bfc0c0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;display:block;line-height:2;} .fix{position:fixed;z-index:10000000000000;width:100%;float:right;top:0;box-shadow:0 2px 3px rgba(13, 13, 13, 0.13);} .fix .sub{display:none;} .fix ul li ul{opacity:0;padding:0;position:absolute;padding:5px 0;z-index:1000;top:42px !important;transition:all 0.5s ease 0s;visibility:hidden;background:#FFFFFF;min-width:210px;} .fix li a{padding:10px 20px;font-size:13px !important;} .ap-nav .topnav{width:90%;box-shadow:0 1px #333;background:#222;float:right;} .ap-nav .current-menu-item a{color:#bfc0c0;} .ap-nav ul li a:hover{color:#ff8000;} .ap-nav ul li a{display:block;float:right;font-size:14px;font-family:"Num_Medium";color:#bfc0c0;margin-bottom:0;padding:14px 10px;padding-top:10px;position:relative;z-index:1;text-align:center;} .ap-nav > ul > li > a{padding:10px 10px;} .ap-nav ul li{margin:0;position:relative;float:right;} .ap-nav ul li ul{opacity:0;padding:0;position:absolute;padding:5px 0;z-index:10000000000000000000000;top:51px;transition:all 0.5s ease 0s;visibility:hidden;background:#fff;min-width:210px;box-shadow:3px 3px 3px rgba(0, 0, 0, 0.06);} .ap-nav ul li:hover > ul{display:block;opacity:1;visibility:visible;top:48px;} .ap-nav ul li ul li ul{margin-top: -50px;right:100%;z-index:2;} .ap-nav ul{list-style:none outside none;margin:0;padding:0;float:right;} .ap-nav > ul > li{background:none repeat scroll 0 0 #87CEEB;border-left:1px solid #73BAD7;display:block;float:right;} .ap-nav ul li ul li a{float:none;text-align:right;font-size:13px;background:none !important;z-index:2;padding:6px 10px;box-shadow:0 0 !important;-webkit-box-shadow:0 0 !important;padding-right:0;color:#444 !important;} .ap-nav ul li ul li:hover{color:#ff8000;} .ap-nav ul li ul li{clear:both;float:none;position:relative;padding:0;z-index:2;background:none;margin-right:20px;display:list-item;color:#bfc0c0;list-style-type:square;font-size:10px;} .fixmenu .ap-nav ul li ul{top:57px;} .fixmenu .ap-nav ul li:hover > ul{top:58px;} #site-navigation { position: fixed !important; top:0px; right: -150px; width: 60px; height: 100vh; padding: 0; background-color: #333; z-index: 9998 !important; -webkit-transition: left .6s .2s ease-in-out, right .6s .2s ease-in-out, width .6s .2s ease-in-out; transition: left .6s .2s ease-in-out, right .6s .2s ease-in-out, width .6s .2s ease-in-out; color: #FFF; } #site-navigation.active { width:250px; right: 0; -webkit-transition: left .3s ease-in-out, right .3s ease-in-out, width .3s ease-in-out; transition: left .3s ease-in-out, right .3s ease-in-out, width .3s ease-in-out; } #site-navigation.active .side-menu ul > li { right: 0; } #site-navigation.active .side-menu ul > li:nth-child(1) { -webkit-transition: left .4s ease-in-out, right .4s ease-in-out; transition: left .4s ease-in-out, right .4s ease-in-out; } #site-navigation.active .side-menu ul > li:nth-child(2) { -webkit-transition: left .4s .1s ease-in-out, right .4s .1s ease-in-out; transition: left .4s .1s ease-in-out, right .4s .1s ease-in-out; } #site-navigation.active .side-menu ul > li:nth-child(3) { -webkit-transition: left .4s .2s ease-in-out, right .4s .2s ease-in-out; transition: left .4s .2s ease-in-out, right .4s .2s ease-in-out; } #site-navigation.active .side-menu ul > li:nth-child(4) { -webkit-transition: left .4s .3s ease-in-out, right .4s .3s ease-in-out; transition: left .4s .3s ease-in-out, right .4s .3s ease-in-out; } #site-navigation.active .side-menu ul > li:nth-child(5) { -webkit-transition: left .4s .4s ease-in-out, right .4s .4s ease-in-out; transition: left .4s .4s ease-in-out, right .4s .4s ease-in-out; } #site-navigation.active .side-menu ul > li:nth-child(6) { -webkit-transition: left .4s .5s ease-in-out, right .4s .5s ease-in-out; transition: left .4s .5s ease-in-out, right .4s .5s ease-in-out; } #site-navigation.active .side-menu ul > li:nth-child(7) { -webkit-transition: left .4s .6s ease-in-out, right .4s .6s ease-in-out; transition: left .4s .6s ease-in-out, right .4s .6s ease-in-out; } #site-navigation.active .side-menu ul > li:nth-child(8) { -webkit-transition: left .4s .7s ease-in-out, right .4s .7s ease-in-out; transition: left .4s .7s ease-in-out, right .4s .7s ease-in-out; } #site-navigation.active .side-menu ul > li:nth-child(9) { -webkit-transition: left .4s .8s ease-in-out, right .4s .8s ease-in-out; transition: left .4s .8s ease-in-out, right .4s .8s ease-in-out; } #site-navigation .side-menu { width: 100%; } #site-navigation .side-menu ul { width: 100%; position: relative; z-index: 777777; } #site-navigation .side-menu ul > li { position: relative; right: -300px; } #site-navigation .side-menu ul > li:nth-child(1) { -webkit-transition: left .3s .5s ease-in-out, right .4s .5s ease-in-out; transition: left .3s .5s ease-in-out, right .4s .5s ease-in-out; } #site-navigation .side-menu ul > li:nth-child(2) { -webkit-transition: left .3s .4s ease-in-out, right .4s .4s ease-in-out; transition: left .3s .4s ease-in-out, right .4s .4s ease-in-out; } #site-navigation .side-menu ul > li:nth-child(3) { -webkit-transition: left .3s .3s ease-in-out, right .4s .3s ease-in-out; transition: left .3s .3s ease-in-out, right .4s .3s ease-in-out; } #site-navigation .side-menu ul > li:nth-child(4) { -webkit-transition: left .3s .2s ease-in-out, right .4s .2s ease-in-out; transition: left .3s .2s ease-in-out, right .4s .2s ease-in-out; } #site-navigation .side-menu ul > li:nth-child(5) { -webkit-transition: left .3s .1s ease-in-out, right .4s .1s ease-in-out; transition: left .3s .1s ease-in-out, right .4s .1s ease-in-out; } #site-navigation .side-menu ul > li:nth-child(6) { -webkit-transition: left .3s ease-in-out, right .4s ease-in-out; transition: left .3s ease-in-out, right .4s ease-in-out; } #site-navigation .side-menu ul > li > a { display: block; padding: 5px 15px; white-space: nowrap; color: #fff; text-transform: uppercase; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; cursor: pointer; text-align: right; } #site-navigation .side-menu ul > li > a:hover { padding-right: 15px; } #site-navigation .side-menu ul > li:not(:last-child) > a { border-bottom: 1px solid rgba(84, 84, 84, 0.25); } #site-navigation ul ul { display: none; position:relative; background: rgba(0, 0, 0, 0.18); width: 100%; margin-top: 5px; padding: 5px 0; } #site-navigation ul ul li{ color: #888; } #site-navigation ul li:hover > ul { display: inherit; } #site-navigation ul ul li { width: 100%; float: none; display: list-item; position: relative; } #site-navigation ul ul ul li { position: relative; } #site-navigation li > a:after { content: '\f078'; font-family: "FontAwesome"; font-weight: 900; float: left; margin-top: 8px; margin-right: 10px; font-size: .7em; } #site-navigation li > a:only-child:after { content: ''; } #site-navigation li { padding: 5px 0; } #site-navigation li > a { white-space: nowrap; color: #888; font-size: 13px; font-family: "Num_Medium"; line-height: 25px; } #site-navigation li a:hover{ color: #fff; } #site-navigation li > a::before { content: "■"; color: #888; font-size: 8px; float: right; line-height: 25px; margin-left: 5px; margin-right: 5px; } #site-navigation{ padding:60px 5px; } #site-navigation ul ul li { padding: 0 15px; } #site-navigation ul ul li a{ font-size:12px; color: #666; } .sidebar { margin-bottom: 10px; } .sidebar.co-aside { width: 280px; order: 2; float: left; } .sidebar.no-aside { width: 290px; order: 2; } .sidebar.co-ads { width:100px; order: 2; float: left; margin-right:20px; } .all_ads{ width: 100%; } .all_ads img{ width: 100%; margin-bottom:5px; } .custom-control { display:block; float:left; cursor: pointer; background: #b9b9b94a; border-radius: 50px; position: relative; color: #eee; height: 30px; width: 30px; text-align: center; line-height: 30px; margin-right: 8px; } .custom-control-inline { display:-ms-inline-flexbox; display:inline-flex; margin-right:1rem} .custom-control-input { position:absolute; z-index:-1; opacity:0; width: 0; height: 0; } .custom-control-input:checked~.custom-control-label::before { border-color:#ced4da; } .custom-control-input:not(:disabled):active~.custom-control-label::before { color:#FFC90E; } .custom-control-input:disabled~.custom-control-label { color:#6c757d} .custom-control-input:disabled~.custom-control-label::before { background-color:#e9ecef} .custom-control-label { position:relative; vertical-align:top; margin: 0; } .custom-checkbox .custom-control-label::before { border-radius:.25rem} .custom-checkbox .custom-control-input:checked~.custom-control-label::after { background-image:url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")} .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before { border-color:#FFC90E; background-color:#FFC90E} .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { background-image:url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")} .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before { background-color:rgba(0, 123, 255, .5)} .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before { background-color:rgba(0, 123, 255, .5)} .custom-radio .custom-control-label::before { border-radius:50%} .custom-radio .custom-control-input:checked~.custom-control-label::after { background-image:url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")} .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before { background-color:rgba(0, 123, 255, .5)} .custom-switch { } .custom-switch .custom-control-label::after { text-align: center; color: #bfc0c0; content: "\f186"; font-family: FontAwesome; cursor: pointer; font-size: 20px; line-height: 30px; } .custom-switch .custom-control-label:hover::after { color:#fff; } @media (prefers-reduced-motion:reduce) { .custom-switch .custom-control-label::after { transition:none} } .custom-switch .custom-control-input:checked~.custom-control-label::after { text-align: center; color: #bfc0c0; content: "\f185"; font-family: FontAwesome; cursor: pointer; font-size: 20px; line-height: 30px; } .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before { background-color:rgba(0, 123, 255, .5)} .custom-select { display:inline-block; width:100%; height:calc(1.5em+.75rem+2px); padding:.375rem 1.75rem .375rem .75rem; font-size:1rem; font-weight:400; line-height:1.5; color:#fff; vertical-align:middle; background:url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px; background-color:#fff; border:1px solid #ced4da; border-radius:.25rem; -webkit-appearance:none; -moz-appearance:none; appearance:none} .custom-switch .custom-control-input:checked~.custom-control-label:hover::after { color:#fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height:auto; padding-right:.75rem; background-image:none} .custom-select:disabled { color:#fff; background-color:#e9ecef} .custom-select::-ms-expand { display:none} .custom-select-sm { height:calc(1.5em+.5rem+2px); padding-top:.25rem; padding-bottom:.25rem; padding-left:.5rem; font-size:.875rem} .custom-select-lg { height:calc(1.5em+1rem+2px); padding-top:.5rem; padding-bottom:.5rem; padding-left:1rem; font-size:1.25rem} .custom-file { position:relative; display:inline-block; width:100%; height:calc(1.5em+.75rem+2px); margin-bottom:0} .custom-file-input { position:relative; z-index:2; width:100%; height:calc(1.5em+.75rem+2px); margin:0; opacity:0} .custom-file-input:disabled~.custom-file-label { background-color:#e9ecef} .custom-file-input:lang(en)~.custom-file-label::after { content:"Browse"} [data-theme="dark"] ,[data-theme="dark"] .popular-post .post-number ,[data-theme="dark"] .boxx .item-shop .cast /****background-image****/{background-image:none !important;background-color:#222 !important;color:#eee !important;} [data-theme="dark"] textarea,[data-theme="dark"] input ,[data-theme="dark"] #search-overlay #search-box input[type="text"] ,[data-theme="dark"] #search-overlay #search-form ,[data-theme="dark"] .crumbs a ,[data-theme="dark"] ul.news-detile li::before ,[data-theme="dark"] .lead ,[data-theme="dark"] .post-tag a ,[data-theme="dark"] .panel ,[data-theme="dark"] select ,[data-theme="dark"] .entry blockquote ,[data-theme="dark"] .woocommerce-noreviews /****background-color****/{background-color:#111 !important;color:#eee !important;box-shadow: none !important;border-color:#222 !important;} [data-theme="dark"] .sidebar .wid-editors .item,[data-theme="dark"] .marquee ,[data-theme="dark"] .thumbslider,[data-theme="dark"] .main_editors,[data-theme="dark"] .apnews.ne_three .polist .item,[data-theme="dark"] .sidebar-content ,[data-theme="dark"] .timeline .polist .slick-arrow ,[data-theme="dark"] #slide1 .nexicon ,[data-theme="dark"] #slide1 .previcon ,[data-theme="dark"] #slide2 .nexicon ,[data-theme="dark"] #slide2 .previcon ,[data-theme="dark"] .ap_editorial .rmore ,[data-theme="dark"] .datee ,[data-theme="dark"] .ap-nav ul li ul ,[data-theme="dark"] .apnews.ne_four .polist .item ,[data-theme="dark"] .archiv-t ,[data-theme="dark"] .boxx .aa ,[data-theme="dark"] .boxx .ff .left .pic ,[data-theme="dark"] .boxx .ff .right ,[data-theme="dark"] .boxx .ee .left .pic ,[data-theme="dark"] .boxx .ee .right ,[data-theme="dark"] .boxx .item-shop ,[data-theme="dark"] .pagination li a ,[data-theme="dark"] .pagination li.disabled ,[data-theme="dark"] .apnews.ne_one .polist .item ,[data-theme="dark"] .content ,[data-theme="dark"] .archiv-b ,[data-theme="dark"] .mediaa ,[data-theme="dark"] .dark .ap_header ,[data-theme="dark"] .div-v ,[data-theme="dark"] #IranMap ,[data-theme="dark"] .sidepanel /****background-color****/{background-color:#333 !important;color:#eee !important;box-shadow: none !important;border-color:#222 !important;} [data-theme="dark"] a ,[data-theme="dark"] .ap-nav ul li ul a /****color****/{color:#fff !important;} [data-theme="dark"] p,[data-theme="dark"] h1, [data-theme="dark"] .h1, [data-theme="dark"] h2, [data-theme="dark"] .h2, [data-theme="dark"] h3, [data-theme="dark"] .h3, [data-theme="dark"] h4, [data-theme="dark"] .h4, [data-theme="dark"] h5, [data-theme="dark"] .h5, [data-theme="dark"] h6, [data-theme="dark"] .h6 ,[data-theme="dark"] .accordion ,[data-theme="dark"] .rotitr ,[data-theme="dark"] .post-link .short span ,[data-theme="dark"] td ,[data-theme="dark"] th ,[data-theme="dark"] tr ,[data-theme="dark"] table ,[data-theme="dark"] label /****color****/{color:#eee !important;} [data-theme="dark"] .sidebar .wid-editors .item ,[data-theme="dark"] .thumbslider .postlist.slick-initialized ,[data-theme="dark"] .thumbslider .slider-nav .slick-arrow ,[data-theme="dark"] .wid-editors .list .item .thumbnail img ,[data-theme="dark"] .all-post li ,[data-theme="dark"] .boxx .aa .left .title ,[data-theme="dark"] .boxx .aa .left .pic ,[data-theme="dark"] .popular-post .item-post ,[data-theme="dark"] .slde .item .comment-image ,[data-theme="dark"] ul.news-detile ,[data-theme="dark"] .links-cat h2 ,[data-theme="dark"] .post-link ,[data-theme="dark"] table.shop_attributes td ,[data-theme="dark"] ul.product_list_widget li ,[data-theme="dark"] .images .thumbnails ,[data-theme="dark"] .dark .marquee ,[data-theme="dark"] .wpp-list li ,[data-theme="dark"] #IranMap .city-posts .title ,[data-theme="dark"] #IranMap .city-posts /****border****/{border-color:#222 !important;} .ap_news { width: calc(100% - 400px); padding: 0 0 0 20px; order: 1; float: right; } .apnews { margin-bottom:15px; } .apnews .title-news h4 { padding: 5px 20px; margin-bottom: 10px; font-size: 1.2em; color: #FF8000; border: 2px solid; display: inline-block; position: relative; } .apnews .title-news h4 a { color: #FF8000; } .apnews .item:hover .thumbnail img { -webkit-filter: brightness(120%) contrast(120%); -moz-filter: brightness(120%) contrast(120%); filter: brightness(120%) contrast(120%); -ms-transition: 0.3s filter linear; -o-transition: 0.3s filter linear; -webkit-transition: 0.3s filter linear; transition: 0.3s filter linear; } .apnews .thumbnail { position: relative; overflow: hidden; background: #fafafa; } .apnews .thumbnail img { -ms-transition: 0.3s filter linear; -o-transition: 0.3s filter linear; -webkit-transition: 0.3s filter linear; transition: 0.3s filter linear; } .apnews.ne_one .polist { margin-left: -10px; padding: 0; } .apnews.ne_one .polist .item { margin-left: 10px; margin-bottom: 15px; position: relative; width:31.999%; height:430px; background: #FFF; box-shadow: 0 7px 5px -5px rgba(207,207,207,1); float:right; } .apnews.ne_one .polist .item .thumbnail { width: 100%; height: 165px; position: relative; display: block; overflow: hidden; background-size: 50%; text-indent: 0; } .apnews.ne_one .polist .item .thumbnail img { object-fit: cover !important; width: 100% !important; height: 100% !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); } .apnews.ne_one .polist .item .det { width: 100%; top: 0; left: 0; bottom: 0; padding: 10px; } .apnews.ne_one .polist .item .det h2{ margin-bottom: 10px; line-height: 25px;font-weight: normal; } .apnews.ne_one .polist .item .det h2 a{ font-size:16px; color: #4d4d4d; font-family:"Num_Medium"; } .apnews.ne_one .polist .item .det h2 a:hover{ color:#FF8000; } .apnews.ne_one .polist .item .det b { color: #888; text-align: justify; font-size: 11px; font-family: "Num_Light"; height: 100px; } .apnews.ne_one .polist .item .det .met { margin-bottom: 10px; } .apnews.ne_one .polist .item .det span { font-size: .6em; } .apnews.ne_one .polist .item .det span.cat { color:#888; font-family: "Num_Light"; font-size: 12px; } .apnews.ne_one .polist .item .det span.time { color: #bfc0c0; margin-right: 10px; } .apnews.ne_tow .polist { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-left: -10px; } .apnews.ne_tow .polist .item { margin-left: 10px; margin-bottom: 10px; width: calc(50% - 10px); position: relative; background: #FFF; float: right; padding: 10px; } .apnews.ne_tow .polist .item .thumbnail { width: 100%; height: 185px; position: relative; display: block; overflow: hidden; background-size: 50%; text-indent: 0; } .apnews.ne_tow .polist .item .thumbnail img { object-fit: cover !important; width: 100% !important; height: 100% !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); } .apnews.ne_tow .polist .item .det { width: 100%; -webkit-box-shadow: 500px 0 0 #FFF inset; box-shadow: 500px 0 0 #FFF inset; top: 0; left: 0; bottom: 0; padding: 10px; } .apnews.ne_tow .polist .item .det h2 { margin-bottom: 10px; font-size: 1em;font-weight: normal; } .apnews.ne_tow .polist .item .det p { color: #bfc0c0; text-align: justify; font-size: .7em; } .apnews.ne_tow .polist .item .det .met { margin-bottom: 10px; } .apnews.ne_tow .polist .item .det .met span { font-size: .6em; } .apnews.ne_tow .polist .item .det .met span.cat { color: #000; font-weight: 800; } .apnews.ne_tow .polist .item .det .met span.time { color: #bfc0c0; margin-right: 10px; } .apnews.ne_three .polist .item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; background: #FFF; box-shadow: 0 7px 5px -5px rgba(207,207,207,1); } .apnews.ne_three .polist .item .thumbnail { width: 30%; height: 150px; position: relative; display: block; overflow: hidden; background-size: 50%; text-indent: 0; float: right; } .apnews.ne_three .polist .item .thumbnail img { object-fit: cover !important; width: 100% !important; height: 100% !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); } .apnews.ne_three .polist .item .det { width: 70%; top: 0; left: 0; bottom: 0; padding:5px 10px; float: right; } .apnews.ne_three .polist .item .det h2 { margin-bottom: 5px; font-size:16px; font-family:"Num_Medium"; font-weight:normal; color: #444; } .apnews.ne_three .polist .item .det h2:hover a{ color: #FF8000; } .apnews.ne_three .polist .item .det p { color: #666; text-align: justify; font-size: 12px; font-family:"Num_Light"; } .apnews.ne_three .polist .item .det .met { margin-bottom:5px; } .apnews.ne_three .polist .item .det .met span { font-size: .8em; } .apnews.ne_three .polist .item .det .met span.cat { color: #888; font-family:"Num_Light"; } .apnews.ne_three .polist .item .det .met span.time { color: #bfc0c0; margin-right: 10px; } .apnews.ne_four .polist.slick-slider { margin: 0 -5px; } .apnews.ne_four .polist .slick-track { display: flex; } .apnews.ne_four .polist:hover .slick-arrow { opacity: 1; } .apnews.ne_four .polist:hover .slick-arrow.button-prev { right: -10px; } .apnews.ne_four .polist:hover .slick-arrow.button-next { left: -10px; } .apnews.ne_four .polist .item { margin-right: 5px; margin-left: 5px; position: relative; background: #FFF; box-shadow: 0 7px 5px -5px rgba(207,207,207,1); height: auto; margin-bottom: 10px; align-items: center; justify-content: center; } .apnews.ne_four .polist .item .thumbnail { width: 100%; height: 165px; position: relative; display: block; overflow: hidden; background-size: 50%; text-indent: 0; } .apnews.ne_four .polist .item .thumbnail img { object-fit: cover !important; width: 100% !important; height: 100% !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); } .apnews.ne_four .polist .item .det { width: 100%; top: 0; left: 0; bottom: 0; padding: 10px; } .apnews.ne_four .polist .item .det h2 { font-size: 15px; font-family: "Num_Medium"; font-weight: normal; color: #444; line-height: 25px; } .apnews.ne_four .polist .item .det h2:hover a{ color:#ff8000; } .apnews.ne_four .polist .item .det p { color: #bfc0c0; text-align: justify; font-size: .7em; } .apnews.ne_four .polist .item .det .met { margin-bottom: 10px; } .apnews.ne_four .polist .item .det .met span { font-size: .8em; } .apnews.ne_four .polist .item .det .met span.cat { color:#888; font-family: "Num_Light"; } .apnews.ne_four .polist .item .det .met span.time { color: #bfc0c0; margin-right: 10px; } .apnews.ne_four .polist .slick-arrow { width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: rgba(40, 41, 39, 0.15); border: none; color: #fff; transition: all 0.3s ease-in-out; display: flex; align-items: center; justify-content: center; z-index: 18; position: absolute; top: 75px; cursor: pointer; background: #FF8000; transition: all 0.15s ease-in-out; opacity: 0; } .apnews.ne_four .polist .slick-arrow.slick-disabled { background: #ddd; } .apnews.ne_four .polist .slick-arrow:hover { border: 3px solid rgba(255, 255, 255, 0.23); } .apnews.ne_four .polist .slick-arrow.button-prev { right: 10px; } .apnews.ne_four .polist .slick-arrow.button-next { left: 10px; } .sidebar .apnews { margin-bottom: 10px; } .sidebar .apnews.ne_one .polist, .sidebar .apnews.ne_tow .polist { display: block; margin: 0; } .sidebar .apnews.ne_one .polist .item, .sidebar .apnews.ne_tow .polist .item { width: 100%; } .sidebar .apnews.ne_three .polist .item .thumbnail { height: 130px; } .sidebar .apnews.ne_three .polist .item .det h2 { font-size: .8em;font-weight: normal; } .sidebar .apnews.ne_three .polist .item .det .met { margin-bottom: 5px; } .ap_news .ap_slider { margin-bottom: 20px; position: relative; display: none; } .ap_news .ap_slider.slick-initialized { display: block; } .ap_news .ap_slider .item { position: relative; } .ap_news .ap_slider .item.slick-active .thumbnail img { transform: scale(1.1); } .ap_news .ap_slider .item.slick-active .det h2 { transform: translateZ(0); opacity: 1;font-weight: normal; } .ap_news .ap_slider .item.slick-active .det .met { transform: translateZ(0); opacity: 1; } .ap_news .ap_slider .item:hover .det p { opacity: 1; max-height: 100px; margin-top: 5px; transition: opacity 0.4s ease-out,max-height 0.9s ease-out; } .ap_news .ap_slider .item .thumbnail { float: right; width: 100%; height: 390px; position: relative; display: block; overflow: hidden; background-size: 50%; text-indent: 0; position: relative; } .ap_news .ap_slider .item .thumbnail:after { width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 3; content: ''; background: rgba(0, 0, 0, 0.8); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), transparent); background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); } .ap_news .ap_slider .item .thumbnail img { object-fit: cover !important; width: 100% !important; height: 100% !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); } .ap_news .ap_slider .item .det { right: 20px; bottom: 10px; left: 0; padding: 10px; position: absolute; z-index: 99; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ap_news .ap_slider .item .det h2 { padding: 10px 0;font-weight: normal; color: #FFF; line-height: 30px; width: 62%; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; -webkit-transform: translate3d(0, 160px, 0); transform: translate3d(0, 160px, 0); opacity: 0; } .ap_news .ap_slider .item .det h2 a { color: #FFF; font-family: "Num_Medium"; font-weight: normal; font-size: 18px; } .ap_news .ap_slider .item .det p { text-align: justify; color: #FFF; opacity: .7; max-height: 0; line-height: 150%; font-size: 15px; overflow: hidden; opacity: 0; transition: opacity 0.4s ease-out,max-height 0.4s ease-out,margin 0.4s; } .ap_news .ap_slider .item .det .met { margin-bottom:5px; opacity: 0; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; -webkit-transform: translateY(-20px); transform: translateY(-20px); } .ap_news .ap_slider .item .det .met span { display: inline-block; font-family: "Num_Light"; } .ap_news .ap_slider .item .det .met span.cat { border-bottom: 2px solid #FF8000; color:#FFF; padding: 10px 0; height: 40px; line-height: 26px; font-size: .8em; position: relative; } .ap_news .ap_slider .item .det .met span.cat a { color: #FFF; } .ap_news .ap_slider .item .det .met span.time { font-size: .6em; color: #FFF; margin-right: 5px; } .ap_news .ap_slider .slick-arrow { width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: rgba(40, 41, 39, 0.15); border: none; color: #fff; transition: all 0.3s ease-in-out; display: flex; align-items: center; justify-content: center; z-index: 18; position: absolute; top: 50%; margin-top: -15px; cursor: pointer; background: #FF8000; transition: all 0.15s ease-in-out; } .ap_news .ap_slider .slick-arrow:hover { border: 3px solid rgba(255, 255, 255, 0.23); } .ap_news .ap_slider .slick-arrow.button-prev { right: 20px; } .ap_news .ap_slider .slick-arrow.button-next { left: 20px; } .sidebar .ap_slider { margin-bottom: 20px; position: relative; display: none; } .sidebar .ap_slider.slick-initialized { display: block; } .sidebar .ap_slider .item { position: relative; background: #FFF; } .sidebar .ap_slider .item.slick-active .thumbnail img { transform: scale(1.1); } .sidebar .ap_slider .item.slick-active .det h2 { transform: translateZ(0); opacity: 1;font-weight: normal; } .sidebar .ap_slider .item.slick-active .det .met { transform: translateZ(0); opacity: 1; } .sidebar .ap_slider .item:hover .det p { opacity: 1; max-height: 100px; margin-top: 5px; transition: opacity 0.4s ease-out,max-height 0.9s ease-out; } .sidebar .ap_slider .item .thumbnail { width: 100%; height:220px; position: relative; display: block; overflow: hidden; background-size: 50%; text-indent: 0; position: relative; } .sidebar .ap_slider .item .thumbnail:after { width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 3; content: ''; background: rgba(0, 0, 0, 0.8); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), transparent); background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); } .sidebar .ap_slider .item .thumbnail img { object-fit: cover !important; width: 100% !important; height: 100% !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); } .sidebar .ap_slider .item .det { padding: 10px; padding-right: 0; z-index: 99; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; right: 0; left: 0; bottom: 0; width: 100%; padding: 10px; text-align:right; } .sidebar .ap_slider .item .det h2 { color: #FFF; line-height:26px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; -webkit-transform: translate3d(0, 160px, 0); transform: translate3d(0, 160px, 0); opacity: 0; font-size: 13px; font-family: "Num_Medium"; font-weight: normal; } .sidebar .ap_slider .item .det h2 a { color: #FFF; } .sidebar .ap_slider .item .det p { text-align: justify; color: #FFF; opacity: .7; max-height: 0; line-height: 150%; font-size: 15px; overflow: hidden; opacity: 0; transition: opacity 0.4s ease-out,max-height 0.4s ease-out,margin 0.4s; } .sidebar .ap_slider .item .det .met { margin-bottom:5px; opacity: 0; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; -webkit-transform: translateY(-20px); transform: translateY(-20px); } .sidebar .ap_slider .item .det .met span { display: inline-block; } .sidebar .ap_slider .item .det .met span.cat { border-bottom: 2px solid #FF8000; color:#FFF; padding: 10px 0; height: 40px; line-height: 26px; font-size: .7em; position: relative; font-family: "Num_Medium"; font-weight: normal; } .sidebar .ap_slider .item .det .met span.cat:after { display: none; } .sidebar .ap_slider .item .det .met span.cat a { color: #FFF; } .sidebar .ap_slider .item .det .met span.time { font-size: .6em; color: #FFF; margin-right: 5px; } .sidebar .ap_slider .slick-arrow { width: 25px; height: 25px; line-height: 25px; text-align: center; background-color: rgba(40, 41, 39, 0.15); border: none; color: #fff; transition: all 0.3s ease-in-out; display: flex; align-items: center; justify-content: center; z-index: 18; position: absolute; top: 45%; margin-top: -15px; cursor: pointer; background: #FF8000; transition: all 0.15s ease-in-out; } .sidebar .ap_slider .slick-arrow:hover { border: 3px solid rgba(255, 255, 255, 0.23); } .sidebar .ap_slider .slick-arrow.button-prev { right: 10px; } .sidebar .ap_slider .slick-arrow.button-next { left: 10px; } @media only screen and (max-width: 768px) { .ap_news .ap_slider .item .thumbnail { height: 300px; } .ap_news .ap_slider .item .det { right: 10px; left: 10px; } .ap_news .ap_slider .item .det h2 { width: 100%;font-weight: normal; } .ap_news .ap_slider .slick-arrow { width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: rgba(40, 41, 39, 0.15); border: none; color: #fff; transition: all 0.3s ease-in-out; display: flex; align-items: center; justify-content: center; z-index: 18; position: absolute; top: 10px; margin-top: 0; cursor: pointer; background: #FF8000; transition: all 0.15s ease-in-out; } .ap_news .ap_slider .slick-arrow:hover { border: 3px solid rgba(255, 255, 255, 0.23); } .ap_news .ap_slider .slick-arrow.button-prev { left: 50px; } .ap_news .ap_slider .slick-arrow.button-next { left: 10px; } } .single { background: #FFF; } .ap-single { width:1170px; margin: 0 auto; position: relative; } .ap-single .ap_news { float: right; width: calc(100% - 320px); } .ap-single .ap_news header h1 { font-size:22px; font-weight: 700; color: #000; font-family:"Num_Medium"; line-height: 150%; margin:10px 0; } .ap-single .ap_news header p { margin-bottom: 20px; } .ap-single .ap_news header .thumbnail { float: right; width: 100%; height: 390px; position: relative; display: block; overflow: hidden; background-size: 50%; text-indent: 0; position: relative; margin-bottom: 20px; } .ap-single .ap_news header .thumbnail img { object-fit: cover !important; width: 100% !important; height: 100% !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); } .ap-single .ap_news header{ color: #ff8000; } .ap-single .ap_news header .crumbs { color: #ff8000; font-size:13px; height: 20px; line-height: 20px; margin-bottom: 20px; font-family:"Num_Medium" } .ap-single .ap_news header span{ color: #999; font-size:14px; height: 20px; line-height: 20px; margin-bottom: 20px; font-family:"Num_Medium" } .ap-single .ap_news header .crumbs .crumbslogo { max-height: 20px; } .ap-single .ap_news header .crumbs .crumbslogo img { width: auto; height: 100%; } .ap-single .ap_news header .crumbs a { color: #ff8000; } .ap-single .ap_news .tagsingle { margin-bottom: 20px; } .ap-single .ap_news .tagsingle .tit { color: #FF8000; } .ap-single .ap_news .tagsingle span { padding: 5px 10px; color: #adb5bd; } .ap-single .ap_news .tagsingle span a { color: #adb5bd; } .ap-single .single_sidebar { width: 300px; float: right; } .ap-single .single_sidebar .author-info { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin-bottom: 43px; } .ap-single .single_sidebar .author-info:before { content: ""; display: block; overflow: hidden; position: absolute; z-index: -1; text-indent: -3000em; left: -3000em; right: -3000em; top: -3000em; bottom: -23px; z-index: -3; background: #eee; } .ap-single .single_sidebar .author-info .thumbnail { float: right; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; border: 2px solid #EEE; } .ap-single .single_sidebar .author-info .name { float: right; padding-right: 10px; width: calc(100% - 60px); margin: auto 0; } .ap-single .single_sidebar .relited-p { padding: 20px 0; } .ap-single .single_sidebar .relited-p h3.title { font-size: 1em; font-weight: 800; margin-bottom: 10px; } .ap-single .single_sidebar .relited-p .item { position: relative; margin-bottom: 20px; } .ap-single .single_sidebar .relited-p .item .thumbnail { width: 100px; float: right; height: 70px; position: relative; display: block; overflow: hidden; background-size: 50%; text-indent: 0; position: relative; } .ap-single .single_sidebar .relited-p .item .thumbnail img { object-fit: cover !important; width: 100% !important; height: 100% !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.1); } .ap-single .single_sidebar .relited-p .item .det { float: right; width: calc(100% - 100px); padding-right: 10px; } .ap-single .single_sidebar .relited-p .item .det .time { font-size: .8em; color: #888; } .ap-single .single_sidebar .relited-p .item .det h2 { font-size: .8em;font-weight: normal; } .ap-single .moreposts .t h4 { padding: 10px 15px; margin-bottom: 10px; font-size: 1em; color: #FF8000; background: #FFF; border-right: 5px solid; } .ap-single .moreposts .postlist { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-left: -10px; } .ap-single .moreposts .postlist .item { margin-left: 10px; margin-bottom: 10px; width: calc(25% - 10px); position: relative; background: #FFF; float: right; } .ap-single .moreposts .postlist .item .thumbnail { width: 100%; height: 145px; position: relative; display: block; overflow: hidden; background-size: 50%; text-indent: 0; } .ap-single .moreposts .postlist .item .thumbnail img { object-fit: cover !important; width: 100% !important; height: 100% !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); } .ap-single .moreposts .postlist .item .det { width: 100%; -webkit-box-shadow: 500px 0 0 #FFF inset; box-shadow: 500px 0 0 #FFF inset; top: 0; left: 0; bottom: 0; padding: 0 10px 10px; } .ap-single .moreposts .postlist .item .det h2 { font-size: .9em;font-weight: normal; } .ap-single .moreposts .postlist .item .det p { color: #bfc0c0; text-align: justify; font-size: .7em; } .ap-single .moreposts .postlist .item .det .met span { font-size: .6em; } .ap-single .moreposts .postlist .item .det .met span.cat { color: #000; font-weight: 800; } .ap-single .moreposts .postlist .item .det .met span.time { color: #bfc0c0; margin-right: 10px; } @media only screen and (max-width: 768px) { .ap-single { width: 100%; padding: 10px; } .ap-single .ap_news { width: 100%; float: none; } .ap-single .ap_news header h1 { text-align: center; font-size: 1.5em; } .ap-single .ap_news header .thumbnail { height: 200px; } .ap-single .single_sidebar { width: 100%; float: none; padding: 0; } .ap-single .single_sidebar .author-info:before { background: #FFF; } .ap-single .moreposts .postlist { display: block; } .ap-single .moreposts .postlist .item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .ap-single .moreposts .postlist .item .thumbnail { width: 40%; height: 100px; float: right; } .ap-single .moreposts .postlist .item .det { float: right; width: 60%; } } .ap-archive { margin-bottom: 10px; padding: 0; } .ap-archive .archive-header { padding: 10px; background: #fff; border-right: 5px solid #FF8000; margin-bottom: 10px; } .ap-archive .post-list { margin-left: -10px; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .ap-archive .post-list .item { margin-bottom: 10px; margin-left: 10px; width: calc(100% * 1/3 - 10px); background: #FFF; position: relative; float: right; padding: 10px; } .ap-archive .post-list .item .thumbnail { width: 100%; height: 185px; position: relative; display: block; overflow: hidden; background-size: 50%; text-indent: 0; } .ap-archive .post-list .item .thumbnail img { object-fit: cover !important; width: 100% !important; height: 100% !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); } .ap-archive .post-list .item .det { width: 100%; -webkit-box-shadow: 500px 0 0 #FFF inset; box-shadow: 500px 0 0 #FFF inset; top: 0; left: 0; bottom: 0; padding: 10px; } .ap-archive .post-list .item .det h2 { margin-bottom: 10px; font-size: 1.2em;font-weight: normal; } .ap-archive .post-list .item .det p { color: #bfc0c0; text-align: justify; font-size: .7em; } .ap-archive .post-list .item .det .met { margin-bottom: 10px; } .ap-archive .post-list .item .det .met span { font-size: .6em; } .ap-archive .post-list .item .det .met span.cat { color: #000; font-weight: 800; } .ap-archive .post-list .item .det .met span.time { color: #bfc0c0; margin-right: 10px; } .ap-archive .non { text-align: center; } .ap-archive .non .warning { margin: 20px auto; width: 50px; } .ap-archive .non .warning img { width: 100%; height: auto; } .ap-search .srch_form { background: #f6f7fb; padding: 10px 0; text-align: center; } .ap-search .srch_form .search { display: flex; width: 100%; justify-content: center; } .ap-search .srch_form .search .input { padding: 5px 15px; width: 80%; } .ap-search .srch_form .search .button { background: #FF8000; color: #FFF; padding: 5px 15px; width: 20%; } .ap-page { background: #FFF; } @media only screen and (max-width: 480px) { .ap-archive .post-list { display: block; margin: 0; } .ap-archive .post-list .item { width: 100%; } .ap-search { margin: 0; } } .content { text-align: justify; margin-bottom: 20px; background:#FFF; box-shadow: 0 7px 5px -5px rgba(207,207,207,1); padding: 15px 10px; width: 100%; } .entry p { line-height: 200%; text-align: justify; margin-bottom:15px; font-family: Num_Light,Num_Light; } .entry blockquote { position: relative; font-style: normal; padding: 20px 20px 20px; background: #EEE; margin: 20px 0; } .entry blockquote::after { position: absolute; content: ' ” '; top: 15px; color: #ff8000; font-family: serif,"Helvetica", Arial, sans-serif; display: block; font-size: 5em; line-height: 0; } .entry blockquote p { font-size:15px; font-weight:500; padding: 0; margin: 0; font-family: "Num_Medium"; } .entry a{ color:#0321c0; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin-top: 25px; margin-bottom: 10px; line-height: 1em; font-weight: 700; } .entry h1 { font-size: 36px; } .entry h2 { font-size: 30px; } .entry h3 { font-size: 24px; } .entry h4 { font-size: 18px; } .entry h5 { font-size: 14px; } .entry h6 { font-size: 12px; } .entry ol, .entry ul { margin: 20px 20px 20px 0; font-family:"Num_Light"; } .entry ul li { list-style: outside disc; list-style-image: none; } .entry ol li { list-style: outside decimal; } .entry li { margin: 0 0 5px; } .entry strong{ font-weight: bold; font-family: "Num_Medium"; } .entry li ul, .entry li ol { margin: 0 15px 0 15px; } .entry table { border-spacing: 0; width: 100%; font-family:"Num_Light"; border: 1px solid #eee; border-collapse: separate; margin-bottom: 1.5em; } .entry table tr:nth-child(even) { background: #F9F9F954; } .entry table td, .entry table th { text-align: right; border-right: 1px dotted #eee; padding: .4em; } .entry table thead th { background: #fff; border-right: 1px solid #F9F9F9C4; border-bottom: 1px solid #F9F9F9C4; text-transform: uppercase; vertical-align: middle; padding: .7em .4em; } .entry table tbody th { border-bottom:; background: ; padding: 14px 18px 12px; font-size: 14px; line-height: 1.692; color: #4d4d4d; letter-spacing: -.3px; min-height: 47px; border-left: ; position: relative; } .entry table tbody td { border-bottom:; background:; padding:5px 2%; font-size: 14px; line-height: 1.692; color: #4d4d4d; letter-spacing: -.3px; min-height: 47px; position: relative; } .entry table tr th:last-child, .entry table tr td:last-child { border-right: 0; } .entry table tbody tr:last-child td, .entry table tbody tr:last-child th { border-bottom: 0; } .entry img { max-width: 100%; } .cart_totals h2{ font-size: 18px; padding: 10px 0; font-weight: normal; } .content .tarhh { width: 100%; height: 170px; float: right; overflow: hidden; margin-bottom: 15px; } .content .tarhh .thumbnail { width: 250px; height: 170px; float: right; } .content .tarhh .thumbnail img{ width: 100%; height:100%; } .content .tarhh .lead{ width: calc(100% - 250px); height: 170px; float: right; } @media only screen and (max-width:1000px){ .content .tarhh { height: auto; } .content .tarhh .thumbnail { width: 100%; height: auto; } .content .tarhh .lead { width: 100%; height: auto; } } .content iframe { max-width: 100%; } .content .post_tags { margin: 20px 0; } .content .post_tags span { background: #f6f7fb; color: #a1a1b5; padding: 4px 15px; font-size: 13px; border-radius: 2px; margin-left: 10px; } .content .post_tags span.tgt { background: #f6f7fb; font-size: 13px; color: #a9a9a9; border-radius: 2px; padding: 5px 15px; margin-left: 10px; } .content .post_tags a { background: #f6f7fb; padding: 4px 15px; font-size: 13px; border-radius: 2px; } .content .post_tags a:hover { background: #666; color: #FFF; } .content img, .content .size-auto, .content .size-full, .content .size-large, .content .size-medium, .content .attachment img { max-width: 100%; height: auto; vertical-align: middle; } .content .centered, .content .aligncenter { display: block; margin: 5px auto; } .content .alignright { margin: 5px 0 5px 25px; display: inline; float: right; } .content .alignleft { margin: 5px 25px 5px 0; display: inline; float: left; } .content .gallery { clear: both; margin: 0 auto 18px; } .content .gallery .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; padding: 10px; } .content .gallery-columns-2 .gallery-item { max-width: 50%; } .content .gallery-columns-3 .gallery-item { max-width: 33.33%; } .content .gallery-columns-4 .gallery-item { max-width: 25%; } .content .gallery-columns-5 .gallery-item { max-width: 20%; } .content .gallery-columns-6 .gallery-item { max-width: 16.66%; } .content .gallery-columns-7 .gallery-item { max-width: 14.28%; } .content .gallery-columns-8 .gallery-item { max-width: 12.5%; } .content .gallery-columns-9 .gallery-item { max-width: 11.11%; } .content .gallery .gallery-item img { height: auto; transition: all 0.5s ease; box-shadow: 0 0 3px 1px rgba(0,0,0,.2); margin: 0 auto; } .content .gallery .gallery-item a:hover img { -webkit-filter: brightness(120%) contrast(120%); -moz-filter: brightness(120%) contrast(120%); filter: brightness(120%) contrast(120%); -ms-transition: .2s filter linear; -o-transition: .2s filter linear; -webkit-transition: .2s filter linear; transition: .2s filter linear; } .content .gallery-caption { color: #888; margin: 0 0 12px; } .widget { } .widget .widget-title { padding: 10px; } .widget .widget-title h4 { background: #FF8000; color: #FFF; padding: 5px 15px; display: inline-block; position: relative; } .widget .widget-title h4:after, .widget .widget-title h4:before { position: absolute; content: ''; top: 0; right: 0; background-color: #FF8000; transform: translate(6px, -6px); } .widget .widget-title h4:before { width: 12px; height: 2px; } .widget .widget-title h4:after { height: 12px; width: 2px; } .widget .widget-title h4 a { color: #FFF; } .widget.widget_recent_comments ul li, .widget.widget_recent_entries ul li, .widget.widget_archive ul li, .widget.widget_categories ul li, .widget.widget_pages ul li, .widget.widget_meta ul li { padding: 10px; border-bottom: 1px solid #fafafa; } .me-plugin { position: relative !important; } .wi img, .wi .size-auto, .wi .size-full, .wi .size-large, .wi .size-medium, .wi .attachment img, .widget img, .widget .size-auto, .widget .size-full, .widget .size-large, .widget .size-medium, .widget .attachment img { max-width: 100%; height: auto; vertical-align: middle; } .wi .centered, .wi .aligncenter, .widget .centered, .widget .aligncenter { display: block; margin: 5px auto; } .wi .alignright, .widget .alignright { margin: 5px 0 5px 25px; display: inline; float: right; } .wi .alignleft, .widget .alignleft { margin: 5px 25px 5px 0; display: inline; float: left; } /*----------------------------------------------------------------------------------- # AP Widget #calendar /*-----------------------------------------------------------------------------------*/ #wp-calendar { width: 100%; text-align: center; border-spacing: 0; } #wp-calendar caption { padding: 5px; background: #999; color:#FFF; font-family: Num_Medium; font-size: 18px; } #wp-calendar th:hover, #wp-calendar td:hover { background: #eee; } #wp-calendar th, #wp-calendar td{ padding:5px; } #wp-calendar thead { background: #EEE; } #wp-calendar tbody a { background: #EEE; display: block; border-radius: 50%; height: 30px; width: 30px; line-height: 30px; text-align: center; } #wp-calendar th, #wp-calendar td { padding: 5px; font-family:"Num_Medium"; } /*----------------------------------------------------------------------------------- # AP Widget #Search /*-----------------------------------------------------------------------------------*/ .widget_search { background: #FFF; } .widget_search .search { display: flex; } .widget_search input.input { padding: 10px; width: 80%; float: right; } .widget_search input.button { padding: 10px 15px; background: #FF8000; width: 20%; float: right; color: #FFF; } /*----------------------------------------------------------------------------------- # AP Widget #code /*-----------------------------------------------------------------------------------*/ .ap-code { text-align: center; } /*----------------------------------------------------------------------------------- # AP Widget #polls /*-----------------------------------------------------------------------------------*/ .widget_polls-widget { border: 5px solid #FF8000; } .widget_polls-widget .widget-title { display: block; } .widget_polls-widget .widget-title h4 { float: right; padding: 5px 10px; border: 1px solid; font-size: 1em; } .widget_polls-widget .wp-polls { padding-bottom: 20px; } .widget_polls-widget .wp-polls strong { font-size: 16px; color: #FF8000; margin-bottom: 15px; display: block; } .widget_polls-widget .wp-polls .wp-polls-ul { margin: 0 10px; } .widget_polls-widget .wp-polls ul li { padding: 5px 0; } .widget_polls-widget .wp-polls input[type=checkbox], .widget_polls-widget .wp-polls input[type=radio] { position: relative; top: -0.250em; margin: 0 1em 0 1em; cursor: pointer; background: #FFF; } .widget_polls-widget .wp-polls label { font-size: 16px; } .widget_polls-widget .wp-polls .Buttons { border: 0; background-color: #FF8000; color: #FFF; padding: 10px 15px; transition: all .25s ease-in-out; margin-left: 10px; } .widget_polls-widget .wp-polls .Buttons:hover { background: #f2f2f2; color: #666; } .widget_polls-widget .wp-polls .pview { font-size: 12px; padding: 14px 15px; transition: all .25s ease-in-out; background: #eee; vertical-align: middle; } .widget_polls-widget .wp-polls input[type=checkbox]:before, .widget_polls-widget .wp-polls input[type=radio]:before { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; content: ""; position: absolute; left: -3px; z-index: 1; width: 1.5em; height: 1.5em; border: 2px solid #ddd; border-radius: 50%; } .widget_polls-widget .wp-polls input[type=checkbox]:checked:before, .widget_polls-widget .wp-polls input[type=radio]:checked:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); height: .6em; border-color: #f0a306; border-top-style: none; border-right-style: none; border-radius: 0; background: none; } .widget_polls-widget .wp-polls input[type=checkbox]:after, .widget_polls-widget .wp-polls input[type=radio]:after { content: ""; position: absolute; top: -0.125em; left: -3px; width: 1.6em; height: 1.6em; background: #fff; cursor: pointer; } /*----------------------------------------------------------------------------------- # AP Widget #timeline /*-----------------------------------------------------------------------------------*/ .timeline .polist { position: relative; display: none; } .timeline .polist.slick-initialized { display: block; } .timeline .polist .info-txt { text-align: right; margin-right:5px; margin-left: 0; position: relative; height:auto; } .timeline .polist .info-txt::before { content: ""; position: absolute; right: 0; top: 0; width: 2px; height: 100%; background: #e6e6e6; } .timeline .polist .info-txt:last-child { border: 0; } .timeline .polist .info-txt:hover .info-txt-icon { color: #ff8000; } .timeline .polist .info-txt:hover .info-txt-icon::before{ background:#ff8000; } .timeline .polist .info-txt .info-txt-height { height: 30px !important; } .timeline .polist .info-txt .info-txt-icon { font-size: 10px; display: block; position: relative; color: #888; line-height: 12px; margin-bottom: 5px; } .timeline .polist .info-txt .info-txt-icon span{ padding-right:10px; font-family:"Num_Light"; } .timeline .polist .info-txt .info-txt-icon::before { content: ""; width: 12px; height: 12px; background: #e6e6e6; border: 3px solid rgba(255,255,255,0.8); position: absolute; right: -5px; display: inline-block; vertical-align: middle; border-radius: 50%; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition-duration: 0.3s; } .timeline .polist .info-txt h2 { font-size: .9em; font-weight: normal; height: auto; line-height: 20px; padding: 0 !important; width: 100%; margin: 10px 0; margin-right: 10px; font-family: "Num_Medium"; color: #666; } .timeline .polist .slick-arrow { width: 30px; height: 30px; line-height: 30px; text-align: center; border: none; transition: all 0.3s ease-in-out; display: flex; align-items: center; justify-content: center; z-index: 18; position: absolute; top: -50px; cursor: pointer; background:#fff; border: 2px solid #eee; } .timeline .polist .slick-arrow.slick-disabled { color: #DDD; } .timeline .polist .slick-arrow.button-prev { left:20px; } .timeline .polist .slick-arrow.button-next { left:-10px; } /*----------------------------------------------------------------------------------- # AP Widget #wetaher /*-----------------------------------------------------------------------------------*/ .ap_wetaher { padding: 10px; } .ap_wetaher .fstday { display: grid; display: flex; } .ap_wetaher .fstday .weather_degre { text-align: center; font-size: 2em; font-weight: 800; margin: auto 10px; } .ap_wetaher .fstday .cityname { font-size: .8em; color: #a2a2a2; margin: auto 0; } /*----------------------------------------------------------------------------------- # AP Widget #social-b /*-----------------------------------------------------------------------------------*/ .social-b .t { margin-bottom: 10px; } .social-b .list-social { text-align: center; padding: 10px; } .social-b .list-social a { padding: 5px; display: inline-block; font-size: 1.5em; } .social-b .list-social a:hover { background: rgba(255, 255, 255, 0.39); } .social-b .list-social a.facebook { color: #3b5999; } .social-b .list-social a.twitter { color: #55acee; } .social-b .list-social a.google { color: #dd4b39; } .social-b .list-social a.linkedin { color: #0077B5; } .social-b .list-social a.youtube { color: #cd201f; } .social-b .list-social a.pinterest { color: #bd081c; } .social-b .list-social a.behance { color: #131418; } .social-b .list-social a.instagram { color: #e4405f; } /*----------------------------------------------------------------------------------- # AP Widget #prayers /*-----------------------------------------------------------------------------------*/ .ap_prayer { background: #FF8000; padding: 10px; } .ap_prayer .pr_head { display: flex; } .ap_prayer .pr_head img { width: auto; height: 50px; display: inline-block; } .ap_prayer .pr_head h4 { font-size: 1em; font-weight: 100; color: #FFF; padding: 5px; } .ap_prayer .pr_head h4 span { display: block; margin-right: 25px; } .ap_prayer ul { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 1px; } .ap_prayer ul li { background: rgba(0, 0, 0, 0.04); color: #FFF; border-bottom: 1px solid rgba(238, 238, 238, 0.08); font-size: 13px; text-align: center; } .ap_prayer ul li:hover { background: rgba(0, 0, 0, 0.11); } .ap_prayer ul li .degre { margin: auto auto auto 0; } /*----------------------------------------------------------------------------------- # AP Widget #Editors /*-----------------------------------------------------------------------------------*/ .wid-editors .widget-title { padding: 10px; } .wid-editors .widget-title h4 { background: #FF8000; color: #FFF; padding: 5px 15px; display: inline-block; } .wid-editors .list { display: flex; flex-wrap: wrap; } .wid-editors .list .item { border-bottom: 1px solid #fafafa; position: relative; display: flex; padding: 5px; width: 50%; float: right; } .wid-editors .list .item .thumbnail { width: 80px; height: 70px; float: right; display: block; overflow: hidden; position: relative; vertical-align: middle; margin: auto 0; border-radius: 50%; -ms-transition: .2s filter linear; -o-transition: .2s filter linear; -webkit-transition: .2s filter linear; transition: .2s filter linear; } .wid-editors .list .item .thumbnail img { width:100%; height:100%; object-fit: cover !important;/*----------------گرد شدن عکس-----------------*/ border-radius: 50%; border:5px solid #dadada; } .wid-editors .list .item:hover .thumbnail img { border: 5px solid #FF8000; } .wid-editors .list .item .det { width: calc(100% - 50px); float: right; display: inline-block; vertical-align: middle; position: relative; padding-right: 10px; } .wid-editors .list .item .det h2 { font-size: 100%; font-weight: 100; line-height: 150%; margin-bottom: 5px; font-family: "Num_Medium"; font-size: 13px;font-weight: normal; } .wid-editors .list .item:hover .det h2 { color: #FF8000; } .wid-editors .list .item .det .au_name { font-size: 12px; color: #888; display: block; font-family: "Num_Light"; } .wid-editors .list .item .det .au_name a { color: #FF8000; } .wid-editors .rmore { padding: 5px; text-align: center; display: block; } .wid-editors .laste { display: flex; flex-wrap: wrap; } .wid-editors .laste .item { border-bottom: 1px solid #fafafa; position: relative; display: flex; padding: 5px; width: 50%; float: right; } .wid-editors .laste .item .thumbnail { width:110px; height:60px; float: right; display: block; overflow: hidden; position: relative; vertical-align: middle; margin: auto 0; } .wid-editors .laste .item .thumbnail img { width:100%; height:100%; object-fit: cover !important;/*----------------گرد شدن عکس-----------------*/ } .wid-editors .laste .item:hover .thumbnail img { -webkit-filter: brightness(120%) contrast(120%); -moz-filter: brightness(120%) contrast(120%); filter: brightness(120%) contrast(120%); -ms-transition: 0.3s filter linear; -o-transition: 0.3s filter linear; -webkit-transition: 0.3s filter linear; transition: 0.3s filter linear; } .wid-editors .laste .item .det { width: calc(100% - 50px); float: right; display: inline-block; vertical-align: middle; position: relative; padding-right: 10px; } .wid-editors .laste .item .det h2 { font-size: 100%; font-weight: normal; line-height: 150%; margin-bottom: 5px; font-family: "Num_Medium"; font-size: 13px; } .wid-editors .laste .item:hover .det h2 { color: #FF8000; } .wid-editors .laste .item .det .au_name { font-size: 12px; color: #888; display: block; font-family:"Num_Light"; } .wid-editors .laste .item .det .au_name a { color: #FF8000; } /*----------------------------------------------------------------------------------- # AP Widget #videos /*-----------------------------------------------------------------------------------*/ .ap_wid_videos { background: #1c202a; margin-bottom: 10px; } .ap_wid_videos .widget-title { padding: 10px 10px 0 10px; min-width: 50%; } .ap_wid_videos .widget-title h4 { background: rgba(238, 238, 238, 0.05); color: #FFF; padding: 5px 15px; display: inline-block; } .ap_wid_videos .widget-title h4 a { color: #FFF; } .ap_wid_videos .list { padding: 10px; position: relative; display: none; } .ap_wid_videos .list.slick-initialized { display: block; } .ap_wid_videos .list:hover .slick-arrow { opacity: 1; } .ap_wid_videos .list:hover .slick-arrow.button-prev { right: -10px; } .ap_wid_videos .list:hover .slick-arrow.button-next { left: -10px; } .ap_wid_videos .list .item { width: 32.5%; float: right; padding: 0; background: none; overflow: hidden; position: relative; background: rgba(238, 238, 238, 0.05); } .ap_wid_videos .list .item:nth-child(1) { width: 67.5%; } .ap_wid_videos .list .item:nth-child(1) .thumbnail { height: 270px; } .ap_wid_videos .list .item:nth-child(1) .det h2 { font-size: 1.5em;font-weight: normal; } .ap_wid_videos .list .item:last-child { border: 0; margin-bottom: 0; } .ap_wid_videos .list .item:hover .thumbnail .play-icon { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .ap_wid_videos .list .item .thumbnail { width: 100%; height: 135px; position: relative; display: block; overflow: hidden; background-size: 50%; text-indent: 0; position: relative; } .ap_wid_videos .list .item .thumbnail img { object-fit: cover !important; width: 100% !important; height: 100% !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); } .ap_wid_videos .list .item .thumbnail .play-icon { position: absolute; top: 0; right: 0; color: #FFF; border: 1px solid #FFF; background: rgba(238, 238, 238, 0.55); width: 30px; height: 30px; line-height: 28px; padding: 0 7px; -moz-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; background: #c00; border-color: #c00; } .ap_wid_videos .list .item .det { width: auto; position: absolute; bottom: 0; right: 0; left: 0; padding: 10px; background: linear-gradient(270deg, transparent, #000000); background: -webkit-linear-gradient(270deg, transparent, #000); background: -o-linear-gradient(270deg, transparent, #000); background: -moz-linear-gradient(270deg, transparent, #000); background: -ms-linear-gradient(270deg, transparent, #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0); } .ap_wid_videos .list .item .det h2 { font-size: .8em; font-weight: normal; color: #FFF; } .ap_wid_videos .list .item .det h2 a { color: #FFF; } .ap_wid_videos .list .slick-arrow { width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: rgba(40, 41, 39, 0.15); border: none; color: #fff; transition: all 0.3s ease-in-out; display: flex; align-items: center; justify-content: center; z-index: 18; position: absolute; top: 50%; margin-top: -15px; cursor: pointer; background: #222; transition: all 0.15s ease-in-out; opacity: 0; } .ap_wid_videos .list .slick-arrow.slick-disabled { background: #ddd; } .ap_wid_videos .list .slick-arrow:hover { border: 3px solid rgba(255, 255, 255, 0.23); } .ap_wid_videos .list .slick-arrow.button-prev { right: 10px; } .ap_wid_videos .list .slick-arrow.button-next { left: 10px; } .sidebar .ap_wid_videos .list { padding: 10px; display: block; } .sidebar .ap_wid_videos .list .item { margin-bottom: 10px; position: relative; background: rgba(238, 238, 238, 0.05); width: 100%; } .sidebar .ap_wid_videos .list .item .thumbnail { height: 100px; } .sidebar .ap_wid_videos .list .item:nth-child(1) { width: 100%; } .sidebar .ap_wid_videos .list .item:nth-child(1) .thumbnail { height: 100px; } .sidebar .ap_wid_videos .list .item:nth-child(1) .det h2 { font-size: .8em;font-weight: normal; } .sidebar .ap_wid_videos .list .item:last-child { border: 0; margin-bottom: 0; } .sidebar .ap_wid_videos .list .item .thumbnail { position: relative; width: 50%; float: right; } .sidebar .ap_wid_videos .list .item .thumbnail .play-icon { position: absolute; top: 50%; right: 50%; color: #FFF; border: 1px solid #FFF; background: rgba(238, 238, 238, 0.55); width: 30px; height: 30px; line-height: 28px; padding: 0 7px; margin-right: -15px; margin-top: -15px; -moz-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; } .sidebar .ap_wid_videos .list .item .det { padding: 10px; width: 50%; float: right; position: relative; background: none; } .sidebar .ap_wid_videos .list .item .det h2 { font-size: .8em; font-weight: normal; color: #FFF; } .sidebar .ap_wid_videos .list .item .det h2 a { color: #FFF; } .sidebar .wid-editors .item { width: 100%; float: none; border-bottom: 1px solid #eee; } .sidebar .wid-editors .item:last-child{ padding-bottom:0; border-bottom: none; } @media only screen and (max-width: 768px) { .ap_news .ap_wid_videos .list { padding: 10px; display: block; } .ap_news .ap_wid_videos .list .item { margin-bottom: 10px; position: relative; background: rgba(238, 238, 238, 0.05); width: 100%; } .ap_news .ap_wid_videos .list .item:nth-child(1) { width: 100%; } .ap_news .ap_wid_videos .list .item:nth-child(1) .thumbnail { height: 135px; } .ap_news .ap_wid_videos .list .item:nth-child(1) .det h2 { font-size: 1em;font-weight: normal; } .ap_news .ap_wid_videos .list .item:last-child { border: 0; margin-bottom: 0; } .ap_news .ap_wid_videos .list .item .thumbnail { position: relative; width: 50%; float: right; } .ap_news .ap_wid_videos .list .item .thumbnail .play-icon { position: absolute; top: 50%; right: 50%; color: #FFF; border: 1px solid #FFF; background: rgba(238, 238, 238, 0.55); width: 30px; height: 30px; line-height: 28px; padding: 0 7px; margin-right: -15px; margin-top: -15px; -moz-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; } .ap_news .ap_wid_videos .list .item .det { padding: 10px; width: 50%; float: right; position: relative; background: none; } .ap_news .ap_wid_videos .list .item .det h2 { font-size: 1em; font-weight: normal; color: #FFF; } .ap_news .ap_wid_videos .list .item .det h2 a { color: #FFF; } .ap_news .wid-editors { display: block; } .ap_news .wid-editors .item { width: 100%; float: none; } } .comments-area { background: #FFF; } .comments-area .comments-title { padding: 5px 15px; background: rgba(0, 0, 0, 0.05); } .comments-area .comments-title h3 { font-weight: 100; font-size: 1.2em; } .comments-area h2.comments-title { font-size: 1.2em; font-weight: 100; padding: 5px 15px; background: #FAFAFA; border-radius: 20px; margin-bottom: 10px; } .comments-area p.comment-notes { background: #fff2d6; border: 1px solid #fde9bf; color: #d6a100; padding: 10px; margin-bottom: 10px; font-size: 12px; } .comments-area .comment-list { background: #FFF; } .comments-area .comment-list li:nth-child(odd) { background-color: #f9f9f9; } .comments-area .comment-list footer { padding: 0; margin-bottom: 20px; text-align: right; font-size: .8em; } .comments-area .comment-list .vcard { text-align: right; } .comments-area .comment-list article.comment-body { position: relative; padding: 10px; border-bottom: 1px solid #EEE; } .comments-area .comment-list ol.children { margin-right: 40px; } .comments-area .comment-list .comment-metadata { text-align: right; display: inline-block; vertical-align: middle; } .comments-area .comment-list .comment-metadata a { color: #9e9e9e; } .comments-area .comment-list .comment-author.vcard img { float: right; margin-left: 15px; border-radius: 50%; width: 40px; height: 40px; } .comments-area .comment-list .comment-content { line-height: 150%; text-align: justify; color: #000; } .comments-area .comment-list .reply { position: absolute; left: 10px; top: 10px; } .comments-area .comment-list .reply a { background: #EEE; padding: 5px 15px; font-size: 12px; position: relative; display: block; border-radius: 20px; } .comments-area .comment-list .reply a:hover { background: #373e4a; color: #FFF; } .comments-area .comment-list li:last-child { margin-bottom: 0; border: 0; } .comments-area .comment-list li .commentnumber { float: right; color: #999999; font-size: 3em; margin: 0; padding: 0 .5em .5em 0; clear: right; } .comments-area .comment-list li li .commentnumber { font-size: 1.7em; } .comments-area .comment-list li li .commentnumber li .commentnumber { font-size: 1.3 em; } .comments-area .comment-list ul.children { margin-right: 10%; } .comments-area .comment-list cite.fn { display: block; color: #000; font-size: 15px; font-weight: 700; margin-bottom: 10px; } .comments-area .comment-list .comment-date { display: block; font-size: 13px; } .comments-area .comment-list .comment-date a { color: #9e9e9e; } .comments-area .comment-navigation { text-align: center; padding: 10px; } .comments-area .comment-navigation .nav-previous, .comments-area .comment-navigation .nav-next { display: inline-block; } .comments-area .comment-navigation .nav-previous a, .comments-area .comment-navigation .nav-next a { padding: 10px; padding: 10px; border: 1px solid #EEE; display: inline-block; } /* comment-respond */ .comment-respond .logged-in-as { padding: 10px; } .comment-respond h3.comment-reply-title { font-weight: 100; padding: 5px 15px; background: rgba(0, 0, 0, 0.02); font-size: 1em; } .comment-form { padding: 10px; } .comment-form-email label, .comment-form-author label { display: none; margin: 10px; font-size: 11px; font-weight: bold; } .comment-form-author, .comment-form-email, .comment-form-url { position: relative; width: 50%; float: right; padding-left: 10px; } .comment-form-email { padding-left: 0; padding-right: 0; } .comment-respond #comment, .comment-respond #author, .comment-respond #email, .comment-respond #url { border: none; background: #FFF; border: 1px solid #dadada; font-size: 14px; line-height: 24px; color: #676767; width: 100%; padding: 5px 10px; margin-bottom: 10px; } .comment-respond #comment:focus, .comment-respond #author:focus, .comment-respond #email:focus, .comment-respond #url:focus { border-color: #adadad; } .comment-respond #comment { height: 130px; border: 1px solid #e2e2e2; display: block; float: right; max-width: 100%; min-height: 140px; min-width: 100%; padding: 10px; position: relative; resize: none; width: 100%; } .comment-respond .submit { background: #FF8000; border: medium none; color: #fff; padding: 10px 20px; } .container { width: 1170px; margin: 0 auto; } .container-max { margin: 0 auto; width: 1170px; } .ap_main .inn { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .content-area { width: calc(100% - 300px); padding: 0 0 0 20px; order: 1; float: right; position: relative; } .ap-footer { color: #fff; position: relative; background: #242424; width: 100% !important; } .ap-footer a { color: #999; } .ap-footer .copyright-area { padding: 10px; font-size: 11px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid rgba(255, 255, 255, 0.05); font-family: "Num_Light"; color: #999; } .ap-footer #cp { margin-right: 15px; line-height: 200%; } .ap-footer #cp a > * { display: inline-block; vertical-align: middle; } .ap-footer .footer-top { display: flex; padding: 20px 0; } .ap-footer .footer-right { padding:0; width: 50%; display: flex; flex-wrap: wrap; } .ap-footer .footer-right .wid { width: 100%; } .ap-footer .footer-right .wid .t { padding: 5px; } .ap-footer .footer-right .wid .t h4 { font-size: 1em; font-weight: 700; } .ap-footer .footer-right .wid ul { padding: 0; } .ap-footer .footer-right .wid ul li { margin: 0; position: relative; padding-right: 10px; display: inline-block; } .ap-footer .footer-right .wid ul li:after { position: absolute; content: ''; width: 5px; height: 5px; background: #9da2b7; opacity: .6; border-radius: 50%; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .ap-footer .footer-right .wid ul li a { display: inline-block; } .ap-footer .footer-right .wid p { font-size: 12px; font-family: "Num_Light"; color: #999; text-align: justify; } .ap-footer .footer-right .wid .textwidget { font-size: 1em; padding: 5px; } .ap-footer .footer-left { margin: 0; width: 50%; padding-right: 20px; } .ap-footer .footer-left .social { margin: 0 auto 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack:left; -ms-flex-pack:left; justify-content:left; } .ap-footer .footer-left .social ul { display: flex; } .ap-footer .footer-left .social ul li { margin-left:5px; } .ap-footer .footer-left .social ul li a { width: 30px; height: 30px; line-height: 30px; text-align: center; color: #999; border-radius:3px; display: block; background:#333; padding: 4px 0; } .footer-top .social ul li a:hover{ background:#ff8000; color:#fff; } .foot-top{ width: 100%; height:50px; line-height: 50px; background: #444; text-align:right; } .foot-top .footer-menu { width: 100%; text-align:right; } .foot-top .footer-menu li { display: inline-block; position: relative; margin: 0 0 0 20px; color: #999; font-size: 14px; font-family: "Num_Medium"; } .foot-top .footer-menu li:last-child:after { display: none; } .foot-top .footer-menu li:after { content: "|"; display: block; position: absolute; right: 100%; top: 0px; width: 20px; color: #ff8000; text-align: center; } .foot-top .footer-menu li a { display: inline-block; font-size: 14px; font-family: "Num_Medium"; color:#b0afaf; } .foot-top .footer-menu li a:hover { color:#ff8000; } .foot-bottom{ width: 100%; height:50px; line-height: 50px; background: #333; text-align:right; } .foot-bottom .footer-menu { width: 100%; text-align:right; } .foot-bottom .footer-menu li { display: inline-block; position: relative; margin: 0 0 0 20px; color: #999; font-size: 14px; font-family: "Num_Medium"; } .foot-bottom .footer-menu li:last-child:after { display: none; } .foot-bottom .footer-menu li:after { content: "|"; display: block; position: absolute; right: 100%; top: 0px; width: 20px; color: #ff8000; text-align: center; } .foot-bottom .footer-menu li a { display: inline-block; font-size: 14px; font-family: "Num_Medium"; color:#b0afaf; } .foot-bottom .footer-menu li a:hover { color:#ff8000; } .go-top { position: fixed; bottom: 2em; right: 1em; color: #ffffff; background-color: #FF8000; box-shadow: 0 0 7px -3px rgba(0, 0, 0, 0.3); width: 35px; height: 35px; text-align: center; line-height: 36px; font-size: 1.2em; display: none; z-index: 999; } .go-top:hover { background-color: rgba(0, 0, 0, 0.6); color: #FFF; } @media only screen and (max-width: 768px) { .ap-footer .footer-top { display: block; } .ap-footer .footer-top .footer-right { float: none; width: 100%; padding: 0 0 10px 0; } .ap-footer .footer-top .footer-left { float: none; width: 100%; padding: 0; } .ap-footer .footer-top .footer-left .social { text-align: center; display: block; } .ap-footer .footer-top .footer-left .social ul { justify-content: center; } } @media print { .ap_header, .ap_menu, .marquee, .alert, .jmb_banner, .sidebar, .post-banner, .post-banner-bottom, .content .post_tags, .moreposts, .comments-area, .ap-footer, .content_control, .ap-footer-menu .footer-menu, .ap-footer-menu .social { display: none !important; } #entry, .content-area { width: 100%; float: none; } } .ap-no-found { text-align: center; margin:40px auto; } .ap-no-found .text_404 { font-size: 1000%; color: #FCB03B; font-weight: 700; text-align: center; margin: 15px auto; overflow: hidden; line-height: 100%; padding:30px; font-family: "Num_Medium"; } .ap-no-found h2 { font-size: 1em; font-weight: normal; } /***************************************************************************************/ .track{ width:3px; background:none; } .dragging{ background:#eee; background:rgba(0, 0, 0, 0.1); } .track.dragging{ background:#eee; background:rgba(0, 0, 0, 0.1); } .handle{ width:3px; right:0; background:#eee; transition:width 250ms; } .track .handle, .track.dragging .handle{ width:3px; margin-right: 5px; } .boxx { margin-bottom: 20px; width: 100%; } .boxx .tit { text-align:right; margin-bottom: 10px; } .boxx .tit h4 { display: inline-block; background: #FF8000; color: #FFF; position: relative; font-size: 1.2em; padding: 2px 0; } .boxx .tit h4 .fa{ line-height: 30px; padding-left: 5px; } .boxx .tit h4 span { position: relative; padding: 0 15px; font-family: "Num_Medium"; font-weight: normal; } .boxx .tit h4 span a{ color: #FFF; } .boxx .tit h4:after, .boxx .tit h4:before { position: absolute; content: ''; top: 0; right: 0; background-color: #FF8000; transform: translate(6px, -6px); } .boxx .tit h4:before { width: 12px; height: 2px; } .boxx .tit h4:after { height: 12px; width: 2px; } .boxx .aa{ margin-left: 10px; margin-bottom:25px; position: relative; width:100%; height:auto; float: right; background:#FFF; box-shadow: 0 7px 5px -5px rgba(207,207,207,1); padding:5px 5px; } .boxx .aa .right{ width:40%; float: right; height: auto; padding: 5px 0; } .boxx .aa .right .thumbnail{ width:100%; height:200px; } .boxx .aa .right .thumbnail img{ width:100%; height:100%; object-fit: cover !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); } .boxx .aa .right:hover .thumbnail img { -webkit-filter: brightness(120%) contrast(120%); -moz-filter: brightness(120%) contrast(120%); filter: brightness(120%) contrast(120%); -ms-transition: .2s filter linear; -o-transition: .2s filter linear; -webkit-transition: .2s filter linear; transition: .2s filter linear; } .boxx .aa .right .det{ padding:10px 5px; } .boxx .aa .right .det .cat{ color:#888; font-family: "Num_Light"; font-size: 12px; width:100%; display: block; margin-bottom: 10px; } .boxx .aa .right .det h2 { margin-bottom: 10px; line-height: 25px;font-weight: normal; } .boxx .aa .right .det h2 a { font-size: 16px; color: #4d4d4d; font-family: "Num_Medium"; } .boxx .aa .right .det h2 a:hover { color: #ff8000; } .boxx .aa .right .det p { color: #888; text-align: justify; font-size: 11px; font-family: "Num_Light"; height:auto; } .boxx .aa .left{ width:55%; float: right; margin-right:10px; height: auto; } .boxx .aa .left .pic{ width:100%; float: right; margin-left:5%; height: auto; padding: 5px 0; border-bottom: 1px solid #eee; } .boxx .aa .left .pic:last-child{ padding-bottom:0; border-bottom: none; } .boxx .aa .left .pic .thumbnail{ width:180px; height:120px; float: right; margin-left: 10px; } .boxx .aa .left .pic .thumbnail img{ width:100%; height:100%; object-fit: cover !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); } .boxx .aa .left .pic:hover .thumbnail img{ -webkit-filter: brightness(120%) contrast(120%); -moz-filter: brightness(120%) contrast(120%); filter: brightness(120%) contrast(120%); -ms-transition: 0.3s filter linear; -o-transition: 0.3s filter linear; -webkit-transition: 0.3s filter linear; transition: 0.3s filter linear; } .boxx .aa .left .pic .det{ width: calc(100% - -25px); } .boxx .aa .left .pic .det h2 { margin-bottom: 8px; line-height: 20px;font-weight: normal; } .boxx .aa .left .pic .det h2 a { font-size: 14px; color: #4d4d4d; font-family: "Num_Medium"; } .boxx .aa .left .pic .det h2 a:hover { color: #ff8000; } .boxx .aa .left .pic .det p { color: #888; text-align: justify; font-size: 10px; font-family: "Num_Light"; height:auto; } .boxx .aa .left .title{ width:100%; float: right; margin-left:5%; height: auto; padding: 5px 0; border-bottom: 1px solid #eee; } .boxx .aa .left .title:last-child{ padding-bottom:0; border-bottom: none; } .boxx .aa .left .title .det{ width: calc(100% - -25px); } .boxx .aa .left .title .det h2 { margin-bottom: 8px; line-height: 20px;font-weight: normal; } .boxx .aa .left .title .det h2 a { font-size: 14px; color: #4d4d4d; font-family: "Num_Medium"; } .boxx .aa .left .title .det h2 a:hover{ color: #ff8000; } .boxx .aa .left .title .det h2::before { content: "■ "; color: #666; font-size: 12px; margin-left: 6px; padding-top: 2px; float: right; } .boxx .aa .left .title .det h2:hover::before{ color: #ff8000; } .boxx .aa .left .title .det span { color: #888; text-align: justify; font-size: 12px; margin-bottom: 5px; font-family: "Num_Light"; height: auto; width: 100%; display: block; } .boxx .ee{ position: relative; width:100%; height:auto; float: right; } .boxx .ee .right{ width:23.5%; height:430px; float: right; background:#FFF; box-shadow: 0 7px 5px -5px rgba(207,207,207,1); margin-left: 11px; } .boxx .ee .right .thumbnail{ width:100%; height:190px; } .boxx .ee .right .thumbnail img{ width:100%; height:100%; object-fit: cover !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); } .boxx .ee .right:hover .thumbnail img { -webkit-filter: brightness(120%) contrast(120%); -moz-filter: brightness(120%) contrast(120%); filter: brightness(120%) contrast(120%); -ms-transition: .2s filter linear; -o-transition: .2s filter linear; -webkit-transition: .2s filter linear; transition: .2s filter linear; } .boxx .ee .right .det{ padding:10px; } .boxx .ee .right .det .cat{ color:#888; font-family: "Num_Light"; font-size: 12px; width:100%; display: block; margin-bottom: 10px; } .boxx .ee .right .det h2 { margin-bottom: 10px; line-height: 25px;font-weight: normal; } .boxx .ee .right .det h2 a { font-size: 16px; color: #4d4d4d; font-family: "Num_Medium"; } .boxx .ee .right .det h2 a:hover { color: #ff8000; } .boxx .ee .right .det p { color: #888; text-align: justify; font-size: 11px; font-family: "Num_Light"; height:auto; } .boxx .ee .left{ width:51%; float: right; height: auto; } .boxx .ee .left .pic{ width:100%; float: right; margin-bottom:12px; height:auto; overflow: hidden; background:#FFF; box-shadow: 0 7px 5px -5px rgba(207,207,207,1); } .boxx .ee .left .pic:last-child{ padding-bottom:0; border-bottom: none; } .boxx .ee .left .pic .thumbnail{ width:180px; height:130px; float: right; margin-left: 10px; } .boxx .ee .left .pic .thumbnail img{ width:100%; height:100%; object-fit: cover !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); } .boxx .ee .left .pic:hover .thumbnail img{ -webkit-filter: brightness(120%) contrast(120%); -moz-filter: brightness(120%) contrast(120%); filter: brightness(120%) contrast(120%); -ms-transition: .2s filter linear; -o-transition: .2s filter linear; -webkit-transition: .2s filter linear; transition: .2s filter linear; } .boxx .ee .left .pic .det{ width: calc(100% - 10px); padding:5px 0; } .boxx .ee .left .pic .det h2 { margin-bottom: 8px;font-weight: normal; line-height: 20px; } .boxx .ee .left .pic .det h2 a { font-size: 14px; color: #4d4d4d; font-family: "Num_Medium"; } .boxx .ee .left .pic .det h2 a:hover { color: #ff8000; } .boxx .ee .left .pic .det p { color: #888; text-align: justify; font-size: 10px; font-family: "Num_Light"; height:auto; } .boxx .ee .left .pic .det span { color: #888; text-align: justify; font-size: 12px; font-family: "Num_Light"; height:auto; } .boxx .ff{ position: relative; width:100%; height:auto; float: right; } .boxx .ff .right{ width:29%; height:467px; float: right; background:#FFF; box-shadow: 0 7px 5px -5px rgba(207,207,207,1); } .boxx .ff .right .thumbnail{ width:100%; height:220px; } .boxx .ff .right .thumbnail img{ width:100%; height:100%; object-fit: cover !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); } .boxx .ff .right:hover .thumbnail img { -webkit-filter: brightness(120%) contrast(120%); -moz-filter: brightness(120%) contrast(120%); filter: brightness(120%) contrast(120%); -ms-transition: .2s filter linear; -o-transition: .2s filter linear; -webkit-transition: .2s filter linear; transition: .2s filter linear; } .boxx .ff .right .det{ padding:10px; } .boxx .ff .right .det .cat{ color:#888; font-family: "Num_Light"; font-size: 12px; width:100%; display: block; margin-bottom: 10px; } .boxx .ff .right .det h2 { margin-bottom: 10px; line-height: 25px;font-weight: normal; } .boxx .ff .right .det h2 a { font-size: 16px; color: #4d4d4d; font-family: "Num_Medium"; } .boxx .ff .right .det h2 a:hover { color: #ff8000; } .boxx .ff .right .det p { color: #888; text-align: justify; font-size: 11px; font-family: "Num_Light"; height:auto; } .boxx .ff .left{ width:70%; float: right; height: auto; } .boxx .ff .left .pic{ width:31.9%; float: right; margin-right: 11px; margin-bottom:10px; height:230px; overflow: hidden; background:#FFF; box-shadow: 0 7px 5px -5px rgba(207,207,207,1); } .boxx .ff .left .pic:last-child{ padding-bottom:0; border-bottom: none; } .boxx .ff .left .pic .thumbnail{ width:100%; height:170px; float: right; margin-left: 10px; } .boxx .ff .left .pic .thumbnail img{ width:100%; height:100%; object-fit: cover !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); } .boxx .ff .left .pic:hover .thumbnail img{ -webkit-filter: brightness(120%) contrast(120%); -moz-filter: brightness(120%) contrast(120%); filter: brightness(120%) contrast(120%); -ms-transition: .2s filter linear; -o-transition: .2s filter linear; -webkit-transition: .2s filter linear; transition: .2s filter linear; } .boxx .ff .left .pic .det{ width:100%; padding:5px; overflow: hidden; } .boxx .ff .left .pic .det h2 { margin-bottom: 8px; line-height: 20px;font-weight: normal; } .boxx .ff .left .pic .det h2 a { font-size: 13px; color: #4d4d4d; font-family: "Num_Medium"; } .boxx .ff .left .pic .det h2 a:hover { color: #ff8000; } .boxx .ff .left .pic .det p { color: #888; text-align: justify; font-size: 10px; font-family: "Num_Light"; height:auto; } .sidebar-header { text-align:right; margin-bottom: 10px; } .sidebar-header h4 { display: inline-block; background: #FF8000; color: #FFF; position: relative; font-size: 1.2em; padding: 2px 15px; z-index:0; font-family: "Num_Medium"; font-weight: normal; } .sidebar-header h4:after, .sidebar-header h4:before { position: absolute; content: ''; top: 0; right: 0; background-color: #FF8000; transform: translate(6px, -6px); } .sidebar-header h4:before { width: 12px; height: 2px; } .sidebar-header h4:after { height: 12px; width: 2px; } .sidebar-content{ margin-bottom: 20px; background:#FFF; box-shadow: 0 7px 5px -5px rgba(207,207,207,1); padding:15px 10px; } .post-wrap ul li a{ font-weight: 100; line-height: 150%; margin-bottom: 5px; font-family: "Num_Medium"; font-size: 13px; } .post-wrap ul li::before { content: "■ "; color: #666; font-size: 12px; margin-left: 6px; padding-top:3px; float: right; } .post-wrap ul li:hover a{ color: #ff8000; } .post-wrap ul li:hover i{ color: #ff8000; } .post-wrap ul li:hover::before{ color: #ff8000; } .all-post li.media-all::before , .all-post li.gallery-all::before{ content: none; } .all-post{ overflow: hidden; list-style: none !important; } .all-post ul{ list-style: none !important; } .all-post li{ list-style: none !important; padding-bottom: 5px; padding-top: 2px; float: right; width: 100%; border-bottom: 1px solid #eee; } .all-post li:last-child{ padding-bottom:0; border-bottom: none; } .all-post li a{ font-weight: 100; line-height: 150%; margin-bottom: 5px; font-family: "Num_Medium"; font-size: 13px; } .all-post li:hover a{ color: #ff8000; } .all-post li:hover i{ color: #ff8000; } .all-post li:hover::before{ color: #ff8000; } .all-post li i{ color: #666; float: right; font-size: 12px; padding-top: 5px; padding-left: 6px; } .all-post li::before { content: "■ "; color: #666; font-size: 12px; margin-left: 6px; padding-top: 2px; float: right; } .popular-post{ overflow: hidden; list-style: none !important; } .popular-post .item-post { overflow: hidden; float: right; width: 100%; border-bottom: 1px solid #eee; padding-bottom: 7px; padding-top: 2px; } .popular-post .item-post:last-child{ padding-bottom:0; border-bottom: none; } .popular-post .post-number { float: right; background:#f1f1f1; border-radius: 50px; color:#FF8000; display: block; font-family:"Num_Medium"; font-size: 16px; font-weight: 700; height: 30px; line-height: 30px; text-align: center; width: 30px; margin-left: 10px; margin-top: 2px; } .popular-post .post-right{ float: right; width: calc(100% - 45px); } .popular-post .post-right h2{ line-height:20px; font-weight: normal; } .popular-post .post-right h2 a { line-height: 100%; font-family: "Num_Medium"; font-size: 13px; color:#666; } .popular-post .item-post:hover a{ color: #ff8000; } #search-btn { font-size:18px; width: 30px; position: relative; height: 30px; float: left; text-align: center; line-height: 30px; padding: 0; background: #b9b9b94a; border-radius: 50px; color: #bfc0c0; margin-right:8px; cursor: pointer; } #search-btn:hover { color: #fff; } .cartt { font-size: 16px; width: 30px; position: relative; height: 30px; float: left; text-align: center; line-height: 30px; padding: 0;cursor: pointer; background: #b9b9b94a; border-radius: 50px; color: #bfc0c0; margin-right: 8px; } .cartt:hover{ color: #fff; } .cartt:hover::before{ color:#fff !important; } .cartt::before { content:"\f290"; color:#bfc0c0; padding: 2px; font-family: 'FontAwesome'; } .cartt span { color: #fff; font-family: "Num_Light"; font-size: 11px; background: #f00; padding: 0 7px; border-radius: 30px; margin-right: -30px; text-align: center; height: 18px; display: inline-block; line-height: 18px; position: absolute; float: right; margin-top: -8px; } /*************************menu***********************/ .dropbtn { font-size: 18px; width: 30px; position: relative; height: 30px; float: left; text-align: center; line-height: 30px; padding: 0; cursor: pointer; background: #b9b9b94a; border-radius: 50px; color: #bfc0c0; margin-right: 8px; } .dropbtn:hover{ color: #fff; } .dropbtn:hover::before{ color:#fff !important; } .dropbtn::before { content:"\f0c9"; color:#bfc0c0; padding: 2px; font-family: 'FontAwesome'; } .dropdown { position: relative; width: 100%; } .dropdown-content { display: none; position: absolute; background-color:#303030; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2); z-index: 9999999; padding: 10px 0; animation-name:fadeInDown ; animation-duration:0.4s ; float: none; width: 100%; } .dropdown-content ul{ width:100%; } .ap_header .dropdown-content { width:100%; } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .show {display:block;} @-webkit-keyframes fadeInDown { 0% { opacity: 0 ; -webkit-transform: translateY(-20px) ; } 100% { opacity: 1 ; -webkit-transform: translateY(0) ; } } @-moz-keyframes fadeInDown { 0% { opacity: 0 ; -moz-transform: translateY(-20px) ; } 100% { opacity: 1 ; -moz-transform: translateY(0) ; } } @-o-keyframes fadeInDown { 0% { opacity: 0 ; -o-transform: translateY(-20px) ; } 100% { opacity: 1 ; -o-transform: translateY(0) ; } } @keyframes fadeInDown { 0% { opacity: 0 ; transform: translateY(-20px) ; } 100% { opacity: 1 ; transform: translateY(0) ; } } .animated.fadeInDown { -webkit-animation-name: fadeInDown ; -moz-animation-name: fadeInDown ; -o-animation-name: fadeInDown ; animation-name: fadeInDown ; } .vertical-menu ul{ width: 100%; float: right; } .vertical-menu ul li{ width:25%; float: right; margin-bottom:10px; text-align: justify; } .vertical-menu ul li a{ font-family:"Num_Medium"; font-size:14px; color:#bfc0c0; } .vertical-menu ul li ul li{ width:100%; float: right; margin-bottom:0; line-height:5px; } .vertical-menu ul li ul li a{ font-family: "Num_Light"; font-size:12px; color:#999; } .vertical-menu a { color:#eee; display: block; padding: 12px; text-decoration: none; } .vertical-menu a:hover { color:#ff8000; } span.sub { font-family: "Num_Light"; font-size:12px; color:#999; } .dark .dropbtn::before { color:#bfc0c0; } .dark .ap_header{ background: #fff; border-bottom: 1px solid #eee; } .dark .ap_header .inn .header_right { background:#fff; } .dark .ap-nav ul li a { color: #444; } .dark .ap_header .ap_time b b ,.dark #clock::before{ color: #999; } .dark .ap_header .ap_time { color: #b6b3b3; font-weight: normal; } .dark .dropdown-content { background-color: #f7f7f7; } .dark .vertical-menu ul li a{ color: #888; } .dark .vertical-menu ul li a:hover,.dark .ap-nav ul li a:hover{ color: #ff8000; } .dark .marquee { box-shadow: 0 7px 5px -5px rgb(207, 207, 207); border-top: 1px solid rgba(0, 0, 0, 0.04); } /*************************menu***********************/ .tab-post { margin-bottom: 10px; width: 100%; height: auto; } div.tab-post strong { display: inline-block; background: #8e8e8e; color:#ececec; cursor: pointer; position: relative; font-size: 1.2em; margin-left: 15px; font-weight: normal; font-family: "Num_Medium"; padding: 0 15px; } div.tab-post strong.active { display: inline-block; background: #FF8000; color:#FFF; position: relative; font-size: 1.2em; } div.tab-post strong.active::before { width: 12px; height: 2px; } div.tab-post strong.active::after { height: 12px; width: 2px; } div.tab-post strong.active::after, div.tab-post strong.active::before { position: absolute; content: ''; top: 0; right: 0; background-color:#FF8000; transform: translate(6px, -6px); } div.tab-post strong.active{ position: relative; padding: 0 15px; z-index: 99; font-family: "Num_Medium"; font-weight: normal; } div.tab-post strong.active::after, div.tab-post strong.active::before { position: absolute; content: ''; top: 0; right: 0; background-color: #FF8000; transform: translate(6px, -6px); } #IranMap{ display: block; position: relative; direction: rtl; text-align: right; padding:10px; padding-bottom: 20px; font-family: Num_Medium; font-size: 12px; width: 100%; background-color: #fff; box-shadow: 0 7px 5px -5px rgba(207,207,207,1); height: auto; overflow: hidden; } #IranMap .show-title{ display: none; position: absolute; background-color: #333; color: #fff; margin: 0 !important; padding: 0 5px; text-align: center; line-height: 26px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; opacity: 0.8; } #IranMap .map{ display: block; float: left; width:40%; text-align:right; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } #IranMap .map svg{ height: 400px; width: 400px; float: left; margin-left: 50px; } #IranMap .map .border path, #IranMap .map .island path{ fill: #ccc; } #IranMap .map .province path{ fill: #ebebeb87; } #IranMap .map .sea path, #IranMap .map .lake path{ fill: #0087ff; } #IranMap .map .province path:hover, #IranMap .map .island path:hover, #IranMap .map .province path.hover, #IranMap .map .island path.hover{ fill: #eee !important; cursor: pointer; color: #999; } #IranMap .list-city{ display: block; float: right; width:100%; } #IranMap .list-city ul{ padding: 0; } #IranMap .list-city>ul{ margin-left: 10px; } #IranMap .list-city li{ list-style: none; } #IranMap .list-city span{ background: #777; color: #eee; display: block; margin: 0 2px; padding: 0 8px; line-height: 20px; margin-top: 10px; margin-bottom: 2px; font-family: "Num_Medium"; font-size: 16px; border-radius: 5px; } #IranMap .list-city li ul li{ display: block; float: right; width: 33.33333333333333%; cursor: pointer; } #IranMap .list-city li ul li a{ background: #ebebeb38; color: #999; display: block; padding: 2px 10px; line-height: 26px; margin: 3px 2px; text-decoration: none; border-radius: 5px; font-family: Num_Medium; font-size: 13px; } #IranMap .list-city li ul li a::after{ content: ""; position: relative; top: 12px; margin-left: 8px; float: right; width: 4px; height: 4px; border-radius: 2px; background: #fff; box-shadow: -1px -1px 2px #333; } #IranMap .list-city li ul li a:hover, #IranMap .list-city li ul li a:hover{ background:#ebebeb87; color: #ff8000; } #IranMap .list-city ul:before, #IranMap .list-city ul:after{ display: table; content: " "; } #IranMap .list-city ul, #IranMap .list-city ul:after{ clear: both; } #IranMap .city{ clear: both; padding: 10px 0; } #IranMap .city-posts{ width: 57%; float: right; height: 430px; margin-right: 1%; border-left: 1px solid #ebebeb38; padding-left: 1%; } #IranMap .city-posts .title{ width: 100%; float: right; height:auto; border-bottom: 2px dotted #eee; margin-bottom: 5px; } #IranMap .city-posts .title h2{ width:50%; float: right; font-family: Num_Medium; font-size: 15px; color: #777; } .disable{ pointer-events: none; user-select:none; -webkit-user-select:none; -moz-user-select:none; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; position:relative; opacity:0.3; } #IranMap .map .province path[data-active="active"] { fill: #ddd; } @media only screen and (max-width:1200px){ #IranMap{ padding-bottom: 20px; } #IranMap .map svg { margin-left: 20px; } } @media only screen and (max-width:1100px){ #IranMap .map svg { margin-left:-10px; } #IranMap .list-city li ul li a { font-family: Num_Light; font-size: 11px; } } @media only screen and (max-width:1000px){ .sidepanel { height: 400px; padding-top: 10px; } #IranMap .list-city li ul li a { line-height: 24px; font-size: 10px; } #IranMap .map svg { height: 350px; width: 350px; } .apnews.ne_map .polist .item .det p { display: none; } .apnews.ne_map .polist .item .thumbnail { width: 30% !important; height: 90px !important; } .apnews.ne_map .polist .item .det h3 { font-size: 15px !important; } #IranMap .city-posts { height:380px; } } @media only screen and (max-width: 930px){ #IranMap .map svg { height: 300px; width: 300px; } .apnews.ne_map .polist .item .thumbnail { width: 25% !important; height: 80px !important; } #IranMap .city-posts { height: 340px; } #IranMap .list-city{ width:100%; } #IranMap .list-city li ul li { width: 49.33333333333333%; } .sidepanel{ overflow-y: scroll !important; height: 350px !important; top: 10px !important; } } @media only screen and (max-width: 745px){ .sidepanel{ height: 310px !important; } #IranMap .list-city li ul li{ width: 50%; } #IranMap .city-posts { width: 50%; } } @media only screen and (max-width:700px){ .sidepanel { height:530px !important; top: 0px !important; } #IranMap .city-posts { width:100%; float: left; } #IranMap .map { width:100%; float: right; } #IranMap .map svg { float: right; height: auto; width: 90%; margin-bottom: 5px; border-bottom: 2px dotted #eee; padding-bottom: 10px; } } @media only screen and (max-width:600px){ .sidepanel { height:450px !important; } #IranMap .list-city li ul li { width: 100%; } } @media only screen and (max-width: 515px){ .sidepanel { height:330px !important; } .apnews.ne_map .polist .item .datee{ display:none; } .apnews.ne_map .polist .item .thumbnail { width: 35% !important; } .apnews.ne_map .polist .item .det h3 { font-size: 13px !important; } #IranMap .list-city, #IranMap .map{ width: 100%; } #IranMap .list-city li ul li a{ font-size: 10px !important; } } @media only screen and (max-width: 515px){ #IranMap .city-posts { height: auto; } } @media only screen and (max-width:400px){ .sidepanel { height:310px !important; } } @media only screen and (max-width:350px){ .apnews.ne_map .polist .item .thumbnail { height:60px !important; } .sidepanel { height:260px !important; } .apnews.ne_map .polist .item .det .met { display: none; } } @media only screen and (max-width:300px){ .sidepanel { height:220px !important; } #IranMap .list-city li ul li a { padding: 2px 3px; } #IranMap .list-city li ul li a::after { display: none; } } @media only screen and (max-width: 250px){ #IranMap .list-city li ul li{ width: 100%; } } .m-more{ width: 100%; text-align: center; } .m-more a{ color: #777; } .m-more a:hover{ color: #ff8000; } .apnews.ne_map .polist .item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; background:#ebebeb38; } .apnews.ne_map .polist .item .thumbnail { width:25%; height:110px; position: relative; display: block; overflow: hidden; background-size: 50%; text-indent: 0; float: right; } .apnews.ne_map .polist .item .thumbnail img { object-fit: cover !important; width: 100% !important; height: 100% !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); } .apnews.ne_map .polist .item .det { width: 75%; top: 0; left: 0; bottom: 0; padding:0 10px; float: right; } .apnews.ne_map .polist .item .det h3 { margin-bottom: 5px; font-size:13px; font-family:"Num_Medium"; font-weight:normal; color: #444; line-height: 150%; } .apnews.ne_map .polist .item .det h3:hover a{ color: #FF8000; } .apnews.ne_map .polist .item .det p { color: #666; text-align: justify; font-size: 11px; line-height: 150%; font-family:"Num_Light"; } .apnews.ne_map .polist .item .det .met { margin-bottom:5px; } .apnews.ne_map .polist .item .det .met span { font-size: .8em; } .apnews.ne_map .polist .item .det .met span.cat { color: #888; font-family:"Num_Light"; } .apnews.ne_map .polist .item .det .met span.time { color: #bfc0c0; margin-right: 10px; } /* dropmap Button */ .mapbtn { text-align: right; font-family: Num_Medium; font-size: 12px; cursor: pointer; background-color: #999; color: white; padding: 5px 10px; border: none; border-radius: 2px; width: 110px; margin-bottom: 5px; } .mapbtn:hover{background-color:#ff8000;} .dropmap { position: relative; display: inline-block; float: left; } .dropmap-content { display: none; position: absolute; background-color: #777; min-width: 110px; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2); z-index: 1; top:29px; border-radius: 0px 0px 3px 3px; overflow: hidden; animation-name:fadeInDown ; animation-duration:0.2s ; } /* Links inside the dropmap */ .dropmap-content a { color: black; padding:5px 10px; text-decoration: none; display: block; cursor: pointer; color: #eee; } /* Change color of dropmap links on hover */ .dropmap-content a:hover {color: #fff;} /* Show the dropmap menu on hover */ .dropmap:hover .dropmap-content {display: block;animation-duration:0.2s ;} /* The sidepanel menu */ .sidepanel { height:450px; /* Specify a height */ width: 0; /* 0 width - change this with JavaScript */ position:absolute; /* Stay in place */ z-index: 1; /* Stay on top */ top: 0; left: 0; background:#fff; /* Black*/ overflow-x: hidden; /* Disable horizontal scroll */ overflow-y: hidden; /* Disable horizontal scroll */ padding-top:20px; /* Place content 60px from the top */ transition: 0.2s; /* 0.5 second transition effect to slide in the sidepanel */ } /* The sidepanel links */ .sidepanel a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 27px; color: #999; display: block; transition: 0.3s; } /* When you mouse over the navigation links, change their color */ .sidepanel a:hover { color: #ff8000; } /* Position and style the close button (top right corner) */ .sidepanel .closebtn { position: absolute; top:10px; right:0px; text-align: right; font-family: Num_Medium; font-size: 13px; cursor: pointer; background-color: #999; color:#fff !important; padding: 5px 10px; border: none; border-radius: 3px; } .sidepanel .closebtn:hover { background-color: #ff8000; } .r-home{ width: 100%; overflow: hidden; margin-top:30px; height: 30px; position: relative; } .r-home a{ color: #0d54fc; font-size: 16px; } .r-home a:hover{ color: #f00; } ul#mySidenav { width: 36px; position: fixed; top: 165px; left: 4px; z-index: 3; } ul#mySidenav li { width: 100%; height:35px; margin-bottom:1px; } ul#mySidenav li a { position: absolute; left: -80px; transition: 0.3s; padding: 5px; width: 120px; height: 40px; color:#fff !important; font-size: 10px; font-family: Num_Medium; text-align:right; line-height: 30px; padding-right:55px; border-radius: 0 3px 3px 0; } #mySidenav li a:hover { left:-15px; transition: 0.1s; } #mySidenav #icon-1 { background:#ff8000 url(img/icon.png) no-repeat right 0px top -2px;-webkit-transform: scale(0.85); } #mySidenav #icon-2 { background:#ff8000 url(img/icon.png) no-repeat right 0px top -47px;-webkit-transform: scale(0.85); } #mySidenav #icon-3 { background:#ff8000 url(img/icon.png) no-repeat right 0px top -98px;-webkit-transform: scale(0.85); } #mySidenav #icon-4 { background:#ff8000 url(img/icon.png) no-repeat right 0px top -143px;-webkit-transform: scale(0.85); } #mySidenav #icon-5 { background:#ff8000 url(img/icon.png) no-repeat right 0px top -190px;-webkit-transform: scale(0.85); } #mySidenav #icon-6 { background:#ff8000 url(img/icon.png) no-repeat right 0px top -232px;-webkit-transform: scale(0.85); } #mySidenav #icon-7 { background:#ff8000 url(img/icon.png) no-repeat right 0px top -279px;-webkit-transform: scale(0.85); } .tooltip{color: #333; text-decoration: none;font-size:14px !important;font-family:Num_Light !important;} .tooltip:hover{color: #0074A2;} .tooltip, [data-iros] { position: relative; display: inline-block; } .tooltip:before, .tooltip:after, [data-iro]:before, [data-iro]:after { position: absolute; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; opacity: 0; z-index: 1000000; pointer-events: none; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms;transition-delay: 0ms; } .tooltip:before, [data-iro]:before { content: ''; position: absolute; background: transparent; border: 8px solid transparent;z-index: 1000001; } .tooltip:after, [data-iro]:after { content: attr(data-iro); background: #383838;border-radius: 3px; color: #fff; text-shadow: 0 -1px 0px black; padding: 8px 10px 10px; line-height: 15px; white-space: nowrap;box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); } .tooltip-top:before {border-top-color: #383838;} .tooltip-top:before {margin-bottom: -15px; margin-left: -7px;} .tooltip-top:after {margin-left: -22px; } .tooltip-top:before, .tooltip-top:after { bottom: 100%;left: 50%; } .tooltip-top:hover:after, .tooltip-top:hover:before, .tooltip-top:focus:after, .tooltip-top:focus:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px);transform: translateY(-8px); } .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after, [data-iro]:hover:before, [data-iro]:hover:after, [data-iro]:focus:before, [data-iro]:focus:after { visibility: visible;opacity: 1; } .tooltip:hover:before, .tooltip:hover:after, [data-iro]:hover:before, [data-iro]:hover:after { -webkit-transition-delay: 90ms; -moz-transition-delay: 90ms;transition-delay: 90ms; } /* Instagram */ .widget_news-instagram-theme .news-insta-photos { margin: 0 -2px; } .widget_news-instagram-theme .news-insta-post { padding: 0 2px 4px !important; } .widget_news-instagram-theme .button { margin-top: 10px; width: 100%; text-decoration: none !important; text-align: center; } .news-insta-header { margin-bottom: 15px; padding: 10px; overflow: hidden; } .news-insta-avatar{ width: 70px; height: 70px; display: block; position: relative; float: left; margin-right: 20px; } .news-insta-avatar a { width: 70px; height: 70px; display: block; position: relative; float: left; margin-right: 20px; } .news-insta-avatar a:before { content: ''; position: absolute; width: calc(100% + 6px); height: calc(100% + 6px); left: -3px; top: -3px; border-radius: 50%; background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); } .news-insta-avatar a:after { position: absolute; content: ''; width: calc(100% + 4px); height: calc(100% + 4px); left: -2px; top: -2px; border-radius: 50%; background: #fff; } .news-insta-avatar img { border-radius: 50%; position: relative; z-index: 2; height: 70px; width: 70px; } .news-insta-info { font-size: 18px; font-weight: 300; margin-bottom:30px; margin-top: 20px; font-family: Num_Medium; color:#999; } .news-insta-counts li { display: inline-block; padding:0 0 0 10px; font-size: 12px;font-family:"Num_Medium"; } .news-insta-counts .counts-number { font-weight: bold; float: right; padding-left: 3px; font-family:"Num_Light"; } .news-insta-counts span:last-child { opacity: 0.7; font-size: 80%; line-height: 20px; padding-right: 3px; } .news-insta-desc { margin-top:50px; font-size: 12px;overflow: hidden; text-align: right;width: 100%; } .news-insta-photos { overflow: hidden; } .news-insta-post { position: relative; width: 31.33333333333%; float: right; margin: 1%; } .news-insta-post a { display: block; line-height: 0; position: relative; } .news-insta-post a:hover img { opacity: 0.9; } .news-insta-post img { max-width: 100%; width: 100%; height: auto; float: left; } .news-insta-post .media-video { position: absolute; top: 10px; right: 10px; color: #ffffff; font-size: 20px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .news-insta-box{padding:0;} .news-insta-counts{ margin-top:10px; } .button-Follow { position: relative; background:#3897f0; border-radius: 3px; padding: 2px 0; width: 100%; display: block; margin-top: 3px; text-align: center; } .button-Follow:hover{opacity: 0.8;} a.button-Follow{ font-size: 11px; font-family:Num_Medium; color:#fff; } .news-insta-counts ul li { border: none !important; position: relative; display: flex; padding: 5px; padding-left:5px !important; padding-right:0px !important; width: auto !important; float: right !important; } .news-insta-counts ul li:hover {background:none;} .news-insta-counts ul li::before { content: ""; } .boxx .item-shop{ width: 24%; height: 410px; float: right; background: #FFF; box-shadow: 0 7px 5px -5px rgba(207,207,207,1); margin-left:1%; margin-bottom:15px; } .boxx .item-shop:nth-child(5) { margin-left:0; } .boxx .item-shop:nth-child(10) { margin-left:0; } .boxx .item-shop:nth-child(15) { margin-left:0; } .boxx .item-shop .thumbnail { width: 100%; height:300px; } .boxx .item-shop .thumbnail img { width: 100%; height: 100%; object-fit: cover !important; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); } .boxx .item-shop:hover .thumbnail img { -webkit-filter: brightness(120%) contrast(120%); -moz-filter: brightness(120%) contrast(120%); filter: brightness(120%) contrast(120%); -ms-transition: .2s filter linear; -o-transition: .2s filter linear; -webkit-transition: .2s filter linear; transition: .2s filter linear; } .boxx .item-shop h2{ margin: 10px auto; line-height: 25px; text-align: center;font-weight: normal; } .boxx .item-shop h2 a { font-size: 15px; color: #4d4d4d; font-family: "Num_Medium"; } .boxx .item-shop h2:hover a { color: #ff8000; } .boxx .item-shop .cast{ margin: 10px auto; } .boxx .item-shop .cast { margin: 10px auto; text-align:right; font-family: Num_Medium; font-size: 13px; background: #eeeeee59; width: 90%; color:#888; padding:5px 10px; border-radius: 30px; } .boxx .item-shop:hover .cast { background: #eee; color:#555; } .boxx .item-shop .basket{ float:left; font-size: 15px; } .boxx .item-shop .basket a{ color:#888; } .boxx .item-shop .basket:hover a{ color:#ff8000; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: visible; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);} .slide .slde *{direction:ltr;} .slide .slde .item *{direction:rtl;} .home .slide .slde .item {} #slide1,#slide2,#slide3,#slide4,#slide5,#slide6,#slide7,#slide8{position: relative;} #slide1 .nexicon{ left:0; width: 20px; height: 20px; font-size: 12px; line-height: 20px; text-align: center; border: none; color:#ccc; background: #fff; display: flex; align-items: center; justify-content: center; z-index: 18; position: absolute; top:0; cursor: pointer; border: 1px solid #eee; } #slide1 .nexicon:hover{ color:#999; border: 1px solid #ddd; } #slide1 .previcon{ left:0; width: 20px; height: 20px; font-size: 12px; line-height: 20px; text-align: center; border: none; color:#ccc; display: flex; align-items: center; justify-content: center; z-index: 18; position: absolute; top:25px; cursor: pointer; background: #fff; border: 1px solid #eee; } #slide1 .previcon:hover{ color:#999; border: 1px solid #ddd; } #slide2 .nexicon{ left:35px; width: 25px; height: 25px; font-size: 13px; line-height: 20px; text-align: center; border: none; color: #ccc; background:#fff; display: flex; align-items: center; justify-content: center; z-index: 18; position: absolute; bottom:10px; cursor: pointer; border: 1px solid #eee; z-index: 00; } #slide2 .nexicon:hover{ color:#999; border: 1px solid #ddd; } #slide2 .previcon{ left: 5px; width: 25px; height: 25px; font-size: 13px; line-height: 20px; text-align: center; border: none; color: #ccc; background:#fff; display: flex; align-items: center; justify-content: center; z-index: 18; position: absolute; bottom:10px; cursor: pointer; border: 1px solid #eee; z-index: 00; } #slide2 .previcon:hover{ color:#999; border: 1px solid #ddd; } .slide{ width: 100%; overflow: hidden; height:auto; } .slde .item .comment-image { position: relative; overflow: hidden; height: 80px; width: 80px; background: #fff; padding: 2px; border: 3px dotted #ddd; border-radius: 50%; float: right; margin-left: 5px; object-fit: cover !important; } .slde .item .comment-image img{ object-fit: cover !important; border-radius: 50%; height:100%; width:100%; } .llinn{ width: 100%; height:5px; overflow: hidden; } .coauthor a{ font-family: Num_Medium; width: 100%; text-align:right; margin: 5px 0; color:#ff8000; padding: 5px; } .coexcerpt{ font-family:"Num_Light"; width:60%; color:#ccc; text-align:right; font-size: 11px; padding: 5px; float: right; } .post-wrap .slide { width: 100%; overflow: hidden; height: 80px; } .lead{ font-family:"Num_Medium"; width:100%; color:#666; text-align:justify; font-size: 15px; padding:15px 10px; float: right; background:#eee; margin-bottom: 20px; } .lead p{ font-family:"Num_Medium"; } ul.news-detile{ height:51px; overflow:hidden; border:0 solid #cfcfcf; border-top-width:1px; border-bottom-width:1px; padding:9px 0; margin: 10px 0; width: 100%; font-family: Num_Medium; } ul.news-detile li{ height:31px; display:inline-block; color:#666; padding:0 12px 0 19px; position:relative } ul.news-detile li:before{ content:""; width:1px; height:100%; display:block; background-color:#cfcfcf; position:absolute; top:0; left:0 } ul.news-detile li:nth-child(1){ float:right; padding-top:5px; padding-right:0 } ul.news-detile li:nth-child(1) i{ float:right; font-size:18px; margin-left:11px } ul.news-detile li:nth-child(1) span{ font-size:14px; line-height:24px } ul.news-detile li:nth-child(2){ float:right; padding-top:5px} ul.news-detile li:nth-child(2) i{ float:right; font-size:19px; margin-left:10px } ul.news-detile li:nth-child(2) span{ font-size:14px; line-height:24px; color:#666 } ul.news-detile li:nth-child(5){ float:left; padding-top:5px } ul.news-detile li:nth-child(5) a{ font-size:15px; color:#666 } ul.news-detile li:nth-child(5) i{ font-size:20px; line-height:14px; margin-left:9px } ul.news-detile li:nth-child(3){ float:left; padding-top:3px } ul.news-detile li:nth-child(3):before{ display:none } ul.news-detile li:nth-child(4){ float:left; padding-top:5px } .news-save div,.news-save a{ float:right; color:#666; cursor:pointer } .news-save .news_save_botton,.news-save .news-emails{ font-size:22px } .news-save .news-emails{ margin:0 7px 0 8px } .news-save .news_print_botton{ font-size:21px } .news-save .plustext,.news-save .minustext{ font-size:18px } .news-save .size_reset{ font-size:20px; margin:0 12px 0 13px } .news-save div:hover, .news-save a:hover { color: #ff8000; } .crumbs{ width:80%; height: auto; overflow: hidden; margin-bottom: 10px; position: relative; } .crumbs a{ font-family: "Num_Light"; color: #888; font-size: 13px; direction: rtl !important; border-radius: 3px; background-color:#e4e4e4; padding: 0 13px 0 14px; margin-left: 4px; } .crumbs a:hover{ background-color:#999; color: #fff; } .heding{ width: 100%; height: auto; } .heding .rotitr{ font-family: "Num_Medium"; color: #666; font-size: 14px; margin-top: 15px; } .heding h1{ margin-bottom:5px; font-size:25px; line-height: 30px; } .heding h1 a{ font-family: "Num_Medium"; color: #222; font-size:20px; font-weight: bold; } .heding h1:hover a{ color: #ff8000; } .print { width: 40px; cursor: pointer; float: left; text-align: center; } .print::before{ color: #666; content: "\f02f"; font-family: 'FontAwesome'; display: inline-block; font-size: 22px; line-height:25px; } .print:hover::before{ color:#ff8000; } .send_file{ width: 40px; margin-right: 8px; cursor: pointer; float: left; text-align: center; } .send_file::before{ color: #666; content: "\f003"; font-family: 'FontAwesome'; display: inline-block; font-size: 22px; line-height:25px; } .send_file:hover::before{ color:#ff8000; } .post-link{ height: 52px; border: 0 solid #c4c4c4; border-top-width: 1px; border-bottom-width: 1px; padding: 10px 0 11px; } .post-link .short { float: right; padding: 3px 2px; } .post-link .short span { font-size: 15px; font-family:"Num_Medium"; direction: rtl !important; color: #444; } .post-link .short b{ color:#666; font-size:12px; } .post-link .short:hover b{ color:#ff8000; } .share-link .social{ float: left; } .post-link .social { margin: 0 5px; float: left; } .post-link .social span { font-size: 17px; direction: rtl !important; color: #444; } .post-link .social li { display: inline-block; } .post-link .social li:hover { display: inline-block; opacity:0.88; } .post-link .social li a { width: 30px; height: 30px; text-align: center; line-height: 35px; border-radius: 3px; background: #373e4a; color: #FFF; display: inline-block; } .post-link .social li a i{ font-size: 1.2em !important; } .post-link .social li a.facebook { background: #3b5999; } .post-link .social li a.twitter { background: #55acee; } .post-link .social li a.telegram { background: #0088cc; } .post-link .social li a.whatsapp { background: #25D366; } .post-link .social li a.google-plus { background: #ce2118; } .post-link .social li a.linkedin { background: #4c5e7d; } .post-tag{ height:auto; padding: 10px 0 11px; } .post-tag a { font-family: "Num_Light"; color: #888; font-size: 13px; direction: rtl !important; border-radius: 3px; background-color:#e4e4e4; padding: 0 13px 0 14px; margin-right:3px; } .post-tag a:hover { background-color:#999; color: #fff; } .post-mata{ height:auto; overflow: hidden; width: 100%; } .post-mata ul{ height:auto; width:100%; margin: 10px 0; margin-bottom:0; } .post-mata ul li{ float:right; margin:0px; margin-left:25px; list-style: none; font-size: 14px; font-family:"Num_Medium"; } .related { padding: 10px 5px; width: 100%; text-align: right; border: none; outline: none; } .related h2{ margin-bottom:5px; line-height:25px; } .related h2 a { font-size: 14px; color:#444;font-weight: normal; font-family: "Num_Medium"; } .related h2:hover a { color: #ff8000; } .related h2:hover::before{ color: #ff8000; } .related h2::before { content: "■ "; color:#444; font-size: 12px; margin-left: 6px; padding-top: 2px; float: right; } .related h2 span { display: none; left: 8px; float: left; font-size: 13px; font-family: "Num_Light"; } .related h2:hover span{ display:inline; } .post_like { float: left; font-size: 12px; color: #999; width:20%; position: relative; } .post_like .sl-wrapper{ width:80px; text-align:left; } .post_like a,.post_like .fa-heart{ color:#ddd; } .post_like .fa-heart{ margin-right:10px; } /* Wrapper */ .sl-wrapper{ float: left; width:70px; color: #ddd; } .sl-wrapper a { color: #ddd; border-bottom: 0 !important; text-decoration: none !important; } .sl-button { padding: 0.375em 0.625em; font-size: 1em; line-height: 1; font-weight: normal; } /* Colors */ a.liked { color: #ddd; } a.liked:hover, a.liked:active, a.liked:focus { color: #ddd; } a.liked span.sl-count, .sl-count { color:#ddd; font-family:"Num_Medium"; font-size: 14px; padding-right: 5px; } /* Icon */ .sl-icon { margin-right: 0.3125em; vertical-align: middle; line-height: 35px; } .sl-icon svg { fill: currentColor; width: 1.5em; height: 1.5em; } .sl-icon svg:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left:0; } /* Count */ .sl-count { font-size: 12px; font-family:"Num_Medium"; text-transform: uppercase; vertical-align: middle; color:#ddd; padding-bottom: 10px; padding-right: 5px; } /* Loader */ .loader, .loader:before, .loader:after { background: rgba(0, 0, 0, 0.2); -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: .2em; height: .6em; } .loader:before, .loader:after { position: absolute; top: 0; content: ''; } .loader:before { left: -.375em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .loader { text-indent: -9999em; display: inline-block; position: relative; vertical-align: middle; font-size: 1em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .loader:after { left: .375em; } @-webkit-keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0 rgba(0, 0, 0, 0.2); height: .6em; } 40% { box-shadow: 0 -.3em rgba(0, 0, 0, 0.2); height: 1em; } } @keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0 rgba(0, 0, 0, 0.2); height: .6em; } 40% { box-shadow: 0 -.3em rgba(0, 0, 0, 0.2); height: 1em; } } span #sl-loader{float: right;} .loading { position: fixed !important; left: 0px !important; top: 0px !important; width: 100% !important; height: 100% !important; z-index: 9999 !important; background: url(img/loading.gif) center center no-repeat #fff !important; } .single_comments { margin-bottom: 20px; padding:0; padding-top:10px; } .commentlist .children {margin:0 5% 0 0;} ol.commentlist {margin:10px 0; padding:0;} ol.commentlist li { display:block; border-color:red; } ol.commentlist .comment-body { margin:10px 15px; position:relative; min-height:100px;} ol.commentlist .comment-body .vcard { width:80px;height:80px; position:absolute;border-radius:50px;transition:all 0.8s ease 0s;top:0; right:0; text-align:center; font:12px Num_Light; z-index:1; } ol.commentlist .comment-body .vcard img {width:80px;height:80px; margin:0;background:#fff;padding:3px;border:1px solid #eee; border-radius:50px;} .comment-body cite.fn { font: 11px Num_Light; color:#444;} .comment-body cite.fn a { color:inherit; } ol.commentlist .comment-body .comment { position:relative; margin:0 100px 30px 0; padding:10px; font: 11px Num_Light; border-radius: 4px;border: 1px solid #eee; background: #fbfbfb66;} ol.commentlist .comment-body .comment p { margin:10px 0; line-height:22px;color:#444;font-family:"Num_Light";font-size: 12px; } ol.commentlist .comment-body .comment.bypostauthor, ol.commentlist .comment-body .comment.comment-author-hawre, ol.commentlist .comment-body .comment.comment-author-jhihaat {border: 1px solid #ebebeb66;background:#ebebeb66;} li.bypostauthor {background:#fafafa;color:#555;} ol.commentlist .comment-body .comment.bypostauthor:before, ol.commentlist .comment-body .comment.comment-author-hawre:before, ol.commentlist .comment-body .comment.comment-author-jhihaat:before { position:absolute; content:'مدیر سایت'; padding-top: 1px; padding-right: 10px; padding-bottom: 1px; padding-left: 10px; float: right; color: #fff; font-family:"Num_Light"; font-size: 11px; border-radius: 3px; background:#8e8e8e; bottom: -10px; } ol.commentlist .comment-body .commentmetadata a:link, ol.commentlist .comment-body .commentmetadata a:visited { color: inherit; } ol.commentlist .comment-body .comment_content {font-family:"Num_Light";font-size: 12px; text-align:justify;} ol.commentlist .comment-body .comment_content span{color: #f00;font-family:"Num_Light";font-size: 12px; text-align:justify;} .comment-body a.comment-reply-link { position:absolute; top:5px; left:10px; color: #999;line-height:20px;text-align: center;font-family:"Num_Light";font-size: 10px; padding:0px 10px 0px 10px; background: #fff; box-shadow: 0 2px 6px #eee; border: 1px solid #eee; border-radius: 20px; text-align:center; float: left; clear: both; margin: -15px 0px 10px 5px; } .comment-body a.comment-reply-link:hover{border:1px solid #999;color:#fff;background: #999;} .authorstyle { background-color: #B3FFCC !important; } .beena_inputs {width:100%;float: right;margin-right:0.5%;} .beena_textarea {width:100%;overflow: hidden;margin-right: 1%;} #commentform input[type='text'] {width:47.7%; height:35px;border-radius:3px;border:1px solid #e2e2e2;color:#666;transition:all 0.5s ease-in-out;font: 13px Num_Light;padding:0 5px; flex:3; margin:5px 5px 10px 5px;} #commentform input[type='text']:focus, #commentform textarea:focus {border:1px solid #ccc;transition:all 0.3s ease-in-out;} #commentform textarea {width:97%;max-width:97%;border-radius:3px;border:1px solid #e2e2e2; color:#666;font: 13px Num_Light; flex:1; padding:10px; resize:none; margin:5px 2px;transition:all 0.5s ease-in-out; height:100px;} #commentform textarea:focus {border:1px solid #ccc;transition:all 0.3s ease-in-out;} #respond {font:12px Num_Medium; margin:10px 2px;text-align: right;padding:1%;} #respond p {padding:0 5px;color:#666;font-size:12px;font-family:"Num_Light";} #respond h3, h3#comments {font: 13px Num_Medium; margin:5px; } h3#comments { margin:30px 0;} .comment-awaiting-moderation { color:red; } .comment-submit { color: #FFF; font: 14px Num_Medium; float: right; border: none; height: 40px; width: auto; padding: 0px 15px; cursor: pointer; border-radius: 4px; background: #ff8000; margin: 10px 0; transition: all 0.5s ease 0s; } .comment-submit:hover{background: #999 !important;transition: all 0.5s ease 0s;} .boxx .tit strong{ display: inline-block; background: #8e8e8e; color:#ececec; cursor: pointer; position: relative; font-size: 1.2em; margin-right: 15px; font-weight: normal; font-family:"Num_Medium"; padding: 0 15px; } .accordion { color:#444; cursor: pointer; text-align: right; border: none; outline: none; transition: 0.4s; margin:10px 0; font-family: "Num_Medium"; } .panel { background-color: #FBFBFB; color:#666; cursor: pointer; padding: 5px 20px; width: 97%; display: none; overflow: hidden; font-family:"Num_Light"; } .panel ul li { list-style: outside disc; list-style-image: none; list-style-image: none; } .accordion:after { content:'\f078'; font-family: 'FontAwesome'; font-size: 13px; color: #777; float:right; margin-left: 5px; } .accordion.active::after { content: '\f077'; font-family: 'FontAwesome'; font-size: 13px; color: #777; float: right; margin-left: 5px; } .links-cat { width:22.3%; height: 360px; margin: 3px 1px; padding: 5px; float: right; } .links-cat h2{ font-family:Num_Medium; font-size: 14px; width: 100%; height: 35px; color:#444; font-weight: bold; text-align: right; line-height: 30px; margin-bottom:20px; border-bottom: 1px solid #ddd; } .links-cat ul li a{ color:#666; font-family:"Num_Light"; } .links-cat ul li a:hover{ color:#ff8000; } .links-cat ul li { list-style:none; font-size: 12px; } ul .blogroll li::before { content: "■ "; color:#FF8000; font-size: 9px; float: right; line-height: 20px; margin-left: 8px; } .archiv-t{ width: 100%; height: auto; float: right; background:#FFF; overflow: hidden; box-shadow:0 7px 5px -5px rgba(207,207,207,1); } .archiv-t .thumbnail { margin: 0; display: block; width: 49%; height: 260px; transition: 0.5s; position: relative; overflow: hidden; float: right; } .archiv-t .thumbnail img { width: 100%; height: 100%; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); object-fit: cover !important; } .archiv-t:hover .thumbnail img { -webkit-filter: brightness(120%) contrast(120%); -moz-filter: brightness(120%) contrast(120%); filter: brightness(120%) contrast(120%); -ms-transition: 0.3s filter linear; -o-transition: 0.3s filter linear; -webkit-transition: 0.3s filter linear; transition: 0.3s filter linear; } .archiv-t .det { width: 49%; float: right; height: auto; top: 10px; position: relative; z-index: 99; padding: 0 10px; margin-right: 2%; } .archiv-t .det span{ color:#888; font-family: "Num_Light"; font-size: 12px; width:100%; } .archiv-t .det h2{ margin-bottom: 10px; width: 100%; line-height: 25px; } .archiv-t .det h2 a{ font-size: 18px; font-family: "Num_Medium"; font-weight:800px; color:#444; } .archiv-t .det h2:hover a{ color:#ff8000; } .archiv-t .det p { color: #666; text-align: justify; font-size: 13px; font-family: "Num_Light"; height:auto; } .archiv-b{ width:32.25%; height:300px; float: right; margin:15px 0; background:#FFF; box-shadow:0 7px 5px -5px rgba(207,207,207,1); margin-left:1.6%; } .archiv-b:nth-child(3n+3){ margin-left:0; } .archiv-b .thumbnail{ margin: 0; display: block; width:100%; height:170px; transition: 0.5s; position: relative; overflow: hidden; float: right; margin-bottom:10px; } .archiv-b .thumbnail img { width: 100%; height: 100%; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); object-fit: cover !important; } .archiv-b:hover .thumbnail img { -webkit-filter: brightness(120%) contrast(120%); -moz-filter: brightness(120%) contrast(120%); filter: brightness(120%) contrast(120%); -ms-transition: 0.3s filter linear; -o-transition: 0.3s filter linear; -webkit-transition: 0.3s filter linear; transition: 0.3s filter linear; } .archiv-b .det { width:100%; float: right; height: auto; position: relative; z-index: 99; padding: 0 10px; } .archiv-b .det span{ color:#888; font-family: "Num_Light"; font-size: 12px; width:100%; } .archiv-b .det h2{ width: 100%; line-height: 25px; } .archiv-b .det h2 a{ font-size: 14px; font-family: "Num_Medium"; color:#444; } .archiv-b .det h2:hover a{ color:#ff8000; } .pagination{ width:100%; margin:10px 0; } .entry{ padding-bottom:10px; } .entry p { line-height: 200%; text-align: justify; font-size: 1em; margin-bottom: 20px; } .shoping{ float: right; width:100%; height:auto; } .shop-right { float: right; width:50%; height:auto; } .shop-left { float: right; width:40%; height:auto; margin-right:5%; } div.pp_woocommerce .pp_close { font-size: 0 !important; } div.pp_woocommerce .pp_close::before { right: -20px !important; font-size: 25px !important; } a.pp_next,a.pp_previous{ font-size: 0px !important; } div.pp_woocommerce .pp_details { display: none !important; } .pp_gallery { display: none !important; } div.pp_woocommerce a.pp_contract, div.pp_woocommerce a.pp_expand { font-size: 0 !important; } div.pp_woocommerce a.pp_contract::before, div.pp_woocommerce a.pp_expand::before { font-size: 20px !important; } .woocommerce table.shop_attributes td { padding: 8px 15px; border-right: 7px solid #fff; background-color: #FCFCFC; margin: 0; line-height: 1.5; } .woocommerce table.shop_attributes th { font-size: 12px; text-align: right; }.woocommerce table.shop_attributes th,.woocommerce table.shop_attributes td,.woocommerce table.shop_attributes td{border: 2px solid #fff;} .woocommerce table.shop_attributes th { width: 190px; font-weight: 500; padding: 8px 15px; background-color: #FCFCFC; margin: 0; line-height: 1.5; } .woocommerce table.shop_attributes td p { margin: 0; padding: 8px 12px; font-size: 12px; }.woocommerce table.shop_attributes th { font-size: 12px; } .woocommerce table.shop_attributes td { font-style: normal; padding: 0; } .woocommerce table.shop_attributes td p { margin: 0; padding: 8px 12px; }.woocommerce #reviews #comments h2 { clear: none; margin: 25px 5px; font-size: 15px; font-family:"Num_Light"; font-weight: normal; border-right: 5px solid #eee; padding: 5px 15px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { width: auto; padding: 12px 15px !important; background: #ff8000 !important; border-radius: 4px !important; margin:0 auto; color: #fff !important; margin-top: 6px; } .woocommerce:hover #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button:hover.button:hover, .woocommerce input:hover.button:hover{ background: #999 !important;transition: all 0.3s ease-in-out; } .images { float: right; overflow: hidden; margin-left: 15px; max-width:100%;width:100%; margin-bottom: 10px; } .attachment-shop_single.wp-post-image { width:200px; height: auto !important; } .woocommerce img, .woocommerce-page img { height: auto; max-width: 100%; } .images .thumbnails { overflow: hidden; margin-top: 10px; border-top: 1px solid #eee; } .images .thumbnails img { float: right; width: 65px; height: 65px; margin: 10px 5px 10px 5px; border: 1px solid #eee; } .meta-card { width: 100%; height:24px; font-family: naskh; font-size: 14px; color: #777; margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 10px; } .meta-card span { width: 50%; float: right; } .toolbar{ float: left; } .woocommerce-ordering{ height: 30px; } .woocommerce-ordering select{ height: 30px; font-size: 11px; } .site-main .woocommerce-breadcrumb{display: none;} .single-onsale{padding: 5px 3px; background: #00669f; color: #fff; border-radius: 50px;} .shop-left h2{font-family: "Num_Medium"; font-size: 14px; color: #666;} .single-product .wc-tabs { text-align: right; } table.shop_attributes { border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-top: 1px dotted rgba(0,0,0,.1); margin-bottom: 1.618em; width: 100%; } table.shop_attributes th { width:200px; font-family: Num_Medium; font-weight: 500; padding: 5px 10px; margin: 0; text-align: right; line-height: 1.5; color: #999; } table.shop_attributes tr { color: #999; } table.shop_attributes th p{font-family:"Num_Light";font-size: 14px;} table.shop_attributes td a{font-family:"Num_Light";color:#4d4d4d;font-size: 14px;} table.shop_attributes td { padding:5px 15px;font-family:"Num_Light"; border-right: 5px solid #fff;color:#4d4d4d; margin: 0; line-height: 1.5; } table.shop_attributes { font-family:"Num_Light";font-size: 14px;color:#4d4d4d; } table.shop_attributes { border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; margin-bottom: 1.618em;color: #999; width: 100%;margin-top: 5px; } .woocommerce #reviews #comments ol.commentlist li img.avatar { float: right; position: absolute; top: 10px !important; right: 10px !important; padding: 2px !important; width: 45px !important; height: 45px !important; background: #fff !important; border: 1px solid #e4e1e3; margin: 0; box-shadow: none; } .comment_container { padding: 10px; border-radius: 5px; margin-bottom: 5px; } .woocommerce #reviews #comments ol.commentlist li .comment-text { background:#dddddd2e; } .comment_container .avatar{ float: right; margin-left: 10px; width: 45px; height: 45px;border-radius: 5px; } .comment_container .description{ font-size: 11px; } .woocommerce-Reviews-title{font-size:0px;} .woocommerce-noreviews{ background: #edf9fb; padding: 10px 5px; margin: 10px 0; border: #bef8f8 1px solid; border-radius: 5px;width: 95%; } .comment-reply-title{ line-height:30px;padding-right: 20px;font-family: Num_Medium; } ul.product_list_widget li a::before{display: none;} ul.product_list_widget li::before{display: none;} ul.product_list_widget li{width:97%; height:70px; border-bottom: 1px solid #eee9;} ul.product_list_widget li a{ color: #444;list-style: none; font-size: 13px; padding-right: 5px; line-height: 150%; font-family:Num_Medium; transition: all 0.3s ease-in-out; width: 100%; display: block; } .product_list_widget .product-title{padding-left: 15%;font-size: 13px;} .product_list_widget .woocommerce-Price-amount{ color: #999; list-style: none; font-size: 10px; padding-right: 5px; line-height: 150%; font-family: "Num_Medium"; transition: all 0.3s ease-in-out; } .product_list_widget img { width: 60px;padding-left:5px; height: 60px; float: right; } .woocommerce-Price-currencySymbol{ display: none; } .shop-left .prices{ width: 100%; font-family: Num_Medium; float:right; color:#719f41; font-size: 18px; padding: 10px 0; } .shop-sale{ color:#fff; display: inherit; background: url(img/sale.png); width: 45px; height: 45px; text-align: center; line-height: 45px; font-size: 14px; } .star-rating { color: #999; list-style: none; font-size: 10px; padding-right: 5px; line-height: 150%; font-family: "Num_Medium"; transition: all 0.3s ease-in-out; } .ap-single .star-rating { font-size: 14px; font-family: "Num_Medium"; } .ap-single .woocommerce-review-link{ font-size: 14px; font-family: "Num_Medium"; } .woocommerce .star-rating{margin-top:0} .woocommerce p.stars a,.woocommerce .star-rating span{color:#ffe205} .star-rating span{overflow:hidden;float:right;top:0;right:0;position:absolute;padding-top:1.5em} .star-rating:before{content:'\73\73\73\73\73';color:#ff7f00;float:right;top:0;right:0;position:absolute} .star-rating{float:left;overflow:hidden;position:relative;height:1em;line-height:1;font-size:1em;width:5.4em;font-family:star} .star-rating span:before{content:'\53\53\53\53\53' !important;top:0 !important;position:absolute !important;right:0 !important;color:#ff7f00 !important;margin:0 !important;border-top:unset !important;border-bottom:unset !important;border-right:unset !important} .woocommerce .star-rating{margin-top:0}.woocommerce p.stars a,.woocommerce .star-rating span{color:#ffe205} .woocommerce p.stars a::before { display: block; position:relative; top: 0; right: 0; width: 1em; height: 1em; line-height: 1; font-family: WooCommerce; content: "\e021"; text-indent: 0; } .woocommerce p.stars a { position: relative; height: 1em; width: 1em; text-indent: -999em; display: inline-block; font-family: Num_Light; font-size: 15px; text-align: right; } div.pp_woocommerce .pp_close{color:#f000;} .add_to_cart .button{ display: inline-block; font-weight: normal; cursor: pointer; width: 100%; transition: all 0.3s ease-in-out; color:#FFF; font-family: "Num_Medium"; -moz-appearance: none !important; border-radius: 4px; font-size: 16px; height: 45px; margin:20px auto 0px auto; text-align: center; line-height: 45px; overflow: hidden; background:#ff8000; color:#fff; text-decoration: none; } .woocommerce-breadcrumb{ color: #959595; font-size: 1.1em; } .woocommerce-breadcrumb a{ color: #959595; font-size: 1.1em; } .add_to_cart .button:hover{ transition: all 0.3s ease-in-out; background:#999 !important; } .added_to_cart{ display: inline-block; font-weight: normal; cursor: pointer; width: 100%; transition: all 0.3s ease-in-out; background:#eee; font-family: "Num_Medium"; -moz-appearance: none !important; border-radius: 4px; font-size: 16px; height: 45px; margin: 0 auto; text-align: center; line-height: 45px; overflow: hidden; } .added_to_cart:hover{ background:#ccc } .content td p { margin-bottom: 0px; } .comment-form-rating{ float: left; text-align:center; line-height: 30px; } .woocommerce .cart .button, .woocommerce .cart input.button { float: none; font-family: "Num_Light"; } .woocommerce table.shop_table td { width:40px !important; } .datee { width: 45px; height: 40px; background: #fff; border:2px solid #ff8000; text-align: center; line-height: 13px; padding: 7px 0; position: absolute; z-index: 99; margin-right: -8px; margin-top:7px; } .datee span{ font-family:Num_Medium; font-size: 18px; width: 40px; display: block; } .datee b{ font-family:"Num_Light"; font-size: 10px; width: 40px; display: block; color:#999; } .item:hover .datee,.archiv-t:hover .datee,.archiv-b:hover .datee,.right:hover .datee,.pic:hover .datee{ background:#ff8000; color:#fff; } .item:hover .datee b,.archiv-t:hover .datee b,.archiv-b:hover .datee b,.right:hover .datee b,.pic:hover .datee b{ color:#fff; } .apnews.ne_one .polist .item .datee,.pic .datee{ margin-right: -8px; } .pagination li a, .pagination li a:hover, .pagination li.active a, .pagination li.disabled { color: #fff; text-decoration:none; } .pagination li { display: inline; } .pagination li a, .pagination li a:hover, .pagination li.active a, .pagination li.disabled { display: inline-block; height: 35px; line-height: 35px; width: auto; border-radius: 3px; padding: 0px 15px 0px 15px; margin: 2px; background: #fcfcfc; color: #999; box-shadow: inset 0 -2px 0 rgba(0,0,0,0.2); font-family: "Num_light"; transition: all .6s ease; } .pagination li a:hover, .pagination li.active a { color:#fff; background:#ff8000; transition: all .6s ease; } .mediaa{ width: 24.1%; height:255px; float: right; background:#FFF; box-shadow: 0 7px 5px -5px rgba(207,207,207,1); margin:11px 5px; position: relative; overflow: hidden; } .mediaa .thumbnail{ width: 100%; height: 190px; position: relative; } .mediaa .thumbnail img{ width: 100%; height:100%; object-fit: cover !important; } .mediaa h2{ line-height: 25px; padding: 5px 10px; } .mediaa h2 a { font-size: 15px; color: #4d4d4d; font-family: "Num_Medium"; font-weight: normal; } .mediaa:hover h2 a { color: #ff8000; } .metaha { bottom: -50px; z-index: 9999; visibility: hidden; opacity: 0; } .metaha{ position: absolute; right: 15px; color: #fff; transition: all .2s; font-size: 12px; font-family: Num_Medium; } .meicon { position: absolute; left: 15px; color: #fff; transition: all .2s; font-size: 12px; } .mediaa:hover .metaha { bottom: 15px; visibility: visible; opacity: 1; } .mask-img{ bottom: 0; left: 0; } .mask-img { right: 0; height: 0; pointer-events: none; z-index: 99; background: -webkit-gradient(linear,left bottom,left top,from(#2f2727),to(transparent)); background:linear-gradient(to top,rgba(0, 0, 0, 0.68),transparent); position: absolute; } .mediaa:hover .mask-img { height: 100%; position: absolute; width: 100%; } .metaha .medat { font-size: 15px; color: #fff !important; } .mask-img, .mediaa { transition: all .2s; } .meicon i{ float: left; color:rgba(255, 255, 255, 0.8); margin-top: 1px; font-size:30px; } .mediaa:hover .meicon { top: 15px; } .meicon { top: -50px; z-index: 99; } .head-video{ padding-right: 0; padding-left: 0; position: relative; width:100%; height: 100%; } .head-video video{width:100%;height:466px;object-fit:cover !important;} /* navbarh container */ .navbarh { width:100%; overflow: hidden; border-bottom: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf; color: #666; font-family:"Num_Medium"; margin-bottom:20px; } /* Links inside the navbarh */ .navbarh a { float:right; font-family:"Num_Medium"; font-size: 16px; color: #666; text-align: center; padding: 14px 16px; text-decoration: none; } /* The hednav container */ .hednav { float:left; overflow: hidden; text-align: right; } /* hednav button */ .hednav .dropnav { cursor: pointer; font-size: 15px; border: none; outline: none; color:#666; padding: 14px 16px; background-color: inherit; font-family: inherit; /* Important for vertical align on mobile phones */ margin: 0; /* Important for vertical align on mobile phones */ } /* Add a red background color to navbarh links on hover */ .navbarh a:hover, .hednav:hover .dropnav { color:#ff8000; } /* hednav content (hidden by default) */ .hednav-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index:9999; text-align: right; } /* Links inside the hednav */ .hednav-content a { float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: right; font-family:"Num_Medium"; font-size: 14px; } /* Add a grey background color to hednav links on hover */ .hednav-content a:hover { background-color: #eee; } /* Show the hednav menu on hover */ .hednav:hover .hednav-content { display: block; } .tab_bar { margin-bottom: 10px; } .wrapper-tab{ width: 100%; overflow: hidden; height: 10px; } .most_v { background:#8e8e8e; color: #FFF; position: relative; font-size: 1.2em; padding: 2px 10px; z-index: 99; font-family: "Num_Medium"; font-weight: normal; display: block; float: right; text-align: center; text-decoration: none; width: 48%; } a.most_v:hover{ color: #fff !important; } a.most_c:hover{ color: #fff !important; } .most_v_s { color: #004470; display: block; float: right; font-family: nassim-bold; font-size: 17px; text-align: center; text-decoration: none; width: 48%; padding-top: 4px; } .most_v_n { color: #004470; display: block; float: right; font-family: nassim-bold; font-size: 17px; text-align: center; text-decoration: none; width: 48%; padding-top: 4px; } .most_c { background:#8e8e8e; color: #FFF; position: relative; font-size:14px; padding: 2px 10px; z-index: 99; font-family: "Num_Medium"; font-weight: normal; display: block; float: right; text-align: center; text-decoration: none; width: 48%; margin-right: 4%; } .most_c_s { color: #004470; display: block; float: right; font-family: nassim-bold; font-size: 17px; text-align: center; text-decoration: none; width: 48%; padding-top: 4px; } .most_c_n { color: #004470; display: block; float: right; font-family: nassim-bold; font-size: 17px; text-align: center; text-decoration: none; width: 48%; padding-top: 4px; } .most_v_active { background: #FF8000 !important; color: #fff !important; } .div-v { overflow: hidden; width: 100%; margin-bottom: 20px; background: #FFF; box-shadow: 0 7px 5px -5px rgba(207,207,207,1); padding: 15px 10px; } .div-v a { color: #242422; } .tab-time { cursor: pointer; height: 28px; overflow: hidden; width: 100%; } .tab-time a { color:#fff; text-decoration: none; } .tab_ta { width:100%; height: 22px; overflow: hidden; padding:0 2px; } .tab_ta ul { padding: 0; margin: 0; } .tab_ta ul li { float: right; list-style: none outside none; margin: 0 1%; width: 48%; height: 22px; overflow: hidden; } .tab_ta ul li a { background: #8e8e8e; display: block; overflow: hidden; padding-left: 5px; } .tab_ta ul li a span { display: block; overflow: hidden; text-align: center; font: 13px/20px Num_Light; padding-right: 5px; height: 20px; } .tab_ta ul li a.active_tab { background:#ff8000; } .con_time { width: 100%; padding: 0; } .con_time div.time_c { display: none; } .con_time div.active { display: block; } .div-d { padding: 0 ; } .wpp-meta, .post-stats { display: none !important; } .wpp-list li{ list-style: none !important; padding-bottom: 5px; padding-top: 2px; float: right; width: 100%; margin-bottom: 0 !important; border-bottom: 1px solid #eee; } .wpp-list li a { font-weight: 100; line-height: 150%; margin-bottom: 5px; font-family: "Num_Medium"; font-size: 13px; } .wpp-list li:last-child { padding-bottom: 0; border-bottom: none; } .wpp-list li a::before { content: "■ "; color: #666; font-size: 12px; margin-left: 6px; padding-top:4px; float: right; } .wpp-list li a:hover,.wpp-list li a:hover::before{ color: #ff8000; } /* Preload images */ @font-face { font-family: 'lg'; src: url("fonts/lg.eot?n1z373"); src: url("fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("fonts/lg.woff?n1z373") format("woff"), url("fonts/lg.ttf?n1z373") format("truetype"), url("fonts/lg.svg?n1z373#lg") format("svg"); font-weight: normal; font-style: normal; } .lg-icon { font-family: 'lg'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: #0C0D1D99; border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-moz-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-ms-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-moz-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-ms-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; background-color: #0C0D1D99; } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .lg-toolbar .lg-icon:hover { color: #FFF; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { background-color: #0C0D1D99; bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } #lg-counter span{ vertical-align: middle;font-family:"BYekan-light"; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color:#313030E0; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; } .lg-outer .lg-thumb-item { border-radius: 5px; cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #777; border-radius:1px; margin-bottom: 5px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color:#ff8000; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; -o-transition: bottom 0.25s ease; transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color:#313030E0; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb:after { content: "\e1ff"; } .lg-outer .lg-toogle-thumb:hover { color: #FFF; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1080; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .group { *zoom: 1; } .group:before, .group:after { display: table; content: ""; line-height: 0; } .group:after { clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html { display: none; } .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: RGBA(0, 0, 0, 0.7); opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } /*# sourceMappingURL=lightgallery.css.map */ body.lb-disable-scrolling { overflow: hidden; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; border-radius: 3px; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-container { padding: 4px; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .content .gallery .gallery-item{float: none !important;margin: auto;} .content .gallery .gallery-item img{width: 100% !important;height: auto !important;} .content .gallery{text-align: justify;overflow: hidden;} .content .gallery img{width: 100%;height:190px !important; transition: all 0.5s ease; box-shadow: 0 0 3px 1px rgba(0,0,0,.2);} .content .gallery img:hover { -webkit-filter: brightness(120%) contrast(120%); -moz-filter: brightness(120%) contrast(120%); filter: brightness(120%) contrast(120%); -ms-transition: .2s filter linear; -o-transition: .2s filter linear; -webkit-transition: .2s filter linear; transition: .2s filter linear; } .content .gallery a{width:23%; display: inline-block; float: right; margin: 1%;} .content .gallery a img{width:100%;} .gallery-content .gallery-li::before{content: none;} .gallery-content .gallery .gallery-item{float: none !important;margin: auto;} .gallery-content .gallery .gallery-item img{width: 100% !important;height: auto !important;} .gallery-content .gallery{text-align: justify;overflow: hidden;width: 100%;} .gallery-content .gallery img{width: 100%;height:190px !important; transition: all 0.5s ease; box-shadow: 0 0 3px 1px rgba(0,0,0,.2);} .gallery-content .gallery img:hover { -webkit-filter: brightness(120%) contrast(120%); -moz-filter: brightness(120%) contrast(120%); filter: brightness(120%) contrast(120%); -ms-transition: .2s filter linear; -o-transition: .2s filter linear; -webkit-transition: .2s filter linear; transition: .2s filter linear; } .gallery-content .gallery a{width:23%; display: inline-block; float: right; margin: 1%;} .gallery-content .gallery a img{width:100%;} .lg *{direction: ltr;text-align: left;} .lg-outer .lg-thumb{margin: auto !important;} .gallery-content { text-align: justify; margin-bottom: 20px; background: #FFF; box-shadow: 0 7px 5px -5px rgba(207,207,207,1); padding: 15px 10px; width: 100%; } .fot{ width: 100%; background:#242424; padding: 5px 0; } .fot .tagcloud { display: inline-block; font-size:1.2em; margin-left:10px; } .fot .tagcloud a{ height: 24px; float: right; line-height: 24px; position: relative; margin-left: 20px; padding: 0 10px 0 12px; background:#333; color: #ccc; text-decoration: none; border-bottom-right-radius: 2px; border-top-right-radius: 2px; font-size: 12px !important; margin-top: 5px; font-family:"Num_Light"; } .fot .tagcloud a:hover{background:#ff8000;color: #fff;} .fot .tagcloud a:hover::before {border-color: transparent #ff8000 transparent transparent;} .fot .tagcloud a::before { content: ""; float: left; position: absolute; top: 0; left: -12px; width: 0; height: 0; border-color: transparent #333 transparent transparent; border-style: solid; border-width: 12px 12px 12px 0; } .fot .tagcloud a::after { content: ""; position: absolute; top: 10px; left: 0; float: left; width: 4px; height: 4px; border-radius: 2px; background: #ddd; box-shadow: -1px -1px 2px #ccc; } .fot .tags-header{ display:none; } .ap-am { position: relative; float: right; } .ap-am b { color: #ababab; font-family:"Num_Light"; margin-left:12px; font-size: 11px; height: 30px; font-weight: normal; display: inline-block; } .ap-am b span { color: #fff; font-family:"Num_Light"; font-size: 11px; background:#ff8000; padding: 0 7px; border-radius: 30px; margin-right: 5px; text-align: center; height: 18px; display: inline-block; line-height: 18px; font-weight: normal; } .sidebar-content .searchform {overflow: hidden;} .sidebar-content .searchform input[type="text"]{width: 97%;} .sidebar-content .searchform input[type="submit"]{width: 97%;margin: 5px 5px 10px 5px;} @media only screen and (max-width:1200px){ .boxx .aa .left .pic .det p { display: none; } .boxx .aa .left .pic .det h2 a { font-size: 16px; } .boxx .aa .left .pic .det h2 { margin-bottom:0;font-weight: normal; line-height: 25px; } .boxx .aa .right { width: 45%; } .boxx .aa .left { width: 50%; } .boxx .aa .left .pic .thumbnail { width: 160px; height: 110px; } .apnews.ne_one .polist .item { margin-left:2%; width: 30.999%; height: 420px; } .apnews.ne_one .polist .item .thumbnail { height: 145px; } .container, .container-max { width: 1100px; } .boxx .ee .right { width: 21.5%; height: 430px; } .boxx .ee .right .thumbnail { height: 170px; } .boxx .ee .left { width: 53%; } .boxx .ee .right .det h2 a { font-size: 15px; } .boxx .ee .right .det p{ font-size: 10px; } .boxx .aa .right .thumbnail { height: 180px; } .archiv-b .thumbnail { height: 150px; } .archiv-b { height: 280px; } .mediaa .thumbnail { height: 160px; } .mediaa { width: 24.0%; height: 225px; } .gallery-content .gallery img { height: 170px !important; } .primary-nav { width: 780px; } .primary-nav::after { left: -24px; } .ap-nav { width: 45%; } }/***************************************************/ @media only screen and (max-width:1100px){ .left_menu .switch.tiny { height: 10px; margin-left: 8px; } .primary-nav { width: 780px; } .gallery-content .gallery img { height: 160px !important; } .mediaa .thumbnail { height: 150px; } .mediaa { height: 215px; } .related h2 span { display: none !important; } .boxx .tit strong{ display: none; } #commentform input[type="text"] { width: 47.2%; } .apnews.ne_three .polist .item .thumbnail { width: 40%; } .archiv-b .thumbnail { height: 120px; } .archiv-b .det span { display: none; } .archiv-b { height:230px; } .archiv-t .det p { font-size: 13px; } .boxx .aa .right .thumbnail { height: 150px; } .apnews.ne_one .polist .item { width:48%; height: 400px; } .apnews.ne_one .polist .item .thumbnail { height: 175px; } .apnews.ne_four .polist .item .thumbnail { height: 135px; } div.tab-post strong{ padding: 0 10px; } div.tab-post strong.active{ padding: 0 10px; } .ap_news .ap_slider .item .thumbnail { height: 350px; } .vertical-menu ul li { width: 32%; } .container, .container-max { width: 1000px; } .ap_editorial { width: 100%; display: block !important; margin:20px 0 !important; } .thumbslider { width: 100%; margin-top: 20px; } .boxx .item-shop .thumbnail { height: 280px; } .boxx .item-shop { height: 390px; } .boxx .ff .right .det p { font-size: 14px; } .boxx .ff .right { height: 220px; width: 100%; margin-bottom: 20px; } .boxx .ff .right .thumbnail { height: 220px; width: 320px; float: right; margin-left: 15px; } .boxx .ff .right .det { padding:15px 5px; width: calc(100% - 10px); } .boxx .ff .right .det h2 a { font-size: 18px; line-height: 30px; } .boxx .ff .left { width: 100%; } .boxx .ff .left .pic { height: 290px; } .boxx .ff .left .pic .thumbnail { height: 210px; } .boxx .ff .left .pic .det h2 a { font-size: 16px; } .boxx .ff .left .pic .det h2 { margin-bottom: 0; line-height: 25px; padding: 5px 0;font-weight: normal; } .boxx .ee .right { width: 100%; height: auto; margin-bottom: 15px; } .boxx .ee .left .pic .thumbnail,.boxx .ee .right .thumbnail { height: 220px; width: 320px; float: right; margin-left: 15px; } .boxx .ee .right .det{ padding: 15px 5px; width: calc(100% - 10px); } .boxx .ee .left .pic .det h2 a,.boxx .ee .right .det h2 a { font-size: 18px; line-height: 30px; } .boxx .ee .left .pic .det p,.boxx .ee .right .det p { font-size: 14px; } .boxx .ee .left { width: 100%; } }/***************************************************/ @media only screen and (max-width:1000px){ .main-top .polist .item .head .categorie { display: none; } .main-top .polist .item { padding: 0px; } .main-top .polist .item .thumbnail { height: 130px; } .breaking a { font-family: "Num_Light"; font-size: 12px; } .shop-right { width: 100%; } .shop-left { width: 100%; height: auto; margin-right: 0; } ul.news-detile { height: auto; } ul.news-detile li:nth-child(4) { float: right; padding-top: 5px; } .post-link .short { width: 100%; } .post-link { height: auto !important; overflow: hidden; } .gallery-content .gallery img { height: 150px !important; } .mediaa .thumbnail { height: 180px; } .mediaa { width: 32.1%; height: 245px; } #commentform input[type="text"] { width: 46.8%; } .post-mata ul li{ margin-bottom: 5px; } .post-link { height: 85px; } .post-link .social { margin: 5px 5px; float: right; } .post-link .short b,.post-link .short span { font-size: 12px; } .heding h1 a{ font-size:18px; } ul.news-detile li { padding: 0 5px 0 5px; } ul.news-detile li::before { background-color: #fff; } .archiv-b .thumbnail { height: 100px; } .archiv-b { height:230px; } .archiv-t .thumbnail{ width: 100%; height:270px; } .archiv-t { height: 370px; } .archiv-t .det p { display: none; } .archiv-t .det{ width:97%; height: auto; padding:0 5px; } .boxx .aa .left .title .det { width: 100%; } .boxx .aa .left .title { padding:0 5px; } .boxx .aa .right { width:100%; } .boxx .aa .right .thumbnail { height: auto; } .boxx .aa .left .pic .det { width: calc(100% - -15px); } .boxx .aa .left { width:100%; margin-right:0; } .boxx .aa .left .pic .thumbnail { width: 160px; height: 110px; } .apnews.ne_one .polist .item .thumbnail { height: 155px; } .apnews.ne_four .polist .item .thumbnail { height: 100px; } div.tab-post strong { margin-top:10px; } .apnews.ne_three .polist .item { display: block; } .apnews.ne_three .polist .item .thumbnail { width: 100%; height: auto; } .apnews.ne_three .polist .item .det { width: 100%; } .ap_news .ap_slider .item .thumbnail { height: 300px; } .ap-nav ul li a{ font-size: 11px; padding: 14px 5px; } .ap-nav ul li ul li a{ font-size: 11px; } .ap_header .ap_time { padding: 10px 5px 0 0; font-size: .6em; } #clock { width: 70px; } .container, .container-max { width: 900px; } .main_featured .ap_slider .item .thumbnail:nth-child(1),.main_featured .ap_slider .item .thumbnail:nth-child(2),.main_camera .ap_slider .item .thumbnail:nth-child(1),.main_camera .ap_slider .item .thumbnail:nth-child(2){ height: 280px; } .main_featured .ap_slider .item .thumbnail:nth-child(3),.main_featured .ap_slider .item .thumbnail:nth-child(4),.main_featured .ap_slider .item .thumbnail:nth-child(5),.main_camera .ap_slider .item .thumbnail:nth-child(3),.main_camera .ap_slider .item .thumbnail:nth-child(4),.main_camera .ap_slider .item .thumbnail:nth-child(5){ height: 200px; } .boxx .item-shop .thumbnail { height: 250px; } .boxx .item-shop { height: 360px; } .boxx .ff .left .pic .thumbnail { height: 190px; } .boxx .ff .left .pic { height: 270px; } }/***************************************************/ @media only screen and (max-width:900px){ .breaking a { font-size: 10px; } .fixmenu .ap-search { margin:auto auto 20px 0px !important; } .ap-am { display: none; } .gallery-content .gallery img { height: 140px !important; } .mediaa .thumbnail { height: 160px; } .mediaa { width: 31.8%; height: 225px; } #commentform input[type="text"] { width: 96.8%; } .heding h1 a{ font-size:16px; } ul.news-detile { height: 91px; } ul.news-detile li:nth-child(4) { float: right; } .archiv-b { width: 100%; height:auto; } .archiv-b .thumbnail{ width: 100%; height:auto; } .archiv-b .det { padding: 5px 10px; padding-top:0px; } .archiv-t .thumbnail{ width: 100%; height:250px; } .archiv-t { height: 350px; } .boxx .aa .left .pic .det { width: calc(100% - -10px); } .apnews.ne_one .polist .item { width:99%; height: auto; } .apnews.ne_one .polist .item .thumbnail { height:auto; } .apnews.ne_four .polist .item .thumbnail { height: 80px; } #site-pagination,.bars { display: block; } .bars > span { background-color: #bfc0c0; } .ap-nav { display: none; } .ap_news .ap_slider .item .thumbnail { height: 250px; } .ap_news .ap_slider .item .det h2 { width: 92%;font-weight: normal; } .ap_news .ap_slider .item .det h2 a { font-size: 16px; } .boxx .ff .left .pic .thumbnail { height: 180px; } .boxx .ff .left .pic { height: 260px; } .ap-nav ul li a{ font-size: 10px; } .ap_header .ap_time { font-size: .5em; } .container, .container-max { width:800px; } .ap_header .inn .header_right { width: 300px; } .main_featured .ap_slider .item .thumbnail:nth-child(1),.main_featured .ap_slider .item .thumbnail:nth-child(2),.main_camera .ap_slider .item .thumbnail:nth-child(1),.main_camera .ap_slider .item .thumbnail:nth-child(2){ height: 270px; } .main_featured .ap_slider .item .thumbnail:nth-child(3),.main_featured .ap_slider .item .thumbnail:nth-child(4),.main_featured .ap_slider .item .thumbnail:nth-child(5),.main_camera .ap_slider .item .thumbnail:nth-child(3),.main_camera .ap_slider .item .thumbnail:nth-child(4),.main_camera .ap_slider .item .thumbnail:nth-child(5){ height: 190px; } .boxx .item-shop .thumbnail { height: 250px; } .boxx .item-shop { height: 350px; width: 32.3%; margin-left:1%; } .boxx .item-shop:nth-child(5) { margin-left:1%; } .boxx .item-shop:nth-child(10) { margin-left:1%; } .boxx .item-shop:nth-child(15) { margin-left:1%; } .boxx .item-shop:nth-child(20) { margin-left:1%; } }/***************************************************/ @media only screen and (max-width:800px){ .sidebar.co-ads { width: 90px; } .breaking { display: none; } .links-cat { width:30.3%; } .gallery-content .gallery img { height: 120px !important; } .mediaa .thumbnail { height: 150px; } .mediaa { width: 31.8%; height: 215px; } .archiv-t .thumbnail{ width: 100%; height:220px; } .archiv-t { height: 320px; } .ap_news .ap_slider .item .thumbnail { height: 230px; } .boxx .ff .left .pic .thumbnail { height: 150px; } .boxx .ff .left .pic { height: 240px; width: 31.7%; } .boxx .item-shop .thumbnail { height: 230px; } .boxx .item-shop { height: 320px; width: 32.3%; margin-left:1%; } .ap_header .inn .header_right { width:280px; } .bars > span { background-color: #bfc0c0; } .container, .container-max { width: 700px; } .thumbslider .postlist .item .det p{ font-size: 13px; } .thumbslider .postlist .item .det h2 { font-size: 18px;font-weight: normal; } .main_editors .postlist .item { width: 49.333%; } .main_videos .postlist { padding: 10px; } .main_videos .postlist .item { width:50%; float:right; } .main_videos .postlist .item:nth-child(1) { width: 100%; float: none; } .video-cover,.main_videos .postlist .item:nth-child(1) .thumbnail { height:400px; } .main_featured .ap_slider .item .thumbnail:nth-child(1),.main_featured .ap_slider .item .thumbnail:nth-child(2),.main_camera .ap_slider .item .thumbnail:nth-child(1),.main_camera .ap_slider .item .thumbnail:nth-child(2){ height: 250px; } .main_featured .ap_slider .item .thumbnail:nth-child(3),.main_featured .ap_slider .item .thumbnail:nth-child(4),.main_featured .ap_slider .item .thumbnail:nth-child(5),.main_camera .ap_slider .item .thumbnail:nth-child(3),.main_camera .ap_slider .item .thumbnail:nth-child(4),.main_camera .ap_slider .item .thumbnail:nth-child(5){ height: 170px; } .foot-top,.foot-bottom{ display: none; } .boxx .ff .right { height: 250px; } .boxx .ff .right .thumbnail { height: 250px; width: 350px; margin-left: 15px; } .sidebar.co-aside{ width: 250px; float: right; } .ap_news { width: calc(100% - 360px); } }/***************************************************/ @media only screen and (max-width:768px){ .main_featured .ap_slider .item .det h2 ,.main_camera .ap_slider .item .det h2 { padding: 5px 0; line-height: 25px; } .main_featured .ap_slider .item .det h2 a,.main_camera .ap_slider .item .det h2 a { font-size: 16px; } .main_featured .ap_slider .item .det ,.main_camera .ap_slider .item .det{ right: 10px; bottom: 5px; } .woocommerce table.shop_table td { width: 100% !important; } .shop-right { width:50%; } .shop-left { width:48%; height: auto; margin-right:2%; } .mediaa .thumbnail { height: 190px; } .mediaa { width: 47.8%; height: 255px; } .post-link .social { margin: 0 5px; float: left; } .post-link { height: 52px; } .heding h1 a{ font-size:20px; } ul.news-detile { height: 51px; } ul.news-detile li:nth-child(4) { float: left; } .archiv-b { width: 32.1%; height:260px; } .archiv-b .thumbnail { width: 100%; height: 150px; } .apnews.ne_four .polist .item .thumbnail { height: 150px; } .apnews.ne_three .polist .item{ margin-bottom: 15px; } .archiv-t .thumbnail,.boxx .aa .right .thumbnail,.apnews.ne_one .polist .item .thumbnail,.apnews.ne_three .polist .item .thumbnail { height: 250px; width: 350px; margin-left: 15px; float: right; } .boxx .aa .right .det,.apnews.ne_one .polist .item .det,.apnews.ne_three .polist .item .det{ padding: 15px 5px; float: right; width: calc(100% - 380px); } .archiv-t .det{ padding: 5px 0; float: right; width: calc(100% - 380px); } .archiv-t .thumbnail{ height: 250px; width: 350px; margin-left:5px; float: right; } .archiv-t { height: 250px; } .archiv-t .det p { display: inline; } .apnews.ne_one .polist .item .det b,.boxx .ff .right .det p { font-size: 12px; } .apnews.ne_three .polist .item .det h2{ font-size: 18px; line-height: 30px; } .ap_news .ap_slider .slick-arrow{top: 40%;} .sidebar .ap_slider .item .thumbnail,.ap_news .ap_slider .item .thumbnail { height: 350px; } .ap_news .ap_slider .item .det h2 { width:100%;font-weight: normal; } .sidebar .ap_slider .item .det{padding:20px;} .sidebar .ap_slider .item .det h2,.ap_news .ap_slider .item .det h2 a { font-size: 18px; } .content-area { width: 100%; float: none; margin: 0; padding: 0; } .sidebar.co-aside { width: 100%; float: none; padding: 10px; } .sidebar.co-ads { width: 100%; float: none; padding: 10px; margin-right: 0px; } .all_ads { width: 22.5%; float: right; margin: 5px 1%; } .sidebar.no-aside { width: 100%; float: none; } .ap_news { float: none; width: 100%; padding: 10px; } .apnews { margin-bottom: 10px; } .apnews.ne_one .polist, .apnews.ne_tow .polist { display: block; margin: 0; } .apnews.ne_one .polist .item, .apnews.ne_tow .polist .item { width: 100%; } .apnews.ne_four .polist.slick-slider { margin: 0; } .apnews.ne_four .polist:hover .slick-arrow.button-prev { right: 0; } .apnews.ne_four .polist:hover .slick-arrow.button-next { left: 0; } }/***************************************************/ @media only screen and (max-width:750px){ .archiv-b { height:250px; } .archiv-b .thumbnail { height: 140px; } .sidebar .ap_slider .item .thumbnail,.ap_news .ap_slider .item .thumbnail { height: 340px; } .ap_header .inn .header_right { margin-left: 20%; } .vertical-menu ul li { width: 48%; } .main_featured .ap_slider .item .thumbnail:nth-child(1),.main_featured .ap_slider .item .thumbnail:nth-child(2),.main_camera .ap_slider .item .thumbnail:nth-child(1),.main_camera .ap_slider .item .thumbnail:nth-child(2){ height: 220px; } }/***************************************************/ @media only screen and (max-width:700px){ .h-left { width: 260px; padding-top: 10px; } .h-left .brea { width: 100%; } .links-cat { width:45.3%; } .head-video video,.video-cover{ height:330px; } .gallery-content .gallery img { height: 100px !important; } .mediaa .thumbnail { height: 180px; } .mediaa { width: 47.8%; height: 245px; } .heding h1 a{ font-size:18px; } .archiv-b { height:240px; } .archiv-b .thumbnail { height: 130px; } .apnews.ne_four .polist .item .thumbnail { height: 130px; } .boxx .aa .left .pic .det { width: calc(100% - -5px); } .apnews.ne_four .polist .slick-arrow{ top: 15%; } .boxx .aa .right .thumbnail,.apnews.ne_one .polist .item .thumbnail,.apnews.ne_three .polist .item .thumbnail { height:auto; width:100%; margin-left:0; } .archiv-t .det,.boxx .aa .right .det,.apnews.ne_one .polist .item .det,.apnews.ne_three .polist .item .det{ padding:5px; width:100%; } .archiv-t .det{ padding: 5px 0; float: right; width:100%; } .archiv-t .thumbnail{ height:350px; width:100%; margin-left:0; float: right; } .archiv-t { height: 450px; } .archiv-t .det p { display:none; } .apnews.ne_one .polist .item .det b { height: auto; } .sidebar .ap_slider .item .thumbnail,.ap_news .ap_slider .item .thumbnail { height: 320px; } .boxx .item-shop .thumbnail { height: 310px; } .boxx .item-shop { height: 390px; width: 48.3%; } .ap_header .inn .header_right { margin-left: 15%; } .container, .container-max{ width: 600px; } .thumbslider .postlist .item .det p,.thumbslider .slider-nav .navlist.slick-initialized { display:none !important; } .thumbslider .postlist .item .thumbnail { float: left; width: 60%; height: 220px; } .thumbslider .postlist .item .det { width: 40%; } .thumbslider { margin-top: 20px; } .thumbslider .postlist .item .det{ padding:10px; } .main_videos .postlist .item:nth-child(1) .thumbnail { height:350px; } .main_featured .ap_slider .item .thumbnail:nth-child(1),.main_featured .ap_slider .item .thumbnail:nth-child(2),.main_camera .ap_slider .item .thumbnail:nth-child(1),.main_camera .ap_slider .item .thumbnail:nth-child(2){ height: 200px; } .main_featured .ap_slider .item .thumbnail:nth-child(3),.main_featured .ap_slider .item .thumbnail:nth-child(4),.main_featured .ap_slider .item .thumbnail:nth-child(5),.main_camera .ap_slider .item .thumbnail:nth-child(3),.main_camera .ap_slider .item .thumbnail:nth-child(4),.main_camera .ap_slider .item .thumbnail:nth-child(5){ height: 150px; } .boxx .ff .right { height:auto; width:100%; margin-bottom: 15px; } .boxx .ee .left .pic .thumbnail, .boxx .ee .right .thumbnail,.boxx .ff .right .thumbnail { height:auto; width:100%; margin-left:0; margin-bottom: 15px; } .boxx .ff .left .pic{ height:260px; width:47%; margin-left:1%; margin-bottom: 15px; } .boxx .ff .left .pic .thumbnail{ height:190px; width:100%; margin-left:0; margin-bottom:5px; } .boxx .ee .left .pic .det,.boxx .ee .right .det,.boxx .ff .right .det { padding:15px; width:100%; } .boxx .ff .left .pic .det { width: 100%; padding: 0 15px; padding-bottom: 10px; } }/***************************************************/ @media only screen and (max-width:600px){ .h-top .ap_logo{ height:65px; width: 220px; } .h-top .ap_logo img{ height:auto; width: 220px; } .content h1 { font-size: 32px; } .content h2 { font-size: 26px; } .content h3 { font-size: 20px; } .content h4 { font-size: 16px; } .content h5 { font-size: 14px; } .content h6 { font-size: 12px; } .hednav { float: right; } .head-video video,.video-cover{ height:300px; } #commentform input[type="text"] { width: 97.0%; } .gallery-content .gallery img { height: 110px !important; } .gallery-content .gallery a { width: 31%; } .mediaa .thumbnail { height: 160px; } .mediaa { width: 47.8%; height: 225px; } .post-mata ul li { width: 40%; } .heding h1 a{ font-size:14px; line-height: 20px; } .heding .rotitr { font-family: "Num_Light"; font-size: 12px; } .archiv-b .thumbnail { height: 110px; } .archiv-t .thumbnail{ height:300px; } .archiv-t { height: 400px; } .apnews.ne_four .polist .item .thumbnail { height: 120px; } .sidebar .ap_slider .item .thumbnail,.ap_news .ap_slider .item .thumbnail { height: 300px; } .boxx .ff .left .pic{ height:260px; width:46%; margin-left:1%; margin-bottom: 15px; } .boxx .ff .left .pic .thumbnail{ height:150px; width:100%; margin-left:0; margin-bottom:5px; } .ap_header .inn .header_right { margin-left:10%; } .container, .container-max{ width: 500px; } .main_editors .postlist .item { width: 100%; float: none; } .main_videos .postlist .item { width:100%; float:right; } .main_videos .postlist .item:nth-child(1) .thumbnail { height:300px; } .main_camera .ap_slider .item .det .met{ display: none; } .main_camera .ap_slider .item .thumbnail:nth-child(1),.main_camera .ap_slider .item .thumbnail:nth-child(2){ height: 180px; } .main_camera .ap_slider .item .thumbnail:nth-child(3),.main_camera .ap_slider .item .thumbnail:nth-child(4),.main_camera .ap_slider .item .thumbnail:nth-child(5){ height: 130px; } .main_featured .ap_slider .item .det .met{ display: none; } .main_featured .ap_slider .item .thumbnail:nth-child(1),.main_featured .ap_slider .item .thumbnail:nth-child(2){ height: 180px; } .main_featured .ap_slider .item .thumbnail:nth-child(3),.main_featured .ap_slider .item .thumbnail:nth-child(4),.main_featured .ap_slider .item .thumbnail:nth-child(5){ height: 130px; } .boxx .item-shop .thumbnail { height: 270px; } .boxx .item-shop { height: 370px; width: 48.3%; } }/***************************************************/ @media only screen and (max-width:550px){ .content h1 { font-size: 30px; } .content h2 { font-size: 24px; } .content h3 { font-size: 18px; } .head-video video,.video-cover{ height:270px; } .mediaa { width: 98.8%; height: auto; } .mediaa .thumbnail { height: auto; } .post-link .social { margin:5px 5px; float:right; } .post-link { height:95px; } .archiv-t .thumbnail{ height:280px; } .archiv-t { height: 380px; } .apnews.ne_four .polist .item .thumbnail { height: 150px; } .sidebar .ap_slider .item .thumbnail,.ap_news .ap_slider .item .thumbnail { height: 280px; } .ap-am b { display: none; } .ap_header .inn .header_right { margin-left:5%; } .boxx .item-shop h2 a { font-size: 13px; } .all_ads { width: 30.5%; } }/***************************************************/ @media only screen and (max-width:500px){ .h-top .ap_logo { height: 55px; width: 220px; } .h-left { width: 100%; padding-top:0; float: right; } .h-left .brea { width: calc(75% - -30px); float: right; } .h-left { height: 25px; } .h-top { height:80px; } .big_header { height: 160px; } .main-top .polist .item .thumbnail { height: 150px; } .content h1 { font-size: 26px; } .content h2 { font-size: 20px; } .content h3 { font-size: 16px; } .links-cat { width:95%; height:auto; } .mp ul{ margin:0px; } .shop-right { width: 100%; } .shop-left { width: 100%; height: auto; margin-right: 0; } .head-video video,.video-cover{ height:250px; } .gallery-content .gallery img { height: 130px !important; } .gallery-content .gallery a { width:48%; } ul.news-detile { height:auto; } ul.news-detile li { padding: 0; } ul.news-detile li:nth-child(2) { float: right; padding-top: 5px; width: 100%; } ul.news-detile li:nth-child(4) { float: right; } .archiv-b { width:100%; height:auto; } .archiv-b .thumbnail { width: 100%; height:auto; } .archiv-t .thumbnail{ height:260px; } .archiv-t { height: 370px; } .apnews.ne_four .polist .item .thumbnail { height: 130px; } .apnews.ne_four .polist .slick-arrow{ top: 10%; } .sidebar .ap_slider .item .thumbnail,.ap_news .ap_slider .item .thumbnail { height: 250px; } .sidebar .ap_slider .item .det h2,.ap_news .ap_slider .item .det h2 a { font-size: 17px; } .ap_header .inn .header_right { width: 200px; margin-left: 0; } .container, .container-max{ width: 400px; } .thumbslider .postlist .item .det { width: 100%; } .thumbslider .postlist .item .thumbnail { float: left; width:100%; height: 220px; } .thumbslider .postlist .item .det h2{ margin:5px 0; } .main_videos .postlist .item:nth-child(1) .thumbnail { height:250px; } .main_camera .ap_slider .item .det h2{ line-height:20px; } .main_camera .ap_slider .item .det h2 a { font-size: 14px; } .main_camera .ap_slider .item .det { right: 0px; bottom: 5px; left: 0; } .main_camera .ap_slider .item .thumbnail:nth-child(1){ height: 250px; width:100%; } .main_camera .ap_slider .item .thumbnail:nth-child(2),.main_camera .ap_slider .item .thumbnail:nth-child(3),.main_camera .ap_slider .item .thumbnail:nth-child(4),.main_camera .ap_slider .item .thumbnail:nth-child(5){ height: 140px; width:49.5%; margin-bottom:0; } .main_featured .ap_slider .item .det h2{ line-height:20px; } .main_featured .ap_slider .item .det h2 a { font-size: 14px; } .main_featured .ap_slider .item .det { right: 0px; bottom: 5px; left: 0; } .main_featured .ap_slider .item .thumbnail:nth-child(1){ height: 250px; width:100%; } .main_featured .ap_slider .item .thumbnail:nth-child(2), .main_featured .ap_slider .item .thumbnail:nth-child(4),.main_camera .ap_slider .item .thumbnail:nth-child(2), .main_camera .ap_slider .item .thumbnail:nth-child(4) { height: 140px; width: 49.5%; margin-bottom:5px; margin-right: 0; margin-left:1%; float: right; } .main_featured .ap_slider .item .thumbnail:nth-child(3),.main_featured .ap_slider .item .thumbnail:nth-child(5),.main_camera .ap_slider .item .thumbnail:nth-child(3),.main_camera .ap_slider .item .thumbnail:nth-child(5){ height: 140px; width: 49.5%; margin-bottom:5px; margin-right: 0; margin-left:0; float: right; } .boxx .item-shop .thumbnail { height: 250px; } .boxx .item-shop { height: 360px; width: 48.3%; } .boxx .item-shop h2 a { font-size: 12px;} .ap-am b { margin-left: 5px; } .boxx .ff .left .pic{ height:auto; width:100%; margin-left:0; margin-right: 0; margin-bottom: 15px; } .boxx .ff .left .pic .thumbnail{ height:auto; width:100%; margin-left:0; margin-bottom:5px; } .main-top .polist .item .head h2 { top: 30%;font-weight: normal; } .main-top .polist .item .head h2 a { font-size: 12px; font-family: Num_Light; font-weight: 700; line-height: 10px; } }/***************************************************/ @media only screen and (max-width:450px){ .main-top .polist .item .thumbnail { height: 140px; } .panel{padding: 5%;} .post-mata ul li { width:100%; margin-left: 0; } .content p { font-size: 1.0em; } .archiv-t .thumbnail{ height:240px; } .archiv-t { height: 350px; } .apnews.ne_four .polist .item .thumbnail { height: 120px; } .apnews.ne_four .polist .item .det h2 { font-size: 14px;font-weight: normal; } .apnews.ne_four .polist .item .det .met { display: none; } .container, .container-max{ width: 400px; } .sidebar .ap_slider .item .thumbnail, .ap_news .ap_slider .item .thumbnail { height: 230px; } }/***************************************************/ @media only screen and (max-width:400px){ .h-left .brea { width: calc(71.4% - -30px); } .ap_header .inn .header_right { width: 220px; } .main-top .polist .item .thumbnail { height: 130px; } .content h1 { font-size: 20px; } .content h2 { font-size: 18px; } .slick-arrow{display: none !important;} .timeline .slick-arrow{display:inline !important;} .cat-label, .tag-label, .author-label, .archive-label, .search-label { width: 100%; line-height: 20px; } .content ol, .content ul { margin: 5px 5px 0px 0; } .head-video video,.video-cover{ height:230px; } .gallery-content .gallery img { height: 110px !important; } ol.commentlist .comment-body { margin: 10px 5px; } .commentmetadata{ padding-top: 10px; } ol.commentlist .comment-body .vcard { margin: 0 auto; position: relative; } ol.commentlist .comment-body .comment { margin: 15px 0px 30px 0; } .comment-body a.comment-reply-link { position: relative; top: -25px;} .heding .rotitr { font-size: 12px;} .archiv-t .thumbnail{ height:220px; } .archiv-t { height: 330px; } .boxx .aa .left .pic .thumbnail { width: 100%; height: auto; margin-bottom: 10px; } .boxx .aa .left .pic .det { width: 100%; padding: 0 5px; margin: 10px auto; } .apnews.ne_four .polist .item .thumbnail { height: 110px; } .boxx .ee .left .pic .det p, .boxx .ee .right .det p,.boxx .aa .left .pic .det p,.boxx .aa .right .det p,.apnews.ne_one .polist .item .det b,.apnews.ne_three .polist .item .det p,.boxx .ff .right .det p { display: none; } .sidebar .ap_slider .item .thumbnail,.ap_news .ap_slider .item .thumbnail { height: 220px; } .archiv-t .det h2 a,.apnews.ne_three .polist .item .det h2,.sidebar .ap_slider .item .det h2,.ap_news .ap_slider .item .det h2 a { font-size: 16px; line-height: 25px; } .ap_header .inn .header_right { width:190px; } .ap_header .inn .header_right .ap_logo { width: 190px; } .vertical-menu ul li { width:98%; } .container, .container-max{ width: 350px; } .thumbslider .postlist .item .det h2{ font-size:16px; } .main_videos .postlist .item:nth-child(1) .thumbnail { height:20px; } .main_featured .ap_slider .item .thumbnail:nth-child(1),.main_camera .ap_slider .item .thumbnail:nth-child(1) { height: 220px; } .main_featured .ap_slider .item .thumbnail:nth-child(3), .main_featured .ap_slider .item .thumbnail:nth-child(5), .main_camera .ap_slider .item .thumbnail:nth-child(3), .main_camera .ap_slider .item .thumbnail:nth-child(5),.main_featured .ap_slider .item .thumbnail:nth-child(2), .main_featured .ap_slider .item .thumbnail:nth-child(4), .main_camera .ap_slider .item .thumbnail:nth-child(2), .main_camera .ap_slider .item .thumbnail:nth-child(4) { height: 120px; } } @media only screen and (max-width:350px){ .ap_header .inn .header_right { width: 160px; } .ap_header .inn .header_right .ap_logo { height: 40px; width: 160px; margin-right: 5px; } .container, .container-max { width: 320px; } .h-left .brea { width: calc(68.5% - -30px); } } @media only screen and (max-width:320px){ .ap_header .inn .header_right { width: 140px; } .ap_header .inn .header_right .ap_logo { height: 35px; width: 140px; } .container, .container-max { width: 300px; } .h-left .brea { width: calc(66.5% - -30px); } }