An error occurred while processing the template.
The following has evaluated to null or missing:
==> css_folder  [in template "20097#20123#58907" at line 100, column 31]

----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----

----
FTL stack trace ("~" means nesting-related):
	- Failed at: ${css_folder}  [in template "20097#20123#58907" at line 100, column 29]
----
1<#-- Retrieve the published date meta data field of the web content --> 
2<#assign displaydate = .vars['reserved-article-display-date'].data> 
3<#-- Save the original page locale for later --> 
4<#assign originalLocale = .locale> 
5 
6<#-- Set the page locale to the portals default locale --> 
7<#setting locale = localeUtil.getDefault()> 
8 
9<#-- Parse the date to a date object --> 
10<#assign displaydate = displaydate?datetime("EEE, d MMM yyyy HH:mm:ss Z")> 
11 
12<#-- Set the page locale back to the original page locale --> 
13<#--#assign locale = ''--> 
14<#assign dateFormat = "dd MM yyyy" />  
15<#assign publishDate=dateUtil.getDate(displaydate,dateFormat,locale)/> 
16 
17 
18<!--publish view Count--> 
19<#assign JournalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")> 
20 <#assign assetLinkLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetLinkLocalService" )> 
21 <#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService" )> 
22 <#assign getterUtil = staticUtil["com.liferay.portal.kernel.util.GetterUtil"] /> 
23 <#assign currentArticle = JournalArticleLocalService.getArticle(getterUtil.getLong(groupId),.vars['reserved-article-id'].data)> 
24 <#assign currentArticleResourcePrimKey = currentArticle.getResourcePrimKey()> 
25 <#assign currentArticleAssetEntry = assetEntryLocalService.getEntry("com.liferay.journal.model.JournalArticle", currentArticleResourcePrimKey)/> 
26 <#assign viewCount = currentArticleAssetEntry.viewCount/> 
27 
28<div class="main-new-content"> 
29    <div class="header"> 
30    <div class="tools hide"> 
31            <div class="razi-icon-share"> 
32                <div class="share-box"> 
33                    <a id="whatsapp-sharing"> 
34                        <img 
35                            alt="svgImg" 
36                            src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNTAiIGhlaWdodD0iNTAiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNC44NjgsNDMuMzAzbDIuNjk0LTkuODM1QzUuOSwzMC41OSw1LjAyNiwyNy4zMjQsNS4wMjcsMjMuOTc5QzUuMDMyLDEzLjUxNCwxMy41NDgsNSwyNC4wMTQsNWM1LjA3OSwwLjAwMiw5Ljg0NSwxLjk3OSwxMy40Myw1LjU2NmMzLjU4NCwzLjU4OCw1LjU1OCw4LjM1Niw1LjU1NiwxMy40MjhjLTAuMDA0LDEwLjQ2NS04LjUyMiwxOC45OC0xOC45ODYsMTguOThjLTAuMDAxLDAsMCwwLDAsMGgtMC4wMDhjLTMuMTc3LTAuMDAxLTYuMy0wLjc5OC05LjA3My0yLjMxMUw0Ljg2OCw0My4zMDN6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQuODY4LDQzLjgwM2MtMC4xMzIsMC0wLjI2LTAuMDUyLTAuMzU1LTAuMTQ4Yy0wLjEyNS0wLjEyNy0wLjE3NC0wLjMxMi0wLjEyNy0wLjQ4M2wyLjYzOS05LjYzNmMtMS42MzYtMi45MDYtMi40OTktNi4yMDYtMi40OTctOS41NTZDNC41MzIsMTMuMjM4LDEzLjI3Myw0LjUsMjQuMDE0LDQuNWM1LjIxLDAuMDAyLDEwLjEwNSwyLjAzMSwxMy43ODQsNS43MTNjMy42NzksMy42ODMsNS43MDQsOC41NzcsNS43MDIsMTMuNzgxYy0wLjAwNCwxMC43NDEtOC43NDYsMTkuNDgtMTkuNDg2LDE5LjQ4Yy0zLjE4OS0wLjAwMS02LjM0NC0wLjc4OC05LjE0NC0yLjI3N2wtOS44NzUsMi41ODlDNC45NTMsNDMuNzk4LDQuOTExLDQzLjgwMyw0Ljg2OCw0My44MDN6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2NmZDhkYyIgZD0iTTI0LjAxNCw1YzUuMDc5LDAuMDAyLDkuODQ1LDEuOTc5LDEzLjQzLDUuNTY2YzMuNTg0LDMuNTg4LDUuNTU4LDguMzU2LDUuNTU2LDEzLjQyOGMtMC4wMDQsMTAuNDY1LTguNTIyLDE4Ljk4LTE4Ljk4NiwxOC45OGgtMC4wMDhjLTMuMTc3LTAuMDAxLTYuMy0wLjc5OC05LjA3My0yLjMxMUw0Ljg2OCw0My4zMDNsMi42OTQtOS44MzVDNS45LDMwLjU5LDUuMDI2LDI3LjMyNCw1LjAyNywyMy45NzlDNS4wMzIsMTMuNTE0LDEzLjU0OCw1LDI0LjAxNCw1IE0yNC4wMTQsNDIuOTc0QzI0LjAxNCw0Mi45NzQsMjQuMDE0LDQyLjk3NCwyNC4wMTQsNDIuOTc0QzI0LjAxNCw0Mi45NzQsMjQuMDE0LDQyLjk3NCwyNC4wMTQsNDIuOTc0IE0yNC4wMTQsNDIuOTc0QzI0LjAxNCw0Mi45NzQsMjQuMDE0LDQyLjk3NCwyNC4wMTQsNDIuOTc0QzI0LjAxNCw0Mi45NzQsMjQuMDE0LDQyLjk3NCwyNC4wMTQsNDIuOTc0IE0yNC4wMTQsNEMyNC4wMTQsNCwyNC4wMTQsNCwyNC4wMTQsNEMxMi45OTgsNCw0LjAzMiwxMi45NjIsNC4wMjcsMjMuOTc5Yy0wLjAwMSwzLjM2NywwLjg0OSw2LjY4NSwyLjQ2MSw5LjYyMmwtMi41ODUsOS40MzljLTAuMDk0LDAuMzQ1LDAuMDAyLDAuNzEzLDAuMjU0LDAuOTY3YzAuMTksMC4xOTIsMC40NDcsMC4yOTcsMC43MTEsMC4yOTdjMC4wODUsMCwwLjE3LTAuMDExLDAuMjU0LTAuMDMzbDkuNjg3LTIuNTRjMi44MjgsMS40NjgsNS45OTgsMi4yNDMsOS4xOTcsMi4yNDRjMTEuMDI0LDAsMTkuOTktOC45NjMsMTkuOTk1LTE5Ljk4YzAuMDAyLTUuMzM5LTIuMDc1LTEwLjM1OS01Ljg0OC0xNC4xMzVDMzQuMzc4LDYuMDgzLDI5LjM1Nyw0LjAwMiwyNC4wMTQsNEwyNC4wMTQsNHoiPjwvcGF0aD48cGF0aCBmaWxsPSIjNDBjMzUxIiBkPSJNMzUuMTc2LDEyLjgzMmMtMi45OC0yLjk4Mi02Ljk0MS00LjYyNS0xMS4xNTctNC42MjZjLTguNzA0LDAtMTUuNzgzLDcuMDc2LTE1Ljc4NywxNS43NzRjLTAuMDAxLDIuOTgxLDAuODMzLDUuODgzLDIuNDEzLDguMzk2bDAuMzc2LDAuNTk3bC0xLjU5NSw1LjgyMWw1Ljk3My0xLjU2NmwwLjU3NywwLjM0MmMyLjQyMiwxLjQzOCw1LjIsMi4xOTgsOC4wMzIsMi4xOTloMC4wMDZjOC42OTgsMCwxNS43NzctNy4wNzcsMTUuNzgtMTUuNzc2QzM5Ljc5NSwxOS43NzgsMzguMTU2LDE1LjgxNCwzNS4xNzYsMTIuODMyeiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE5LjI2OCwxNi4wNDVjLTAuMzU1LTAuNzktMC43MjktMC44MDYtMS4wNjgtMC44MmMtMC4yNzctMC4wMTItMC41OTMtMC4wMTEtMC45MDktMC4wMTFjLTAuMzE2LDAtMC44MywwLjExOS0xLjI2NSwwLjU5NGMtMC40MzUsMC40NzUtMS42NjEsMS42MjItMS42NjEsMy45NTZjMCwyLjMzNCwxLjcsNC41OSwxLjkzNyw0LjkwNmMwLjIzNywwLjMxNiwzLjI4Miw1LjI1OSw4LjEwNCw3LjE2MWM0LjAwNywxLjU4LDQuODIzLDEuMjY2LDUuNjkzLDEuMTg3YzAuODctMC4wNzksMi44MDctMS4xNDcsMy4yMDItMi4yNTVjMC4zOTUtMS4xMDgsMC4zOTUtMi4wNTcsMC4yNzctMi4yNTVjLTAuMTE5LTAuMTk4LTAuNDM1LTAuMzE2LTAuOTA5LTAuNTU0cy0yLjgwNy0xLjM4NS0zLjI0Mi0xLjU0M2MtMC40MzUtMC4xNTgtMC43NTEtMC4yMzctMS4wNjgsMC4yMzhjLTAuMzE2LDAuNDc0LTEuMjI1LDEuNTQzLTEuNTAyLDEuODU5Yy0wLjI3NywwLjMxNy0wLjU1NCwwLjM1Ny0xLjAyOCwwLjExOWMtMC40NzQtMC4yMzgtMi4wMDItMC43MzgtMy44MTUtMi4zNTRjLTEuNDEtMS4yNTctMi4zNjItMi44MS0yLjYzOS0zLjI4NWMtMC4yNzctMC40NzQtMC4wMy0wLjczMSwwLjIwOC0wLjk2OGMwLjIxMy0wLjIxMywwLjQ3NC0wLjU1NCwwLjcxMi0wLjgzMWMwLjIzNy0wLjI3NywwLjMxNi0wLjQ3NSwwLjQ3NC0wLjc5MWMwLjE1OC0wLjMxNywwLjA3OS0wLjU5NC0wLjA0LTAuODMxQzIwLjYxMiwxOS4zMjksMTkuNjksMTYuOTgzLDE5LjI2OCwxNi4wNDV6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjwvcGF0aD48L3N2Zz4=" 
37                    /></a> 
38 
39                    <a id="twitter-sharing" class="twitter-share-button"> 
40                        <img 
41                            alt="svgImg" 
42                            src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBmaWxsPSIjMDNBOUY0IiBkPSJNNDIsMTIuNDI5Yy0xLjMyMywwLjU4Ni0yLjc0NiwwLjk3Ny00LjI0NywxLjE2MmMxLjUyNi0wLjkwNiwyLjctMi4zNTEsMy4yNTEtNC4wNThjLTEuNDI4LDAuODM3LTMuMDEsMS40NTItNC42OTMsMS43NzZDMzQuOTY3LDkuODg0LDMzLjA1LDksMzAuOTI2LDljLTQuMDgsMC03LjM4NywzLjI3OC03LjM4Nyw3LjMyYzAsMC41NzIsMC4wNjcsMS4xMjksMC4xOTMsMS42N2MtNi4xMzgtMC4zMDgtMTEuNTgyLTMuMjI2LTE1LjIyNC03LjY1NGMtMC42NCwxLjA4Mi0xLDIuMzQ5LTEsMy42ODZjMCwyLjU0MSwxLjMwMSw0Ljc3OCwzLjI4NSw2LjA5NmMtMS4yMTEtMC4wMzctMi4zNTEtMC4zNzQtMy4zNDktMC45MTRjMCwwLjAyMiwwLDAuMDU1LDAsMC4wODZjMCwzLjU1MSwyLjU0Nyw2LjUwOCw1LjkyMyw3LjE4MWMtMC42MTcsMC4xNjktMS4yNjksMC4yNjMtMS45NDEsMC4yNjNjLTAuNDc3LDAtMC45NDItMC4wNTQtMS4zOTItMC4xMzVjMC45NCwyLjkwMiwzLjY2Nyw1LjAyMyw2Ljg5OCw1LjA4NmMtMi41MjgsMS45Ni01LjcxMiwzLjEzNC05LjE3NCwzLjEzNGMtMC41OTgsMC0xLjE4My0wLjAzNC0xLjc2MS0wLjEwNEM5LjI2OCwzNi43ODYsMTMuMTUyLDM4LDE3LjMyMSwzOGMxMy41ODUsMCwyMS4wMTctMTEuMTU2LDIxLjAxNy0yMC44MzRjMC0wLjMxNy0wLjAxLTAuNjMzLTAuMDI1LTAuOTQ1QzM5Ljc2MywxNS4xOTcsNDEuMDEzLDEzLjkwNSw0MiwxMi40MjkiPjwvcGF0aD48L3N2Zz4=" 
43                    /></a> 
44 
45                    <a id="email-sharing"> 
46                        <img 
47                            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAAI1ElEQVRoge2Za3RU1RXHf2fuvJLJhGTyYJIJKIZIQHwmPATTGHysVVDroymtjwqrMVpBS0u7uqq2i3a1XXVhaRVBjIja8gGKLSJVaxF0SnwEQtRKgoBgIZB3JgESwmRm7ukH8phzZ5KZQPwk/2/7cfbd+5x999n7XriAC/h6Q4yKldK/aZmuzOkyRAkmCoQkX0IWkNSn0SWhQQj2o7PHhNzRnHP9LpYJ/XwffV4BuBZ6x2lmfRGIewHPCJcfQ4r1IfRVvrUlx87Vh3MKwL3wPxm6Rf8tkgUSrOf68D4HenXEOqvQf9lQUdJ2DutHhvRy790mKVdKcI107bCQtEshF7e9ULJhJMviD6C82pKhd61GUBZN7LBpFE1xUTgxhUkeB9mpdpwJZgBO9QQ57jvDgYZudn/RSWWdj25/aAiH5PMtwvkIFYWBUQsgu7w6MSC7XgW+aZSlJ1spv2k8t0wbi91iisccZwI6b9W08PKOY9S39URTedMikkobKgpPx7IVO4DyakuG7NqCwXmL2UTZjeO4t9hDglWLy3EjgiHJeu9xnnv7CIGgWpAkvNPWmTGPTZf1Dmcj5pZl6F2rMTif4rDw3INTeeCm8efsPIBZEyyYk8MLD19OmlOtBQJuTE9pezqWjWFPIP0B7z0CuT6cl5vlYOUPLsOdaovQb+rw461rZ2etj8YOP02dfgDcKTayXTaKJqdRPNXF2JTItY2dfh5dW8uhxm5VIMV3W9cWbxxxAJ5F76T19po/B9L7eS6nlfU/uirC+ZYTfl7YdpQtVc0EdTmUSQBMAm64Ip0lt04gK9UeEcR9f/4E36nBrBHgMws5aagSO2QKBQLm34c7b7WYWLFwcoTz3lofdz25h79/2BTTeQBdwrZP2/jO8hq8tT5FlpVi46n787GYB92S4ApI8euh7EVNYFfZuzkmxEvh8vKbxzP3mkxFb0NlA8s27Kc3GNtxIwIhybZPWhnjsDB1vHOA7061o5kEuw52DvAEXGktLPvLmT3rThjtmKMZ1wSLw2/Y9GQr9xarnYK31sdTrx3CuOm5WQ7umOFmZt4YslxnU6TRd4aPDp5gc1WTkuO6hOWbD+FOsVN82eC9eF9xDpurmjjefgYACVazHvoh8IsIXyO8XyZNjlNH1gHJ/awlt0zgyosHSFpO+Hnouc+UnbeYBT+/fSK/mn8pV1zkJDXJikUzYdFMpCZZufwiJ3fNdONyWth1sBO9r2pKoLLOx23TxpJoO+uOZhLYzBo768JSTDDhdO7cp6nbpGxZxDuQ2eidAeT00w6bxi3Txio6a94+otykFrNgZdnllM7OwjRMXdNMgvmzs1lZNhWLeVCx2x/i+X8fUXTnFmSQqJZoT1qyu8BoMyIAGaIknC6a4lJu2KYOP1t3tyhrfnpbLtPzxgztuQHT81L48a2XKLwtVc20nPAP0AlWjeumpKrOaqE5MQNAUBhOFk5MUcTeunZCYYmfm+Xgzmvdik5Th5+fvbKPosc+oOixD/jJS3X8r0XtCkpnZXGJ2zFAB3WJd69alQonqgEgRRwnAJeG05M8DkVeWac+5I4ZbrSwvGnq8PO9FTVs/28b3f4Q3f4Q7+1tZ8Ezn9LUMbjDmklw+ww1NSv3qbbzPYlG9ybFDMB0dpIagMelXjbH+ipDP2Zeqp7QH18/zInTQaNZTvYE+dPWwwrv2jx1rdF2tivBaCbLyIh2kSWFEw6bWmnbTqq9lbEt+Gh/RxSTZ/HB56rMbdic8HcAwGmPKJJOIyO+/neUIIRaohw21UHjjBB+Iw+FaBpdqlE1HdKT1a6xuVPdtWmGtAjHrPyhZXHilJEREYAOjeG0MS9z0tRj/9CQMo/Ou5jkhMgLfkyiJaJ0gpqCxj4rytTWaGREBCDgQDh9oEFtb4smpyn05qpmpaxenJnIhqXXcNOV6ThsGg6bxs1XpbNh6dVR2+gnSvNwp9pwp9p4ojRPkR1q6jaq7zcyIrdKUo3gjn5y9xed3DlzsM4XT3Xx1BYx0Hkeburm1Q8bmT87e0DHnWrjye9PjjAdDbPzU3nzielRZW/saTFwRLVRJ0oZlTvC6co6H2cCg+Pe2BQbt01X6/eK1w8r3WMsGMfHaNh3vIvXqpoUnm7w7ay/BjTnXL8LQX0/3e0P8VaNuhMP3nyRUkECQckja/eyobJBSScjgrrkr97jzPvdbvYePTms80terCUQ1iwKONruKd5j1I3sRt/7tXRcvTATwXX9rC+beyidlYWp78Z12DVy3Q62fdJK/yN0Hd7/vIPtn7XTG9JxWDXsNo1gSHK0pYc3P27lNxsP8q+aFk77Q2zd3ULrST/JiRaS7BpBXbLvWBfrdtTzh398wameiBd49ekVE94xMqP2jq6yd3PMQhwKnwkenTeBBXNyFL2N7zewfHPkTPAVwK9rodz2NTccNwqiTmQ9Na+cTChY6BEMNnY1X55kel4K7rBKMnW8k/wcJzvrfARCX2UUYk1bRUnUwX7Iq65XtzwODAzSgaDO0pf30Wi4uL4xxcXWx6dxd1E25uGGgXOFpN0i9JHNxAD+j1/sSSy4v14gvt3P6+kNUXWwk6IpLpz2wQpst2rMynfxrRljGZ+egESiaSZ6A/r5n4yJBc0VJRHlsx8xtyzzgXfXSMSD4bwUh4Xl9+dTkDvy1uCapTvjVxZyVWtFyeLhVGJ2Sy2drYskvBbO6+wO8HBFLeu21yulbnQh3mjNZklMrXhM9X3c3QTMNco8aXYWlIxjbkFGXJ8Z4zyBf1pE0vzR+bjbj/JqS7rsfkYgH4omTuybYQsnppLvSSTblYDTblaGd4gjACFXtWazhGUlkVNRNPU43R9ARpl3PkI+S9hXu1FCK4JFrRXXbxrJohEPNK1rizdarcF8YDXgj6UfB/wgnvXr1vyROg/n+ZMv7aHtHlPQvBiTvAfJuBE+uR7Jel0LrYp2w8ZvZjSwTJrS6ncWmrTQnL5PH5PE2b+W4b9ZjwEHQFTryB3tnuI9o/Gb9QIu4OuO/wMe3RnLOgGYlgAAAABJRU5ErkJggg==" 
48                        /> 
49                    </a> 
50                </div> 
51            </div> 
52            <div class="razi-icon-print" onclick="window.print()"></div> 
53        </div> 
54        <div class="date--view"> 
55            <div class="date"> 
56                <span class="icon-calander"><span class="path1"></span><span class="path2"></span></span> 
57                <span class="main-c" id="id-12-${.vars['reserved-article-id'].data}"></span> 
58            </div> 
59            <div class="view hide"> 
60                <span class="icon-view"><span class="path1"></span><span class="path2"></span></span> 
61                <span class="main-c"></span> 
62                <style> 
63                .main-new-content .header .date--view .view .main-c:before{ 
64                    content:"${viewCount}"; 
65
66                </style> 
67            </div> 
68        </div> 
69        <#if lead?? && lead.getData() !=""> 
70            <h5 class="lead"> 
71                ${lead.getData()} 
72            </h5> 
73        </#if> 
74        <a href="${friendlyURLs[themeDisplay.getLanguageId()]!""}"> 
75        <h3 class="title" id="title-sharing"> 
76            ${.vars['reserved-article-title'].data} 
77        </h3> 
78        </a> 
79         
80         
81        
82    </div> 
83    <div class="body"> 
84     
85        <#if .vars['reserved-article-small-image-url'].data != ""> 
86            <img class="bold-img" src="${.vars['reserved-article-small-image-url'].data}" alt="" /> 
87        </#if> 
88     
89        <p class="description"> 
90            ${.vars['reserved-article-description'].data} 
91        </p> 
92        <p> 
93        ${content.getData()} 
94        </p> 
95         
96        <#if video?? && video.getSiblings()?has_content> 
97        	<#list video.getSiblings() as cur_video> 
98        		<#assign videoUrl = cur_video.getData() > 
99                <#if videoUrl != "" > 
100                <link href="${css_folder}/video-js.min.css" rel="stylesheet" /> 
101                    <div class="parent-video"> 
102                        <video class="video-js" controls="" preload="none" poster="${image_snapshot.getData()}"> 
103                            <source type="video/mp4" src="${videoUrl}" /> 
104                        </video> 
105                    </div> 
106                    <script src="${javascript_folder}/video.min.js"></script> 
107                    <script> 
108                      videojs( 
109                        document.querySelector('.video-js'), { 
110                          autoplay: false, 
111                          controls: true, 
112                          fluid: true 
113                        }); 
114                    </script> 
115                </#if> 
116        		 
117        	</#list> 
118        </#if> 
119         
120         
121        <#if sound?? && sound.getSiblings()?has_content> 
122        	<#list sound.getSiblings() as cur_sound> 
123        	 
124        	    <#assign soundUrl = cur_sound.getData() > 
125                <#if soundUrl != "" > 
126                     
127                    <audio controls preload="none"> 
128                      <source src="${soundUrl}"> 
129                        Your browser does not support the audio element. 
130                    </audio> 
131                     
132                </#if> 
133 
134        	</#list> 
135        </#if> 
136         
137         
138        <#if other_images?? > 
139        <#if other_images.getSiblings()?has_content> 
140		 
141        	<#if other_images.getSiblings()[0].getData() != "" > 
142    	        <#assign 
143                    theme_display = themeDisplay 
144        	        css_folder = theme_display.getPathThemeCss() 
145        	        javascript_folder = theme_display.getPathThemeJavaScript() 
146                /> 
147                <link type="text/css" rel="stylesheet" href="${css_folder}/lightgallery/css/lightgallery.css" /> 
148             
149                <!-- lightgallery plugins --> 
150                <link type="text/css" rel="stylesheet" href="${css_folder}/lightgallery/css/lg-zoom.css" /> 
151                <link type="text/css" rel="stylesheet" href="${css_folder}/lightgallery/css/lg-thumbnail.css" /> 
152			    <script src="${javascript_folder}/lightgallery/lightgallery.umd.js"></script> 
153                <!-- Or use the minified version --> 
154                <script src="${javascript_folder}/lightgallery/lightgallery.min.js"></script> 
155             
156                <!-- lightgallery plugins --> 
157                <script src="${javascript_folder}/lightgallery/plugins/thumbnail/lg-thumbnail.umd.js"></script> 
158                <script src="${javascript_folder}/lightgallery/plugins/zoom/lg-zoom.umd.js"></script> 
159            	    <#if !gallery?? || gallery.getData()=="slideshow"> 
160    					<div id="inline-gallery-container" class="inline-gallery-container"></div> 
161 
162    					<script> 
163     
164    						new lightGallery(document.getElementById("inline-gallery-container"), { 
165                                container: document.getElementById("inline-gallery-container"), 
166    							  dynamic: true, 
167                                  // Turn off hash plugin in case if you are using it 
168                                  // as we don't want to change the url on slide change 
169                                  hash: false, 
170                                  // Do not allow users to close the gallery 
171                                  closable: false, 
172                                  // Add maximize icon to enlarge the gallery 
173                                  showMaximizeIcon: true, 
174                                  // Append caption inside the slide item 
175                                  // to apply some animation for the captions (Optional) 
176                                  appendSubHtmlTo: ".lg-item", 
177                                  // Delay slide transition to complete captions animations 
178                                  // before navigating to different slides (Optional) 
179                                  // You can find caption animation demo on the captions demo page 
180                                  slideDelay: 400, 
181    							plugins: [lgZoom, lgThumbnail], 
182    							animateThumb: 1, 
183                                pager: !1, 
184                                hash: !1, 
185                                zoomFromOrigin: !1, 
186                                toggleThumb: !0, 
187                                allowMediaOverlap: !0, 
188    							dynamicEl: [ 
189    							<#list other_images.getSiblings() as cur_other_images> 
190
191    									src: '${cur_other_images.getData()}', 
192    									thumb: '${cur_other_images.getData()}&imageThumbnail=1', 
193    									subHtml: ``, 
194    								}, 
195    							</#list>	 
196    							], 
197    							  thumbWidth: 120, 
198                                  thumbHeight: "80px", 
199                                  thumbMargin: 4 
200    						}).openGallery(); 
201    					</script> 
202                       <style> 
203                        .inline-gallery-container { 
204                          //width: 700px; 
205                          height: 500px; 
206                          position: relative; 
207                          clear:both; 
208                          top:15px; 
209
210                        .rtl .lg-outer { 
211                            text-align: right; 
212
213                        .rtl .inline-gallery-container .lg-outer .lg-thumb-outer.lg-thumb-align-middle { 
214                            direction: ltr; 
215
216                         
217                        .rtl .inline-gallery-container .lg-outer .lg-thumb-item { 
218                            float: left !important; 
219
220                         
221                        .lg-thumb-item img { 
222                            margin: 0 !important; 
223                            border-radius: 0 !important; 
224
225                         
226                        .lg-container { 
227                            font-family: inherit; 
228
229                       </style> 
230                    <#elseif gallery.getData()=="list"> 
231                        <div id="animated-thumbnails" class="row"> 
232                            <#list other_images.getSiblings() as cur_other_images> 
233                                <a href="${cur_other_images.getData()}" class="col-12 col-sm-6 col-md-4 mb-4"> 
234                                    <img src="${cur_other_images.getData()}&imageThumbnail=1" /> 
235                                </a> 
236                            </#list> 
237                        </div> 
238                        <script> 
239                        lightGallery(document.getElementById('animated-thumbnails'), { 
240                            thumbnail: true, 
241                            animateThumb: !1, 
242                            pager: !1, 
243                            plugins: [lgZoom,lgThumbnail], 
244                            hash: !1, 
245                            zoomFromOrigin: !1, 
246                            toggleThumb: !0, 
247                            allowMediaOverlap: !0 
248                        }); 
249 
250                        </script> 
251                        <style> 
252                        #animated-thumbnails img { 
253                            margin: 0 !important; 
254                            border-radius: 0 !important; 
255                            max-width: 100%; 
256                            width: 100%; 
257                            height: 15em; 
258                            object-fit: cover; 
259
260                        .rtl .lg-outer { 
261                            text-align: right; 
262
263                        .lg-outer .lg-thumb-item { 
264                            float: right !important; 
265
266                        .lg-thumb-item img { 
267                            margin: 0 !important; 
268                            border-radius: 0 !important; 
269
270                        .lg-container { 
271                            font-family: inherit; 
272
273                       </style> 
274                    <#elseif gallery.getData()=="grid"> 
275                        <script src="${javascript_folder}/masonry.pkgd.min.js"></script> 
276                        <div id="static-thumbnails" class="gird"> 
277                            <#list other_images.getSiblings() as cur_other_images> 
278                                <a href="${cur_other_images.getData()}" class="gallery-item"> 
279                                    <img src="${cur_other_images.getData()}&imageThumbnail=1" /> 
280                                </a> 
281                            </#list> 
282                        </div> 
283                        <script> 
284                            masonryElMixed = document.getElementById('static-thumbnails'), 
285                                new Masonry(masonryElMixed,{ 
286                                    temSelector: '.gallery-item', 
287                                    percentPosition: !0, 
288                                    gutter: 0, 
289                                    isOriginLeft: false 
290                                }); 
291                                window.lightGallery(masonryElMixed, { 
292                                    animateThumb: !1, 
293                                    pager: !1, 
294                                    plugins: [lgZoom,lgThumbnail], 
295                                    hash: !1, 
296                                    zoomFromOrigin: !1, 
297                                    toggleThumb: !0, 
298                                    allowMediaOverlap: !0 
299                                }); 
300 
301                        </script> 
302                        <style> 
303                        #static-thumbnails img { 
304                            margin: 0 !important; 
305                            border-radius: 0 !important; 
306                            max-width: 100%; 
307
308                        .rtl .lg-outer { 
309                            text-align: right; 
310
311                        .lg-outer .lg-thumb-item { 
312                            float: right !important; 
313
314                        .lg-thumb-item img { 
315                            margin: 0 !important; 
316                            border-radius: 0 !important; 
317
318                        .lg-container { 
319                            font-family: inherit; 
320
321                       </style> 
322                    </#if> 
323            </#if> 
324        </#if> 
325    </#if> 
326         
327         
328        <#if .vars['reserved-article-asset-tag-names'].data?has_content> 
329            <div class="tags"> 
330                <h4> 
331                    <#if themeDisplay.getLocale() == "fa_IR"> 
332                        برچسب ها: 
333                    <#elseif themeDisplay.getLocale() == "en_US"> 
334                        Tags: 
335                    </#if>  
336                </h4> 
337                <#list .vars['reserved-article-asset-tag-names'].data?split(",") as Value> 
338                  <div class="badge badge-pill badge-secondary">${Value}</div> 
339                </#list> 
340            </div> 
341        </#if> 
342         
343        <div class="url-box hide"> 
344         
345            <div class="btn-box"> 
346                <button onclick="myFunction()" onmouseout="outFunc()"> 
347                    <span class="tooltiptext" id="myTooltip"> 
348                     
349                        <#if themeDisplay.getLocale() == "fa_IR"> 
350                            ذخیره ادرس در حافظه موقت 
351                        <#elseif themeDisplay.getLocale() == "en_US"> 
352                            Copy to clipboard 
353                        </#if>  
354                     
355                    </span> 
356                    <#if themeDisplay.getLocale() == "fa_IR"> 
357                        ذخیره ادرس 
358                    <#elseif themeDisplay.getLocale() == "en_US"> 
359                        Copy Url 
360                    </#if>  
361                </button> 
362            </div> 
363             
364            <input type="text" value="${friendlyURLs[themeDisplay.getLanguageId()]!""}" id="myInput" /> 
365         
366        </div> 
367    </div> 
368</div> 
369 
370<script> 
371 
372//copy url 
373function myFunction() { 
374  var copyText = document.getElementById("myInput"); 
375  copyText.select(); 
376  copyText.setSelectionRange(0, 99999); 
377  navigator.clipboard.writeText(copyText.value); 
378   
379  var tooltip = document.getElementById("myTooltip"); 
380  tooltip.innerHTML = "✔"; 
381
382 
383function outFunc() { 
384  var tooltip = document.getElementById("myTooltip"); 
385  tooltip.innerHTML = <#if themeDisplay.getLocale() == "fa_IR"> 
386                "ذخیره ادرس در حافظه موقت" 
387            <#elseif themeDisplay.getLocale() == "en_US"> 
388                "Copy to clipboard" 
389            </#if> ; 
390
391 
392 
393 
394 
395 
396//date 
397var lang = document.getElementsByTagName("html")[0].getAttribute("lang"); 
398var date_element = document.getElementById("id-12-${.vars['reserved-article-id'].data}"); 
399if( lang == "fa-IR"){ 
400    date_element.innerHTML = 
401    moment('${publishDate}', 'DD MM YYYY') 
402    .locale('fa') 
403    .format('dddd DD MMMM YYYY'); 
404}else if (lang == "ar-SA") { 
405    date_element.innerHTML = 
406    moment('${publishDate}', 'DD MM YYYY') 
407    .locale('ar') 
408    .format('dddd DD / MM / YYYY'); 
409}else if (lang == "en-US") { 
410    date_element.innerHTML = 
411    moment('${publishDate}', 'DD MM YYYY') 
412    .locale('en') 
413    .format('dddd DD MMMM YYYY'); 
414
415date_element.setAttribute("id", ""); 
416 
417 
418//share  
419var title = document.getElementById("title-sharing").innerText; 
420var href = window.location.href; 
421var whatsappSharing = `https://web.whatsapp.com/send?text=`+title+`%0A`+href; 
422var twitterSharing = `https://twitter.com/intent/tweet?text=`+title+`&url=%0A`+href; 
423var emailSharing = `mailto:?subject=`+title+`&body=`+href; 
424document.getElementById("whatsapp-sharing").setAttribute("href", whatsappSharing); 
425document.getElementById("twitter-sharing").setAttribute("href", twitterSharing); 
426document.getElementById("email-sharing").setAttribute("href", emailSharing); 
427 
428 
429 
430//breadcrumb 
431var b_title = document.querySelector(".breadcrumb .active"); 
432var f_title = document.querySelector(".breadcrumb li:nth-child(1) a"); 
433if(b_title) { 
434    b_title.innerText = title; 
435     
436    if( lang == "fa-IR"){ 
437        f_title.innerText = "صفحه اصلی"; 
438    }else if (lang == "ar-SA") { 
439        f_title.innerText = "الصفحة الرئيسية"; 
440    }else if (lang == "en-US") { 
441        f_title.innerText = "Main Page"; 
442
443
444 
445</script> 
446 
447<style> 
448.main-new-content { 
449  /*max-width: 925px;*/ 
450  margin: auto; 
451
452 
453.main-new-content .body .parent-video { 
454    text-align: center; 
455    clear: both; 
456    padding: 20px 0; 
457
458.video-js .vjs-big-play-button { 
459    left: 50%; 
460    right: auto; 
461    margin-left: -1.5em; 
462    margin-top: -0.81666em; 
463    top: 50%; 
464
465.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before { 
466    content: "\f04b "; 
467    font-family: 'FontAwesome'; 
468
469/* url */ 
470.main-new-content .url-box { 
471    margin: 1.5em 0 2em; 
472
473 
474.main-new-content .url-box input { 
475    position: absolute; 
476    visibility: hidden; 
477    opacity: 0; 
478
479 
480.main-new-content .url-box .btn-box button{ 
481    background: #2356ae; 
482    color: #FFF; 
483    padding: 0.55em 1.6em; 
484    border: 0; 
485    border-radius: 0.5em; 
486
487 
488.main-new-content .url-box .btn-box { 
489  position: relative; 
490  display: inline-block; 
491
492 
493.main-new-content .url-box .btn-box .tooltiptext { 
494  visibility: hidden; 
495    width: 140px; 
496    background-color: #555; 
497    color: #ffffff; 
498    text-align: center; 
499    border-radius: 6px; 
500    padding: 5px; 
501    position: absolute; 
502    z-index: 1; 
503    bottom: 150%; 
504    left: 50%; 
505    margin-left: -75px; 
506    opacity: 0; 
507    transition: opacity 0.3s; 
508
509 
510.main-new-content .url-box .btn-box .tooltiptext::after { 
511  content: ""; 
512  position: absolute; 
513  top: 100%; 
514  left: 50%; 
515  margin-left: -5px; 
516  border-width: 5px; 
517  border-style: solid; 
518  border-color: #555 transparent transparent transparent; 
519
520 
521.main-new-content .url-box .btn-box:hover .tooltiptext { 
522  visibility: visible; 
523  opacity: 1; 
524
525/* url */ 
526 
527 
528.main-new-content .tags { 
529    margin: 1.5em 0 1em 0; 
530
531 
532.main-new-content .tags h4 { 
533    color: #223a70; 
534
535 
536.main-new-content .header { 
537  width: 100%; 
538  display: flex; 
539  flex-direction: column; 
540
541.main-new-content .header .img-header {  
542    position: relative; 
543
544.main-new-content .header .img-header:before { 
545    content: ""; 
546    position: absolute; 
547    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); 
548    border-radius: 10px; 
549    left: 0; 
550    right: 0; 
551    height: 100%; 
552    width: 100%; 
553
554.main-new-content .header .img-header img { 
555  width: 100%; 
556  border-radius: 0.5em; 
557  /*box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);*/ 
558
559.main-new-content .header .date--view { 
560  display: flex; 
561  justify-content: flex-end; 
562  margin-top: 0.5em; 
563  //margin-top: -2.7em; 
564  color: #223A70; 
565
566.main-new-content .header .date--view .date, 
567.main-new-content .header .date--view .view { 
568  font-size: 0.8em; 
569   
570
571.main-new-content .header .date--view .date .main-c { 
572    position: relative; 
573    top: -0.2em; 
574
575.main-new-content .header .tools { 
576  display: flex; 
577  margin-bottom: 0.7em; 
578  justify-content: flex-end; 
579
580.main-new-content .header .tools > div { 
581  cursor: pointer; 
582
583html.ltr .main-new-content .header .tools > div + div { 
584  margin-left: 1.5em; 
585
586html.rtl .main-new-content .header .tools > div + div { 
587  margin-right: 1.5em; 
588
589.main-new-content .header .tools > div:hover::before { 
590  color: #1b51b0; 
591
592.main-new-content .header .tools > div::before { 
593  font-size: 1.3em; 
594  transition: all ease-in-out 0.2s; 
595
596.main-new-content .header .tools .razi-icon-share { 
597  position: relative; 
598  padding-bottom: 0.8em; 
599
600.main-new-content .header .tools .razi-icon-print:before { 
601    color: #223A70; 
602
603.main-new-content .header .tools .razi-icon-share:hover .share-box { 
604  opacity: 1; 
605  visibility: visible; 
606
607.main-new-content .header .tools .razi-icon-share .share-box { 
608  display: flex; 
609  align-items: center; 
610  position: absolute; 
611  right: 0; 
612  top: calc(100%); 
613  border-radius: 0.5em; 
614  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 
615  padding: 0.5em; 
616  z-index: 1; 
617  background: white; 
618  opacity: 0; 
619  visibility: collapse; 
620  transition: all ease-in-out 0.2s; 
621
622html.rtl .main-new-content .header .tools .razi-icon-share .share-box { 
623  right: unset; 
624  left: 0; 
625
626.main-new-content .header .tools .razi-icon-share .share-box a:hover img { 
627  transform: scale(1.1); 
628
629html.ltr .main-new-content .header .tools .razi-icon-share .share-box a + a { 
630  margin-left: 0.7em; 
631
632html.rtl .main-new-content .header .tools .razi-icon-share .share-box a + a { 
633  margin-right: 0.7em; 
634
635.main-new-content .header .tools .razi-icon-share .share-box a img { 
636  transition: all ease-in-out 0.2s; 
637  width: 1.8em; 
638  height: 1.8em; 
639
640.main-new-content .header h3 { 
641  font-size: 1.2em; 
642  margin: 0 0 1.93em 0; 
643  margin-bottom: 0.5em; 
644  color: #223A70; 
645  line-height: 1.8em; 
646
647.main-new-content .header .lead { 
648  font-size: 1.1em; 
649  margin: 1em 0 0 0; 
650  color: #726E6E; 
651  line-height: 1.8em; 
652
653.main-new-content .body p { 
654    margin: 1em 0; 
655    color: #726E6E; 
656    font-size: 1em; 
657    line-height: 2.18em; 
658
659.rtl .main-new-content .body p * { 
660    font-family: 'IRANSansFaNum' !important; 
661
662html.rtl .main-new-content .body .bold-img { 
663    float:left; 
664    margin-right:1.5em; 
665
666html.ltr .main-new-content .body .bold-img { 
667    float:right; 
668    margin-left:1.5em; 
669
670.main-new-content .body .bold-img { 
671  width: 25em; 
672  border-radius: 0.5em; 
673  //border: 2px solid #223a70; 
674
675.main-new-content .body img:not(.bold-img) { 
676  margin: 1em 0; 
677  border-radius: 0.5em; 
678  max-width: 100%; 
679
680.main-new-content .body .parent-video { 
681    text-align:center; 
682
683.main-new-content .body .parent-video video { 
684    max-width:100%; 
685    margin: 1em 0; 
686
687 
688.main-new-content .body .slide-show { 
689    max-width:100%; 
690    margin: 1em 0; 
691
692.main-new-content .body .slide-show .secondary-slider { 
693    margin-top: 0.7em; 
694
695.main-new-content .body .slide-show .secondary-slider .splide__slide  { 
696    border-radius: 0.5em; 
697    border: 2px solid #FFF; 
698
699.main-new-content .body .slide-show .secondary-slider .splide__slide.is-active { 
700    border-color: #1b51b0; 
701
702.main-new-content .body .slide-show .secondary-slider .splide__slide img  { 
703    width:100%; 
704    height:3.75em; 
705    object-fit: cover; 
706
707.main-new-content .body .slide-show .primary-slider .splide__track  { 
708    padding: 2px 0; 
709
710.main-new-content .body .slide-show .primary-slider .splide__track .splide__slide  { 
711    border-radius: 0.5em; 
712    border: 2px solid #1b51b0; 
713
714.main-new-content .body .slide-show .secondary-slider .splide__arrow { 
715    background: transparent; 
716    opacity: 1; 
717
718.main-new-content .body .slide-show .secondary-slider .splide__arrow > span { 
719    font-size: 1.7em; 
720
721 
722@media print { 
723    .footer, 
724    .razi-navbar, 
725    .main-new-content .header .tools, 
726    .dispaly-page-news, 
727    .parent-portlet-page-comments, 
728    .parent-breadcrumb { 
729        display: none !important; 
730
731
732@media only screen and (max-width: 768px) { 
733  .main-new-content { 
734    font-size: 14px; 
735
736  .main-new-content .header { 
737    flex-direction: row; 
738    flex-wrap: wrap; 
739
740  .main-new-content .header > img { 
741    order: 1; 
742    width: 100%; 
743    margin-top: 1.8em; 
744
745  .main-new-content .header > h3 { 
746    order: 4; 
747    margin-top: 0.7em; 
748
749  .main-new-content .header .date--view { 
750    order: 1; 
751    flex-grow: 1; 
752    margin-top: 1.6em; 
753    font-size: 16px; 
754
755  /*html.ltr .main-new-content .header .date--view { 
756    margin-right: 5em; 
757
758  html.rtl .main-new-content .header .date--view { 
759    margin-left: 5em; 
760  }*/ 
761  .main-new-content .header .tools { 
762    order: 2; 
763    margin-top: 1.6em; 
764
765  .main-new-content .header .tools .razi-icon-print { 
766    display: none; 
767
768  .main-new-content .header .lead { 
769    width: 100%; 
770    order: 3; 
771
772
773@media only screen and (max-width: 576px) { 
774  .main-new-content { 
775    font-size: 13px; 
776
777  .main-new-content .header > img { 
778    min-height: 176px; 
779
780  .main-new-content .header .date--view { 
781    font-size: 14px; 
782    /*margin-right: 2em;*/ 
783
784 
785  .main-new-content .body p { 
786    margin: 1em 0; 
787    font-size: 1em; 
788
789  .main-new-content .body img { 
790    width: 100%; 
791
792
793</style>