<strong><h2><h3><h4><img>'); $html=str_replace('<IMG','<img',$html); $html=str_replace('vspace="10" hspace="10"','',$html); $html=str_replace('http://images.alarab.com/data/','https://images.alarab.com/data/',$html); $html=str_replace('"/data/','"https://images.alarab.com/data/',$html); $html=str_replace('http://images','https://images',$html); $html=str_replace('http://dalel.alarab.net/data/','https://images.alarab.com/data/',$html); $html=str_replace('http://www.alarab.net/data/','https://images.alarab.com/data/',$html); $html=str_replace('https://master.alarab.com/data/','https://images.alarab.com/data/',$html); $html=str_replace('http://online.alarab.co.il','https://images.alarab.com/data',$html); $html=str_replace('https://online.alarab.co.il','https://images.alarab.com/data',$html); $html=str_replace('http://www.alarab.co.il','https://images.alarab.com/data',$html); $html=str_replace('<p style="text-align: justify;"> </p>','',$html); $html=str_replace('<div style="text-align: justify;"> </div>','',$html); $html=str_replace('<hr />','',$html); $html=str_replace('div','p',$html); $html=str_replace('/div','/p',$html); $html=str_replace('<p style="text-align: justify;"><br />','<p >',$html); $html=str_replace('"/data/news','"http://images.alarab.com/data/news',$html); $html=str_replace('http:// ','https://',$html); $html=str_replace('il "','il"',$html); $html=str_replace('com "','com"',$html); $html=str_replace('net "','net"',$html); $html=str_replace('org "','org"',$html); $html=str_replace('https://https://','https://',$html); $html=preg_replace('/<span[^>]+\>/i', '', $html); $html=AmpHelper::replaceHtmlTagToCorresAmpTags($html); ?> <!doctype html> <html AMP lang="ar"> <head> <meta charset="utf-8"> <title><?=$article[title]?> | كل العرب alarab</title> <meta name="keywords" content="اخبار محلية,حالة الطقس,<?=$page_keywords ?>,الناصرة" /> <meta name="description" content="<?=str_replace("\n","",$article[sData])?>" /> <link rel="canonical" href="https://www.kul-alarab.com<?=str_replace("/amp/article/","/Article/",$_SERVER['REQUEST_URI'])?>"> <meta property=article:published_time content="<?=$pubDate ?>"/> <meta property=article:modified_time content="<?=$uDate ?>"/> <meta property=article:author content="https://www.facebook.com/www.alarab.net/"/> <meta property=article:publisher content="https://www.facebook.com/www.alarab.net/"/> <meta property=article:tag content="اخبار محلية,حالة الطقس,<?=$page_keywords ?>,الناصرة"/> <meta property=article:section content="<?=$article[Name] ?>"/> <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=1"> <meta property="og:url" content="http://www.alarab.co.il<?=$_SERVER['REQUEST_URI']?>" /> <meta property="og:type" content="website" /> <meta property="og:title" content="<<?=$result->pageTitle?> | كل العرب alarab" /> <meta property="og:description" content="<?=str_replace("\n","",$article[sData])?>" /> <meta property="og:image" content="<?=$shareimage?>" /> <link rel="preload" href="<?=$preloadimage?><?=$mainimageopt?>" as="image">  <meta name="mobile-web-app-capable" content="yes"> <link rel="apple-touch-icon" sizes="57x57" href="<?=$components ?>/fav/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="<?=$components ?>/fav/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="<?=$components ?>/fav/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="<?=$components ?>/fav/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="<?=$components ?>/fav/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="<?=$components ?>/fav/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="<?=$components ?>/fav/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="<?=$components ?>/fav/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="<?=$components ?>/fav/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="<?=$components ?>/fav/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="<?=$components ?>/fav/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="<?=$components ?>/fav/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="<?=$components ?>/fav/favicon-16x16.png"> <link rel="manifest" href="<?=$components ?>/fav/manifest.json"> <meta name="theme-color" content="#FFFFFF"/>  <meta name="apple-mobile-web-app-capable" content="yes">  <meta name="apple-mobile-web-app-status-bar-style" content="black">  <link href="<?=$ampcomponents ?>/assets/img/splashScreens/apple-touch-startup-image-1536x2008.png" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" rel="apple-touch-startup-image">  <link href="<?=$ampcomponents ?>/assets/img/splashScreens/apple-touch-startup-image-1242x2148.png" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" rel="apple-touch-startup-image">  <link href="<?=$ampcomponents ?>/assets/img/splashScreens/apple-touch-startup-image-750x1294.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">  <link href="<?=$ampcomponents ?>/assets/img/splashScreens/apple-touch-startup-image-640x1096.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">   <script async custom-element=amp-install-serviceworker src="https://cdn.ampproject.org/v0/amp-install-serviceworker-0.1.js"></script> <script async custom-element=amp-form src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script> <script async custom-template=amp-mustache src="https://cdn.ampproject.org/v0/amp-mustache-0.2.js"></script> <script async custom-element=amp-image-lightbox src="https://cdn.ampproject.org/v0/amp-image-lightbox-0.1.js"></script> <script async custom-element=amp-lightbox-gallery src="https://cdn.ampproject.org/v0/amp-lightbox-gallery-0.1.js"></script> <script async custom-element=amp-carousel src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script> <script async custom-element=amp-sidebar src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script> <script async custom-element=amp-youtube src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script> <script async custom-element=amp-accordion src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script> <script async custom-element=amp-ad src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script> <script async custom-element=amp-analytics src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script> <script async custom-element=amp-iframe src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script> <script async custom-element=amp-user-notification src="https://cdn.ampproject.org/v0/amp-user-notification-0.1.js"></script> <script async custom-element=amp-instagram src="https://cdn.ampproject.org/v0/amp-instagram-0.1.js"></script> <script async src="https://cdn.ampproject.org/v0.js"></script> <? if($action=="search"){ $name=$result->pageTitle; $ssurl=$_SERVER['REQUEST_URI']; $next=0; } if($action=="category") { $name=$result->maincatname; $ssurl=$result->maincatnameURL; $name2=$result->pageTitle; $ssurl2=$_SERVER['REQUEST_URI']; $next=1; } if($action=="mothercategory") { $name=$result->pageTitle; $ssurl=$_SERVER['REQUEST_URI']; $next=0; } if($action=="city") { $name=$result->pageTitle; $ssurl=$_SERVER['REQUEST_URI']; $next=0; } if($action=="today") { $name=$result->pageTitle; $ssurl=$_SERVER['REQUEST_URI']; $next=0; } if($action=="copywriter") { $name=$result->pageTitle; $ssurl=$_SERVER['REQUEST_URI']; $next=0; } ?> <script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": "1", "item": { "@id": "http://www.alarab.com<?=$ssurl ?>", "name": "<?=$name?>" } } <? if($next!=0){ ?> , { "@type": "ListItem", "position": "2", "item": { "@id": "http://www.alarab.com<?=$ssurl2 ?>", "name": "<?=$name2?>" } } <? } ?> ] } </script> <script type="application/ld+json"> {"@context":"http:\/\/schema.org","@type":"WebSite","name":"كل العرب","alternateName":"العرب","url":"http:\/\/www.alarab.com","potentialAction":{"@type":"SearchAction","target":"http:\/\/www.alarab.com\/tag\/{query}","query-input":"required name=query"}} </script>   <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>  <style amp-custom> .section { width: 100%; position: relative; margin-top: 15px; display: flex; flex-direction: column; } .footer { background: var(--color-settings-bg); margin-top:25px } .footerbg { min-height:100%; background:#FFF; position:relative; display:flex; } .footerbg ul { padding:0; margin:0; display:inline-block; } .footerbg ul li { width:90%; display:inline-block; } .footerbg ul li a { display:inline-block; position: relative; width: 100%; line-height: 1.3; font-size: 1.2rem; color: #006cff; font-weight: 500; align-items: right; margin-bottom:8px; margin-top:6px; } .footer .icons { width: 100%; height: 66px; display: flex; align-items: center; } .widget-title { margin-bottom: 20px; line-height: 1.2; font-size: 1.2rem; color: #757575; position: relative; font-weight: 600; align-items: right; } .widget-title span { background: #f01c49 none repeat scroll 0 0; display: block; height: 1px; margin-top: 15px; position: relative; width: 40%; } .widget-title span::after { background: inherit; content: ""; height: inherit; position: absolute; top: -4px; width: 200%; } .news12_logo { display: block; margin-left: auto; } .icons>a.twitter { background-image: url(/icon/twitter.svg); background-repeat: no-repeat; width: 30px; height: 30px; margin-left: 9px; } .icons>a.instagram { background-image: url(/icon/instagram.svg); background-repeat: no-repeat; width: 30px; height: 30px; margin-left: 9px; } .icons>a.facebook { background-image: url(/icon/facebook.svg); background-repeat: no-repeat; width: 30px; height: 30px; margin-left: 15px; } .footer-logo-icon-image { height:28px; color:#FFFFFF; fill:#FFFFFF; margin-top:6px; margin-right:15px; } .footer_side { width:30%; padding:0.5%; margin-right:15px; height:100%; float:right } .footer-logo-icon-image path { color:#FFFFFF; fill:#f01c49; } .button-wrapper { margin-top: 50px; } .floatright{float:right} .floatleft{float:left} #msform { width: 100%; text-align: center; position: relative; } #msform fieldset { border: 0 none; border-radius: 3px; padding: 20px 30px; box-sizing: border-box; width: 96%; margin: 0 2%; position: absolute; top: 115px; } /*Hide all except first fieldset*/ #msform fieldset:not(:first-of-type) { display: none; } /*inputs*/ #msform input, #msform textarea { padding: 15px; border: 1px solid #ccc; border-radius: 3px; margin-bottom: 10px; width: 100%; box-sizing: border-box; font-family: montserrat; color: #2C3E50; font-size: 13px; } #msform input, #msform textarea:focus { outline-width: 0; }#msform button, #msform textarea:focus { outline-width: 0; } /*buttons*/ #msform .fullwidthbutton { width:100%; }#msform .halfwidth { width:48%; } #msform .action-button { border:none; position: relative; height: 40px; color: #fff; cursor: pointer; -webkit-transition: color 150ms cubic-bezier(0.1, 0.7, 0.6, 0.9); transition: color 150ms cubic-bezier(0.1, 0.7, 0.6, 0.9); border-radius:3px; font-size:0.9rem; font-weight:900; border:0px } .action-button::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: #2e2a5c; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 150ms cubic-bezier(0.1, 0.7, 0.6, 0.9); transition: -webkit-transform 150ms cubic-bezier(0.1, 0.7, 0.6, 0.9); transition: transform 150ms cubic-bezier(0.1, 0.7, 0.6, 0.9); transition: transform 150ms cubic-bezier(0.1, 0.7, 0.6, 0.9), -webkit-transform 150ms cubic-bezier(0.1, 0.7, 0.6, 0.9); border:none } .button-start { background-color:#a3123c } .button-next { background:#2879ff } .button-previous { background:#a3123c }.button-submit { background:#00c6bf } .action-button:hover::before { -webkit-transform: scaleX(1); transform: scaleX(1); } #searchbottom { width: 100%; position: relative; bottom: 0; left: 0; padding-bottom:15px; } .footer-downloadapp { width:100% } .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-group.w60 { width:80%; } .form-inline .form-group.w35 { width:18%; float:left } .form-inline .form-group.w35 button { width:100%; float:left } .footersearch_form { padding:3%; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default.wfooter { color: #2d3c5a; background-color: #fff; border: 1px solid rgba(210,210,210,0.9); padding: 3px 18px; } .form-control.wfooter { height: 38px; padding: 8px 12px; border: 1px solid rgba(210,210,210,0.9); color: #2d3c5a; } .btn-default span ,.btn-default img { float:right; margin-right:8px; margin-left:8px; } .btn-fullwidth {width:100%;margin-top:18px;} .btn-default span { margin-top:5px; } :root { --red-flat-bg: #d2122e; --red-flat2-bg: #f7444e; --blue-flat2-bg: #002c3e; --blue-flat-bg: #00308f; --blue-flat-bg-ticker: #2c3968; --red-flat-bg-category: #d2122e; --red-flat-text-category: #ffffff; --color-settings-color: #757575; --color-settings-bg: #f3f5f9; --color-settings-border: #dbdade; --color-bg-primary: #d0d6df; --color-bg-primary-offset: #f1f3f7; --color-bg-secondary: #fff; --color-text-primary: #3a3c42; --color-text-primary-offset: #898c94; --color-orange: #dc9960; --color-green: #1eb8b1; --color-purple: #657cc4; --color-black: var(--color-text-primary); --color-red: #d92027; --main-section: #d2122e; --main-section-secondry: #0030ff; --color-black: #3b3c40; --color-gray: #8d9ba4; --bg-flat-gray: #f5f5f5; --color-on-gray: #a2a2a2; --border-gray: #e6e6e6; --icon-color-b: #4b4c50; --icon-color-w: #FFF; --icon-color-m: #fe6d6d; --More-color: #161616; --color-black: #161616; --bg-ticker: #f00; --bg-simi: #0030ff; --bg-simi-sec: #d2122e; } .styled-table { border-collapse: collapse; margin: 25px 0; font-size: 0.9em; font-family: sans-serif; width: 100%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); } .styled-table thead tr { background-color: #009879; color: #ffffff; text-align: left; } .styled-table th, .styled-table td { padding: 12px 15px; } .styled-table tbody tr { border-bottom: 1px solid #dddddd; } .styled-table tbody tr:nth-of-type(even) { background-color: #f3f3f3; } .styled-table tbody tr:last-of-type { border-bottom: 2px solid #009879; } .styled-table tbody tr { border-bottom: 1px solid #dddddd; } .styled-table tbody tr:nth-of-type(even) { background-color: #f3f3f3; } .styled-table tbody tr:last-of-type { border-bottom: 2px solid #009879; } @font-face { font-family: "remixicon"; src: url('https://components.alarab.com/wwwassets/css/remixicon.eot'); /* IE9*/ src: url('https://components.alarab.com/wwwassets/css/remixicon.eot') format('embedded-opentype'), /* IE6-IE8 */ url("https://components.alarab.com/wwwassets/css/remixicon.woff2") format("woff2"), url("https://components.alarab.com/wwwassets/css/remixicon.woff") format("woff"), url('https://components.alarab.com/wwwassets/css/remixicon.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('https://components.alarab.com/wwwassets/css/remixicon.svg') format('svg'); /* iOS 4.1- */ font-display: swap; } .main_Arti { width: 100%; margin-bottom: 8px; position: relative; display: flex; /* direction: rtl; */ /* text-align: right; */ flex-direction: column; } .timingInfo { margin: 0; color: rgba(0, 0, 0, 0.67); font-size: 14px; font-weight: normal; margin-top: 15px; margin-bottom: 15px; font-family: system-ui; font-weight: 600; margin-bottom:0; color: var(--color-gray); } .main_Arti .mImg { display:block; /* width: 125px; */ height: 220px; width: 100%; /* border: 1px #ccc solid; */ } .main_Arti .img { width: 100% ; box-shadow:-1px 4px 4px #c7c7c7 } .timingInfo i { margin-left: 2%; color: var(--color-gray); font-size: 15px; } .timingInfo a i { color: var(--color-gray); margin: 3px; font-size: 19px; } .paid { position: absolute; right: 10px; bottom: 10px; line-height: 14px; font-size: 11px; font-weight: normal; color: #ffffff; border: 1px #f8f9fa solid; border-radius: 4px; font-family: system-ui; padding: 0px 5px 2px 5px; background: #d6e0ea26; /* text-shadow: 1px 1px 6px #00000070; */ z-index: 3; } .simi_main { width: 100%; display: inline-block; position: relative; height: 100px; margin-bottom: 15px; margin-top: 0; /* border: 1px rgb(0 0 0 / 9%) solid; */ border-radius: 5px; box-shadow: -1px 4px 4px #dee2e6; background-image: linear-gradient(45deg, #ff5969, #e03e3e); } .simi_main a { transition: all 0.4s; color: #2f2f2f; display: inline-block; } .simi_main:nth-child(1) { background-image: linear-gradient(45deg, #0d6efd, #5050cc); } .simi_main:nth-child(2) { background-image: linear-gradient(45deg, #ff5969, #e03e3e); } .simi_main:nth-child(3) { background-image: linear-gradient(45deg, #953054, #000000); } .simi_main:nth-child(4) { background-image: linear-gradient(45deg, #ff5969, #e03e3e); } .simi_main:nth-child(5) { background-image: linear-gradient(45deg, #0d6efd, #5050cc); } .simi_main.local:nth-child(1) { background-image: linear-gradient(45deg, #ffffff, #dedede);} .simi_main.local:nth-child(2) { background-image: linear-gradient(45deg, #ffffff, #ffffff);} .simi_main.local:nth-child(3) { background-image: linear-gradient(45deg, #ffffff, #dedede);} .simi_main.local:nth-child(4) { background-image: linear-gradient(45deg, #ffffff, #ffffff);} .simi_main.local:nth-child(5) { background-image: linear-gradient(45deg, #ffffff, #dedede);} .simi_main:nth-child(6) { background-color: #f6f6f6; } .simi_main:nth-child(7) { background-image: linear-gradient(45deg, #ff5969, #e03e3e);} .simi_main:nth-child(7) .stitle, .simi_main:nth-child(5) .stitle, .simi_main:nth-child(6) .stitle { } .simi_main:nth-child(8) { background-color: #444444; } .simi_main:nth-child(9) { background-color: #ff0606; } .simi_main:nth-child(10) { background-color: #444444; } .simi_main:nth-child(11) { background-color: #ff0606; } .simi_main:nth-child(12) { background-color: #444444; } .flexing { display: flex; flex-direction: column; align-items: center; } .sphr { border-bottom: 1px #eaeaea solid; height: 1px; width: 100%; display: inline-block; float: left; margin-bottom: 2%; } .simi_main .imgarticle { position: absolute; top: 0; right: 0; /* width: 125px; */ height: 100px; width: 168px; /* border: 1px #ccc solid; */ z-index: 2; } .simi_main .imgarticle .ampimgarticle { max-width: 100%; max-height: 100%; border-radius: 0 5px 5px 0; box-shadow: -1px 0 3px 0px #0000003b; border-left: #767675 0.5px solid; } .simi_main .text { position: absolute; top: 0; left: 0; width: 100%; padding-right: 175px; padding-left: 13px; background-image: linear-gradient(45deg, #ff000047, #00000029); z-index: 1; height: 100%; border-radius: 5px; } .simi_main.local .text { position: absolute; top: 0; left: 0; width: 100%; padding-right: 175px; padding-left: 13px; background-image: linear-gradient(45deg, #f8f4f447, #e6e6e629); z-index: 1; height: 100%; border-radius: 5px; } .simi_main.local .stitle{ color: #39434e; } .simi_main.local { } .simi_main a img.article { width: 168px; float: right; border-left: 1px #fff solid; } .tocopy:last-child {display: none;} .simi_main a amp-img {} .simi_main .stitle { color: #f8f9fa; margin-top: 8px; width: 100%; float: left; position: relative; font-size: 16px; font-family: system-ui; line-height: 25px; font-weight: 600; -moz-outline-style: none; -webkit-tap-highlight-color: transparent ; text-overflow: ellipsis ; display: -webkit-box ; -webkit-box-orient: vertical ; overflow: hidden ; overflow: hidden; text-align: right; -webkit-line-clamp: 3; /* text-shadow: 1px 0px 10px #070000; */ } .simi_main .ssdata { font-size: 13px; font-weight: normal; color: #717171; line-height: 1.3; display: inline-block; margin-top: 2px; float: left; width: 100%; font-family: tahoma; margin-top: 2%; margin-left: 1%; text-decoration: none; display: none; } .caption { margin: 15px ; margin-bottom: 0 } .entery-title { color: var(--color-black); margin: 0; direction: RTL; font-weight: 800; font-family: "Aljazeera"; font-weight: 500; font-size: 26px; letter-spacing: 0; line-height: 32px; padding-left: 30px; font-size: 25px; line-height: 33px; /* font-weight: 900; */ font-family: system-ui; /* font-family: "Aljazeera"; */ font-weight: 700; } .overlay-text-white { padding: 0; margin-right: 10px; margin-top: 10px; color: #FFF; font-size: 19px; /* font-weight: 700; */ line-height: 25px; -webkit-tap-highlight-color: transparent ; text-overflow: ellipsis ; display: -webkit-box ; -webkit-box-orient: vertical ; overflow: hidden ; overflow: hidden; -webkit-line-clamp: 3; text-shadow: 1px 1px 1px #101010e8; width: 85%; font-family: system-ui; /* font-family: Aljazeera; */ /*font-family: Aljazeera;*/ } .black-text { padding: 0; margin: 0; font-size: 16px; line-height: 21px; -webkit-tap-highlight-color: transparent ; text-overflow: ellipsis ; display: -webkit-box ; -webkit-box-orient: vertical ; overflow: hidden ; overflow: hidden; -webkit-line-clamp: 3; color: var(--color-black); font-weight: 700; } .entery-desc { letter-spacing: 0; line-height: 32px; padding-left: 20px; margin: 0; direction: RTL; color: var(--color-gray); font-weight: 400; font-size: 17px; font-weight: normal; font-family: system-ui; font-size: 16px; line-height: 20px; margin-top: 10px; } [class^="ri-"], [class*=" ri-"] { font-family: 'remixicon'; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ri-live-line:before { content: "\eec0"; } .ri-community-line:before { content: "\ebba"; } .ri-menu-line:before { content: "\ef3e"; } .ri-haze-line:before { content: "\ee00"; } .ri-arrow-drop-down-line:before { content: "\ea50"; } .ri-arrow-left-line:before { content: "\ea60"; } .ri-arrow-right-line:before { content: "\ea6c"; } .ri-arrow-right-circle-fill { } .ri-arrow-left-circle-fill { } .main-logo-icon-image path { fill: #ff0202; } /* GLOBAL STYLES */ /**--------------------- * * Resets * *---------------------**/ figure{margin: 0} *{box-sizing: border-box} button{background: none; border: none} a{text-decoration: none} :focus{outline: 0;} ul{padding-left: 20px} /**--------------------- * * Grid * *---------------------**/ [class^="col"]{margin-bottom: 00px}.no-gutters [class^="col"]{margin-bottom:0}.container-fluid{width:100%;padding-right:10px;padding-left:10px;margin-right:auto;margin-left:auto}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-10px;margin-left:-10px;margin-top:25px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:10px;padding-left:10px}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-1,.col-auto{-webkit-box-flex:0}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2,.col-3{-webkit-box-flex:0}.col-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4,.col-5{-webkit-box-flex:0}.col-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6,.col-7{-webkit-box-flex:0}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8,.col-9{-webkit-box-flex:0}.col-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10,.col-11{-webkit-box-flex:0}.col-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}} /**--------------------- * * Global Styles * *---------------------**/ html{font-size: 62.5%; box-sizing: border-box;} body, input{font-size: 1.3rem; line-height: 1.8; -webkit-font-smoothing: antialiased; color: #818181;} .font-1, html, input{font-family: Roboto, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-weight: 300} .text-center{text-align: center} .margin-0{margin: 0} .margin-top-0{margin-top: 0} .margin-bottom-0{margin-bottom: 0} .minus-margin-top-bottom-15{margin-top: -15px; margin-bottom: -15px} .space{height: 10px} .space-2{height: 20px} .space-3{height: 30px} .divider{margin: 0;} .divider-30{margin: 30px 0;} .divider-20{margin: 20px 0;} .divider.colored{height: 1px; background: rgba(0,0,0,.12)} .divider-30.colored{height: 1px; background: rgba(0,0,0,.12)} .divider-20.colored{height: 1px; background: rgba(0,0,0,.12)} .divider.colored.light{height: 1px; background: rgba(255,255,255,.24)} .divider-30.colored.light{height: 1px; background: rgba(255,255,255,.24)} .divider-20.colored.light{height: 1px; background: rgba(255,255,255,.24)} .adunit {margin:0 auto;display: block;margin-bottom:10px} .opc-87{opacity: .87} .opc-54{opacity: .54} .mt-0{margin-top: 0;} .mt-05{margin-top: 5px;} .mt-1{margin-top: 10px;} .mt-2{margin-top: 20px;} .mt-3{margin-top: 30px;} .pt-0{padding-top: 0;} .pt-05{padding-top: 5px;} .pt-1{padding-top: 10px;} .pt-2{padding-top: 20px;} .pt-3{padding-top: 30px;} .mb-0{margin-bottom: 0;} .mb-05{margin-bottom: 5px;} .mb-15{margin-bottom: 15px;} .mb-1{margin-bottom: 10px;} .mb-2{margin-bottom: 20px;} .mb-3{margin-bottom: 30px;} .mr-0{margin-right: 0;} .mr-05{margin-right: 5px;} .mr-1{margin-right: 10px;} .mr-2{margin-right: 20px;} .mr-3{margin-right: 30px;} .ml-0{margin-left: 0;} .ml-05{margin-left: 5px;} .ml-1{margin-left: 10px;} .ml-2{margin-left: 20px;} .ml-3{margin-left: 30px;} .pull-left{float: left} .pull-right{float: right} .d-block{display: block} .d-inline-block{display: inline-block} .d-inline{display: inline} .clearfix:after, .clearfix:before { display: table; content: ""; line-height: 0 } .clearfix:after {clear: both} h2{margin-bottom: 7.5px} p{margin: 7.5px 0 0;} small{font-size: 1rem; line-height: 1} strong,b{font-weight: 500} h1,h2,h3,h4,h5,h6{ font-weight: 500; line-height: 1.4; color: #414141; } h1,.h1{font-size: 2.7rem} h2,.h2{font-size: 1.9rem} h3,.h3{font-size: 1.7rem} h4,.h4{font-size: 1.5rem} h5,.h5{font-size: 1.3rem} h6,.h6{font-size: 1rem} a, .primary-color{color: rgb(61,68,78)} .secondary-color{color: #442672} .light-color{color: #222} .light-color-2{color: rgba(255,255,255,.54)} .dark-color{color: #333030;} .ocean-color{color: #2b90d9;} .grass-color{color: #3ac569;} .salmon-color{color: #ff7473;} .sun-color{color: #feee7d;} .alge-color{color: #79a8a9;} .flower-color{color: #353866;} /*.primary-bg{background-color: rgb(61,68,78)}*/ .secondary-bg{background-color: #442672} .light-bg{background-color: #fff;} .dark-bg{background-color: #333030;} .ocean-bg{background-color: #2b90d9;} .grass-bg{background-color: #3ac569;} .salmon-bg{background-color: #ff7473;} .sun-bg{background-color: #feee7d;} .alge-bg{background-color: #79a8a9;} .flower-bg{background-color: #353866;} .circle{border-radius: 50%} [dir="rtl"] .pull-left{float: right} [dir="rtl"] .pull-right{float: left} body {text-align: left} body[dir="rtl"] {text-align: right} .text-center{text-align: center} code { padding: .2rem .4rem; font-size: 90%; color: #bd4147; background-color: #f7f7f9; border-radius: .25rem; } .lh-14{line-height:1.4} .lh-17{line-height:1.7} p amp-img.pull-right{ margin: 0 10px 10px 0; } /**--------------------- * * Header Styles * *---------------------**/ .fixed-header header{ position: fixed; width: 100%; top: 0; z-index: 1; width: 100%; height: 55px; position: fixed; top: 0px; z-index: 4; background-color: white; background-size: 17%; left: 0px; width: 100%; position: fixed; border-bottom: 1px var(--color-settings-border) solid; height: 58px; } .fixed-header{ padding-top: 63px; } header{ position: relative; min-height: 45px; padding: 0 5px; } header [class*="icons-"]{ opacity: .87; font-size: 1.54rem; line-height: 46px; height: 45px; padding: 0 15px; margin: 0; } #logo{ height: 45px; line-height: 51px; display: inline-block; float: right; } #logo amp-img{ display: block; top: 50%; transform: translateY(-50%); } /**--------------------- * * Footer Styles * *---------------------**/ .main-footer form .h4{ font-weight: 600; } .main-footer ul{ list-style: none; padding: 15px 0; margin: 0; } .main-footer .col-6{ border-top: 1px solid rgba(255,255,255, .54); } .main-footer .col-6 + .col-6{ padding-left: 20px; border-left: 1px solid rgba(255,255,255, .54); } .main-footer ul a{ font-size: 1.4rem; opacity: .87; } .main-footer fieldset{ border: none; padding: 0; margin: 0; position: relative; } .main-footer input[type="email"]{ border: none; line-height: 35px; padding: 0 115px 0 20px; background-color: rgba(255,255,255,.12); border-radius: 20px; width: 100%; } .main-footer input[type="email"]::placeholder{ color: rgba(255,255,255,.54); } .main-footer input[type="submit"]{ background-color: white; border: none; line-height: 35px; font-size: 1.2rem; padding: 0 10px; font-weight: 900; border-radius: 0 20px 20px 0; width: 90px; position: absolute; right: 0; top: 0; bottom: 0; z-index: 3; } #back-to-top-target{width: 0;height: 0;} .back-to-top > a{ padding: 0 15px; position: relative; z-index: 2; margin-top: -10px; font-size: 1.6rem; } .back-to-top > a i{ font-size: 1.6rem; border-radius: 50%; width: 30px; line-height: 30px; display: inline-block; } .back-to-top:after{ content: ''; background-color: rgba(255,255,255, .54); height: 1px; position: absolute; top: 50%; left: 0; right: 0; } /**--------------------- * * Notification Styles * *---------------------**/ #cookie-notification{ background-color: #FFF; padding: 10px 20px; box-shadow: 0 0 5px 2px rgba(0,0,0,.1); } /**--------------------- * * Sidebar Styles * *---------------------**/ #mainSideBar{ min-width: 300px; padding-bottom: 30px; } #mainSideBar > div:not(.divider){ padding: 17px 20px; } #mainSideBar > div:not(.divider):nth-last-child(2){ padding-top: 0; } #mainSideBar figure{ width: 300px; max-width: 100%; padding: 0 20px; position: relative; } #mainSideBar button{ position: absolute; left: 20px; top: 16px; } #mainSideBar amp-img{ margin-bottom: 5px; } #mainSideBar h3, #mainSideBar h5{ margin: 0; line-height: 1.5; } #menu{margin-top: 15px} #menu div{padding: 0} #menu h6, #menu a{ color: inherit; font-size: 1.3rem; font-weight: 300; padding:0; border: none; } #menu a, #menu span{ padding: 14px 53px 14px 20px; display: block; color: inherit; position: relative; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; } #menu section[expanded] > h6 span{ background-color: rgba(0,0,0,.06); color: rgb(61,68,78); } #menu h6 span:after{ position: absolute; left: 20px; top: 0; font-family: 'Icons'; font-size: 1.2rem; line-height: 47px; content: '\f100'; } #menu i, #mainSideBar li i{ font-size: 1.9rem; position: absolute; right: 20px; line-height: 1; } #panel-logo{ display: inline-block; height: 45px; line-height: 62px; } #panel-logo amp-img{ margin: 0; } #panel-search{ background-color: rgba(0,0,0,.2); margin: 0 -20px; padding: 0 20px; } #panel-search input{ border: none; background: none; outline: none; height: 45px; line-height: 45px; color: rgba(255,255,255,.87); width: 100%; } #panel-search input[type="submit"]{ display: none; } .social-ball{ font-size: 1.6rem; display: inline-block; text-align: center; line-height: 30px; height: 30px; width: 30px; border-radius: 50%; color: #FFF; margin-right: 5px; } .social-ball.fa-facebook{background-color: #4867AA} .social-ball.fa-twitter{background-color: #00ACED} .social-ball.fa-linkedin{background-color: #0177B5} .social-ball.fa-behance{background-color: #010103} .social-ball.fa-dribbble{background-color: #E04C86} /**--------------------- * * Icons * *---------------------**/ @font-face{font-family:Icons;src:url(<?=$ampcomponents ?>/assets/icons/icons.eot);src:url(<?=$ampcomponents ?>/assets/icons/icons.eot?#iefix) format("embedded-opentype"),url(<?=$ampcomponents ?>/assets/icons/icons.woff) format("woff"),url(<?=$ampcomponents ?>/assets/icons/icons.ttf) format("truetype"),url(<?=$ampcomponents ?>/assets/icons/icons.svg#Icons) format("svg");font-weight:400;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:Icons;src:url(<?=$ampcomponents ?>/assets/icons/icons.svg#Icons) format("svg")}}[class*=" icons-"]:after,[class*=" icons-"]:before,[class^=icons-]:after,[class^=icons-]:before{font-family:Icons;font-size:inherit;font-style:normal}.icons-add:before{content:"\f100"}.icons-add-1:before{content:"\f101"}.icons-add-2:before{content:"\f102"}.icons-add-3:before{content:"\f103"}.icons-agenda:before{content:"\f104"}.icons-alarm:before{content:"\f105"}.icons-alarm-1:before{content:"\f106"}.icons-alarm-clock:before{content:"\f107"}.icons-alarm-clock-1:before{content:"\f108"}.icons-albums:before{content:"\f109"}.icons-app:before{content:"\f10a"}.icons-archive:before{content:"\f10b"}.icons-archive-1:before{content:"\f10c"}.icons-archive-2:before{content:"\f10d"}.icons-archive-3:before{content:"\f10e"}.icons-attachment:before{content:"\f10f"}.icons-back:before{content:"\f110"}.icons-battery:before{content:"\f111"}.icons-battery-1:before{content:"\f112"}.icons-battery-2:before{content:"\f113"}.icons-battery-3:before{content:"\f114"}.icons-battery-4:before{content:"\f115"}.icons-battery-5:before{content:"\f116"}.icons-battery-6:before{content:"\f117"}.icons-battery-7:before{content:"\f118"}.icons-battery-8:before{content:"\f119"}.icons-battery-9:before{content:"\f11a"}.icons-binoculars:before{content:"\f11b"}.icons-blueprint:before{content:"\f11c"}.icons-bluetooth:before{content:"\f11d"}.icons-bluetooth-1:before{content:"\f11e"}.icons-bookmark:before{content:"\f11f"}.icons-bookmark-1:before{content:"\f120"}.icons-briefcase:before{content:"\f121"}.icons-broken-link:before{content:"\f122"}.icons-calculator:before{content:"\f123"}.icons-calculator-1:before{content:"\f124"}.icons-calendar:before{content:"\f125"}.icons-calendar-1:before{content:"\f126"}.icons-calendar-2:before{content:"\f127"}.icons-calendar-3:before{content:"\f128"}.icons-calendar-4:before{content:"\f129"}.icons-calendar-5:before{content:"\f12a"}.icons-calendar-6:before{content:"\f12b"}.icons-calendar-7:before{content:"\f12c"}.icons-checked:before{content:"\f12d"}.icons-checked-1:before{content:"\f12e"}.icons-clock:before{content:"\f12f"}.icons-clock-1:before{content:"\f130"}.icons-close:before{content:"\f131"}.icons-cloud:before{content:"\f132"}.icons-cloud-computing:before{content:"\f133"}.icons-cloud-computing-1:before{content:"\f134"}.icons-cloud-computing-2:before{content:"\f135"}.icons-cloud-computing-3:before{content:"\f136"}.icons-cloud-computing-4:before{content:"\f137"}.icons-cloud-computing-5:before{content:"\f138"}.icons-command:before{content:"\f139"}.icons-compact-disc:before{content:"\f13a"}.icons-compact-disc-1:before{content:"\f13b"}.icons-compact-disc-2:before{content:"\f13c"}.icons-compass:before{content:"\f13d"}.icons-compose:before{content:"\f13e"}.icons-controls:before{content:"\f13f"}.icons-controls-1:before{content:"\f140"}.icons-controls-2:before{content:"\f141"}.icons-controls-3:before{content:"\f142"}.icons-controls-4:before{content:"\f143"}.icons-controls-5:before{content:"\f144"}.icons-controls-6:before{content:"\f145"}.icons-controls-7:before{content:"\f146"}.icons-controls-8:before{content:"\f147"}.icons-controls-9:before{content:"\f148"}.icons-database:before{content:"\f149"}.icons-database-1:before{content:"\f14a"}.icons-database-2:before{content:"\f14b"}.icons-database-3:before{content:"\f14c"}.icons-diamond:before{content:"\f14d"}.icons-diploma:before{content:"\f14e"}.icons-dislike:before{content:"\f14f"}.icons-dislike-1:before{content:"\f150"}.icons-divide:before{content:"\f151"}.icons-divide-1:before{content:"\f152"}.icons-division:before{content:"\f153"}.icons-document:before{content:"\f154"}.icons-download:before{content:"\f155"}.icons-edit:before{content:"\f156"}.icons-edit-1:before{content:"\f157"}.icons-eject:before{content:"\f158"}.icons-eject-1:before{content:"\f159"}.icons-equal:before{content:"\f15a"}.icons-equal-1:before{content:"\f15b"}.icons-equal-2:before{content:"\f15c"}.icons-error:before{content:"\f15d"}.icons-exit:before{content:"\f15e"}.icons-exit-1:before{content:"\f15f"}.icons-exit-2:before{content:"\f160"}.icons-eyeglasses:before{content:"\f161"}.icons-fast-forward:before{content:"\f162"}.icons-fast-forward-1:before{content:"\f163"}.icons-fax:before{content:"\f164"}.icons-file:before{content:"\f165"}.icons-file-1:before{content:"\f166"}.icons-file-2:before{content:"\f167"}.icons-film:before{content:"\f168"}.icons-fingerprint:before{content:"\f169"}.icons-flag:before{content:"\f16a"}.icons-flag-1:before{content:"\f16b"}.icons-flag-2:before{content:"\f16c"}.icons-flag-3:before{content:"\f16d"}.icons-flag-4:before{content:"\f16e"}.icons-focus:before{content:"\f16f"}.icons-folder:before{content:"\f170"}.icons-folder-1:before{content:"\f171"}.icons-folder-10:before{content:"\f172"}.icons-folder-11:before{content:"\f173"}.icons-folder-12:before{content:"\f174"}.icons-folder-13:before{content:"\f175"}.icons-folder-14:before{content:"\f176"}.icons-folder-15:before{content:"\f177"}.icons-folder-16:before{content:"\f178"}.icons-folder-17:before{content:"\f179"}.icons-folder-18:before{content:"\f17a"}.icons-folder-19:before{content:"\f17b"}.icons-folder-2:before{content:"\f17c"}.icons-folder-3:before{content:"\f17d"}.icons-folder-4:before{content:"\f17e"}.icons-folder-5:before{content:"\f17f"}.icons-folder-6:before{content:"\f180"}.icons-folder-7:before{content:"\f181"}.icons-folder-8:before{content:"\f182"}.icons-folder-9:before{content:"\f183"}.icons-forbidden:before{content:"\f184"}.icons-funnel:before{content:"\f185"}.icons-garbage:before{content:"\f186"}.icons-garbage-1:before{content:"\f187"}.icons-garbage-2:before{content:"\f188"}.icons-gift:before{content:"\f189"}.icons-help:before{content:"\f18a"}.icons-hide:before{content:"\f18b"}.icons-hold:before{content:"\f18c"}.icons-home:before{content:"\f18d"}.icons-home-1:before{content:"\f18e"}.icons-home-2:before{content:"\f18f"}.icons-hourglass:before{content:"\f190"}.icons-hourglass-1:before{content:"\f191"}.icons-hourglass-2:before{content:"\f192"}.icons-hourglass-3:before{content:"\f193"}.icons-house:before{content:"\f194"}.icons-id-card:before{content:"\f195"}.icons-id-card-1:before{content:"\f196"}.icons-id-card-2:before{content:"\f197"}.icons-id-card-3:before{content:"\f198"}.icons-id-card-4:before{content:"\f199"}.icons-id-card-5:before{content:"\f19a"}.icons-idea:before{content:"\f19b"}.icons-incoming:before{content:"\f19c"}.icons-infinity:before{content:"\f19d"}.icons-info:before{content:"\f19e"}.icons-internet:before{content:"\f19f"}.icons-key:before{content:"\f1a0"}.icons-lamp:before{content:"\f1a1"}.icons-layers:before{content:"\f1a2"}.icons-layers-1:before{content:"\f1a3"}.icons-like:before{content:"\f1a4"}.icons-like-1:before{content:"\f1a5"}.icons-like-2:before{content:"\f1a6"}.icons-link:before{content:"\f1a7"}.icons-list:before{content:"\f1a8"}.icons-list-1:before{content:"\f1a9"}.icons-lock:before{content:"\f1aa"}.icons-lock-1:before{content:"\f1ab"}.icons-locked:before{content:"\f1ac"}.icons-locked-1:before{content:"\f1ad"}.icons-locked-2:before{content:"\f1ae"}.icons-locked-3:before{content:"\f1af"}.icons-locked-4:before{content:"\f1b0"}.icons-locked-5:before{content:"\f1b1"}.icons-locked-6:before{content:"\f1b2"}.icons-login:before{content:"\f1b3"}.icons-magic-wand:before{content:"\f1b4"}.icons-magnet:before{content:"\f1b5"}.icons-magnet-1:before{content:"\f1b6"}.icons-magnet-2:before{content:"\f1b7"}.icons-map:before{content:"\f1b8"}.icons-map-1:before{content:"\f1b9"}.icons-map-2:before{content:"\f1ba"}.icons-map-location:before{content:"\f1bb"}.icons-megaphone:before{content:"\f1bc"}.icons-megaphone-1:before{content:"\f1bd"}.icons-menu:before{content:"\f1be"}.icons-menu-1:before{content:"\f1bf"}.icons-menu-2:before{content:"\f1c0"}.icons-menu-3:before{content:"\f1c1"}.icons-menu-4:before{content:"\f1c2"}.icons-microphone:before{content:"\f1c3"}.icons-microphone-1:before{content:"\f1c4"}.icons-minus:before{content:"\f1c5"}.icons-minus-1:before{content:"\f1c6"}.icons-more:before{content:"\f1c7"}.icons-more-1:before{content:"\f1c8"}.icons-more-2:before{content:"\f1c9"}.icons-multiply:before{content:"\f1ca"}.icons-multiply-1:before{content:"\f1cb"}.icons-music-player:before{content:"\f1cc"}.icons-music-player-1:before{content:"\f1cd"}.icons-music-player-2:before{content:"\f1ce"}.icons-music-player-3:before{content:"\f1cf"}.icons-mute:before{content:"\f1d0"}.icons-muted:before{content:"\f1d1"}.icons-navigation:before{content:"\f1d2"}.icons-navigation-1:before{content:"\f1d3"}.icons-network:before{content:"\f1d4"}.icons-newspaper:before{content:"\f1d5"}.icons-next:before{content:"\f1d6"}.icons-note:before{content:"\f1d7"}.icons-notebook:before{content:"\f1d8"}.icons-notebook-1:before{content:"\f1d9"}.icons-notebook-2:before{content:"\f1da"}.icons-notebook-3:before{content:"\f1db"}.icons-notebook-4:before{content:"\f1dc"}.icons-notebook-5:before{content:"\f1dd"}.icons-notepad:before{content:"\f1de"}.icons-notepad-1:before{content:"\f1df"}.icons-notepad-2:before{content:"\f1e0"}.icons-notification:before{content:"\f1e1"}.icons-paper-plane:before{content:"\f1e2"}.icons-paper-plane-1:before{content:"\f1e3"}.icons-pause:before{content:"\f1e4"}.icons-pause-1:before{content:"\f1e5"}.icons-percent:before{content:"\f1e6"}.icons-percent-1:before{content:"\f1e7"}.icons-perspective:before{content:"\f1e8"}.icons-photo-camera:before{content:"\f1e9"}.icons-photo-camera-1:before{content:"\f1ea"}.icons-photos:before{content:"\f1eb"}.icons-picture:before{content:"\f1ec"}.icons-picture-1:before{content:"\f1ed"}.icons-picture-2:before{content:"\f1ee"}.icons-pin:before{content:"\f1ef"}.icons-placeholder:before{content:"\f1f0"}.icons-placeholder-1:before{content:"\f1f1"}.icons-placeholder-2:before{content:"\f1f2"}.icons-placeholder-3:before{content:"\f1f3"}.icons-placeholders:before{content:"\f1f4"}.icons-play-button:before{content:"\f1f5"}.icons-play-button-1:before{content:"\f1f6"}.icons-plus:before{content:"\f1f7"}.icons-power:before{content:"\f1f8"}.icons-previous:before{content:"\f1f9"}.icons-price-tag:before{content:"\f1fa"}.icons-print:before{content:"\f1fb"}.icons-push-pin:before{content:"\f1fc"}.icons-radar:before{content:"\f1fd"}.icons-reading:before{content:"\f1fe"}.icons-record:before{content:"\f1ff"}.icons-repeat:before{content:"\f200"}.icons-repeat-1:before{content:"\f201"}.icons-restart:before{content:"\f202"}.icons-resume:before{content:"\f203"}.icons-rewind:before{content:"\f204"}.icons-rewind-1:before{content:"\f205"}.icons-route:before{content:"\f206"}.icons-save:before{content:"\f207"}.icons-search:before{content:"\f208"}.icons-search-1:before{content:"\f209"}.icons-send:before{content:"\f20a"}.icons-server:before{content:"\f20b"}.icons-server-1:before{content:"\f20c"}.icons-server-2:before{content:"\f20d"}.icons-server-3:before{content:"\f20e"}.icons-settings:before{content:"\f20f"}.icons-settings-1:before{content:"\f210"}.icons-settings-2:before{content:"\f211"}.icons-settings-3:before{content:"\f212"}.icons-settings-4:before{content:"\f213"}.icons-settings-5:before{content:"\f214"}.icons-settings-6:before{content:"\f215"}.icons-settings-7:before{content:"\f216"}.icons-settings-8:before{content:"\f217"}.icons-settings-9:before{content:"\f218"}.icons-share:before{content:"\f219"}.icons-share-1:before{content:"\f21a"}.icons-share-2:before{content:"\f21b"}.icons-shuffle:before{content:"\f21c"}.icons-shuffle-1:before{content:"\f21d"}.icons-shutdown:before{content:"\f21e"}.icons-sign:before{content:"\f21f"}.icons-sign-1:before{content:"\f220"}.icons-skip:before{content:"\f221"}.icons-smartphone:before{content:"\f222"}.icons-smartphone-1:before{content:"\f223"}.icons-smartphone-10:before{content:"\f224"}.icons-smartphone-11:before{content:"\f225"}.icons-smartphone-2:before{content:"\f226"}.icons-smartphone-3:before{content:"\f227"}.icons-smartphone-4:before{content:"\f228"}.icons-smartphone-5:before{content:"\f229"}.icons-smartphone-6:before{content:"\f22a"}.icons-smartphone-7:before{content:"\f22b"}.icons-smartphone-8:before{content:"\f22c"}.icons-smartphone-9:before{content:"\f22d"}.icons-speaker:before{content:"\f22e"}.icons-speaker-1:before{content:"\f22f"}.icons-speaker-2:before{content:"\f230"}.icons-speaker-3:before{content:"\f231"}.icons-speaker-4:before{content:"\f232"}.icons-speaker-5:before{content:"\f233"}.icons-speaker-6:before{content:"\f234"}.icons-speaker-7:before{content:"\f235"}.icons-speaker-8:before{content:"\f236"}.icons-spotlight:before{content:"\f237"}.icons-star:before{content:"\f238"}.icons-star-1:before{content:"\f239"}.icons-stop:before{content:"\f23a"}.icons-stop-1:before{content:"\f23b"}.icons-stopwatch:before{content:"\f23c"}.icons-stopwatch-1:before{content:"\f23d"}.icons-stopwatch-2:before{content:"\f23e"}.icons-stopwatch-3:before{content:"\f23f"}.icons-stopwatch-4:before{content:"\f240"}.icons-street:before{content:"\f241"}.icons-street-1:before{content:"\f242"}.icons-substract:before{content:"\f243"}.icons-substract-1:before{content:"\f244"}.icons-success:before{content:"\f245"}.icons-switch:before{content:"\f246"}.icons-switch-1:before{content:"\f247"}.icons-switch-2:before{content:"\f248"}.icons-switch-3:before{content:"\f249"}.icons-switch-4:before{content:"\f24a"}.icons-switch-5:before{content:"\f24b"}.icons-switch-6:before{content:"\f24c"}.icons-switch-7:before{content:"\f24d"}.icons-tabs:before{content:"\f24e"}.icons-tabs-1:before{content:"\f24f"}.icons-target:before{content:"\f250"}.icons-television:before{content:"\f251"}.icons-television-1:before{content:"\f252"}.icons-time:before{content:"\f253"}.icons-trash:before{content:"\f254"}.icons-umbrella:before{content:"\f255"}.icons-unlink:before{content:"\f256"}.icons-unlocked:before{content:"\f257"}.icons-unlocked-1:before{content:"\f258"}.icons-unlocked-2:before{content:"\f259"}.icons-upload:before{content:"\f25a"}.icons-user:before{content:"\f25b"}.icons-user-1:before{content:"\f25c"}.icons-user-2:before{content:"\f25d"}.icons-user-3:before{content:"\f25e"}.icons-user-4:before{content:"\f25f"}.icons-user-5:before{content:"\f260"}.icons-user-6:before{content:"\f261"}.icons-user-7:before{content:"\f262"}.icons-users:before{content:"\f263"}.icons-users-1:before{content:"\f264"}.icons-video-camera:before{content:"\f265"}.icons-video-camera-1:before{content:"\f266"}.icons-video-player:before{content:"\f267"}.icons-video-player-1:before{content:"\f268"}.icons-video-player-2:before{content:"\f269"}.icons-view:before{content:"\f26a"}.icons-view-1:before{content:"\f26b"}.icons-view-2:before{content:"\f26c"}.icons-volume-control:before{content:"\f26d"}.icons-volume-control-1:before{content:"\f26e"}.icons-warning:before{content:"\f26f"}.icons-wifi:before{content:"\f270"}.icons-wifi-1:before{content:"\f271"}.icons-windows:before{content:"\f272"}.icons-windows-1:before{content:"\f273"}.icons-windows-2:before{content:"\f274"}.icons-windows-3:before{content:"\f275"}.icons-windows-4:before{content:"\f276"}.icons-wireless-internet:before{content:"\f277"}.icons-worldwide:before{content:"\f278"}.icons-worldwide-1:before{content:"\f279"}.icons-zoom-in:before{content:"\f27a"}.icons-zoom-out:before{content:"\f27b"} /* /GLOBAL STYLES */ /* INDEX PAGE STYLES */ /**--------------------- * * Title Normal * *---------------------**/ .normal-title{ margin: 0; } .normal-title h2{ margin: 0; line-height: 1.4; padding-left: 10px; border-left: 5px solid rgb(61,68,78); } /**--------------------- * * Title * *---------------------**/ .title-small{ margin: 0; } .title-small h3{ margin: 0; line-height: 1.4; font-size: 1.3rem; font-weight: 600; } .title-small.lh-1{ line-height: 1; } /**--------------------- * * Icon Info Box * *---------------------**/ .timingInfo { margin: 0; color: rgba(0, 0, 0, 0.67); font-size: 12px; font-weight: normal; margin-top: 5px; margin-bottom: 15px; font-family: system-ui; font-weight: 500; margin-bottom: 0; color: var(--color-gray); } .timingInfo a { /* color: var(--main-section-secondry);*/ } .image-info-box{ display: grid; grid-template-columns: auto 120px; grid-template-rows: auto; align-items: center; padding: 0px 0; margin: 0 ; margin-bottom: 10px;; padding-bottom:10px; border-bottom: 1px solid var(--border-gray); position: relative; } .image-info-box:not(.video):not(.large) .details{ margin-right: 64px; } .image-info-box .preview{ display: block; float: left; margin-right: 10px; } .image-info-box.video .preview{ width: 49%; } .image-info-box.large .preview{ /*width: 35%;*/ } .image-info-box amp-img{ display: block; } .image-info-box h2{ line-height: 1; margin: 0 0 5px; } .image-info-box.video h2{ margin-bottom: 9.61px; height: 14px; overflow: hidden; text-overflow: ellipsis; white-space: pre; } .image-info-box.large h2{ padding: 0; margin: 0; font-size: 16px; line-height: 21px; -webkit-tap-highlight-color: transparent ; text-overflow: ellipsis ; display: -webkit-box ; -webkit-box-orient: vertical ; overflow: hidden ; overflow: hidden; -webkit-line-clamp: 3; color: var(--color-black); font-weight: 700; } .image-info-box p{ margin: 0 0 5px; font-size: 1.2rem; } .image-info-box.video p{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .image-info-box.large p:last-child{ margin-bottom: 0; } .image-info-box.large p{ line-height: 1.4; } .image-info-box .meta{ line-height: 1; height: 12px; } .image-info-box .meta a{ font-size: 1.1rem; opacity: .54; display: block; float: right; } .image-info-box .meta a:last-child{ float: left; } .image-info-box .meta a:not(:first-child){ margin-right: 7px; } /**--------------------- * * Small News Item * *---------------------**/ .small-news-item{ position: relative; } .small-news-item .preview, .small-news-item amp-img{ display: block; } .small-news-item h2{ line-height: 1.3; margin: 10px 0 5px; } .small-news-item .badges ~ a h2{ margin-top: 5px; } .small-news-item .meta a{ font-size: 1.1rem; opacity: .54; display: block; float: right; } .small-news-item .meta a:not(:first-child){ margin-right: 7px; } /**--------------------- * * Full Video Preview News Item * *---------------------**/ .full-video-preview-news-item h2{ margin: 10px 0 } .full-video-preview-news-item .meta a{ font-size: 1.2rem; opacity: .54; display: block; float: right; } .full-video-preview-news-item .meta a:not(:first-child){ margin-right: 7px; } .full-video-preview-news-item .meta a:last-child{ float: left; } /**--------------------- * * News Carousel * *---------------------**/ .news-carousel-item amp-img{ display: block; } .news-carousel-item{ position: relative; } .news-carousel-item:first-child { margin-left: 8px; } .news-carousel-item:last-child { margin-left: 0px; } .news-carousel-item-caption{ position: absolute; bottom: 0; left: 0; right: 0; background-color: #FFF; padding: 10px 0 0; line-height: 1; } .news-carousel-item-caption h5{ line-height: 1.3; margin-bottom: 3px; font-size: 1.2rem; white-space: normal; } .news-carousel-item-caption span{ font-size: 1.1rem; opacity: .54; } /**--------------------- * * Small News Item * *---------------------**/ .card-news-item{ background-color: rgba(0,0,0,.05); padding: 7px; height: 100%; } .card-news-item .details{ display: block; } /**--------------------- * * Grid Gallery with Lightbox * *---------------------**/ .lightbox-item-with-caption{position:relative;} .lightbox-item-with-caption figcaption{display: none;} .lightbox-item-with-caption amp-img{display: block;} .amp-image-lightbox-caption{padding: 15px} .lightbox-item-with-caption .details{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; padding: 15px; font-size: 1.2rem; z-index: 0; } .lightbox-item-with-caption .background-color{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 0; } .lightbox-item-with-caption .details *:not(.background-color){ position: relative; z-index: 1; } amp-selector { padding: 0; margin: 0; } /**--------------------- * * Full List Items * *---------------------**/ .badge{ position: absolute; right: 15px; top: 15px; padding: 3px 7px; font-weight: 500; font-size: 1.1rem; } .badge.small{ font-size: 1rem; padding: 3px 5px; } .badge.static{ position: static; } /**--------------------- * * Comment Items * *---------------------**/ .button-row .button{ float: left; } .button{ overflow: hidden; margin: 10px; padding: 10px; cursor: pointer; user-select: none; transition: all 60ms ease-in-out; text-align: center; white-space: nowrap; text-decoration: none; text-transform: capitalize; border: 0 none; border-radius: 4px; font-size: 1.3rem; font-weight: 500; line-height: 1.3; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .button.mb-0{ margin-bottom: 0; } .button.mt-0{ margin-top: 0; } .button.ml-0{ margin-left: 0; } .button-large{ padding: 10px 15px; font-size: 1.7rem; } .button-small{ padding: 7px 13px; font-size: 1.1rem; } /**--------------------- * * Icon Info Box * *---------------------**/ .latest-event-list{ list-style: none; padding: 0; margin: 0; } .latest-event-list li:not(:last-child){ margin-bottom: 20px; } .latest-event-list li > i{ width: 15%; font-style: normal; font-weight: 900; float: left; color: black; line-height: 1.4; } .latest-event-list li > a{ display: block; margin-left: 15%; font-size: 1.4rem; line-height: 1.4; } /**--------------------- * * Pagination * *---------------------**/ .pagination { text-align: center; margin: 15px 0 0; display: flex; width: 80%; margin: 0 auto; text-align: center; margin-top:15px; } .pagination a { display: block; margin: 0; border-radius: 50%; color: rgb(0 0 0 / 50%); min-width: 40px; min-height: 40px; line-height: 40px; font-size: 13px; margin: 0 auto; background:transparent; font-weight: 600; } .pagination a:first-child { color: #151515; min-width: 40px; min-height: 40px; line-height: 40px; font-size: 35px; background:transparent; } .pagination a.disabled { color: #ccc; } .pagination a:last-child { color: #151515; min-width: 40px; min-height: 40px; line-height: 40px; font-size: 35px; background:transparent; } .pagination a.active { color: #393c43; background-color: rgb(21 100 143 / 12%); font-weight: 600; font-size: 16px; } .channel-title { font-family: system-ui; color: #fff; color: #ffffff; font-size: 2rem; background-image:linear-gradient(45deg, #f13e48, #dc3a40); width: 100%; padding-right: 4.5%; height: 3rem; line-height: 3rem; position: fixed; top: 40px; z-index: 1; top: 58px; font-weight: 600; font-size: 15px; z-index:3 } .homepage-header { width: 100%; height: 55px; position: fixed; top: 0px; z-index: 4; background-color: white; background-size: 17%; left: 0px; width: 100%; position: fixed; display: flex; flex-direction: column; height: auto; border-bottom: 1px var(--color-settings-border) solid; height: 58px; } .homepage-header.weather { background:none; border:none } .homepage-header div { display: flex; flex-direction: row; padding-left: 12px; padding-right: 12px; } .homepage-header div.head_main { display: block; width: 100%; padding: 0; } .homepage-header div.main-controllers { position: absolute; left: 12px; top: 12px; display: flex; flex-direction: row; padding-left:0; padding-right:0 } .homepage-header div.main-menu-dp { position: absolute; right: 8px; top: 8px; display: flex; flex-direction: row; padding-left:0; padding-right:0 } .homepage-header div.main-menu-dp a span{ font-size: 30px; z-index: 100; opacity: 1; position: relative; line-height: 37px; cursor: pointer; display: block; height: 37px; color: var(--More-color); /*background: var(--color-bg-primary-offset);*/ border-radius: 50%; width: 37px; font-size:28px; text-align: center; } .homepage-header.weather div.main-menu-dp span { color:#FFF; } .homepage-header.weather div.main-menu-dp a { line-height: 37px; font-size:28px; } .homepage-header.weather .main-logo-icon-image path { fill:#FFF; } .homepage-header.weather div.main-controllers a { background:transparent; color:#FFF; } .homepage-header div.logo-home-pa { padding-left: 0; padding-right: 0; width: 100%; text-align: center; display: block; padding-bottom: 5px; } .homepage-header div.main-controllers a{ font-size: 30px; z-index: 100; opacity: 1; position: relative; line-height: 37px; cursor: pointer; display: block; height: 37px; color: var(--More-color); background: var(--color-bg-primary-offset); border-radius: 50%; width: 37px; margin-right:12px; font-size:22px; text-align: center; } .homepage-header div .main-logo-icon-image { margin-top: 12px; height: 29px; padding-left:0; padding-right:0 } .paywall-greetings { height: 44px; position: relative; /* top: 45px; */ /* z-index: -1; */ width: calc(100% - 30px); background-color: white; border-top: 1px solid #eee; display: block ; padding: 0 ; width: 100%; } .paywall-greetings div { display: block ; padding: 0 ; position:relative } .unknown-user { color: #2225b9; font-weight: bold; font-size: 4.5vw; padding-right: 21px; margin-top: 14px; float: right; } .unknown-user .picon { position: absolute; width: 22px; top: 8px; right: 0; } .unknown-user span { color: var(--color-gray); font-weight: normal; font-size: 12px; padding-right: 28px; /* font-family: NarkissBlock-Semibold ; */ font-family: system-ui; margin-top:3px } .unknown-user object { width: 25px; position: absolute; right: 0; top: 2px; } .weather-widget-inner { float: left; margin-top: 10px; font-size: 19px; position: relative; } .weather-widget-inner a { float: left; margin-top: 5px; font-size: 18px; font-family: system-ui; text-decoration: none; padding-right: 25px; } .weather-icon { font-size: 22px; position: absolute; top: 3px; right: 0; font-weight:600 } .weather-widget-inner small { font-family: system-ui; display: -webkit-inline-box; position: relative; font-weight:700 } .weather-widget-inner small, .paywall-dropdown-icon-firma { color: black; } .weather-widget-inner small:after { content: "\B0"; } small.weather-icon-text { font-family: system-ui; font-size: 14px; color: var(--color-gray); font-weight: 500 ; } small.weather-icon-text:after { display: none; } svg:not(:root).svg-inline--fa { overflow: visible; } svg:not(:root).svg-inline--fa { overflow: visible; } .svg-inline--fa.fa-w-14 { width: 0.875em; } .svg-inline--fa { display: inline-block; font-size: inherit; height: 1em; overflow: visible; vertical-align: -0.125em; } .svg-inline--fa { display: inline-block; font-size: inherit; height: 1em; overflow: visible; vertical-align: -0.125em; } .whether-link-dropdown-icon-firma { font-size: 25px; float: left; /* margin-top: 2px; */ -webkit-text-fill-color: #ccc; color: #e6e6e6; padding: 0; margin: 0; margin-top: -5px; } .col { padding: 0; } .artiwrapper { margin: 0; padding: 0; padding: 0 10px; color: rgba(0, 0, 0, 0.87); font-weight: 400; font-size: 18px; font-family: system-ui; line-height: 30px; padding: 0; position: relative; display: block; margin-top: 25px; } .artiwrapper p{ margin-bottom: 15px; } .artiwrapper a { color: #0030ff; text-decoration: underline; } /* /INDEX PAGE STYLES */ </style> </head> <body dir="rtl" class="fixed-header"> <? include './amp/header.php'; ?> <div class="channel-title"><?=$result->pageTitle?></div> <div id="back-to-top-target"></div> <div class="container-fluid mt-1"> <div class="row"> <div class="col"> <div class="main_Arti "> <? if($article['picPath'] != ""){ ?> <div class="mImg "> <amp-img src="<?=$image ?><?=$mainimageopt?>" width="390" height="220" class= "mImg" layout="responsive" data-hero></amp-img> </div> <? } ?> <div class="caption "> <h1 class="entery-title"><?=$title?></a></h1> <div class="timingInfo"> <?=$author?> <?=$timing?> <?=$date_n?> | <? if($ereaname != "notset"){ ?> <a class="" href="<?=$subcatURL ?>"> <?=$ereaname ?> </a> <? }else{ ?> <a class="" href="<?=$subcatURL ?>"> <?=$subcat ?> </a> <? } ?> </div> </div> </div> </div> </div> <div class="paywall-greetings"> <div class="unknown-user"> <amp-img src="<?=$components ?>/fav/apple-icon-57x57.png" width="25" height="25" class= "picon" layout="responsive"></amp-img> <span class="greeting_time">حمَل تطبيق كل العرب </span></div> <div class="weather-widget-inner"> <a class="" href="https://www.alarab.com/tag/حالة-الطقس" title="حالة الطقس"> <span class="weather-icon"><i class="ri-haze-line "></i></span> <small class="weather-icon-text">الطقس</small> <i class="ri-arrow-drop-down-line svg-inline--fa fa-chevron-down fa-w-14 whether-link-dropdown-icon-firma"></i> </a> </div> </div> <div class="artiwrapper"> <? if($mobilevideo) { ?> <div class="space-2"></div> <amp-iframe width="500" height="281" layout="responsive" sandbox="allow-scripts allow-same-origin allow-popups" allowfullscreen frameborder="0" src="https://p.alarab.com/?l=<?=$article[mobilevideo]?>&width=<?=(int)$article[v_width]?>&height=<?=(int)$article[v_height]?>&pic=<?=str_replace("15:8",(int)$article[v_height].":".(int)$article[v_width],$article[image])?>&smt=&vurl=https://www.alarab.com/Article/<?=$_GET[newsid]?>&asp=<?=(int)$article[v_width].":".(int)$article[v_height]?>"> <amp-img layout="fill" src="https://i.vimeocdn.com/video/536538454_640.webp" placeholder></amp-img> </amp-iframe> <? } ?> <? echo $html; $html="";?> </div> <? if($page==1){ ?> <div class="section sectionHoties flexing Ad_ready" > <?php for($c=1;$c<count($news_arr);$c++){ $sdata=text_summarise($news_arr[$c][sData], 25); $id=$news_arr[$c][ID]; $goto=$news_arr[$c][url]; $goto=str_replace("http://www.alarab.com","",$goto); $image=$news_arr[$c][image]; $txt=$news_arr[$c][status]; $title=$news_arr[$c][title]; $target=$news_arr[$c][target]; $mCatname=$news_arr[$c][mCatname]; $vedio=$news_arr[$c][video]; $mobilevideo=$news_arr[$c][mobilevideo]; $Name=$news_arr[$c][subcat]; $nwriter=$news_arr[$c][nWriter]; $author=$nwriter; $author=gen_Author($author); $image=str_replace("15:8","167:100",$image); /* $sdata=$news_arr[main_news][article][$i][sdata]; $id=$news_arr[main_news][article][$i][id]; $goto=$news_arr[main_news][article][$i][url]; $goto = str_replace("/Article/","/article.php?newsid=",$goto); $image=$news_arr[main_news][article][$i][image]; $txt=$news_arr[main_news][article][$i][status]; $LONGtitle=$news_arr[main_news][article][$i][title]; $title=$news_arr[main_news][article][$i][smalltitle]; $target=$news_arr[main_news][article][$i][target]; $vedio=$news_arr[main_news][article][$i][video]; $mCatname=$news_arr[main_news][article][$i][mCatname]; $mCatURL=$news_arr[main_news][article][$i][mCatURL]; $mCatURL=$news_arr[main_news][article][$i][mCatURL]; */ $pdate=$news_arr[$c][pdate]; $timing=date("H:i",strtotime($pdate)); //$date_u=date("H:i",strtotime($main_story[update_date])); $date_n=date("d/m",strtotime($pdate)); $subcatURL="/Archive/".$news_arr[$c][sCat]; $subcat=$news_arr[$c][subcat]; $ereaname=$news_arr[$c][ereaname]; $mLocation=$news_arr[$c][mLocation]; /* $subcatURL="/Archive/".$news_arr[$c][sCat]."/1"; $searchtags=$news_arr[$c][searchtags]; echo str_word_count($searchtags); echo $news_arr[$c][searchtags]; $keywords= explode("،", $searchtags); print_r($keywords);*/ if(in_array($c,$mainews_indexes)){ ?>  <div class="simi_main local <?= $ss ?> main"> <a href="<?php echo $goto ?>" <?php echo $target ?>> <? if ($mCat == 7) { echo '<div class="paid" >ممول</div>'; } ?> <div class="imgarticle"> <amp-img class="ampimgarticle" data-hero src="<?=$image ?><?=$smainimageopt ?>" alt="<?=$title ?>" layout="responsive" width=167 height=100></amp-img> <? if ($vedio != 'no') { $v = "<div class=\"play_icon_2022\"><i class=\"ri-play-circle-line\"></i></div>"; echo $v; } ?> </div> <div class="text"> <span class="stitle" <?php echo $target ?> > <?=$mLocation ?><?php echo $title; ?> </span>  </div> <? if ($txt != "no") { ?> <div class="status">خبر عاجل</div> <? } ?> </a> </div> <? } } ?> </div> <? } ?> <? if($weather=="on") { ?> <table class="styled-table"> <thead> <tr> <th scope="col">#</th> <th scope="col">First</th> <th scope="col">Last</th> <th scope="col">Handle</th> </tr> </thead> <tbody> <?=$weatherhtml ?> </tbody> </table> <? } ?> <amp-ad width=320 height=100 class="adunit" type="doubleclick" data-slot="/22696701219/320x100"> </amp-ad> <div class="row"> <? $rc=0; for($c=1;$c<count($news_arr);$c++){ $sdata=text_summarise($news_arr[$c][sData], 25); $id=$news_arr[$c][ID]; $goto=$news_arr[$c][url]; $goto=str_replace("http://www.alarab.com","",$goto); $image=$news_arr[$c][image]; $txt=$news_arr[$c][status]; $title=$news_arr[$c][title]; $target=$news_arr[$c][target]; $mCatname=$news_arr[$c][mCatname]; $vedio=$news_arr[$c][video]; $mobilevideo=$news_arr[$c][mobilevideo]; $Name=$news_arr[$c][subcat]; $nwriter=$news_arr[$c][nWriter]; $author=$nwriter; $author=gen_Author($author); $image=str_replace("15:8","11:8",$image); /* $sdata=$news_arr[main_news][article][$i][sdata]; $id=$news_arr[main_news][article][$i][id]; $goto=$news_arr[main_news][article][$i][url]; $goto = str_replace("/Article/","/article.php?newsid=",$goto); $image=$news_arr[main_news][article][$i][image]; $txt=$news_arr[main_news][article][$i][status]; $LONGtitle=$news_arr[main_news][article][$i][title]; $title=$news_arr[main_news][article][$i][smalltitle]; $target=$news_arr[main_news][article][$i][target]; $vedio=$news_arr[main_news][article][$i][video]; $mCatname=$news_arr[main_news][article][$i][mCatname]; $mCatURL=$news_arr[main_news][article][$i][mCatURL]; $mCatURL=$news_arr[main_news][article][$i][mCatURL]; */ $pdate=$news_arr[$c][pdate]; $timing=date("H:i",strtotime($pdate)); //$date_u=date("H:i",strtotime($main_story[update_date])); $date_n=date("d/m",strtotime($pdate)); $subcatURL="/Archive/".$news_arr[$c][sCat]; $subcat=$news_arr[$c][subcat]; $ereaname=$news_arr[$c][ereaname]; $mLocation=$news_arr[$c][mLocation]; /* $subcatURL="/Archive/".$news_arr[$c][sCat]."/1"; $searchtags=$news_arr[$c][searchtags]; echo str_word_count($searchtags); echo $news_arr[$c][searchtags]; $keywords= explode("،", $searchtags); print_r($keywords);*/ if(!in_array($c,$mainews_indexes)){ $rc++; ?> <div class="col-12 col-sm-6"> <div class="image-info-box large"> <div class="details"> <a href="<?=$goto ?>"><h2 class="h4"><?=$mLocation ?><?=$title ?></h2></a>  <div class="timingInfo"> <?=$author?> <?=$timing?> <?=$date_n?> | <? if($ereaname !="notset"){ ?> <a class="" href="<?=$subcatURL ?>"> <?=$ereaname ?> </a> <? }else{ ?> <a class="" href="<?=$subcatURL ?>"> <?=$subcat ?> </a> <? } ?> </div> </div> <a href="<?=$goto ?>" class="preview"><amp-img src="<?=$image ?><?=$vsmainimageopt?>" alt="<?=$title ?>" layout="responsive" width=116 height=84></amp-img></a> </div> </div> <? if($c % 5 ==0 AND $rc > 1){ $ads=array("320x100","300x250"); $w["300x250"]=array(300,250); $w["320x100"]=array(320,100); $f=rand(0,1); ?> <div class="col-12 col-sm-6"> <amp-ad class="adunit" width=<?=$w[$ads[$f]][0]?> height=<?=$w[$ads[$f]][1]?> type="doubleclick" data-slot="/17943777/alarab/alarab_<?=$ads[$f] ?>" data-multi-size="1x1"> </amp-ad> </div> <? } } } ?> </div> <? ?> </div> <? include './amp/footer.php'; ?> <? include './amp/sidebar.php'; ?>  </body> </html>