PageSourceSearch

https://www.ics.org.uk/

html ics.org.uk collected 2026-10-02 15:14:11 UTC 231,767 bytes, 5,128 lines download raw bytes

1
2
3<!DOCTYPE html>
4
5
6
7<html id="MainHtml" lang="en" class="html-main">
8    <head id="ctl01_Head1">
9                    
9<script type="text/javascript">
10                        window.AsiAppInsights = {
11                            connectionstring: 'InstrumentationKey=96392a35-9d5a-4f7c-adcb-1a186bd1a320;IngestionEndpoint=https://eastus-8.in.applicationinsights.azure.com/;LiveEndpoint=https://eastus.livediagnostics.monitor.azure.com/',
12                            tenantID: 'ICS',
13                            correlationID: '4137e378f6bfcc2e22a44a42f0ffe3db',
14                            disableCookiesUsage: true
15                        };
16                    </script>
16<script type="text/javascript" src="/AsiCommon/Scripts/Unbundled/ApplicationInsightsCookieCleanup.min.js?v=1081336175"></script>
16<script type="text/javascript" src="/AsiCommon/Scripts/Unbundled/ApplicationInsights.js?v=-866593060"></script>
16<meta charset="UTF-8" /><title>
17	Home - Institute of Chartered Shipbrokers
18</title>
19
20<link rel="stylesheet" href="/Assets/css/10-UltraWaveResponsive.css?v=639240586720000000"><link rel="preconnect" href="https://fonts.googleapis.com">
21<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
22<link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"><link rel="shortcut icon" href="/images/ics/icons/favicon_www_ics_org_uk_48x48.png" />
23<link rel="apple-touch-icon-precomposed" href="/images/ics/icons/favicon_www_ics_org_uk_48x48.png" />
24<link rel="canonical" href="https://www.ics.org.uk/ICS/Public/Default.aspx" />
25
26
27<script type="text/javascript">
28    //Do not place any JavaScript above this line
29    //<![CDATA[
30    var gDocumentTitle = document.title, gPostBackFormObject = null, gPostBackFormProcessSubmit = true, gWindowOnLoad = [], gWebRoot ='', gWebSiteRoot ='https://www.ics.org.uk', gPageTheme ='ICS25-Austin', gWebsiteKey ='49b72b6c-2c04-4968-8dd9-d67f037f8d37', gHKey ='5298d30d-1cf7-472a-8455-93900259422c',gIsPostBack=false,gDefaultConfirmMessage='Continue without saving changes?',gIsEasyEditEnabled=false,gMasterPage='/templates/masterpages/wst-ics_citiesresponsive.master',gCurrentCultureCode='en-GB';if(gWebsiteKey!=='fbdf17a3-cae7-4943-b1eb-71b9c0dd65d2'&&gWebsiteKey!=='fad2fd17-7e27-4c96-babe-3291ecde4822'){gIsEasyEditEnabled=false; }
31    !function (n) { n.Modernizr = { mq: function () { sessionStorage.getItem("modernizrDeprecated") || (console.warn("Asi: Modernizr has been deprecated."), sessionStorage.setItem("modernizrDeprecated", "true")); return true; } } }(window);
32    //Delegates unload permission to Telerik RadWindow content frames.
33    !function(){function e(){var e=window.Telerik,n=e&&e.Web&&e.Web.UI&&e.Web.UI.RadWindow;if(!n||!n.prototype||n.prototype._asiUnloadPermissionPatched)return!!n;var t=n.prototype._createUI;return"function"!=typeof t?!1:(n.prototype._createUI=function(){var e=t.apply(this,arguments),n=this.get_contentFrame?this.get_contentFrame():this._iframe;return n&&n.setAttribute("allow","unload *"),e},n.prototype._asiUnloadPermissionPatched=!0,!0)}e()||"loading"!==document.readyState||document.addEventListener("DOMContentLoaded",e,!1)}();
34    //]]>
35</script>
35
36<meta name="viewport" content="width=device-width, initial-scale=1.0" />  
37        
37<script type="text/javascript">
38            // Add a class to the <html> tag of browsers that do not support Media Queries
39            var mqSupported = Modernizr.mq('only all');
40            if (!mqSupported) {
41                document.documentElement.className += ' no-mqs';
42            }
43        </script>
43       
44        
45    
46                    
46<script type="text/javascript">
47                        window.AsiAmplitude = {
48                            cleanupKeyPrefix: '0f6f7594dc'
49                        };
50                    </script>
50<script type="text/javascript" src="/AsiCommon/Scripts/Unbundled/AmplitudeCookieCleanup.min.js?v=-2031735941"></script>
50<link href="App_Themes/ICS25-Austin/99-Austin_Responsive.css?v=504911232000000000" type="text/css" rel="stylesheet" /><link href="App_Themes/ICS25-Austin/ZZZ_Styles.css" type="text/css" rel="stylesheet" /><link rel="canonical" href="https://www.ics.org.uk/ICS/Public/Default.aspx" />
50<script src="/AsiCommon/Scripts/Jquery/Jquery.min.js" type="text/javascript" ></script>
50<script src="/AsiCommon/Scripts/Jquery/jquery-migrate.min.js" type="text/javascript" ></script>
50<style type="text/css">@media (max-width: 991px) {
51     .nav-auxiliary .nav-aux-button .NavigationLink {
52         background-color: transparent;
53     }
54
55     .ContactIcon {
56         background: url("/images/ICS/Icons/Contact-Us.svg") no-repeat;
57         height: 40px !important;
58         width: 40px;
59         background-size: cover;
60         text-indent: -999999px;
61         padding: 5px 10px;
62     }
63
64     .nav-auxiliary .ContactIcon .nav-text {
65         background: url("/images/ICS/Icons/Contact-Us.svg") no-repeat center center;
66         height: 40px;
67         width: 40px;
68         background-size: cover;
69         text-indent : -999999px;
70     }
71          .ShopIcon {
72         background: url("/images/ICS/Icons/ShopIcon.svg") no-repeat;
73         height: 40px !important;
74         width: 40px;
75         background-size: cover;
76         text-indent: -999999px;
77         padding: 4px 10px;
78         margin-right: 15px;
79     }
80
81     .nav-auxiliary .ShopIcon .nav-text {
82         background: url("/images/ICS/Icons/ShopIcon.svg") no-repeat center center;
83         height: 40px;
84         width: 40px;
85         background-size: cover;
86         text-indent: -999999px;
87     }
88
89    .nav-auxiliary .nav-aux-button .NavigationLink {margin-left: 0}
90 }
91@media(max-width: 767px){  .Overlay-Container p:first-of-type {
92           display: -webkit-box;
93          -webkit-box-orient: vertical;
94     overflow: hidden;
95     text-overflow: ellipsis;
96     }
97.footer .footer-social {
98    width: 50%;
99}}
100.HideGuide .Navigation-Guide {
101    display: none
102}
103.footer .footer-social {
104    width: 70%;
105}
106.iFinityCardItem {
107    height: auto;
108}
109@media (max-width: 991px) {
110    .ContactIcon{ padding: 4px 10px;}
111.navbar-toggle .icon-search{
112    margin: 0;}}
113#ctl01_TemplateBody_WebPartManager1_gwpciGeneralProductDisplay_ciGeneralProductDisplay_DynamicProductDisplay_CustomerPrice:before {
114    content: '£ ';
115}
116#TxtTransactionGrandTotal:before, #ctl01_TemplateBody_WebPartManager1_gwpciOpenCreditDisplayCommon_ciOpenCreditDisplayCommon_CreditAmountLabel:before {
117    content: '£ ';
118}
119#ctl01_TemplateBody_WebPartManager1_gwpciCartCharges_ciCartCharges__Head h2:after{    content: ': Listed in £ ';}
120
121
122#ctl01_TemplateBody_WebPartManager1_gwpciPaymentDetails_ciPaymentDetails_PaymentAmountDisplay .PanelField.Top.ClearFix.pt-4 {
123    display: flex;
124}
125
126label#ctl01_TemplateBody_WebPartManager1_gwpciPaymentDetails_ciPaymentDetails_lblPaymentAmountLabel:after {    content: '   £';}
127
128#ctl01_TemplateBody_WebPartManager1_gwpciPaymentDetails_ciPaymentDetails_PaymentAmountDisplay .PanelFieldValue {margin-left: .5em}
129
130
131#ctl01_TemplateBody_WebPartManager1_gwpciShoppingCart_ciShoppingCart_ItemGrid_ctl00 th:nth-child(4):after, #ctl01_TemplateBody_WebPartManager1_gwpciShoppingCart_ciShoppingCart_ItemGrid_ctl00 th:nth-child(5):after {
132    content: ' £ ';
133}</style><link href="/Telerik.Web.UI.WebResource.axd?d=PMrIT5dOWaVYIcpFWUE4nPbwgIp0znra0q0oLFqwRDhqB6wwWtWX0dctF94JQFjYJE6Buxd8Pj2Tqf5XViDg9ARceCgGjsittYngEt2cAWeElp16UfknQ9EzNCLQBxVc0&amp;t=638841054637275692&amp;compress=1&amp;_TSM_CombinedScripts_=%3b%3bTelerik.Web.UI%2c+Version%3d2026.3.812.462%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-GB%3aab6aa57e-34e3-4a88-a53e-99567e45582d%3aed2942d4%3ad7e35272%3a505983de%3aaac68f9%3a92753c09%3bTelerik.Web.UI.Skins%2c+Version%3d2026.3.812.462%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-GB%3a7029ea36-5fb5-4cac-9485-47ea571c06ca%3ad19c3573" type="text/css" rel="stylesheet" /><meta property="og:title" content="Home" /><style type="text/css">
134	.ctl01_TemplateBody_ContentPage1_WebPartZone1_Page1_0 { border-color:Black;border-width:1px;border-style:Solid; }
135	.ctl01_TemplateBody_ContentPage2_WebPartZone2_Page1_0 { border-color:Black;border-width:1px;border-style:Solid; }
136	.ctl01_TemplateBody_ContentPage3_WebPartZone3_Page1_0 { border-color:Black;border-width:1px;border-style:Solid; }
137	.ctl01_TemplateBody_ContentPage4_WebPartZone4_Page1_0 { border-color:Black;border-width:1px;border-style:Solid; }
138	.ctl01_TemplateBody_ContentPage5_WebPartZone5_Page1_0 { border-color:Black;border-width:1px;border-style:Solid; }
139	.ctl01_TemplateBody_ContentPage6_WebPartZone6_Page1_0 { border-color:Black;border-width:1px;border-style:Solid; }
140	.ctl01_TemplateBody_ContentPage7_WebPartZone7_Page1_0 { border-color:Black;border-width:1px;border-style:Solid; }
141	.ctl01_TemplateBody_ContentPage8_WebPartZone8_Page1_0 { border-color:Black;border-width:1px;border-style:Solid; }
142	.ctl01_TemplateBody_ContentPage9_WebPartZone9_Page1_0 { border-color:Black;border-width:1px;border-style:Solid; }
143	.ctl01_TemplateBody_ContentPage10_WebPartZone10_Page1_0 { border-color:Black;border-width:1px;border-style:Solid; }
144	.ctl01_TemplateBody_ContentPage11_WebPartZone11_Page1_0 { border-color:Black;border-width:1px;border-style:Solid; }
145	.ctl01_TemplateBody_ContentPage12_WebPartZone12_Page1_0 { border-color:Black;border-width:1px;border-style:Solid; }
146	.ctl01_TemplateBody_ContentPage13_WebPartZone13_Page1_0 { border-color:Black;border-width:1px;border-style:Solid; }
147	.ctl01_TemplateBody_ContentPage14_WebPartZone14_Page1_0 { border-color:Black;border-width:1px;border-style:Solid; }
148
149</style></head>
150    <body id="MainBody" class=" Wrapper-HomePage Wrapper-FullWidth">
151        
152        <a href="#mainContentWrapper" class="screen-reader-text show-on-focus">Skip to main content</a>
153        <form method="post" action="/?" id="aspnetForm" class="form-main" novalidate="">
154<div class="aspNetHidden">
155<input type="hidden" name="__WPPS" id="__WPPS" value="s" />
156<input type="hidden" name="__CTRLKEY" id="__CTRLKEY" value="" />
157<input type="hidden" name="__SHIFTKEY" id="__SHIFTKEY" value="" />
158<input type="hidden" name="ctl01_ScriptManager1_TSM" id="ctl01_ScriptManager1_TSM" value="" />
159<input type="hidden" name="ctl01_StyleSheetManager1_TSSM" id="ctl01_StyleSheetManager1_TSSM" value="" />
160<input type="hidden" name="PageInstanceKey" id="PageInstanceKey" value="da8ddeb5-a9f0-4b7b-b2d5-9032e891fb50" />
161<input type="hidden" name="__RequestVerificationToken" id="__RequestVerificationToken" value="hI2EVI4FjIclUswrAtGm0bolSXsrGlV2QAZn2t8LniyjoAcH80sjWjYJwaXlNqH0Ar_klkZlPfl58OkgaI4CKFRVzCBKGaKBCy-ixZGHCmw1" />
162<input type="hidden" name="TemplateUserMessagesID" id="TemplateUserMessagesID" value="ctl01_TemplateUserMessages_ctl00_Messages" />
163<input type="hidden" name="PageIsDirty" id="PageIsDirty" value="false" />
164<input type="hidden" name="IsControlPostBack" id="IsControlPostBack" value="1" />
165<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
166<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
167<input type="hidden" name="NavMenuClientID" id="NavMenuClientID" value="ctl01_ciPrimaryNavigation_NavControl_NavMenu" />
168<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="xyUT6NuWOPO2UY9umwDHymwcJf5nqOV7psjNlUBirIFOPTWoA1fw6G2qBoCPudLgJzu1+yNt1LiX043XqCanWZ2qgZRHjUP5gPQDDMezjve65FYJ0XzX4Paf7UEVnAv+6tmqZaj0ybtHflwJ92B6srdzPecFc7V/Lkssz4nm0fM1ru1rVn51eM4uRRvxA/wlV9aejblBgbcW9ML0XkWYv9qVjoL7bGIUV7igq+UgYfvZ+Z+x6qWtMbN9/DuQsb3Mjxl98fa8oNSn2B7HSqiDFewZqL7+nI89Uz
1681iiic5gOWCwF864jyyZSBMMA3ZMG51Lsz+mbYnSt55HP3oP2ga/L6UG02Qn8V86RUUyu9ulVWIzfrv4CS/eDgzSAtnRNf9P0TjHTy93rA+5UMXs8AQdPHGbw3QRdeDBEwfjfd8yA0OFGE9HLZLET3aaGwuaCyV10I+w2FFM37D4xI7wstCqSzifhkL1xD1gf8RYaXzFBcN/69ZiUYx/VnqImRtiIkq" />
169</div>
170
171<script type="text/javascript">
172//<![CDATA[
173var theForm = document.forms['aspnetForm'];
174function __doPostBack(eventTarget, eventArgument) {
175    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
176        theForm.__EVENTTARGET.value = eventTarget;
177        theForm.__EVENTARGUMENT.value = eventArgument;
178        theForm.submit();
179    }
180}
181//]]>
182</script>
182
183
184
185<script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZCVHfCtf7xOT_yfw2gKbjpinSJ6s65uTON_64V34jMzaYyUsrO1noIwfFjEG-JbyUQ2&amp;t=639190833332169432" type="text/javascript"></script>
185
186
187
188<script src="/ScriptResource.axd?d=xtDSkLnUefsDkXzy1V9OGbnhA8cMoHmaHmgd7VILlLAjTdy5Hp63EQ22VqDZj82Pa3yV97fSg12yIXlY60qkJYqOaDVsDE64HiM9SvcmUGUdddXntgP2Snpqt1oewJeE7Ck7RW9HK7vgnwb4VSokaA2&amp;t=19d5ce41" type="text/javascript"></script>
vendor: 2 bytes, line 188
188
189<script type="text/javascript">
190//<![CDATA[
191function CopyMoveContentItem_Callback(dialogWindow)
192{
193    if (!dialogWindow.result) return;
194    eval(dialogWindow.Argument.replace('[[RESULT]]',dialogWindow.result));
195}
196var __cultureInfo = {"name":"en-GB","numberFormat":{"CurrencyDecimalDigits":2,"CurrencyDecimalSeparator":".","IsReadOnly":true,"CurrencyGroupSizes":[3],"NumberGroupSizes":[3],"PercentGroupSizes":[3],"CurrencyGroupSeparator":",","CurrencySymbol":"£","NaNSymbol":"NaN","CurrencyNegativePattern":1,"NumberNegativePattern":1,"PercentPositivePattern":1,"PercentNegativePattern":1,"NegativeInfinitySymbol":"-∞","NegativeSign":"-","NumberDecimalDigits":2,"NumberDecimalSeparator":".","NumberGroupSeparator":",","CurrencyPositivePattern":0,"PositiveInfinitySymbol":"∞","PositiveSign":"+","PercentDecimalDigits":2,"PercentDecimalSeparator":".","PercentGroupSeparator":",","PercentSymbol":"%","PerMilleSymbol":"‰","NativeDigits":["0","1","2","3","4","5","6","7","8","9"],"DigitSubstitution":1},"dateTimeFormat":{"AMDesignator":"AM","Calendar":{"MinSupportedDateTime":"\/Date(-62135596800000)\/","MaxSupportedDateTime":"\/Date(253402300799999)\/","AlgorithmType":1,"CalendarType":1,"Eras":[1],"TwoDigitYearMax":2029,"IsReadOnly":true},"DateSeparator":"/","FirstDayOfWeek":1,"CalendarWeekRule":2,"FullDateTimePattern":"dd MMMM yyyy HH:mm:ss","LongDatePattern":"dd MMMM yyyy","LongTimePattern":"HH:mm:ss","MonthDayPattern":"d MMMM","PMDesignator":"PM","RFC1123Pattern":"ddd, dd MMM yyyy HH\u0027:\u0027mm\u0027:\u0027ss \u0027GMT\u0027","ShortDatePattern":"dd/MM/yyyy","ShortTimePattern":"HH:mm","SortableDateTimePattern":"yyyy\u0027-\u0027MM\u0027-\u0027dd\u0027T\u0027HH\u0027:\u0027mm\u0027:\u0027ss","TimeSeparator":":","UniversalSortableDateTimePattern":"yyyy\u0027-\u0027MM\u0027-\u0027dd HH\u0027:\u0027mm\u0027:\u0027ss\u0027Z\u0027","YearMonthPattern":"MMMM yyyy","AbbreviatedDayNames":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"ShortestDayNames":["Su","Mo","Tu","We","Th","Fr","Sa"],"DayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"AbbreviatedMonthNames":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",""],"MonthNames":["January","February","March","April","May","June","July","August","September","October","November","December",""],"IsReadOnly":true,"NativeCalendarName":"Gregorian Calendar","AbbreviatedMonthGenitiveNames":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",""],"MonthGenitiveNames":["January","February","March","April","May","June","July","August","September","October","November","December",""]},"eras":[1,"A.D.",null,0]};//]]>
197</script>
197
198
199<script src="/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl01_ScriptManager1_TSM&amp;compress=1&amp;_TSM_CombinedScripts_=%3b%3bAjaxControlToolkit%3aen-GB%3a0c8c847b-b611-49a7-8e75-2196aa6e72fa%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2026.3.812.462%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-GB%3aab6aa57e-34e3-4a88-a53e-99567e45582d%3a16e4e7cd%3a33715776%3af7645509%3a24ee1bba%3ae330518b%3a2003d0b8%3ac128760b%3a1e771326%3a88144a7a%3ac8618e41%3a1a73651d%3a333f8d94%3af46195d3%3ae524c98b%3aed16cbdc%3a19620875%3a874f8ea2%3ab2e06756%3a92fe8ea0%3afa31b949%3a4877f69a%3a490a9d4e%3abd8f85e4" type="text/javascript"></script>
vendor: 2 bytes, line 199
199
200<script src="/AsiCommon/Scripts/Asi.js?v=816475033" type="text/javascript"></script>
vendor: 2 bytes, line 200
200
201<script type="text/javascript">
202//<![CDATA[
203var PageMethods = function() {
204PageMethods.initializeBase(this);
205this._timeout = 0;
206this._userContext = null;
207this._succeeded = null;
208this._failed = null;
209}
210PageMethods.prototype = {
211_get_path:function() {
212 var p = this.get_path();
213 if (p) return p;
214 else return PageMethods._staticInstance.get_path();},
215GetActionLink:function(action,templateType,docType,hierarchyKey,documentVersionKey,folderHierarchyKey,itemCount,closeWindowOnCommit,websiteKey,pageInstanceKey,succeededCallback, failedCallback, userContext) {
216return this._invoke(this._get_path(), 'GetActionLink',false,{action:action,templateType:templateType,docType:docType,hierarchyKey:hierarchyKey,documentVersionKey:documentVersionKey,folderHierarchyKey:folderHierarchyKey,itemCount:itemCount,closeWindowOnCommit:closeWindowOnCommit,websiteKey:websiteKey,pageInstanceKey:pageInstanceKey},succeededCallback,failedCallback,userContext); },
217GetWindowProperties:function(action,templateType,docType,hierarchyKey,documentVersionKey,folderHierarchyKey,itemCount,closeWindowOnCommit,websiteKey,pageInstanceKey,succeededCallback, failedCallback, userContext) {
218return this._invoke(this._get_path(), 'GetWindowProperties',false,{action:action,templateType:templateType,docType:docType,hierarchyKey:hierarchyKey,documentVersionKey:documentVersionKey,folderHierarchyKey:folderHierarchyKey,itemCount:itemCount,closeWindowOnCommit:closeWindowOnCommit,websiteKey:websiteKey,pageInstanceKey:pageInstanceKey},succeededCallback,failedCallback,userContext); },
219GetAddressCompletionList:function(prefixText,succeededCallback, failedCallback, userContext) {
220return this._invoke(this._get_path(), 'GetAddressCompletionList',false,{prefixText:prefixText},succeededCallback,failedCallback,userContext); },
221CheckForPasteConflict:function(selectedKeys,targetHierarchyKey,succeededCallback, failedCallback, userContext) {
222return this._invoke(this._get_path(), 'CheckForPasteConflict',false,{selectedKeys:selectedKeys,targetHierarchyKey:targetHierarchyKey},succeededCallback,failedCallback,userContext); }}
223PageMethods.registerClass('PageMethods',Sys.Net.WebServiceProxy);
224PageMethods._staticInstance = new PageMethods();
225PageMethods.set_path = function(value) { PageMethods._staticInstance.set_path(value); }
226PageMethods.get_path = function() { return PageMethods._staticInstance.get_path(); }
227PageMethods.set_timeout = function(value) { PageMethods._staticInstance.set_timeout(value); }
228PageMethods.get_timeout = function() { return PageMethods._staticInstance.get_timeout(); }
229PageMethods.set_defaultUserContext = function(value) { PageMethods._staticInstance.set_defaultUserContext(value); }
230PageMethods.get_defaultUserContext = function() { return PageMethods._staticInstance.get_defaultUserContext(); }
231PageMethods.set_defaultSucceededCallback = function(value) { PageMethods._staticInstance.set_defaultSucceededCallback(value); }
232PageMethods.get_defaultSucceededCallback = function() { return PageMethods._staticInstance.get_defaultSucceededCallback(); }
233PageMethods.set_defaultFailedCallback = function(value) { PageMethods._staticInstance.set_defaultFailedCallback(value); }
234PageMethods.get_defaultFailedCallback = function() { return PageMethods._staticInstance.get_defaultFailedCallback(); }
235PageMethods.set_enableJsonp = function(value) { PageMethods._staticInstance.set_enableJsonp(value); }
236PageMethods.get_enableJsonp = function() { return PageMethods._staticInstance.get_enableJsonp(); }
237PageMethods.set_jsonpCallbackParameter = function(value) { PageMethods._staticInstance.set_jsonpCallbackParameter(value); }
238PageMethods.get_jsonpCallbackParameter = function() { return PageMethods._staticInstance.get_jsonpCallbackParameter(); }
239PageMethods.set_path("Default.aspx");
240PageMethods.GetActionLink= function(action,templateType,docType,hierarchyKey,documentVersionKey,folderHierarchyKey,itemCount,closeWindowOnCommit,websiteKey,pageInstanceKey,onSuccess,onFailed,userContext) {PageMethods._staticInstance.GetActionLink(action,templateType,docType,hierarchyKey,documentVersionKey,folderHierarchyKey,itemCount,closeWindowOnCommit,websiteKey,pageInstanceKey,onSuccess,onFailed,userContext); }
241PageMethods.GetWindowProperties= function(action,templateType,docType,hierarchyKey,documentVersionKey,folderHierarchyKey,itemCount,closeWindowOnCommit,websiteKey,pageInstanceKey,onSuccess,onFailed,userContext) {PageMethods._staticInstance.GetW
241indowProperties(action,templateType,docType,hierarchyKey,documentVersionKey,folderHierarchyKey,itemCount,closeWindowOnCommit,websiteKey,pageInstanceKey,onSuccess,onFailed,userContext); }
242PageMethods.GetAddressCompletionList= function(prefixText,onSuccess,onFailed,userContext) {PageMethods._staticInstance.GetAddressCompletionList(prefixText,onSuccess,onFailed,userContext); }
243PageMethods.CheckForPasteConflict= function(selectedKeys,targetHierarchyKey,onSuccess,onFailed,userContext) {PageMethods._staticInstance.CheckForPasteConflict(selectedKeys,targetHierarchyKey,onSuccess,onFailed,userContext); }
244var gtc = Sys.Net.WebServiceProxy._generateTypedConstructor;
245Type.registerNamespace('Asi.Web.UI.Common.BSA');
246if (typeof(Asi.Web.UI.Common.BSA.WindowProperties) === 'undefined') {
247Asi.Web.UI.Common.BSA.WindowProperties=gtc("Asi.Web.UI.Common.BSA.WindowProperties");
248Asi.Web.UI.Common.BSA.WindowProperties.registerClass('Asi.Web.UI.Common.BSA.WindowProperties');
249}
250Type.registerNamespace('Asi.Web.UI');
251if (typeof(Asi.Web.UI.PageOperation) === 'undefined') {
252Asi.Web.UI.PageOperation = function() { throw Error.invalidOperation(); }
253Asi.Web.UI.PageOperation.prototype = {None: 0,Edit: 1,New: 2,Execute: 3,Select: 4,SelectAndReturnValue: 5,Delete: 6,Purge: 7,Import: 8,Export: 9,Publish: 10,Versions: 11,Refresh: 12,Cut: 13,Copy: 14,Paste: 15,Undo: 16,SelectAll: 17,Search: 18,Preview: 19,Submit: 20,RequestDelete: 21,PurgeAll: 22,Download: 23}
254Asi.Web.UI.PageOperation.registerEnum('Asi.Web.UI.PageOperation', true);
255}
256if (typeof(Asi.Web.UI.TemplateType) === 'undefined') {
257Asi.Web.UI.TemplateType = function() { throw Error.invalidOperation(); }
258Asi.Web.UI.TemplateType.prototype = {I: 0,D: 1,P: 2,E: 3,T: 4,F: 5,A: 6}
259Asi.Web.UI.TemplateType.registerEnum('Asi.Web.UI.TemplateType', true);
260}
261//]]>
262</script>
262
263<object hidden type='application/json'><param name='__ClientContext' id='__ClientContext' value='{"baseUrl":"/","isAnonymous":true,"tenantId":"ICS","licenseClientId":"542787","loggedInPartyId":"1","selectedPartyId":"1","correlationId":"4137e378f6bfcc2e22a44a42f0ffe3db","websiteRoot":"https://www.ics.org.uk/","virtualDir":"","appTimeZoneOffset":3600000.0,"cookieConsent":0}'></object>
264            <input type="hidden" name="ctl01$lastClickedElementId" id="lastClickedElementId" />
265            
265<script type="text/javascript">
266//<![CDATA[
267Sys.WebForms.PageRequestManager._initialize('ctl01$ScriptManager1', 'aspnetForm', ['tctl01$UserMessagesUpdatePanel','','tctl01$TemplateBody$PublishUpdatePanel','','tctl01$RadAjaxManager1SU',''], ['ctl01$ScriptManager1',''], [], 3600, 'ctl01');
268//]]>
269</script>
269
270<input type="hidden" name="ctl01$ScriptManager1" id="ctl01_ScriptManager1" />
271<script type="text/javascript">
272//<![CDATA[
273Sys.Application.setServerId("ctl01_ScriptManager1", "ctl01$ScriptManager1");
274Sys.Application._enableHistoryInScriptManager();
275//]]>
276</script>
276
277
278            
278<script type="text/javascript">
279                
280            </script>
280                                 
281            <div id="ctl01_masterWrapper" class="wrapper">
282	<header id="hd" class="header ClearFix navbar" data-height-offset="true">
283		<div class="header-top-container">
284			<div class="header-container">
285				<div id="masterLogoArea" class="header-logo-container d-flex justify-content-start" data-label="Logo">
286									<div ID="WTZone1_Page1" class="WTZone ">
287				<div id="ste_container_ciLogoContent" class="ContentItemContainer">
288<div id="ste_container_HeaderLogoSpan" class="ContentItemContainer"><a href="https://www.ics.org.uk/" alt-"ics="" home="" link"="" title="Home"><img src="/images/ICS/ICS2023logo.svg?version=B68FF2A6" alt="" style="max-width: 250px;"></a></div><div class="ContentRecordPageButtonPanel">
289
290</div> 	
291
292</div>
293					</div>
294
295				</div>
296				<div class="navbar-header nav-auxiliary d-flex justify-content-end" id="auxiliary-container" data-label="Utility">
297									<div ID="WTZone2_Page1" class="WTZone ">
298				<div id="ste_container_ciUtilityNavigation" class="ContentItemContainer"><div id="ctl01_ciUtilityNavigation_UtilityPlaceholder" class="UtilityNavigation nav-auxiliary" role="navigation">
299	<div class="UtilitySection UtilityAuthentication">
300		<a class="UtilitySection UtilityAuthenticationLink  sign-in-link" href="javascript:__doPostBack(&#39;ctl01$ciUtilityNavigation$ctl01$ctl02&#39;,&#39;&#39;)">Sign in</a>
301	</div><div class="UtilitySection UtilityNavigationList">
302		<ul class='NavigationUnorderedList'><li id="ctl01_ciUtilityNavigation_ctl03__rptWrapper__rptWrapper_rpt_ctl01_NavigationListItem" class="NavigationListItem nav-aux-button nav-aux-account"><a id="ctl01_ciUtilityNavigation_ctl03__rptWrapper__rptWrapper_rpt_ctl01_NavigationLink" class="NavigationLink" onClick="MenuLI_OnClick(&#39;/ICS/iCore/Contacts/CreateAccount.aspx?hkey=0084f665-9a3d-41c3-b737-b8c47cf92c9b&#39;)" href="/ICS/iCore/Contacts/CreateAccount.aspx?hkey=0084f665-9a3d-41c3-b737-b8c47cf92c9b"><span class="nav-text" translate="yes">Create account</span></a></li><li id="ctl01_ciUtilityNavigation_ctl03__rptWrapper__rptWrapper_rpt_ctl02_NavigationListItem" class="NavigationListItem nav-aux-button nav-aux-cart"><a id="ctl01_ciUtilityNavigation_ctl03__rptWrapper__rptWrapper_rpt_ctl02_NavigationLink" class="NavigationLink" onClick="MenuLI_OnClick(&#39;/ICS/Public/Store/Cart_Home.aspx?hkey=211f3a54-dc3a-4eb3-ac50-24a66eb39631&#39;)" href="/ICS/Public/Store/Cart_Home.aspx?hkey=211f3a54-dc3a-4eb3-ac50-24a66eb39631"><span class="nav-text" translate="yes">Cart </span><span><span data-cartlink='y' class="cartEmpty"><span class="cartSprite"></span></span></span></a></li><li id="ctl01_ciUtilityNavigation_ctl03__rptWrapper__rptWrapper_rpt_ctl03_NavigationListItem" class="NavigationListItem ShopIcon"><a id="ctl01_ciUtilityNavigation_ctl03__rptWrapper__rptWrapper_rpt_ctl03_NavigationLink" class="NavigationLink" onClick="MenuLI_OnClick(&#39;/ICS/Public/Store/Store_2.aspx?hkey=3c4cbc85-5d03-42fe-b674-97598d85a683&#39;)" href="/ICS/Public/Store/Store_2.aspx?hkey=3c4cbc85-5d03-42fe-b674-97598d85a683"><span class="nav-text" translate="yes">Shop</span></a></li><li id="ctl01_ciUtilityNavigation_ctl03__rptWrapper__rptWrapper_rpt_ctl04_NavigationListItem" class="NavigationListItem ContactIcon"><a id="ctl01_ciUtilityNavigation_ctl03__rptWrapper__rptWrapper_rpt_ctl04_NavigationLink" class="NavigationLink" onClick="MenuLI_OnClick(&#39;/ICS/Public/contact-us.aspx?hkey=da236a7a-fe70-45c2-8091-993e1f8efa70&#39;)" href="/ICS/Public/contact-us.aspx?hkey=da236a7a-fe70-45c2-8091-993e1f8efa70"><span class="nav-text" translate="yes">Contact us</span></a></li></ul>
303	</div><div class="UtilitySection UtilityNavigationToggle">
304		<button onclick="return false;" class="navbar-toggle collapsed searchbar-toggle" data-toggle="collapse" data-target=".searchbar-collapse" data-parent=".navbar"><span class="sr-only" translate="yes">Toggle search</span>
305<span class="icon-search"></span>
306</button>
307	</div><div class="UtilitySection UtilitySearch">
308		<div class="search-container-sm" data-set="searchbar">
309			<div class="header-search">
310				<div id="SimpleSearchBlock" role="search" class="SimpleSearchBlock"><label for="ctl01_ciUtilityNavigation_ctl09_SearchTerms" id="ctl01_ciUtilityNavigation_ctl09_Prompt" class="screen-reader-text" translate="yes">Keyword search</label><input name="ctl01$ciUtilityNavigation$ctl09$SearchTerms" type="text" value="Keyword search" id="ctl01_ciUtilityNavigation_ctl09_SearchTerms" class="search-field Watermarked" onfocus="SimpleSearchField_OnFocus(&#39;ctl01_ciUtilityNavigation_ctl09_SearchTerms&#39;, ctl01_ciUtilityNavigation_ctl09_SearchTermsProperties);
310" onblur="SimpleSearchField_OnBlur(&#39;ctl01_ciUtilityNavigation_ctl09_SearchTerms&#39;, ctl01_ciUtilityNavigation_ctl09_SearchTermsProperties);" onkeypress="return clickButton(event,&#39;ctl01_ciUtilityNavigation_ctl09_GoSearch&#39;);" translate="yes" /><input type="button" name="ctl01$ciUtilityNavigation$ctl09$GoSearch" value="Go" onclick="SimpleSearchField_ExecuteSearch(&#39;ctl01_ciUtilityNavigation_ctl09_SearchTerms&#39;, ctl01_ciUtilityNavigation_ctl09_SearchTermsProperties); return cancelEvent();__doPostBack(&#39;ctl01$ciUtilityNavigation$ctl09$GoSearch&#39;,&#39;&#39;)" id="ctl01_ciUtilityNavigation_ctl09_GoSearch" class="TextButton" /></div>
311			</div>
312		</div>
313	</div><div class="UtilitySection UtilitySTEToggle ste-section">
314
315	</div><div class="UtilitySection UtilityNavigationToggle">
316		<button onclick="return false;" class="navbar-toggle collapsed menu-toggle" data-toggle="collapse" data-target=".navbar-collapse" data-parent=".navbar"><span class="sr-only" translate="yes">Toggle navigation</span>
317<span class="icon-bar"></span>
318<span class="icon-bar"></span>
319<span class="icon-bar"></span>
320</button>
321	</div><div id="ctl01_ciUtilityNavigation_search-collapse" class="searchbar-collapse collapse" style="height:auto;">
322		<div class="search-container" data-set="searchbar">
323			<div class="header-search">
324				<div id="ResponsiveSimpleSearchBlock" role="search" class="SimpleSearchBlock"><label for="ctl01_ciUtilityNavigation_ctl17_SearchTerms" id="ctl01_ciUtilityNavigation_ctl17_Prompt" class="screen-reader-text" translate="yes">Keyword search</label><input name="ctl01$ciUtilityNavigation$ctl17$SearchTerms" type="text" value="Keyword search" id="ctl01_ciUtilityNavigation_ctl17_SearchTerms" class="search-field Watermarked" onfocus="SimpleSearchField_OnFocus(&#39;ctl01_ciUtilityNavigation_ctl17_SearchTerms&#39;, ctl01_ciUtilityNavigation_ctl17_SearchTermsProperties);" onblur="SimpleSearchField_OnBlur(&#39;ctl01_ciUtilityNavigation_ctl17_SearchTerms&#39;, ctl01_ciUtilityNavigation_ctl17_SearchTermsProperties);" onkeypress="return clickButton(event,&#39;ctl01_ciUtilityNavigation_ctl17_GoSearch&#39;);" translate="yes" /><input type="button" name="ctl01$ciUtilityNavigation$ctl17$GoSearch" value="Go" onclick="SimpleSearchField_ExecuteSearch(&#39;ctl01_ciUtilityNavigation_ctl17_SearchTerms&#39;, ctl01_ciUtilityNavigation_ctl17_SearchTermsProperties); return cancelEvent();__doPostBack(&#39;ctl01$ciUtilityNavigation$ctl17$GoSearch&#39;,&#39;&#39;)" id="ctl01_ciUtilityNavigation_ctl17_GoSearch" class="TextButton" /></div>
325			</div>
326		</div>
327	</div>
328</div>
329
330
331<script type="text/javascript">
332    //<![CDATA[
333    // adapted from bs.collapse - if the search bar is open when opening the menu, close it (and vise versa)
334    function UtilityAreaAction(utilityControl, hideArea) {
335        jQuery(utilityControl).on('show.bs.collapse', function() {
336            var actives = jQuery(hideArea).find('> .in');
337            if (actives && actives.length) {
338                var hasData = actives.data('bs.collapse');
339                if (hasData && hasData.transitioning) return;
340                actives.collapse('hide');
341                hasData || actives.data('bs.collapse', null);
342            }
343        });
344    }
345    jQuery(document).ready(function () {
346        UtilityAreaAction('.navbar-collapse', '.nav-auxiliary');
347        UtilityAreaAction('.searchbar-collapse', '.primary-navigation-area');
348    });
349    //]]>              
350</script>
350
351     </div>
352				<div id="ste_container_ciNewUtilityNavigationCommon" class="ContentItemContainer"><div id="ctl01_ciNewUtilityNavigationCommon_UtilityPlaceholder" class="UtilityNavigation nav-auxiliary">
353	<div class="UtilitySection OnBehalfOf">
354
355	</div>
356</div>
357
358     </div>
359					</div>
360
361				</div>
362			</div>
363		</div>
364		<div class="header-bottom-container">
365			<div class="header-container">
366				<div data-label="Primary" class="clear-right">
367									<div ID="WTZone3_Page1" class="WTZone ">
368				<div id="ste_container_ciPrimaryNavigation" class="ContentItemContainer">
369<div id="ctl01_ciPrimaryNavigation_PrimaryNavigationArea" class="primary-navigation-area">
370    <div id="ctl01_ciPrimaryNavigation_PrimaryNavigationControl" class="collapse navbar-collapse nav-primary">
371        <nav id="ctl01_ciPrimaryNavigation_NavControl_NavWrapper" aria-label="primary">
372    <div tabindex="0" id="ctl01_ciPrimaryNavigation_NavControl_NavMenu" class="RadMenu RadMenu_Austin  MainMenu MegaDropDownMenuOuter" Translate="Yes" PerspectiveId="2592539d-8dc5-4a50-a258-2cb07570cb4a" Version="237873D6" NavigationArea="1" MaxDataBindDepth="3" style="z-index:2999;">
373	<!-- 2026.3.812.462 --><input class="rmRootGroup rmToggleHandles rmHorizontal" id="ctl01_ciPrimaryNavigation_NavControl_NavMenu_ClientState" name="ctl01_ciPrimaryNavigation_NavControl_NavMenu_ClientState" type="hidden" />
374</div> 
375</nav>
376    </div>
377</div></div>
378					</div>
379
380				</div>
381			</div>
382		</div>
383	</header>
384	<div id="HomePageContent" class="HomePageFullWidthArea" data-label="Home Content">
385						<div ID="WTZone4_Page1" class="WTZone ">
386				<div id="ste_container_ciFullWidthContent" class="ContentItemContainer">
387<div class="ContentRecordPageButtonPanel">
388
389</div> 	
390
391</div>
392					</div>
393
394	</div>
395	<div id="masterContentArea" class="container">
396		<div role="main" class="body-container" id="ContentPanel">
397			<div data-label="On Behalf Of" class="d-flex justify-content-end">
398								<div ID="WTZone5_Page1" class="WTZone ">
399					</div>
400
401			</div>
402			<div class="col-primary" data-label="Main Content">
403								<div ID="WTZone6_Page1" class="WTZone ">
404		<div id="mainContentWrapper" class="ContentPanel">
405			<div id="masterMainBreadcrumb" data-height-offset="true" ></div>
406			<div id="ctl01_UserMessagesUpdatePanel">
407						
408				
409</div>
410			
411<script type="text/javascript">
412
413</script>
413
414	<div id="ctl01_TemplateBody_PublishUpdatePanel">
415
416</div><div id="ctl01_TemplateBody_WebPartManager1___Drag" style="display:none;position:absolute;z-index:32000;filter:alpha(opacity=75);">
417
418</div>
419<div>
420	<div id="banner" class="Overlay-Container">
421		<div class="col-sm-12" data-label="Banner">
422						<div class="ContentItemContainer">
423				<div id="WebPartZone1_Page1" class="WebPartZone ">
424
425			<div class="iMIS-WebPart">
426				<div id="ste_container_ciHomeBanner" class="ContentItemContainer"><div class="panel ">
427	<div id="ctl01_TemplateBody_WebPartManager1_gwpciHomeBanner_ciHomeBanner__Head" class="panel-heading">
428
429	</div><div id="ctl01_TemplateBody_WebPartManager1_gwpciHomeBanner_ciHomeBanner__BodyContainer" class="panel-body-container">
430		<div id="ctl01_TemplateBody_WebPartManager1_gwpciHomeBanner_ciHomeBanner__Body" class="panel-body">
431			<div id="ctl01_TemplateBody_WebPartManager1_gwpciHomeBanner_ciHomeBanner_Carousel" class="carousel slide" data-ride="carousel" translate="yes" data-interval="8000">    
432    <!-- Indicators -->    
433    <ol class="carousel-indicators"><li data-target="#ctl01_TemplateBody_WebPartManager1_gwpciHomeBanner_ciHomeBanner_Carousel" data-slide-to="0" class="active"></li><li data-target="#ctl01_TemplateBody_WebPartManager1_gwpciHomeBanner_ciHomeBanner_Carousel" data-slide-to="1"></li></ol>
434    <!-- Slides -->
435    <div class="carousel-inner bg-img" tabindex="0">
436        <div class="item active" style="height:600px;background-image:url(/images/ics/homepage%20headers/banner1.jpg?version=1EFBAB91);">
437				<a class="carousel-link" href="/ICS/about-us"><div class="carousel-caption"><h1>Welcome to the Institute of Chartered Shipbrokers</h1>�<p>Founded in 1911 and a Royal Charter organisation by 1920, we are the only internationally recognised, professional body for all members and students of the commercial shipping industry. As a global membership organisation, we represent Shipbrokers, Managers, Agents and all other on-shore roles alike across 27 international Branches with 4,000 members worldwide.</p>�<div class="btn PrimaryButton MediumButton Arrow" tabindex="-1">About us</div></div></a>
438			</div><div class="item" style="height:600px;background-image:url(/images/ics/banners/internalbannerslarge_1900x480/large-container-ship-sailing-in-water.jpg?version=2BF87B3D);">
439				<div class="carousel-caption"><h1>Get started on your Membership journey</h1>�<p>Discover our membership grades, benefits and how to start your pathway to demonstrating your professional competence.</p>�<p><a href="/ICS/membership" class="btn PrimaryButton Arrow">Learn more</a></p></div>
440			</div>    
441    </div>
442    <!-- Controls -->
443    <div id="ctl01_TemplateBody_WebPartManager1_gwpciHomeBanner_ciHomeBanner_SlideshowControls">
444				
445        <a class="left carousel-control" href="#ctl01_TemplateBody_WebPartManager1_gwpciHomeBanner_ciHomeBanner_Carousel" role="button" data-slide="prev">
446            <span class="icon-prev" aria-hidden="true"></span>
447            <span class="sr-only">Previous</span>
448        </a>
449        <a class="right carousel-control" href="#ctl01_TemplateBody_WebPartManager1_gwpciHomeBanner_ciHomeBanner_Carousel" role="button" data-slide="next">
450            <span class="icon-next" aria-hidden="true"></span>
451            <span class="sr-only">Next</span>
452        </a>
453    
454			</div>
455</div>
456
457<script type="text/javascript">
458
459    var carouselSlider = document.querySelectorAll(".carousel-inner");
460
461    for (i = 0; i < carouselSlider.length; i++) {
462        carouselSlider[i].addEventListener('keyup', function followLink(e) {
463            if (e.key === 'Enter' || e.keyCode === 13) {
464                this.querySelector(".item.active a").click();
465            }
466        });
467    }
468
469</script>
469
470		</div>
471	</div>
472</div></div>
473			</div>
474				<div class="iMIS-WebPart">
475					<div id="ste_container_cihomeQualifications_8de517abeacf494b8d1ed2b6d232cf07" class="ContentItemContainer"><div class="Center sub-text container-inner"><div id="ctl01_TemplateBody_WebPartManager1_gwpcihomeQualifications_8de517abeacf494b8d1ed2b6d232cf07_cihomeQualifications_8de517abeacf494b8d1ed2b6d232cf07_Panel_homeQualifications">
476	<h2>What is your goal?</h2>
477<p>Whether you're new to the shipping industry or an experienced maritime professional, we have many ways we can help you to advance your career in the maritime industry. We provide the gold standard for maritime education through our highly respected diplomas, while our Professional Qualifying Examinations (PQE) offers the definitive pathway to achieving <strong data-path-to-node="3,0" data-index-in-node="354">MICS</strong> status. As a global membership organisation, our ultimate goal is to welcome you into a community that unlocks benefits which will help you thrive in your career —including international professional recognition, exclusive industry insights, and access to a powerful global network of maritime professionals.</p>
478</div></div></div>
479				</div>
480				</div>
481			
482			<div id="ctl01_TemplateBody_ContentPage1_downloadContainer" style="display:none;">
483				<input type="hidden" name="ctl01$TemplateBody$ContentPage1$HiddenDownloadPathField" id="ctl01_TemplateBody_ContentPage1_HiddenDownloadPathField" /><input type="submit" name="ctl01$TemplateBody$ContentPage1$downloadButton" value="Download Path" id="ctl01_TemplateBody_ContentPage1_downloadButton" style="display:none" />
484			</div></div>
485
486		</div>
487	</div>
488	<div class="background-grey">
489		<div class="container-inner">
490			<div class="row">
491				<div class="col-sm-12" data-label=" Grey Background">
492					<div class="row iFinityCard Three-per-row BottomPad">
493						<div class="cardBody">
494							<div class="iFinityCardItem" data-label="CTA 1">
495											<div class="ContentItemContainer">
496				<div id="WebPartZone2_Page1" class="WebPartZone ">
497
498			<div class="iMIS-WebPart">
499				<div id="ste_container_ciCTA1IMG_b9a24f0513a04a7595343e0a4a480d55" class="ContentItemContainer"><div class="iFinityCardImage"><div id="ctl01_TemplateBody_WebPartManager1_gwpciCTA1IMG_b9a24f0513a04a7595343e0a4a480d55_ciCTA1IMG_b9a24f0513a04a7595343e0a4a480d55_Panel_CTA1IMG">
500	<img loadin="lazy" title="I want to Increase My Maritime Knowledge" src="/images/ICS/Cards/FoundationDiploma.png?version=F7A6BE75" alt="" style="">
501</div></div></div>
502			</div>
503				<div class="iMIS-WebPart">
504					<div id="ste_container_ciCTA1DES_df502cdf36f2447b9397f154fe219be9" class="ContentItemContainer"><div class="iFinityCardDescription"><div id="ctl01_TemplateBody_WebPartManager1_gwpciCTA1DES_df502cdf36f2447b9397f154fe219be9_ciCTA1DES_df502cdf36f2447b9397f154fe219be9_Panel_CTA1DES">
505	<div class="iFinityCardTitle">
506<h3><a id="ctl01_TemplateBody_WebPartManager1_gwpciHomeCards_ciHomeCards_TaggedListRepeater_ctl00_ctl00_BusinessHyperLink1" href="../Public/Education_Home.aspx">&nbsp;</a>To Increase My Maritime Knowledge</h3>
507</div>
508<div class="iFinityCardDetail">
509<p>Perfect for those looking to master the complexities of the shipping industry. Explore our range of subjects and start building your foundation in maritime or sharpening your expertise today.</p>
510</div>
511<div class="iFinityCardButton">
512<a id="ctl01_TemplateBody_WebPartManager1_gwpciHomeCards_ciHomeCards_TaggedListRepeater_ctl00_ctl00_asiweb_BusinessHyperLink2" class="btn PrimryButtton MediumButton" href="/ICS/Our-subjects">Review our subjects</a>
513</div>
514</div></div></div>
515				</div>
516				</div>
517			
518			<div id="ctl01_TemplateBody_ContentPage2_downloadContainer" style="display:none;">
519				<input type="hidden" name="ctl01$TemplateBody$ContentPage2$HiddenDownloadPathField" id="ctl01_TemplateBody_ContentPage2_HiddenDownloadPathField" /><input type="submit" name="ctl01$TemplateBody$ContentPage2$downloadButton" value="Download Path" id="ctl01_TemplateBody_ContentPage2_downloadButton" style="display:none" />
520			</div></div>
521
522							</div>
523							<div class="iFinityCardItem" data-label="CTA 2">
524											<div class="ContentItemContainer">
525				<div id="WebPartZone3_Page1" class="WebPartZone ">
526
527			<div class="iMIS-WebPart">
528				<div id="ste_container_ciCTA2IMG_604b75fa0fee489194af7b7484aa1583" class="ContentItemContainer"><div class="iFinityCardImage"><div id="ctl01_TemplateBody_WebPartManager1_gwpciCTA2IMG_604b75fa0fee489194af7b7484aa1583_ciCTA2IMG_604b75fa0fee489194af7b7484aa1583_Panel_CTA2IMG">
529	<img src="/images/ICS/Education/MidThumbnails_1320x600/diploma-red-ribbon.jpg?version=5FB70E8C" class="contentTaggedListResponsiveThumbnail" style="">
530</div></div></div>
531			</div>
532				<div class="iMIS-WebPart">
533					<div id="ste_container_ciCTA2Des_f7d876cff11d4a808c2a0d8a97637448" class="ContentItemContainer"><div class="iFinityCardDescription"><div id="ctl01_TemplateBody_WebPartManager1_gwpciCTA2Des_f7d876cff11d4a808c2a0d8a97637448_ciCTA2Des_f7d876cff11d4a808c2a0d8a97637448_Panel_CTA2Des">
534	<div class="iFinityCardTitle">
535<h3>To get qualified as a Maritime Professional</h3>
536</div>
537<div class="iFinityCardDetail">
538<p>Build your expertise with our Foundation and Advanced Diplomas, or take the Professional Qualifying Examinations (PQE), the pathway to earning your <strong data-path-to-node="4,1,0" data-index-in-node="229">MICS</strong> designation and unlocking the full benefits of ICS membership.</p>
539</div>
540<div class="iFinityCardButton">
541<a id="ctl01_TemplateBody_WebPartManager1_gwpciHomeCards_ciHomeCards_TaggedListRepeater_ctl00_ctl00_asiweb_BusinessHyperLink2" class="btn PrimryButtton MediumButton" href="/ICS/Our-qualifications">Discover our qualifications</a>
542</div>
543</div></div></div>
544				</div>
545				</div>
546			
547			<div id="ctl01_TemplateBody_ContentPage3_downloadContainer" style="display:none;">
548				<input type="hidden" name="ctl01$TemplateBody$ContentPage3$HiddenDownloadPathField" id="ctl01_TemplateBody_ContentPage3_HiddenDownloadPathField" /><input type="submit" name="ctl01$TemplateBody$ContentPage3$downloadButton" value="Download Path" id="ctl01_TemplateBody_ContentPage3_downloadButton" style="display:none" />
549			</div></div>
550
551							</div>
552							<div class="iFinityCardItem" data-label="CTA 3">
553											<div class="ContentItemContainer">
554				<div id="WebPartZone4_Page1" class="WebPartZone ">
555
556			<div class="iMIS-WebPart">
557				<div id="ste_container_ciCTA3IMG_e921184475a343e08929255a176d1ba7" class="ContentItemContainer"><div class="iFinityCardImage"><div id="ctl01_TemplateBody_WebPartManager1_gwpciCTA3IMG_e921184475a343e08929255a176d1ba7_ciCTA3IMG_e921184475a343e08929255a176d1ba7_Panel_CTA3IMG">
558	<img src="/images/ICS/Home/HoldingImage%20(1).jpg" class="contentTaggedListResponsiveThumbnail" alt="" style="">
559</div></div></div>
560			</div>
561				<div class="iMIS-WebPart">
562					<div id="ste_container_ciCTA3Des_86b4fc31a9bb413e9349c4854e85ed0c" class="ContentItemContainer"><div class="iFinityCardDescription"><div id="ctl01_TemplateBody_WebPartManager1_gwpciCTA3Des_86b4fc31a9bb413e9349c4854e85ed0c_ciCTA3Des_86b4fc31a9bb413e9349c4854e85ed0c_Panel_CTA3Des">
563	<div class="iFinityCardTitle">
564<h3><a id="ctl01_TemplateBody_WebPartManager1_gwpciHomeCards_ciHomeCards_TaggedListRepeater_ctl02_ctl00_BusinessHyperLink1" href="../Public/Companies_Home.aspx">&nbsp;</a>To Become an ICS Member (MICS/FICS)</h3>
565</div>
566<div class="iFinityCardDetail">
567<p><span>Unlock the ultimate mark of professional credibility. Discover our pathways to achieving professional membership, giving you access to our exclusive global networks, and chartered status.</span>
568</p>
569</div>
570<div class="iFinityCardButton">
571<a id="ctl01_TemplateBody_WebPartManager1_gwpciHomeCards_ciHomeCards_TaggedListRepeater_ctl02_ctl00_asiweb_BusinessHyperLink2" class="btn PrimryButtton MediumButton" href="/ICS/Become-a-member">Learn how to become a member</a>
572</div>
573</div></div></div>
574				</div>
575				</div>
576			
577			<div id="ctl01_TemplateBody_ContentPage4_downloadContainer" style="display:none;">
578				<input type="hidden" name="ctl01$TemplateBody$ContentPage4$HiddenDownloadPathField" id="ctl01_TemplateBody_ContentPage4_HiddenDownloadPathField" /><input type="submit" name="ctl01$TemplateBody$ContentPage4$downloadButton" value="Download Path" id="ctl01_TemplateBody_ContentPage4_downloadButton" style="display:none" />
579			</div></div>
580
581							</div>
582						</div>
583					</div>
584				</div>
585			</div>
586		</div>
587	</div>
588	<div>
589		<div class="row">
590			<div class="col-sm-12">
591							<div class="ContentItemContainer">
592				<div id="WebPartZone5_Page1" class="WebPartZone ">
593
594			<div class="iMIS-WebPart">
595				<div id="ste_container_ciicshomeintlnetwork_ce71c00336de4ec38c8ed985375ad39f" class="ContentItemContainer"><div class="ContentRight"><div id="ctl01_TemplateBody_WebPartManager1_gwpciicshomeintlnetwork_ce71c00336de4ec38c8ed985375ad39f_ciicshomeintlnetwork_ce71c00336de4ec38c8ed985375ad39f_Panel_icshomeintlnetwork">
596	<div class="Overlay-Container">
597<div class="IFO-Img"><img src="/images/ICS/Homepage%20headers/InternationalWork_thumb.jpg/InternationalWork_thumb.jpg" alt="" style=""></div>
598<div class="IFO-Content">
599<h2>International network</h2>
600<p>Our international network is built up of shipping professionals who have proven knowledge, competence and understanding of shipping business.</p>
601<p><a href="/ICS/international-network" class="btn PrimaryButton MediumButton Arrow">Our global network</a></p>
602</div>
603</div>
604</div></div></div>
605			</div>
606			</div>
607		
608			<div id="ctl01_TemplateBody_ContentPage5_downloadContainer" style="display:none;">
609			<input type="hidden" name="ctl01$TemplateBody$ContentPage5$HiddenDownloadPathField" id="ctl01_TemplateBody_ContentPage5_HiddenDownloadPathField" /><input type="submit" name="ctl01$TemplateBody$ContentPage5$downloadButton" value="Download Path" id="ctl01_TemplateBody_ContentPage5_downloadButton" style="display:none" />
610		</div></div>
611
612			</div>
613		</div>
614	</div>
615	<div class="row">
616		<div class="col-sm-12">
617						<div class="ContentItemContainer">
618				<div id="WebPartZone6_Page1" class="WebPartZone ">
619
620			<div class="iMIS-WebPart">
621				<div id="ste_container_ciEventsSection_df6be6f31ea34e7d99ce260e812abf6d" class="ContentItemContainer"><div class="Center"><div id="ctl01_TemplateBody_WebPartManager1_gwpciEventsSection_df6be6f31ea34e7d99ce260e812abf6d_ciEventsSection_df6be6f31ea34e7d99ce260e812abf6d_Panel_EventsSection">
622	<h2>Upcoming Events</h2>
623<p><a href="/ICS/Events" class="btn-purple Arrow">See our full calendar of events</a></p>
624</div></div></div>
625			</div>
626				<div class="iMIS-WebPart">
627					<div id="ste_container_ciEventCards" class="ContentItemContainer"><div class="iFinityEventCard Four-per-row padding-all"><div class="panel ">
628	<div id="ctl01_TemplateBody_WebPartManager1_gwpciEventCards_ciEventCards__BodyContainer" class="panel-body-container">
629		<div id="ctl01_TemplateBody_WebPartManager1_gwpciEventCards_ciEventCards__Body" class="panel-body">
630			
631<div id="a0560f09a6" class="QueryTemplateSet "><section data-item="a0560f09a6" class=""><div class="QueryTemplateItem"><div class="iFinityCardItem">
632<div class="iFinityCardImage" style="background:
633url(
634'/images/socialmedia_vertical.png'
635)
636center / cover no-repeat;">
637<div class="iFinityCardType">
638<span class="background-blue" style="padding: 7px 10px; font-weight: 600; font-size: 16px; color: rgb(255, 255, 255);">
639Event
640</span>
641
642</div>
643<div class="iFinityCardFeatured HideContent">
644
645</div>
646</div>
647<div class="iFinityCardDetail">
648<div class="iFinityCardTitle">
649<h4>Sri Lanka Branch - ICS Night 2026</h4>
650</div>
651<div class="iFinityCardDescription">
652<p>The Olympian Odyssey - A voyage of legacy, a night of glory...</p>
653</div>
654
655<div class="iFinityCardButton">
656<div class="iFinityCardDate" style="margin-bottom: 1em;">
65702/10/2026
658</div>
659<!--<a href="/ICS/QuickRegister?EventKey=SL001" class="btn PrimaryButton MediumButton">
660Register
661</a>
662&nbsp;-->
663<a href="/ICS/Event.aspx?EventKey=SL001&amp;Category=BRAN" class="btn PrimaryButton MediumButton">
664Learn more
665</a>
666</div>
667</div>
668</div></div></section><section data-item="a0560f09a6" class=""><div class="QueryTemplateItem"><div class="iFinityCardItem">
669<div class="iFinityCardImage" style="background:
670url(
671'/images/prizegiving.png'
672)
673center / cover no-repeat;">
674<div class="iFinityCardType">
675<span class="background-blue" style="padding: 7px 10px; font-weight: 600; font-size: 16px; color: rgb(255, 255, 255);">
676Event
677</span>
678
679<span class="background-blue" style="padding: 7px 10px; font-weight: 600; font-size: 16px; color: rgb(255, 255, 255);">
680London
681</span>
682
683</div>
684<div class="iFinityCardFeatured HideContent">
685
686</div>
687</div>
688<div class="iFinityCardDetail">
689<div class="iFinityCardTitle">
690<h4>Prize Giving 2026</h4>
691</div>
692<div class="iFinityCardDescription">
693<p>Join us for a night of celebration as we recognise the successes of our global students who have achieved top marks in their respective subjects. These worthy winners reflect the diverse talent of the maritime industry.</p>
694</div>
695
696<div class="iFinityCardLocation">
697The De Vere Connaught Rooms
698</div>
699
700<div class="iFinityCardButton">
701<div class="iFinityCardDate" style="margin-bottom: 1em;">
70208/10/2026
703</div>
704<!--<a href="/ICS/QuickRegister?EventKey=PG2026" class="btn PrimaryButton MediumButton">
705Register
706</a>
707&nbsp;-->
708<a href="/ICS/Event.aspx?EventKey=PG2026&amp;Category=FUND" class="btn PrimaryButton MediumButton">
709Learn more
710</a>
711</div>
712</div>
713</div></div></section><section data-item="a0560f09a6" class=""><div class="QueryTemplateItem"><div class="iFinityCardItem">
714<div class="iFinityCardImage" style="background:
715url(
716'/images/ics/branches/networking.png'
717)
718center / cover no-repeat;">
719<div class="iFinityCardType">
720<span class="background-blue" style="padding: 7px 10px; font-weight: 600; font-size: 16px; color: rgb(255, 255, 255);">
721Event
722</span>
723
724<span class="background-blue" style="padding: 7px 10px; font-weight: 600; font-size: 16px; color: rgb(255, 255, 255);">
725Montreal
726</span>
727
728</div>
729<div class="iFinityCardFeatured HideContent">
730
731</div>
732</div>
733<div class="iFinityCardDetail">
734<div class="iFinityCardTitle">
735<h4>East Coast 5 a 7 - Connect with the ICS Canada Branch and Industry professionals</h4>
736</div>
737<div class="iFinityCardDescription">
738<p></p>
739</div>
740
741<div class="iFinityCardLocation">
742Le Cathcart Bar
743</div>
744
745<div class="iFinityCardButton">
746<div class="iFinityCardDate" style="margin-bottom: 1em;">
74710/10/2026
748</div>
749<!--<a href="/ICS/QuickRegister?EventKey=CAN02" class="btn PrimaryButton MediumButton">
750Register
751</a>
752&nbsp;-->
753<a href="/ICS/Event.aspx?EventKey=CAN02&amp;Category=BRAN" class="btn PrimaryButton MediumButton">
754Learn more
755</a>
756</div>
757</div>
758</div></div></section><section data-item="a0560f09a6" class=""><div class="QueryTemplateItem"><div class="iFinityCardItem">
759<div class="iFinityCardImage" style="background:
760url(
761'/images/wawistaicsleeuwinshippingindustrysundowner.jpg'
762)
763center / cover no-repeat;">
764<div class="iFinityCardType">
765<span class="background-blue" style="padding: 7px 10px; font-weight: 600; font-size: 16px; color: rgb(255, 255, 255);">
766Event
767</span>
768
769<span class="background-blue" style="padding: 7px 10px; font-weight: 600; font-size: 16px; color: rgb(255, 255, 255);">
770Fremantle
771</span>
772
773</div>
774<div class="iFinityCardFeatured HideContent">
775
776</div>
777</div>
778<div class="iFinityCardDetail">
779<div class="iFinityCardTitle">
780<h4>WA - WISTA &amp; ICS Leeuwin Shipping Industry Sundowner</h4>
781</div>
782<div class="iFinityCardDescription">
783<p></p>
784</div>
785
786<div class="iFinityCardLocation">
787STS Leeuwin II, B Berth, Peter
788</div>
789
790<div class="iFinityCardButton">
791<div class="iFinityCardDate" style="margin-bottom: 1em;">
79212/11/2026
793</div>
794<!--<a href="/ICS/QuickRegister?EventKey=ANZ100" class="btn PrimaryButton MediumButton">
795Register
796</a>
797&nbsp;-->
798<a href="/ICS/Event.aspx?EventKey=ANZ100&amp;Category=BRAN" class="btn PrimaryButton MediumButton">
799Learn more
800</a>
801</div>
802</div>
803</div></div></section></div>
804
805
806<script type="text/javascript">
807    var contentItemId = '#a0560f09a6';
808    var resultsPerPage = '5';
809    var hidePageNumbers = 'False';
810    var displayCards = 'False';
811    var pageElement = 'section';
812
813    jQuery(contentItemId).simplePaginate({
814        paginateElement: pageElement,
815        elementsPerPage: resultsPerPage,
816        firstButton: false,
817        lastButton: false,
818        prevButtonText: "&laquo;",
819        nextButtonText: "&raquo;",
820        hidePaginationNumbers: hidePageNumbers.toLowerCase().trim(),
821        uniqueId: 'a0560f09a6',
822        pagerLocation: 'justify-content-center'
823    });
824</script>
824
825		</div>
826	</div>
827</div></div></div>
828				</div>
829				</div>
830			
831			<div id="ctl01_TemplateBody_ContentPage6_downloadContainer" style="display:none;">
832				<input type="hidden" name="ctl01$TemplateBody$ContentPage6$HiddenDownloadPathField" id="ctl01_TemplateBody_ContentPage6_HiddenDownloadPathField" /><input type="submit" name="ctl01$TemplateBody$ContentPage6$downloadButton" value="Download Path" id="ctl01_TemplateBody_ContentPage6_downloadButton" style="display:none" />
833			</div></div>
834
835		</div>
836	</div>
837	<div class="background-grey">
838		<div class="row">
839			<div class="col-sm-12" data-label="Grey Background">
840							<div class="ContentItemContainer">
841				<div id="WebPartZone7_Page1" class="WebPartZone ">
842
843			<div class="iMIS-WebPart">
844				<div id="ste_container_ciBecomeAMember_1e40bbb7fab54675860a2701e61aba3c" class="ContentItemContainer"><div class="ContentRight"><div id="ctl01_TemplateBody_WebPartManager1_gwpciBecomeAMember_1e40bbb7fab54675860a2701e61aba3c_ciBecomeAMember_1e40bbb7fab54675860a2701e61aba3c_Panel_BecomeAMember">
845	<div class="Overlay-Container">
846<div class="IFO-Img"><img src="/images/ICS/Homepage%20headers/Become-a-Member_thumb.jpg/Become-a-Member_thumb.jpg" alt="" style=""></div>
847<div class="IFO-Content">
848<h2>
849Membership</h2>
850<p>Becoming a member of the ICS demonstrates&nbsp;your professionalism and commitment to the&nbsp;shipping industry.&nbsp;</p>
851<p><a href="/ICS/become-a-member" class="btn PrimaryButton MediumButton Arrow">Become a member</a></p>
852</div>
853</div>
854</div></div></div>
855			</div>
856			</div>
857		
858			<div id="ctl01_TemplateBody_ContentPage7_downloadContainer" style="display:none;">
859			<input type="hidden" name="ctl01$TemplateBody$ContentPage7$HiddenDownloadPathField" id="ctl01_TemplateBody_ContentPage7_HiddenDownloadPathField" /><input type="submit" name="ctl01$TemplateBody$ContentPage7$downloadButton" value="Download Path" id="ctl01_TemplateBody_ContentPage7_downloadButton" style="display:none" />
860		</div></div>
861
862			</div>
863		</div>
864	</div>
865	<div class="row">
866		<div class="col-sm-12">
867						<div class="ContentItemContainer">
868				<div id="WebPartZone8_Page1" class="WebPartZone background-neutral iFinityCardItem">
869
870		</div>
871	
872			<div id="ctl01_TemplateBody_ContentPage8_downloadContainer" style="display:none;">
873		<input type="hidden" name="ctl01$TemplateBody$ContentPage8$HiddenDownloadPathField" id="ctl01_TemplateBody_ContentPage8_HiddenDownloadPathField" /><input type="submit" name="ctl01$TemplateBody$ContentPage8$downloadButton" value="Download Path" id="ctl01_TemplateBody_ContentPage8_downloadButton" style="display:none" />
874	</div></div>
875
876		</div>
877	</div>
878	<div class="container-inner">
879		<div class="row iFinityCard TopMargin NoBottomMargin">
880			<div class="col-sm-3">
881							<div class="ContentItemContainer">
882				<div id="WebPartZone9_Page1" class="WebPartZone ">
883
884			<div class="iMIS-WebPart">
885				<div id="ste_container_ciContentHub_64ef89b50d4f4936985e259e3b7f1e83" class="ContentItemContainer"><div id="ctl01_TemplateBody_WebPartManager1_gwpciContentHub_64ef89b50d4f4936985e259e3b7f1e83_ciContentHub_64ef89b50d4f4936985e259e3b7f1e83_Panel_ContentHub">
886	<h2>Content Hub</h2>
887<p>Get the latest information to stay up-to-date and on top of your learning.</p>
888</div></div>
889			</div>
890			</div>
891		
892			<div id="ctl01_TemplateBody_ContentPage9_downloadContainer" style="display:none;">
893			<input type="hidden" name="ctl01$TemplateBody$ContentPage9$HiddenDownloadPathField" id="ctl01_TemplateBody_ContentPage9_HiddenDownloadPathField" /><input type="submit" name="ctl01$TemplateBody$ContentPage9$downloadButton" value="Download Path" id="ctl01_TemplateBody_ContentPage9_downloadButton" style="display:none" />
894		</div></div>
895
896			</div>
897			<div class="col-sm-3">
898							<div class="ContentItemContainer">
899				<div id="WebPartZone10_Page1" class="WebPartZone background-neutral iFinityCardItem">
900
901			<div class="iMIS-WebPart">
902				<div id="ste_container_ciNews_00055089d2c64bcd809aebda73611403" class="ContentItemContainer"><div class="background-neutral"><div id="ctl01_TemplateBody_WebPartManager1_gwpciNews_00055089d2c64bcd809aebda73611403_ciNews_00055089d2c64bcd809aebda73611403_Panel_News">
903	<img loading="lazy" alt="" src="/images/ICS/Home/NewsThumb.jpg?version=DC9D69B7">
904</div></div></div>
905			</div>
906				<div class="iMIS-WebPart">
907					<div id="ste_container_ciNewsButton_d9ea3db4afb14bf3938bde24694e8ce2" class="ContentItemContainer"><div id="ctl01_TemplateBody_WebPartManager1_gwpciNewsButton_d9ea3db4afb14bf3938bde24694e8ce2_ciNewsButton_d9ea3db4afb14bf3938bde24694e8ce2_Panel_NewsButton">
908	<a href="/News" class="TextButton LargeButton">News</a>
909</div></div>
910				</div>
911				</div>
912			
913			<div id="ctl01_TemplateBody_ContentPage10_downloadContainer" style="display:none;">
914				<input type="hidden" name="ctl01$TemplateBody$ContentPage10$HiddenDownloadPathField" id="ctl01_TemplateBody_ContentPage10_HiddenDownloadPathField" /><input type="submit" name="ctl01$TemplateBody$ContentPage10$downloadButton" value="Download Path" id="ctl01_TemplateBody_ContentPage10_downloadButton" style="display:none" />
915			</div></div>
916
917			</div>
918			<div class="col-sm-3">
919							<div class="ContentItemContainer">
920				<div id="WebPartZone11_Page1" class="WebPartZone background-neutral iFinityCardItem">
921
922			<div class="iMIS-WebPart">
923				<div id="ste_container_ciWebinars_461170e5c07549c0962d05c3e0b13910" class="ContentItemContainer"><div class="background-neutral"><div id="ctl01_TemplateBody_WebPartManager1_gwpciWebinars_461170e5c07549c0962d05c3e0b13910_ciWebinars_461170e5c07549c0962d05c3e0b13910_Panel_Webinars">
924	<img loading="lazy" src="/images/ICS/Home/WebinarThumb.jpg?version=CB0AD75" alt="" style="">
925</div></div></div>
926			</div>
927				<div class="iMIS-WebPart">
928					<div id="ste_container_ciWebinarsBtn_d424e61657c04811bded936d61e10c73" class="ContentItemContainer"><div id="ctl01_TemplateBody_WebPartManager1_gwpciWebinarsBtn_d424e61657c04811bded936d61e10c73_ciWebinarsBtn_d424e61657c04811bded936d61e10c73_Panel_WebinarsBtn">
929	<a href="/ICS/Webinars" class="TextButton LargeButton">Webinars</a>
930</div></div>
931				</div>
932				</div>
933			
934			<div id="ctl01_TemplateBody_ContentPage11_downloadContainer" style="display:none;">
935				<input type="hidden" name="ctl01$TemplateBody$ContentPage11$HiddenDownloadPathField" id="ctl01_TemplateBody_ContentPage11_HiddenDownloadPathField" /><input type="submit" name="ctl01$TemplateBody$ContentPage11$downloadButton" value="Download Path" id="ctl01_TemplateBody_ContentPage11_downloadButton" style="display:none" />
936			</div></div>
937
938			</div>
939			<div class="col-sm-3">
940							<div class="ContentItemContainer">
941				<div id="WebPartZone12_Page1" class="WebPartZone background-neutral iFinityCardItem">
942
943			<div class="iMIS-WebPart">
944				<div id="ste_container_ciReports_251f3fbe963343ea95b1fe5e6aa0742a" class="ContentItemContainer"><div class="background-neutral"><div id="ctl01_TemplateBody_WebPartManager1_gwpciReports_251f3fbe963343ea95b1fe5e6aa0742a_ciReports_251f3fbe963343ea95b1fe5e6aa0742a_Panel_Reports">
945	<img loading="lazy" alt="" src="/images/ICS/Home/ReportsThumb.jpg?version=39F5F49C">
946</div></div></div>
947			</div>
948				<div class="iMIS-WebPart">
949					<div id="ste_container_ciReportsbtn_7c00d76cd7564e699947d26c66981eb8" class="ContentItemContainer"><div id="ctl01_TemplateBody_WebPartManager1_gwpciReportsbtn_7c00d76cd7564e699947d26c66981eb8_ciReportsbtn_7c00d76cd7564e699947d26c66981eb8_Panel_Reportsbtn">
950	<a href="https://www.ics.org.uk/Public/Membership/industry-insights.aspx" class="TextButton LargeButton">Industry insights</a>
951</div></div>
952				</div>
953				</div>
954			
955			<div id="ctl01_TemplateBody_ContentPage12_downloadContainer" style="display:none;">
956				<input type="hidden" name="ctl01$TemplateBody$ContentPage12$HiddenDownloadPathField" id="ctl01_TemplateBody_ContentPage12_HiddenDownloadPathField" /><input type="submit" name="ctl01$TemplateBody$ContentPage12$downloadButton" value="Download Path" id="ctl01_TemplateBody_ContentPage12_downloadButton" style="display:none" />
957			</div></div>
958
959			</div>
960		</div>
961	</div>
962	<div class="background-blue TopMargin" data-label="Blue Background">
963		<div class="container-inner">
964			<div class="row">
965				<div class="col-sm-8">
966								<div class="ContentItemContainer">
967				<div id="WebPartZone13_Page1" class="WebPartZone ">
968
969			<div class="iMIS-WebPart">
970				<div id="ste_container_ciSyllabus_dde1e70b5bb74832b62f0fae10c38456" class="ContentItemContainer"><div id="ctl01_TemplateBody_WebPartManager1_gwpciSyllabus_dde1e70b5bb74832b62f0fae10c38456_ciSyllabus_dde1e70b5bb74832b62f0fae10c38456_Panel_Syllabus">
971	<h2>Our Syllabus</h2>
972<p>We offer a wide range of maritime subjects which cover all activity within the commercial shipping industry.</p>
973<p><a href="/ICS/Our-subjects" class="btn PrimaryButton MediumButton Arrow">Our subjects</a></p>
974</div></div>
975			</div>
976			</div>
977		
978			<div id="ctl01_TemplateBody_ContentPage13_downloadContainer" style="display:none;">
979			<input type="hidden" name="ctl01$TemplateBody$ContentPage13$HiddenDownloadPathField" id="ctl01_TemplateBody_ContentPage13_HiddenDownloadPathField" /><input type="submit" name="ctl01$TemplateBody$ContentPage13$downloadButton" value="Download Path" id="ctl01_TemplateBody_ContentPage13_downloadButton" style="display:none" />
980		</div></div>
981
982				</div>
983				<div class="col-sm-4">
984								<div class="ContentItemContainer">
985				<div id="WebPartZone14_Page1" class="WebPartZone ">
986
987			<div class="iMIS-WebPart">
988				<div id="ste_container_ciSyllabusimg_2b269b70b287423196b36e0f4d8016cb" class="ContentItemContainer"><div id="ctl01_TemplateBody_WebPartManager1_gwpciSyllabusimg_2b269b70b287423196b36e0f4d8016cb_ciSyllabusimg_2b269b70b287423196b36e0f4d8016cb_Panel_Syllabusimg">
989	<img alt="" src="/images/ICS/Homepage headers/Syllabus.jpg?version=853D29EE" />
990</div></div>
991			</div>
992			</div>
993		
994			<div id="ctl01_TemplateBody_ContentPage14_downloadContainer" style="display:none;">
995			<input type="hidden" name="ctl01$TemplateBody$ContentPage14$HiddenDownloadPathField" id="ctl01_TemplateBody_ContentPage14_HiddenDownloadPathField" /><input type="submit" name="ctl01$TemplateBody$ContentPage14$downloadButton" value="Download Path" id="ctl01_TemplateBody_ContentPage14_downloadButton" style="display:none" />
996		</div></div>
997
998				</div>
999			</div>
1000		</div>
1001	</div>
1002</div>	
1003
1004
1005    
1006    
1007
1008		</div>
1009							</div>
1010
1011			</div>
1012			<div data-label="Secondary Navigation" class="col-secondary cs-right d-none">
1013								<div ID="WTZone7_Page1" class="WTZone ">
1014				<div id="ste_container_ciSecondary" class="ContentItemContainer">
1015<div id="ctl01_ciSecondary_SecondaryNavigationArea">
1016    <div class="nav-secondary NotPrinted">                
1017        <nav id="ctl01_ciSecondary_SubNavControl_NavWrapper" class="sub-nav" aria-labelledby="ctl01_ciSecondary_SubNavControl_SubNavHead">
1018    <div id="ctl01_ciSecondary_SubNavControl_SubNavHead" class="sub-nav-head" translate="yes">
1019	
1020        
1021    
1022</div>
1023    <div id="ctl01_ciSecondary_SubNavControl_SubNavPanel" class="sub-nav-body" translate="yes">
1024	
1025        <div id="ctl01_ciSecondary_SubNavControl_SubNavigationTree" class="RadTreeView RadTreeView_Austin" NavigateOnClick="true" PerspectiveId="2592539d-8dc5-4a50-a258-2cb07570cb4a" Version="237873D6" NavigationArea="2" StartingNodeOffset="1" WrapperContainerId="ctl01_masterWrapper" SubNavTitleContainerId="ctl01_ciSecondary_SubNavControl_SubNavHead" data-asiIsHomeDisplayPage="True">
1026		<input id="ctl01_ciSecondary_SubNavControl_SubNavigationTree_ClientState" name="ctl01_ciSecondary_SubNavControl_SubNavigationTree_ClientState" type="hidden" />
1027	</div>
1028    
1029</div> 
1030</nav>    
1031    </div>    
1032</div></div>
1033			
1034					</div>
1035
1036			</div>
1037		</div>
1038	</div>
1039	<footer id="ft" class="footer">
1040		<div class="footer-content ClearFix">
1041			<div class="container" data-label="Footer 1">
1042								<div ID="WTZone8_Page1" class="WTZone ">
1043				<div id="ste_container_ciFooterContent1" class="ContentItemContainer">
1044<div class="container-inner">
1045	<div class="row">
1046		<div class="col-sm-3">
1047			<div id="ctl01_ciFooterContent1_ContentRecordTemplateArea_Zone1PlaceHolder">
1048	<div id="ste_container_FooterCommunications" class="ContentItemContainer"><div class="ft-logo"><h3><img src="/images/ICS/ICS%20NEW%20Logo%202015%20cmyk%20MASTER%20-%20250-%20JPEG%20version.jpg" alt="" style=""></h3>
1049<h3>Contact</h3>
1050<div class="row">
1051<div class="col-sm-5"><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="font-kerning: none; color: rgb(19, 7, 46);">ICS Newsletter coming soon.</span></div>
1052</div>
1053<!-- More icons available: Email (EmailIcon), Pinterest (PinterestIcon), Google+ (GPlusIcon), Skype (SkypeIcon), Snapchat (SnapchatIcon) --></div></div>
1054</div>
1055		</div>
1056		<div class="col-sm-9">
1057			<div id="ctl01_ciFooterContent1_ContentRecordTemplateArea_Zone2PlaceHolder">
1058	<div id="ste_container_NewContentHtml" class="ContentItemContainer"><!--<style>
1059    :root {
1060    /* Main Brand Colors */
1061    --brand-main: #006fb9;
1062    /* Main Color */
1063    --brand-alternate: #66beec;
1064    /* Alternate Color */
1065    /* Neutral Colors */
1066    --neutral: #fff;
1067    --neutral-light: 233, 233, 233;
1068    /* light Neutral */
1069    --neutral-dark: #1E1E1E;
1070    /* Dark Neutral */
1071    --neutral-medium: #9e9e9e;
1072    /* Medium Neutral */
1073    /* Additional Brand Colors */
1074    --brand-color-1: #ffe63e;
1075    /* Additional Brand Color 1 */
1076    --brand-color-2: #cb65e0;
1077    /* Additional Brand Color 2 */
1078    --brand-color-3: #ff8a00;
1079    /* Additional Brand Color 3 */
1080    --brand-color-4: #97f285;
1081    /* Additional Brand Color 4 */
1082    /* Lightened Variants */
1083    --brand-main-light: lighten(var(--brand-main), 20%);
1084    --brand-color-1-light: lighten(var(--brand-color-1), 20%);
1085    --brand-color-2-light: lighten(var(--brand-color-2), 20%);
1086    --brand-color-3-light: lighten(var(--brand-color-3), 20%);
1087    --brand-color-4-light: lighten(var(--brand-color-4), 20%);
1088    /* Darkened Variants */
1089    --brand-main-dark: darken(var(--brand-main), 20%);
1090    --brand-color-1-dark: darken(var(--brand-color-1), 20%);
1091    --brand-color-2-dark: darken(var(--brand-color-2), 20%);
1092    --brand-color-3-dark: darken(var(--brand-color-3), 20%);
1093    --brand-color-4-dark: darken(var(--brand-color-4), 20%);
1094    --alpha: .9;
1095    /* Font Family */
1096    --font-family-sans: "Roboto", sans-serif;
1097    --font-family-serif: 'Georgia', serif;
1098    --font-family-monospace: 'Courier New', Courier, monospace;
1099    /* Font Sizes */
1100    --font-size-xs: 1.5rem;
1101    /* 12px */
1102    --font-size-sm: 2rem;
1103    /* 14px */
1104    --font-size-md: 2.5rem;
1105    /* 16px */
1106    --font-size-lg: 3rem;
1107    /* 20px */
1108    --font-size-xl: 4rem;
1109    /* 24px */
1110    --font-size-xxl: 5rem;
1111    /* 32px */
1112    --base-font-size: 18px;
1113    /* Font Weights */
1114    --font-weight-normal: 400;
1115    --font-weight-semibold: 600;
1116    --font-weight-bold: 700;
1117    /* Letter Spacing */
1118    --letter-spacing-normal: 0;
1119    --letter-spacing-wide: 0.05em;
1120    --letter-spacing-wider: 0.1em;
1121    /* Line Heights */
1122    --line-height-normal: 1.5;
1123    --line-height-tight: 1.25;
1124    --line-height-loose: 1.8;
1125    /* Font Colors */
1126    --font-color-primary: var(--brand-color-2);
1127    --font-color-secondary: var(--neutral-dark);
1128    --font-color-accent: var(--brand-alternate);
1129    --font-color-light: var(--neutral-light);
1130    --font-color-dark: var(--brand-main);
1131    --font-color-heading: var(--brand-main);
1132    --menu-bg-color: var(--neutral);
1133    --menu-font-color: var(--font-color-light);
1134    --font-link-color: var(--brand-main);
1135    --font-link-color-visited: var(--brand-main-dark);
1136    /* Background color for menu items */
1137    --menu-hover-color: var(--brand-color-4);
1138    /* Hover background color */
1139    --menu-text-color: var(--font-color-light);
1140    /* Text color */
1141    --menu-hover-text-color: var(--font-color-light);
1142    /* Text color on hover */
1143    --menu-border-color: var(--brand-color-4);
1144    /*Menu color */
1145    --rad-tab-bg: var(--brand-color-3);
1146    --rad-tab-fg: var(--neutral-light);
1147    --rad-tab-border: var(--menu-border-color);
1148    /* Border Variables */
1149    --border-color: #00CAFD;
1150    /* Default border color */
1151    --border-width: 2px;
1152    /* Default border width */
1153    --border-radius: 33px;
1154    /* Default border radius */
1155    --border-padding: 10px;
1156    /* Default padding */
1157    /* Buttons */
1158    --button-small-padding: 0.5em 1em;
1159    --button-medium-padding: 0.75em 1.5em;
1160    --button-large-padding: 1rem 2em;
1161    --button-small-font-size: 0.875em;
1162    --button-medium-font-size: 1em;
1163    --button-large-font-size: 1.125em;
1164    --button-primary-bg: var(--brand-color-3);
1165    --button-primary-bg-hover: var(--brand-alternate);
1166    --button-secondary-bg: var(--brand-main);
1167    --button-secondary-bg-hover: var(--brand-alternate);
1168    --button-success-bg: #28a745;
1169    --button-danger-bg: #dc3545;
1170    --button-warning-bg: #ffc107;
1171    --button-info-bg: #17a2b8;
1172    --button-light-bg: #f8f9fa;
1173    --button-dark-bg: #343a40;
1174    --button-text-color: #ffffff;
1175    --button-border-radius: 4rem;
1176    --button-transition: background-color 0.3s ease, transform 0.3s ease;
1177    --accordion-bg: transparent;
1178    /* Background color */
1179    --accordion-fg: #333;
1180    /* Foreground color */
1181    --accordion-active: transparent;
1182    /* Active item color */
1183    --accordion-font-size: var(--font-size-md);
1184    /* Font size */
1185    /* modals */
1186    --modal-bg-color: rgba(0, 0, 0, 0.8);
1187    --modal-content-bg-color: #fff;
1188    --modal-font-family: 'Roboto, sans-serif';
1189    --modal-font-size: 1rem;
1190    --modal-transition-duration: 0.3s;
1191    --modal-fade-in: 0.5;
1192    --modal-fade-out: 0;
1193    /* footer */
1194    --footer-bg-color: var(--brand-color-2);
1195    --footer-fg-color: var(--brand-color-3);
1196    --footer-font-color: var(--font-color-light);
1197    --footer-link-color: var(--font-color-light);
1198    /* header*/
1199    --header-bg-color: var(--brand-color-2);
1200    --header-fg-color: var(--brand-color-3);
1201    --header-font-color: var(--font-color-light);
1202    --header-link-color: var(--font-color-light);
1203    /* containers */
1204    --site-containers: 90%;
1205    /* cards */
1206    --card-desciption-height: 200px;
1207    }
1208    /* Menu setting */
1209    .Wrapper-FullWidth .col-secondary.cs-right {
1210    display: none;
1211    }
1212    @media (min-width: 992px) {
1213    .Wrapper-FullWidth .has-secondary-col.col-on-right .col-primary {
1214    width: 100VW;
1215    margin-right: 0;
1216    }
1217    }
1218    #masterHeaderBackground, .header {
1219    border-bottom: none;
1220    margin-bottom: 3em;
1221    }
1222    #banner .panel-body, #banner .PanelBody, .iFinityCard .panel-body, .iFinityCard .PanelBody {
1223    padding: 0;
1224    }
1225    .RadMenu.RadMenu_Austin .rmRootLink.rmSelected {
1226    color: #006FB9;
1227    font-weight: 600;
1228    background-color: var(--menu-bg-color);
1229    }
1230    @media (min-width: 992px) {
1231    .RadMenu.RadMenu_Austin .rmToggle, .RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink .rmToggle {
1232    display: inline;
1233    }
1234    }
1235    .RadMenu.RadMenu_Austin .rmLink, .RadMenu.RadMenu_Austin .rmRootLink.rmExpanded, .RadMenu.RadMenu_Austin .rmRootLink:hover, .RadMenu.RadMenu_Austin .rmRootLink.rmFocused, .rmRootLink.rmExpanded {
1236    color: #006FB9;
1237    background: transparent;
1238    }
1239    .RadMenu_Austin .rmSlide .rmLink:hover, .RadMenu_Austin .rmSlide .rmLink:focus, .RadMenu_Austin .rmSlide .rmLink.rmFocused, .RadMenu_Austin .rmSlide .rmLevel1>.rmItem>.rmLink:hover, .RadMenu_Austin .rmSlide .rmLevel1>.rmItem>.rmLink:focus, .RadMenu_Austin .rmSlide .rmLevel1>.rmItem>.rmLink.rmFocused, .RadMenu.RadMenu_Austin .rmTwoLevels .rmLevel1>.rmItem>.rmLink, .RadMenu.RadMenu_Austin .rmTwoLevels .rmLevel1>.rmItem.rmDisabled>.rmLink:hover, .RadMenu.RadMenu_Austin .rmTwoLevels .rmLevel1>.rmItem.rmDisabled>.rmLink:focus {
1240    color: #006FB9;
1241    text-transform: none;
1242    font-weight: 400;
1243    }
1244    .RadMenu.RadMenu_Austin .rmRootLink.rmExpanded, .RadMenu.RadMenu_Austin .rmRootLink:hover, .RadMenu.RadMenu_Austin .rmRootLink.rmFocused {
1245    font-weight: 700;
1246    }
1247    .RadMenu.RadMenu_Austin .rmGroup {
1248    background: rgba(var(--neutral-light), 1);
1249    border-radius: 30px;
1250    min-width: 250px !important;
1251    }
1252    .rmSlide {
1253    padding: 1.5em 1em
1254    }
1255    .rmVertical.rmGroup.rmLevel2 {
1256    background-color: transparent;
1257    }
1258    .Wrapper-FullWidth #masterContentArea.container {
1259    max-width: 100% !important;
1260    padding: 0;
1261    }
1262    .Wrapper-FullWidth #masterContentArea .container-inner {
1263    max-width: var(--site-containers);
1264    padding-left: 15px;
1265    padding-right: 15px;
1266    margin: 0 auto;
1267    }
1268    .Wrapper-HomePage .FullWidthArea {
1269    padding: 10px 1%;
1270    }
1271    .padding-all {
1272    padding: 2em 3em 3em;
1273    }
1274    h1, h2, h3, h4, h5, .carousel-caption h1, .carousel-caption h2, .carousel-caption h3, .carousel-caption h4, .carousel-caption h5, .carousel-caption h6 {
1275    color: var(--brand-main);
1276    font-weight: 800;
1277    }
1278    h1 {
1279    font-size: var(--font-size-xxl);
1280    }
1281    h2, .h2, .PanelTitle {
1282    font-size: var(--font-size-xl);
1283    border-bottom: 0
1284    }
1285    h4 {
1286    font-size: var(--font-size-md);
1287    }
1288    h5 {
1289    font-size: var(--font-size-lg);
1290    font-weight: 400;
1291    }
1292    .carousel-caption p, h5 {
1293    font-size: var(--font-size-lg);
1294    color: var(--font-color-secondary);
1295    }
1296    .carousel-caption {
1297    background: rgba(var(--neutral-light), var(--alpha));
1298    text-align: left;
1299    padding: 2em;
1300    text-shadow: none;
1301    }
1302    .carousel-caption a {
1303    text-decoration: none;
1304    }
1305    .carousel-control {
1306    display: none;
1307    }
1308    @media (min-width: 768px) {
1309    .carousel-caption {
1310    left: 5%;
1311    right: 40%;
1312    padding-bottom: 30px;
1313    top: 20%;
1314    bottom: 20%;
1315    }
1316    }
1317    @media (max-width:767px) {
1318    .carousel-caption {
1319    left: 1%;
1320    right: 1%;
1321    }
1322    .carousel-caption p, h5 {
1323    font-size: var(--font-size-md)
1324    }
1325    }
1326    .RadMenu .rmSlide, .RadMenu_Context {
1327    margin-top: 15px;
1328    }
1329    #HomePageContent .panel-body {
1330    padding: 0
1331    }
1332    #masterContentArea, #ft {
1333    background: rgba(var(--neutral-light), var(--alpha))
1334    }
1335    .footer-content, .footer-nav-copyright {
1336    background: var(--neutral);
1337    border-radius: 30px;
1338    }
1339    .footer-content :is(a, p, body), #ft, .footer-content {
1340    color: #000
1341    }
1342    .footer-content {
1343    margin-top: 2em;
1344    text-align: left;
1345    }
1346    ul.footer-menu, ul.footer-social {
1347    list-style: none;
1348    }
1349    .ft-logo img{
1350    max-width:150px;
1351    }
1352    /* Menu setting */
1353    #masterHeaderBackground, .header {
1354    border-bottom: none;
1355    margin-bottom: 3em;
1356    }
1357    #banner .panel-body, #banner .PanelBody {
1358    padding: 0;
1359    }
1360    @media (min-width: 992px) {
1361    .RadMenu.RadMenu_Austin .rmToggle, .RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink .rmToggle {
1362    display: inline;
1363    }
1364    }
1365    .RadMenu.RadMenu_Austin .rmLink, .RadMenu.RadMenu_Austin .rmRootLink.rmExpanded, .RadMenu.RadMenu_Austin .rmRootLink:hover, .RadMenu.RadMenu_Austin .rmRootLink.rmFocused, .rmRootLink.rmExpanded {
1366    color: #006FB9;
1367    background: transparent;
1368    }
1369    .RadMenu_Austin .rmSlide .rmLink:hover, .RadMenu_Austin .rmSlide .rmLink:focus, .RadMenu_Austin .rmSlide .rmLink.rmFocused, .RadMenu_Austin .rmSlide .rmLevel1>.rmItem>.rmLink:hover, .RadMenu_Austin .rmSlide .rmLevel1>.rmItem>.rmLink:focus, .RadMenu_Austin .rmSlide .rmLevel1>.rmItem>.rmLink.rmFocused, .RadMenu.RadMenu_Austin .rmTwoLevels .rmLevel1>.rmItem>.rmLink, .RadMenu.RadMenu_Austin .rmTwoLevels .rmLevel1>.rmItem.rmDisabled>.rmLink:hover, .RadMenu.RadMenu_Austin .rmTwoLevels .rmLevel1>.rmItem.rmDisabled>.rmLink:focus {
1370    color: #006FB9;
1371    text-transform: none;
1372    font-weight: 400;
1373    }
1374    .RadMenu.RadMenu_Austin .rmRootLink.rmExpanded, .RadMenu.RadMenu_Austin .rmRootLink:hover, .RadMenu.RadMenu_Austin .rmRootLink.rmFocused {
1375    font-weight: 700;
1376    }
1377    .RadMenu.RadMenu_Austin .rmGroup {
1378    background: rgba(var(--neutral-light), 1);
1379    border-radius: 30px;
1380    min-width: 250px !important;
1381    }
1382    .rmSlide {
1383    padding: 1.5em 1em
1384    }
1385    .rmVertical.rmGroup.rmLevel2 {
1386    background-color: transparent;
1387    }
1388    .Wrapper-FullWidth #masterContentArea.container {
1389    max-width: 100% !important;
1390    padding: 0;
1391    }
1392    .Wrapper-FullWidth #masterContentArea .container-inner {
1393    max-width: var(--site-containers);
1394    padding-left: 15px;
1395    padding-right: 15px;
1396    margin: 0 auto;
1397    }
1398    .Wrapper-HomePage .FullWidthArea {
1399    padding: 10px 1%;
1400    }
1401    .padding-all {
1402    padding: 2em 3em 3em;
1403    }
1404    h1, h2, h3, h4, h5, .carousel-caption h1, .carousel-caption h2, .carousel-caption h3, .carousel-caption h4, .carousel-caption h5, .carousel-caption h6 {
1405    color: var(--brand-main);
1406    font-weight: 800;
1407    }
1408    h1 {
1409    font-size: var(--font-size-xxl);
1410    }
1411    h2, .h2, .PanelTitle {
1412    font-size: var(--font-size-xl);
1413    border-bottom: 0
1414    }
1415    h4 {
1416    font-size: var(--font-size-sm);
1417    }
1418    h5 {
1419    font-size: var(--font-size-lg);
1420    font-weight: 400;
1421    }
1422    .carousel-caption p, h5 {
1423    font-size: var(--font-size-md);
1424    color: var(--font-color-secondary);
1425    }
1426    .carousel-caption {
1427    background: rgba(var(--neutral-light), var(--alpha));
1428    text-align: left;
1429    padding: 2em;
1430    text-shadow: none;
1431    }
1432    .carousel-caption a {
1433    text-decoration: none;
1434    }
1435    @media (min-width: 768px) {
1436    .carousel-caption {
1437    left: 5%;
1438    right: 40%;
1439    padding-bottom: 30px;
1440    top: 20%;
1441    bottom: 20%;
1442    height: max-content;
1443    }
1444    }
1445    .RadMenu .rmSlide, .RadMenu_Context {
1446    margin-top: 15px;
1447    }
1448    #HomePageContent .panel-body {
1449    padding: 0
1450    }
1451    #masterContentArea, #ft {
1452    background: rgba(var(--neutral-light), var(--alpha))
1453    }
1454    .footer-content, .footer-nav-copyright {
1455    background: var(--neutral);
1456    border-radius: 30px;
1457    }
1458    .footer-content :is(a, p, body), #ft, .footer-content {
1459    color: #000
1460    }
1461    .footer-content {
1462    margin-top: 2em;
1463    text-align: left;
1464    }
1465    ul.footer-menu, ul.footer-social {
1466    list-style: none;
1467    }
1468    .footer-menu a {
1469    text-decoration: none;
1470    }
1471    .footer-menu li, .footer-social li {
1472    line-height: 3em;
1473    }
1474    .footer-social img {
1475    float: right;
1476    height: 30px
1477    }
1478    .footer .footer-social {
1479    width: 50%;
1480    }
1481    .footer-content .col-sm-5 {
1482    width: 100%;
1483    }
1484    #IntroBlock {
1485    padding: 3em 0;
1486    }
1487    /* Utility Classes for Responsive Design */
1488    .container, .header-container, .SliderPage1 {
1489    max-width: var(--site-containers);
1490    }
1491    .header-container {
1492    max-width: 1500px;
1493    }
1494    @media (max-width: 768px) {
1495    .background-blue, .background-blue-light, .background-blue-dark, .background-red, .background-red-light, .background-red-dark, .background-green, .background-green-light, .background-green-dark, .background-yellow, .background-yellow-light, .background-yellow-dark {
1496    padding: 20px;
1497    /* Responsive padding */
1498    font-size: 1.2rem;
1499    /* Responsive font size */
1500    }
1501    }
1502    /* Menu items */
1503    .RadMenu.RadMenu_Austin .rmToggle .rmIcon, .RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink .rmToggle .rmIcon {
1504    background-image: url(images/responsivenav.png);
1505    margin-top: 20px;
1506    margin-left: 5px;
1507    }
1508    .RadMenu.RadMenu_Austin .rmRootGroup>.rmItem>.rmLink {
1509    font-weight: 400;
1510    font-size: 1.4em;
1511    text-transform: none;
1512    }
1513    .RadMenu.RadMenu_Austin, .RadMenu.RadMenu_Austin .rmItem .rmLevel1 {
1514    font-size: var(--font-size-sm);
1515    }
1516    :is(.RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink):hover {
1517    font-weight: 600;
1518    }
1519    /* Load More button styles */
1520    .load-more-button {
1521    background-color: #007bff;
1522    /* Primary color */
1523    color: white;
1524    /* Text color */
1525    border: none;
1526    /* Remove default border */
1527    border-radius: 5px;
1528    /* Rounded corners */
1529    padding: 12px 24px;
1530    /* Vertical and horizontal padding */
1531    font-size: 16px;
1532    /* Font size */
1533    cursor: pointer;
1534    /* Pointer cursor on hover */
1535    transition: background-color 0.3s ease;
1536    /* Smooth background color transition */
1537    }
1538    /* Example usage */
1539    .background-blue {
1540    background-color: var(--brand-main);
1541    }
1542    .background-blue-light {
1543    background-color: var(--brand-color-1-light);
1544    }
1545    .background-blue-dark {
1546    background-color: var(--brand-color-1-dark);
1547    }
1548    .background-grey {
1549    background-color: var(--neutral-light);
1550    }
1551    .background-red {
1552    background-color: var(--brand-color-2);
1553    }
1554    .background-red-light {
1555    background-color: var(--brand-color-2-light);
1556    }
1557    .background-red-dark {
1558    background-color: var(--brand-color-2-dark);
1559    }
1560    .background-green {
1561    background-color: var(--brand-color-4);
1562    }
1563    .background-green-light {
1564    background-color: var(--brand-color-4-light);
1565    }
1566    .background-green-dark {
1567    background-color: var(--brand-color-4-dark);
1568    }
1569    .background-yellow {
1570    background-color: var(--brand-color-1);
1571    }
1572    .background-yellow-light {
1573    background-color: var(--brand-color-1-light);
1574    }
1575    .background-yellow-dark {
1576    background-color: var(--brand-color-1-dark);
1577    }
1578    .background-orange {
1579    background-color: var(--brand-color-3);
1580    }
1581    .background-orange-light {
1582    background-color: var(--brand-color-3-light);
1583    }
1584    .background-orange-dark {
1585    background-color: var(--brand-color-3-dark);
1586    }
1587    .background-neutral {
1588    background-color: var(--neutral);
1589    }
1590    .background-blue :is(body, p, .panel, .panel-body, h1, h2, h3, h4, h5, h5, a), [class^="background-orange"] :is(body, p, .panel, .panel-body, h1, h2, h3, h4, h5, h5, a) {
1591    color: var(--neutral) !important;
1592    }
1593    [class*="background-blue"] .iMIS-WebPart>.ContentItemContainer {
1594    padding: 3em 0 2em;
1595    }
1596    /* Buttons */
1597    .btn {
1598    border-radius: var(--button-border-radius);
1599    background: var(--button-primary-bg);
1600    color: var(--button-text-color);
1601    font-size: var(--button-large-font-size);
1602    font-weight: var(--font-weight-semibold);
1603    }
1604    .btn:hover, .btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn:disabled:active, .btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active, .btn.aspNetDisabled, .btn.aspNetDisabled:hover, .btn.aspNetDisabled:focus, .btn.aspNetDisabled:active, .TextButton:disabled, .TextButton:disabled:hover, .TextButton:disabled:focus, .TextButton:disabled:active, .TextButton.disabled, .TextButton.disabled:hover, .TextButton.disabled:focus, .TextButton.disabled:active, .TextButton.aspNetDisabled, .TextButton.aspNetDisabled:hover, .TextButton.aspNetDisabled:focus, .TextButton.aspNetDisabled:active, .RadUpload.RadUpload .ruButton:disabled, .RadUpload.RadUpload .ruButton:disabled:hover, .RadUpload.RadUpload .ruButton:disabled:focus, .RadUpload.RadUpload .ruButton:disabled:active, .RadUpload.RadUpload .ruButton.disabled, .RadUpload.RadUpload .ruButton.disabled:hover, .RadUpload.RadUpload .ruButton.disabled:focus, .RadUpload.RadUpload .ruButton.disabled:active, .RadUpload.RadUpload .ruButton.aspNetDisabled, .RadUpload.RadUpload .ruButton.aspNetDisabled:hover, .RadUpload.RadUpload .ruButton.aspNetDisabled:focus, .RadUpload.RadUpload .ruButton.aspNetDisabled:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:active {
1605    background: var(--button-primary-bg-hover)
1606    }
1607    .TextButton {
1608    background: var(--brand-main) !important;
1609    font-weight: 600;
1610    }
1611    .TextButton:hover {
1612    background: var(--brand-alternate) !important;
1613    }
1614    .LargeButton {
1615    font-size: var(--button-large-font-size);
1616    }
1617    a.Arrow, a.Arrow:hover {
1618    padding-right: 50px;
1619    background-image: url(/images/ICS/Icons/WhiteArrow.svg);
1620    background-repeat: no-repeat;
1621    background-size: 30px 30px;
1622    background-position: 95%;
1623    }
1624    .btn-purple, a.btn-purple {
1625    background-color: #CB65E0;
1626    color: #fff;
1627    padding: 7px 15px;
1628    border-radius: var(--button-border-radius);
1629    text-decoration: none;
1630    margin-bottom: 1em;
1631    }
1632    .SmallButton, .UseSmallButton .TextButton {
1633    font-size: var(--button-small-font-size);
1634    }
1635    /* end of buttons */
1636    body, p {
1637    font-size: var(--base-font-size)
1638    }
1639    /* Hover effect */
1640    .load-more-button:hover {
1641    background-color: #0056b3;
1642    /* Darker shade on hover */
1643    }
1644    /* Responsive styles */
1645    @media (max-width: 600px) {
1646    .load-more-button {
1647    font-size: 14px;
1648    /* Smaller font size on mobile */
1649    padding: 10px 20px;
1650    /* Adjust padding on mobile */
1651    }
1652    }
1653    /* Alignment Classes */
1654    .align-left {
1655    text-align: left;
1656    }
1657    .align-right {
1658    text-align: right;
1659    }
1660    .align-center {
1661    text-align: center;
1662    }
1663    /* Self Alignment for Flexbox */
1664    .self-start {
1665    align-self: flex-start;
1666    }
1667    .self-end {
1668    align-self: flex-end;
1669    }
1670    .self-center {
1671    align-self: center;
1672    }
1673    .self-stretch {
1674    align-self: stretch;
1675    }
1676    /* Responsive Utility Classes */
1677    @media (max-width: 768px) {
1678    .align-left, .align-right, .align-center {
1679    text-align: center;
1680    /* Center text on smaller screens for better readability */
1681    }
1682    }
1683    * {
1684    box-sizing: border-box;
1685    margin: 0;
1686    padding: 0;
1687    }
1688    body {
1689    display: flex;
1690    justify-content: center;
1691    align-items: center;
1692    height: 100vh;
1693    background-color: var(--neutral);
1694    }
1695    .card {
1696    perspective: 1000px;
1697    }
1698    .card-inner {
1699    position: relative;
1700    width: 300px;
1701    height: 400px;
1702    transition: transform 0.6s;
1703    transform-style: preserve-3d;
1704    }
1705    .card:hover .card-inner {
1706    transform: rotateY(180deg);
1707    }
1708    .card-front, .card-back {
1709    position: absolute;
1710    width: 100%;
1711    height: 100%;
1712    backface-visibility: hidden;
1713    overflow: hidden;
1714    }
1715    .card-front img {
1716    width: 100%;
1717    height: 100%;
1718    object-fit: cover;
1719    }
1720    .card-back {
1721    background-color: rgba(0, 0, 0, 0.7);
1722    color: #fff;
1723    display: flex;
1724    justify-content: center;
1725    align-items: center;
1726    flex-direction: column;
1727    transform: rotateY(180deg);
1728    opacity: 0;
1729    transition: opacity 0.4s ease;
1730    }
1731    .card:hover .card-back {
1732    opacity: 1;
1733    }
1734    .overlay {
1735    text-align: center;
1736    transition: transform 0.4s ease;
1737    }
1738    .card-back h2 {
1739    margin-bottom: 20px;
1740    }
1741    .link {
1742    color: #fff;
1743    text-decoration: underline;
1744    transition: color 0.3s ease;
1745    }
1746    .link:hover {
1747    color: #ffcc00;
1748    /* Change to your preferred hover color */
1749    }
1750    /* modal css */
1751    .modal {
1752    display: none;
1753    /* Hidden by default */
1754    position: fixed;
1755    /* Stay in place */
1756    z-index: 1000;
1757    /* Sit on top */
1758    left: 0;
1759    top: 0;
1760    width: 100%;
1761    /* Full width */
1762    height: 100%;
1763    /* Full height */
1764    overflow: auto;
1765    /* Enable scroll if needed */
1766    background-color: var(--modal-bg-color);
1767    /* Black w/ opacity */
1768    transition: opacity var(--modal-transition-duration) ease;
1769    opacity: var(--modal-fade-out);
1770    }
1771    .modal-content {
1772    background-color: var(--modal-content-bg-color);
1773    margin: 15% auto;
1774    /* 15% from the top and centered */
1775    padding: 20px;
1776    border: 1px solid #888;
1777    width: 80%;
1778    /* Could be more or less, depending on screen size */
1779    max-width: 600px;
1780    /* Limit the maximum width */
1781    transform: scale(0);
1782    transition: transform var(--modal-transition-duration) ease, opacity var(--modal-transition-duration) ease;
1783    opacity: var(--modal-fade-out);
1784    }
1785    .modal.show {
1786    display: block;
1787    /* Show the modal */
1788    opacity: var(--modal-fade-in);
1789    }
1790    .modal.show .modal-content {
1791    transform: scale(1);
1792    /* Scale up */
1793    opacity: 1;
1794    /* Fully visible */
1795    }
1796    .close {
1797    color: #aaa;
1798    float: right;
1799    font-size: 28px;
1800    font-weight: bold;
1801    }
1802    .close:hover, .close:focus {
1803    color: black;
1804    text-decoration: none;
1805    cursor: pointer;
1806    }
1807    /* ifinity Cards */
1808    :is(.iFinityCard) :is(.TaggedListPanel, .tbody) {
1809    display: grid;
1810    grid-template-columns: repeat(auto-fill, minmax(var(--card-min-width), 1fr));
1811    gap: var(--card-gap);
1812    margin: 0;
1813    padding: 0;
1814    list-style: none;
1815    }
1816    .Left .iFinityCardItem {
1817    display: grid;
1818    grid-template-columns: 1fr 1fr;
1819    grid-template-rows: 1fr;
1820    gap: 1em;
1821    grid-template-areas: "iFinityCardImage iFinityCardDescription";
1822    }
1823    .iFinityCardImage {
1824    height: var(--card-image-height-horz)
1825    }
1826    .iFinityCardImage img {
1827    width: 100%
1828    }
1829    .iFinityCardTitle {
1830    display: block;
1831    min-width: calc(var(--card-min-width) - 20px);
1832    padding-top: .5em;
1833    }
1834    .iFinityCardTitle a {
1835    text-decoration: none;
1836    }
1837    .iFinityCardDate {
1838    display: block;
1839    font-weight: var(--card-date-font-weight);
1840    }
1841    .iFinityCardDescription {
1842    display: block;
1843    height: var(--card-desciption-height);
1844    background: var(--neutral);
1845    margin-top: -1.15em;
1846    padding: 1em;
1847    }
1848    .iFinityCardItem {
1849    background: #fff;
1850    margin-right: 15px
1851    }
1852    .iFinityCardItem:hover {
1853    background: var(--brand-color-4);
1854    transform: translate3D(0, -1px, 0) scale(1.03);
1855    }
1856    .iFintiyCardDescription {
1857    padding: 1em;
1858    }
1859    .iFinityCardDescription:hover {
1860    background: transparent
1861    }
1862    .iFinityCardLink {
1863    display: block;
1864    padding: 1em;
1865    text-align: var(--card-action-align);
1866    }
1867    :is(.iFinityCard) .Two-per-row {
1868    grid-template-columns: 1fr 1fr;
1869    gap: var(--card-gap);
1870    }
1871    :is(.iFinityCard.NoDate) .IfinityCardDate {
1872    display: none;
1873    }
1874    .iFinityCardBlock .iFinityCardItem {
1875    margin-right: 0;
1876    margin-bottom: 2em;
1877    padding: 1em;
1878    background: transparent
1879    }
1880    :is(.iFinityCard) .three-per-row .two-per-row :is(.iFinityCard) .four-per-row {
1881    grid-template-columns: 1fr 1fr;
1882    gap: var(--card-gap);
1883    }
1884    .first-card :is(.services-grid) .four-per-row {
1885    display: grid;
1886    grid-template-columns: repeat(auto-fill, minmax(18vw, 1fr));
1887    gap: 3em;
1888    margin: 0;
1889    padding: 0;
1890    list-style: none;
1891    }
1892    .Four-per-row .TaggedListPanel, .Four-per-row .QueryTemplateSet, .Four-per-row .tbody {
1893    display: grid;
1894    grid-template-columns: repeat(auto-fill, minmax(18vw, 1fr));
1895    grid-gap: 2em;
1896    }
1897    .Three-per-row .TaggedListPanel {
1898    display: grid;
1899    grid-template-columns: repeat(auto-fill, minmax(26vw, 1fr));
1900    grid-gap: 2em;
1901    }
1902    .Two-per-row :is(.TaggedListPanel, tbody, .cardBody) {
1903    display: grid;
1904    grid-template-columns: repeat(auto-fill, minmax(48vw, 1fr));
1905    grid-gap: 2em;
1906    }
1907    @media(max-width: 767px) {
1908    [class*="-per-row"] .TaggedListPanel, .iFinityEventCard[class*="-per-row"] .QueryTemplateSet, .iFinityEventCard[class*="-per-row"] tbody, .iFinityCard[class*="-per-row"] .QueryTemplateSet, .iFinityCard[class*="-per-row"] tbody {
1909    display: block;
1910    }
1911    .iFinityEventCard .panel-body, .iFinityCard .panel-body {
1912    padding: 0
1913    }
1914    }
1915    .BlockTLItem .iFc-image {
1916    background: var(--card-image-background)
1917    }
1918    .BlockTLItem .iFc-title {
1919    padding: 2% 5%;
1920    text-align: left;
1921    text-transform: uppercase;
1922    font-weight: 600;
1923    }
1924    /* iFinity Event Card */
1925    .newsSummary, .iFc-descpription p {
1926    text-transform: none;
1927    }
1928    .iFc-title h3 {
1929    color: #fff;
1930    display: -webkit-box;
1931    -webkit-line-clamp: 2;
1932    -webkit-box-orient: vertical;
1933    overflow: hidden;
1934    }
1935    .iFc-description {
1936    padding: 1em;
1937    }
1938    .iFc-description span {
1939    display: -webkit-box;
1940    -webkit-line-clamp: 5;
1941    -webkit-box-orient: vertical;
1942    overflow: hidden;
1943    }
1944    .iFc-descpription h3 {
1945    border-bottom: 1px solid var(--mid-grey);
1946    width: 100%
1947    }
1948    .iFc-link {
1949    position: relative;
1950    bottom: 0
1951    }
1952    .Four-per-row .BlockTLItem {
1953    border-bottom: 0 solid transparent;
1954    background: #fff;
1955    padding-top: 0;
1956    }
1957    .BlockTLItem {
1958    display: grid;
1959    grid-template-columns: 1fr;
1960    grid-template-rows: repeat(5, 0.5fr);
1961    gap: 0px 0px;
1962    grid-template-areas: "card-image" "card-title" "card-description" "card-description" "buttonlargewwrap";
1963    }
1964    .BlockTLItem .iFc-image {
1965    grid-area: card-image;
1966    }
1967    .BlockTLItem .iFc-title {
1968    grid-area: card-title;
1969    display: -webkit-box;
1970    -webkit-line-clamp: 3;
1971    -webkit-box-orient: vertical;
1972    white-space: wrap;
1973    overflow: hidden;
1974    text-overflow: ellipsis;
1975    }
1976    .BlockTLItem .card-title a {
1977    text-decoration: none;
1978    text-align: left
1979    }
1980    .BlockTLItem .iFc-description {
1981    grid-area: card-description;
1982    }
1983    .BlockTLItem .buttonlargewwrap {
1984    grid-area: buttonlargewwrap;
1985    margin-top: 2em;
1986    }
1987    .BlockTLItem h4, .BlockList h4 {
1988    font-size: 100%;
1989    font-weight: 600;
1990    }
1991    .First-Full .TaggedListPanel .BlockTLItem:first-child {
1992    grid-column: 4/1;
1993    }
1994    .First-Full .TaggedListPanel .BlockTLItem:first-child, .iFc-Full-Width .TaggedListPanel .BlockTLItem {
1995    display: grid;
1996    grid-template-columns: repeat(2, 1fr);
1997    grid-template-rows: 1fr;
1998    gap: .5em 1em;
1999    grid-template-areas: "card-image card-detail";
2000    }
2001    .First-Full .TaggedListPanel .BlockTLItem:not(:first-child) {
2002    display: grid;
2003    grid-template-columns: 1fr;
2004    grid-template-rows: auto auto;
2005    gap: .5em 1em;
2006    grid-template-areas: "card-image" "card-detail";
2007    }
2008    .First-Full .TaggedListPanel .BlockTLItem:first-child .iFc-detail, .iFc-Full-Width .TaggedListPanel .BlockTLItem .iFc-detail {
2009    display: grid;
2010    grid-template-columns: 1fr;
2011    grid-template-rows: auto auto auto;
2012    gap: 0;
2013    grid-template-areas: "card-title" "card-description" "buttonlargewwrap ";
2014    grid-area: card-detail;
2015    }
2016    .First-Full .BlockTLItem:first-child .iFc-title, .iFc-Full-Width .TaggedListPanel .BlockTLItem .iFc-title {
2017    padding: 0 2% 0;
2018    font-size: 2em;
2019    margin-bottom: 0 !important;
2020    height: auto;
2021    }
2022    .First-Full .BlockTLItem:first-child .iFc-description, .iFc-Full-Width .TaggedListPanel .BlockTLItem .iFc-description {
2023    padding: 0 2%;
2024    }
2025    .First-Tall .TaggedListPanel .BlockTLItem:first-child {
2026    grid-column: 1/4;
2027    }
2028    .First-Tall .QueryTemplateSet Section:first-child {
2029    grid-row: span 2;
2030    grid-column: span 2;
2031    }
2032    /* iFinity Event Cards */
2033    .iFinityEventCard .iFinityCardItem, .iFinityEventCard .iFinityCardDescription {
2034    background: transparent;
2035    }
2036    .iFinityEventCard .iFinityCardImage {
2037    width: 100%;
2038    position: relative;
2039    aspect-ratio: 2 / 1;
2040    overflow: hidden;
2041    }
2042    .iFinityEventCard .iFinityCardImage img {
2043    width: 100%;
2044    }
2045    /* .iFinityEventCard Section:first-child .iFinityCardImage {
2046    aspect-ratio: 2 / 1.25;
2047    }
2048    */
2049    .iFinityEventCard Section:first-child .iFinityCardTitle {
2050    font-size: 1.25rem;
2051    }
2052    .iFinityEventCard .iFinityCardDescription {
2053    display: none;
2054    }
2055    .iFinityEventCard Section:first-child .iFinityCardDescription {
2056    display: contents;
2057    margin-top: 1em;
2058    margin-bottom: 1em;
2059    }
2060    .iFinityEventCard .ifinityCardTitle {
2061    font-size: var(--font-size-md)
2062    }
2063    .iFinityEventCard .iFinityCardItem {
2064    margin-right: 0
2065    }
2066    .iFinityEventCard .QueryTemplateSet Section {
2067    background: var(--neutral);
2068    }
2069    .iFinityEventCard .iFinityCardItem {
2070    transform: none;
2071    display: block;
2072    height: auto;
2073    }
2074    .iFinityEventCard .QueryTemplateSet Section:hover {
2075    background: var(--brand-color-4);
2076    transform: translate3D(0, -1px, 0) scale(1.03);
2077    }
2078    .iFinityEventCard .iFinityCardDetail {
2079    padding: 1em 1.25em;
2080    }
2081    .iFinityEventCard .iFinityCardFeatured {
2082    width: 33%;
2083    background: red;
2084    padding: 7px 10px;
2085    -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
2086    color: #fff;
2087    font-size: var(--font-size-md);
2088    font-weight: 600;
2089    position: absolute;
2090    top: 0;
2091    }
2092    .iFinityEventCard .iFinityCardType {
2093    position: absolute;
2094    bottom: .4em;
2095    left: 0
2096    }
2097    .iFinityEventCard .iFinityCardDescription {
2098    padding: 1em 0;
2099    }
2100    .Four-per-row.iFinityEventCard Section:first-child .iFinityCardTitle {
2101    font-size: var(--font-size-lg);
2102    padding-bottom: 1em;
2103    }
2104    .Four-per-row.iFinityEventCard Section:first-child>.iFinityCardDescription {
2105    padding-bottom: 1em;
2106    }
2107    .iFinityEventCard .iFinityCardLocation, .iFinityCardDate {
2108    font-weight: 600;
2109    }
2110    .iFinityEventCard .iFinityCardButton a {
2111    margin-right: 1em;
2112    margin-top: 1em;
2113    }
2114    @media(max-width:767px) {
2115    .iFinityEventCard, .First-Tall Section:first-child {
2116    display: block
2117    }
2118    .iFinityEventCard Section:first-child .iFinityCardImage {
2119    aspect-ratio: unset
2120    }
2121    }
2122    /* Overlay for the text area */
2123    .IFO-Content {
2124    left: 5%;
2125    right: 50%;
2126    top: 50%;
2127    top: 15%;
2128    height: max-content;
2129    /* bottom: 15%;
2130    */
2131    background-color: rgba(var(--neutral-light), var(--alpha));
2132    /* Transparent white background */
2133    padding: 20px 20px 2em;
2134    position: absolute;
2135    /* Ensures it sits above the image */
2136    z-index: 1;
2137    /* Bring text area above the image */
2138    display: flex;
2139    flex-direction: column;
2140    /* Stack elements vertically */
2141    }
2142    /* Button area styling */
2143    .IFO-Button {
2144    display: flex;
2145    justify-content: center;
2146    /* Center the button */
2147    padding: 10px;
2148    }
2149    .ContentRight .IFO-Content {
2150    left: 50%;
2151    right: 5%;
2152    }
2153    .IFO-Img img {
2154    width: 100VW;
2155    }
2156    /* Responsive design */
2157    @media (max-width: 767px) {
2158    .Overaly-Container {
2159    max-height: 400px !important;
2160    }
2161    .IFO-Img img {
2162    height: 400px !important;
2163    width: auto;
2164    overflow: hidden;
2165    object-fit: cover;
2166    }
2167    .IFO-Content, .ContentRight .IFO-Content {
2168    padding: 1.5em;
2169    /* Adjust padding on smaller screens */
2170    right: 10%;
2171    left: 10%;
2172    height: max-content;
2173    }
2174    .IFO-Button {
2175    padding: 10px 20px;
2176    /* Smaller padding for buttons */
2177    }
2178    }
2179    /* Container for the grid layout */
2180    .Overlay-Container {
2181    display: block;
2182    position: relative;
2183    /* Position context for the overlay */
2184    margin-bottom: 2em;
2185    }
2186    /* Button area styling */
2187    .IFO-Button {
2188    display: flex;
2189    justify-content: center;
2190    /* Center the button */
2191    padding: 10px;
2192    }
2193    .IFO-Content .IFO-Buttons {
2194    position: absolute;
2195    bottom: 1em;
2196    }
2197    .ContentRight .IFO-Content {
2198    left: 50%;
2199    right: 5%;
2200    }
2201    /* Responsive design */
2202    @media (max-width: 768px) {
2203    .Overaly-Container {
2204    max-height: 400px !important;
2205    }
2206    .IFO-Img img {
2207    height: 400px !important;
2208    width: auto;
2209    overflow: hidden;
2210    object-fit: cover;
2211    }
2212    .IFO-Content, .ContentRight .IFO-Content {
2213    padding: 1.5em;
2214    /* Adjust padding on smaller screens */
2215    right: 10%;
2216    left: 10%;
2217    height: max-content;
2218    }
2219    .IFO-Button {
2220    padding: 10px 20px;
2221    /* Smaller padding for buttons */
2222    }
2223    }
2224    .Overlay-Container.Bottom-Overlap {
2225    display: block;
2226    grid-template-columns: .25fr 1fr .5fr;
2227    grid-template-rows: 1fr .5fr 0.15fr;
2228    gap: 0px 0px;
2229    padding-bottom: 5%;
2230    }
2231    .Overlay-Container p {
2232    font-size: var(--font-size-md);
2233    }
2234    /* --overlay bottom overlap */
2235    :is(.Overlay-Container.Bottom-Overlap) .IFO-Img {
2236    grid-area: 1 / 1 / 3 / 4;
2237    }
2238    :is(.Overlay-Container.Bottom-Overlap) .IFO-Content {
2239    display: block;
2240    background: rgba(250, 250, 250, .8);
2241    padding: 1.5em;
2242    top: 55%;
2243    /* bottom: -10%;
2244    */
2245    right: 40%;
2246    left: 15%;
2247    padding-bottom: 4em;
2248    position: absolute;
2249    }
2250    @media(max-width: 1648px) {
2251    :is(.Overlay-Container.Bottom-Overlap) .IFO-Content {
2252    top: 50%;
2253    right: 30%;
2254    left: 5%;
2255    }
2256    }
2257    @media(max-width: 991px) {
2258    :is(.Overlay-Container.Bottom-Overlap) .IFO-Content {
2259    top: 5%;
2260    right: 5%;
2261    left: 5%;
2262    }
2263    }
2264    :is(.Overlay-Container.Bottom-Overlap) .IFO-Butttons .btn {
2265    color: var(--button-text-color);
2266    background: var(--button-secondary-bg);
2267    margin-right: 1em;
2268    }
2269    :is(.Overlay-Container.Bottom-Overlap) .IFO-Butttons .btn:hover {
2270    background: var(--button-secondary-bg-hover)
2271    }
2272    .Overlay-Container.Bottom-Overlap .IFO-Buttons {
2273    position: absolute;
2274    bottom: 0;
2275    left: 0;
2276    }
2277    /* --overlay Short overlap */
2278    :is(.Overlay-Container.ShortBanner) .IFO-Content {
2279    right: 40%;
2280    left: 15%;
2281    }
2282    :is(.Overlay-Container.ShortBanner) .IFO-Butttons .btn {
2283    color: var(--button-text-color);
2284    background: var(--button-secondary-bg);
2285    margin-right: 1em;
2286    }
2287    :is(.Overlay-Container.ShortBanner) .IFO-Butttons .btn:hover {
2288    background: var(--button-secondary-bg-hover)
2289    }
2290    .Overlay-Container:is(.Overlay-Container.ShortBanner) .IFO-Buttons {
2291    position: absolute;
2292    bottom: 0;
2293    left: 0;
2294    }
2295    #IntroBlock {
2296    padding: 3em 0;
2297    }
2298    @media(max-width:767px) {
2299    .iFinityEventCard, .First-Tall Section:first-child {
2300    display: block
2301    }
2302    .iFinityEventCard Section:first-child .iFinityCardImage {
2303    aspect-ratio: unset
2304    }
2305    .iFinityCardItem {
2306    margin-bottom: 2em;
2307    margin-right: 0;
2308    }
2309    .iFinityCard .panel-body {
2310    padding: 0
2311    }
2312    .Overlay-Container.Bottom-Overlap {
2313    display: block;
2314    }
2315    :is(.Overlay-Container.Bottom-Overlap) .IFO-Content {
2316    display: block;
2317    padding: 1.5em;
2318    top: 10%;
2319    bottom: 5%;
2320    right: 1%;
2321    left: 1%;
2322    padding-bottom: 4em;
2323    font-size: .85em
2324    }
2325    .IFO-Content, .ContentRight .IFO-Content {
2326    left: 1%;
2327    right: 1%;
2328    }
2329    [class*="-per-row"] .TaggedListPanel, .iFinityEventCard[class*="-per-row"] .QueryTemplateSet, .iFinityEventCard[class*="-per-row"] tbody, .iFinityCard[class*="-per-row"] .QueryTemplateSet, .iFinityCard[class*="-per-row"] tbody {
2330    display: block;
2331    }
2332    .iFinityEventCard .panel-body, .iFinityCard .panel-body {
2333    padding: 0
2334    }
2335    }
2336    /* Container for the grid layout */
2337    .Overlay-Container {
2338    display: block;
2339    position: relative;
2340    /* Position context for the overlay */
2341    margin-bottom: 2em;
2342    }
2343    /* Image styling */
2344    .IFO-Img img {
2345    width: 100VW
2346    }
2347    .Overaly-Container .IFO-Img {
2348    width: 100%;
2349    height: 100%;
2350    object-fit: cover;
2351    /* Ensure image covers the area without distortion */
2352    position: absolute;
2353    /* Positioning to allow overlay */
2354    top: 0;
2355    left: 0;
2356    }
2357    /* Utility Classes for Responsive Design */
2358    .container, .header-container, .SliderPage1 {
2359    max-width: var(--site-containers);
2360    }
2361    .header-container {
2362    max-width: 1500px;
2363    }
2364    @media (max-width: 768px) {
2365    .background-blue, .background-blue-light, .background-blue-dark, .background-red, .background-red-light, .background-red-dark, .background-green, .background-green-light, .background-green-dark, .background-yellow, .background-yellow-light, .background-yellow-dark {
2366    padding: 20px;
2367    /* Responsive padding */
2368    font-size: 1.2rem;
2369    /* Responsive font size */
2370    }
2371    }
2372    /* Menu items */
2373    .RadMenu.RadMenu_Austin .rmToggle .rmIcon, .RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink .rmToggle .rmIcon {
2374    background-image: url(/images/ICS/Icons/DownArrow.svg);
2375    margin-top: 20px;
2376    margin-left: 5px;
2377    background-size: contain;
2378    }
2379    .RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink.rmExpanded .rmToggle .rmIcon {
2380    background-image: url(/images/ICS/Icons/DownArrow.svg);
2381    }
2382    .RadMenu.RadMenu_Austin .rmRootGroup>.rmItem>.rmLink {
2383    font-weight: 400;
2384    font-size: var(--font-size-sm);
2385    text-transform: none;
2386    }
2387    .RadMenu.RadMenu_Austin, .RadMenu.RadMenu_Austin .rmItem .rmLevel1 {
2388    font-size: 1.25em;
2389    }
2390    :is(.RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink):hover {
2391    font-weight: 600;
2392    }
2393    /* Load More button styles */
2394    .load-more-button {
2395    background-color: #007bff;
2396    /* Primary color */
2397    color: white;
2398    /* Text color */
2399    border: none;
2400    /* Remove default border */
2401    border-radius: 5px;
2402    /* Rounded corners */
2403    padding: 12px 24px;
2404    /* Vertical and horizontal padding */
2405    font-size: 16px;
2406    /* Font size */
2407    cursor: pointer;
2408    /* Pointer cursor on hover */
2409    transition: background-color 0.3s ease;
2410    /* Smooth background color transition */
2411    }
2412    .radius-right {
2413    border-radius: 0 0 30px 30px
2414    }
2415    /* Buttons */
2416    .btn {
2417    border-radius: var(--button-border-radius);
2418    background: var(--button-primary-bg);
2419    color: var(--button-text-color);
2420    font-size: var(--button-large-font-size);
2421    font-weight: var(--font-weight-semibold);
2422    }
2423    .btn:hover, .btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn:disabled:active, .btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active, .btn.aspNetDisabled, .btn.aspNetDisabled:hover, .btn.aspNetDisabled:focus, .btn.aspNetDisabled:active, .TextButton:disabled, .TextButton:disabled:hover, .TextButton:disabled:focus, .TextButton:disabled:active, .TextButton.disabled, .TextButton.disabled:hover, .TextButton.disabled:focus, .TextButton.disabled:active, .TextButton.aspNetDisabled, .TextButton.aspNetDisabled:hover, .TextButton.aspNetDisabled:focus, .TextButton.aspNetDisabled:active, .RadUpload.RadUpload .ruButton:disabled, .RadUpload.RadUpload .ruButton:disabled:hover, .RadUpload.RadUpload .ruButton:disabled:focus, .RadUpload.RadUpload .ruButton:disabled:active, .RadUpload.RadUpload .ruButton.disabled, .RadUpload.RadUpload .ruButton.disabled:hover, .RadUpload.RadUpload .ruButton.disabled:focus, .RadUpload.RadUpload .ruButton.disabled:active, .RadUpload.RadUpload .ruButton.aspNetDisabled, .RadUpload.RadUpload .ruButton.aspNetDisabled:hover, .RadUpload.RadUpload .ruButton.aspNetDisabled:focus, .RadUpload.RadUpload .ruButton.aspNetDisabled:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:active {
2424    background: var(--button-primary-bg-hover)
2425    }
2426    .TextButton {
2427    background: var(--brand-main) !important;
2428    font-weight: 600;
2429    }
2430    .TextButton:hover {
2431    background: var(--brand-alternate) !important;
2432    }
2433    .LargeButton {
2434    font-size: var(--button-large-font-size);
2435    }
2436    a.Arrow, a.Arrow:hover {
2437    padding-right: 50px;
2438    background-image: url(/images/ICS/Icons/WhiteArrow.svg);
2439    background-repeat: no-repeat;
2440    background-size: 30px 30px;
2441    background-position: 95%;
2442    }
2443    body, p {
2444    font-size: var(--base-font-size)
2445    }
2446    /* Accordian */
2447    *, *:before, *:after {
2448    box-sizing: border-box;
2449    }
2450    /* STRTUTTURA */
2451    .radio-accordion {
2452    display: block;
2453    flex-wrap: wrap;
2454    }
2455    .radio-accordion-title {
2456    margin-right: 1px;
2457    width: 100%;
2458    position: relative;
2459    }
2460    .radio-accordion-title>label {
2461    background: transparent;
2462    min-height: 40px;
2463    color: #333;
2464    font-size: 18px;
2465    line-height: 1.5em;
2466    padding: 10px;
2467    cursor: pointer;
2468    display: block;
2469    font-weight: bold;
2470    display: -webkit-flex;
2471    display: flex;
2472    align-items: center;
2473    border-bottom: 2px solid #dcdcdc;
2474    padding-right: 50px;
2475    padding-left: 60px;
2476    }
2477    .radio-accordion-title>left:before {
2478    content: '';
2479    position: absolute;
2480    top: 0;
2481    left: 0;
2482    border-left: 5px solid transparent;
2483    border-bottom: 5px solid transparent;
2484    border-top: 5px solid white;
2485    border-right: 5px solid white;
2486    }
2487    .radio-accordion-body {
2488    padding: 20px;
2489    width: 100%;
2490    background: transparent;
2491    font-size: var(--font-size-sm);
2492    border-top: 1px solid #dcdcdc;
2493    }
2494    /* COMPORTAMENTO + COLORI TAB */
2495    .radio-accordion input[type=radio] {
2496    display: none;
2497    }
2498    .radio-accordion input[type=checkbox] {
2499    display: none;
2500    }
2501    .radio-accordion input[type=radio]:checked+.radio-accordion-title+.radio-accordion-body {
2502    height: auto;
2503    padding: 20px;
2504    overflow: hidden;
2505    transition: 0.5s all;
2506    opacity: 1;
2507    }
2508    .radio-accordion input[type=checkbox]:checked+.radio-accordion-title+.radio-accordion-body {
2509    height: auto;
2510    padding: 20px;
2511    overflow: hidden;
2512    transition: 0.5s all;
2513    opacity: 1;
2514    }
2515    .radio-accordion-body {
2516    height: 0;
2517    padding: 0 20px;
2518    overflow: hidden;
2519    opacity: 0;
2520    transition: 0.3s all;
2521    }
2522    /* al momento non usata serve + tipicamente dei TAB il cambio del colore dell'elemento attivo */
2523    /* .radio-accordion input[type=radio]:checked + .radio-accordion-title > label, .radio-accordion input[type=checkbox]:checked + .radio-accordion-title > label {
2524    border-color:white;
2525    background-color: white;
2526    color: #3f51b5;
2527    }
2528    */
2529    /** espander icon **/
2530    .radio-accordion input[type=radio]+.radio-accordion-title>label:before, .radio-accordion input[type=checkbox]+.radio-accordion-title>label:before {
2531    content: url(/images/ICS/Icons/ArrowDown.svg);
2532    position: absolute;
2533    top: 7px;
2534    left: 10px;
2535    border: 0;
2536    width: 20px;
2537    height: 20px;
2538    }
2539    .radio-accordion input[type=radio]:checked+.radio-accordion-title>label:before, .radio-accordion input[type=checkbox]:checked+.radio-accordion-title>label:before {
2540    content: url(/images/ICS/Icons/ArrowRight.svg);
2541    position: absolute;
2542    top: 7px;
2543    left: 10px;
2544    border: 0;
2545    width: 20px;
2546    height: 20px;
2547    }
2548    @media (max-width: 480px) {
2549    .radio-accordion-title {
2550    -webkit-flex: 1 0 100%;
2551    flex: 1 0 100%;
2552    -webkit-order: 1;
2553    order: 1;
2554    margin-bottom: 1px;
2555    }
2556    .radio-accordion-body {
2557    -webkit-order: 1;
2558    order: 1;
2559    }
2560    }
2561    /* Responsive styles */
2562    @media (max-width: 600px) {
2563    :root {
2564    --accordion-font-size: 14px;
2565    /* Adjust font size for smaller screens */
2566    }
2567    .radio-accordion-title {
2568    padding: 10px;
2569    }
2570    .raio-accordion-body {
2571    padding: 10px;
2572    }
2573    }
2574    .HideContent {
2575    display: none;
2576    }
2577    .Quote {
2578    background: transparent;
2579    border-left: 10px solid var(--brand-main);
2580    margin: 1.5em;
2581    padding: 1.5em .7em;
2582    quotes: "\201C" "\201D" "\201C" "\201D";
2583    font-weight: normal;
2584    font-style: italic;
2585    }
2586    .Quote:before {
2587    color: var(--brand-alternate);
2588    content: open-quote;
2589    margin-right: 0.25em;
2590    vertical-align: -0.4em;
2591    font-size: 800%;
2592    line-height: 0.1em;
2593    font-family: serif;
2594    font-weight: 900;
2595    }
2596    .headshot, cite {
2597    text-align: center;
2598    }
2599    .headshot img {
2600    border-radius: 50%;
2601    text-align: center;
2602    border: 5px solid var(--brand-color-2)
2603    }
2604    .Quote cite {
2605    font-weight: 600;
2606    font-size: 1.15em;
2607    }
2608    /* Navigation Guide */
2609    .Navigation-Guide {
2610    padding: 2em 3em 2em;
2611    background: var(--brand-alternate);
2612    border-radius: 0 30px 30px 0;
2613    color: #000;
2614    margin-top: -3em;
2615    }
2616    .Navigation-Guide h3 {
2617    color: #000 !important;
2618    }
2619    .Navigation-Guide ul {
2620    list-style: none;
2621    }
2622    .Navigation-Guide li>a {
2623    background-image: url(/images/ICS/Icons/BlueArrow.svg);
2624    width: 30px;
2625    height: 30px;
2626    background-repeat: no-repeat;
2627    background-size: contain;
2628    padding-left: 40px
2629    }
2630    .Padding-Top {
2631    padding-top: 3em;
2632    }
2633</style>--></div>
2634</div>
2635			<div class="row">
2636				<div class="col-sm-3">
2637					<div id="ctl01_ciFooterContent1_ContentRecordTemplateArea_Zone3PlaceHolder">
2638	<div id="ste_container_About" class="ContentItemContainer"><h3>About us</h3>
2639<ul class="footer-menu">
2640    <li><a href="/ICS/The-institute" class="">Our History</a></li>
2641    <li><a href="/ICS/Councils-Committees" class="">Our Councils &amp; Committees</a></li>
2642    <li><a href="/ICS/Meet-the-team" class="">Our Team</a></li>
2643</ul></div>
2644</div>
2645				</div>
2646				<div class="col-sm-3">
2647					<div id="ctl01_ciFooterContent1_ContentRecordTemplateArea_Zone4PlaceHolder">
2648	<div id="ste_container_Documentation" class="ContentItemContainer"><h3>Documentation</h3>
2649<ul class="footer-menu">
2650    <li><a href="/Public/ContentAreas/Vision-mission-and-values-statement.aspx" class="">Mission &amp; Values statement</a></li>
2651    <li><a href="/ICS/Public/Membership/FAQs.aspx" class="">FAQs</a></li>
2652    <li><a href="/Public/ContentAreas/Privacy-policy.aspx" class="">Privacy Policy</a></li>
2653</ul></div>
2654</div>
2655				</div>
2656				<div class="col-sm-3">
2657					<div id="ctl01_ciFooterContent1_ContentRecordTemplateArea_Zone5PlaceHolder">
2658	<div id="ste_container_Social" class="ContentItemContainer"><h3>Social</h3>
2659<ul class="footer-social">
2660    <li>Facebook&nbsp;<a href="https://www.facebook.com/people/Institute-of-Chartered-Shipbrokers/100063652689056/#" target="_blank"><img src="/images/ICS/Icons/FacebookIcon.svg?version=FFC9D3E5" alt="Facebook logo" style=""></a></li>
2661    <li>Instagram<a href="https://www.instagram.com/inst_chartered_shipbrokers/" target="_blank">
2661<img src="/images/ICS/Icons/InstagramIcon.svg?version=8D35A3C5" alt="Instagram logo" style=""></a></li>
2662    <li>YouTube&nbsp;<a href="https://www.youtube.com/channel/UCy9-_2ioX9RGM4f4sEzmBmg" target="_blank"><img src="/images/ICS/Icons/YouTubeIcon.svg?version=7C61B31E" alt="Youtube logo" style=""></a></li>
2663    <li>LinkedIn<a href="https://www.linkedin.com/school/instituteofcharteredshipbrokers" target="_blank"><img src="/images/ICS/Icons/LinkedInIcon.svg?version=BA7AEB92" alt="LinkedIn logo" style=""></a></li>
2664</ul></div>
2665</div>
2666				</div>
2667				<div class="col-sm-3">
2668					<div id="ctl01_ciFooterContent1_ContentRecordTemplateArea_Zone6PlaceHolder">
2669	<div id="ste_container_Contactus" class="ContentItemContainer"><h3>Contact us</h3>
2670<p>The Institute of Chartered Shipbrokers<br>
267165-66 Warwick House<br>
2672Queen’s Street<br>
2673London<br>
2674EC4R 1EB</p></div>
2675</div>
2676				</div>
2677			</div>
2678		</div>
2679	</div>
2680</div><div class="ContentRecordPageButtonPanel">
2681
2682</div> 	
2683
2684</div>
2685					</div>
2686
2687			</div>
2688		</div>
2689		<div class="footer-nav-copyright">
2690			<div class="container" role="navigation">
2691				<div class="footer-copyright" data-label="Footer 2">
2692									<div ID="WTZone9_Page1" class="WTZone ">
2693				<div id="ste_container_ciFooterContent2" class="ContentItemContainer">
2694<div id="ste_container_FooterCopyright" class="ContentItemContainer"><p>© The Institute of Chartered Shipbrokers. All Rights Reserved <span id="year"></span></p>
2695<p><br />
2696</p>
2697<!--<p><span><a href="#" class="">Terms of Use</a>&nbsp; |&nbsp; <a href="#" class="">Privacy &amp; Cookie Policy</a></span></p>--></div><div id="ste_container_NewContentHtml" class="ContentItemContainer"><!--<style>
2698    :root {
2699    /* Main Brand Colors */
2700    --brand-main: #006fb9;
2701    /* Main Color */
2702    --brand-alternate: #66beec;
2703    /* Alternate Color */
2704    /* Neutral Colors */
2705    --neutral: #fff;
2706    --neutral-light: 233, 233, 233;
2707    /* light Neutral */
2708    --neutral-dark: #1E1E1E;
2709    /* Dark Neutral */
2710    --neutral-medium: #9e9e9e;
2711    /* Medium Neutral */
2712    /* Additional Brand Colors */
2713    --brand-color-1: #ffe63e;
2714    /* Additional Brand Color 1 */
2715    --brand-color-2: #cb65e0;
2716    /* Additional Brand Color 2 */
2717    --brand-color-3: #ff8a00;
2718    /* Additional Brand Color 3 */
2719    --brand-color-4: #97f285;
2720    /* Additional Brand Color 4 */
2721    /* Lightened Variants */
2722    --brand-main-light: rgb(32, 165.8, 255);
2723    --brand-color-1-light: rgb(255, 243.2124352332, 164);
2724    --brand-color-2-light:rgb(231.6702702703, 185.9081081081, 241.0918918919);
2725    --brand-color-3-light:rgb(255, 184.8, 102);
2726    --brand-color-4-light: rgb(229.5777777778, 251.8222222222, 225.1777777778);
2727    /* Darkened Variants */
2728    --brand-main-dark: rgb(0, 49.8, 83);
2729    --brand-color-1-dark: rgb(215, 187.1502590674, 0);
2730    --brand-color-2-dark: rgb(231.6702702703, 185.9081081081, 241.0918918919);
2731    --brand-color-3-dark: rgb(255, 184.8, 102);
2732    --brand-color-4-dark: rgb(229.5777777778, 251.8222222222, 225.1777777778);
2733    --alpha: .9;
2734    /* Font Family */
2735    --font-family-sans: "Roboto", sans-serif;
2736    --font-family-serif: 'Georgia', serif;
2737    --font-family-monospace: 'Courier New', Courier, monospace;
2738    /* Font Sizes */
2739    --font-size-xs: 1.5rem;
2740    /* 12px */
2741    --font-size-sm: 2rem;
2742    /* 14px */
2743    --font-size-md: 2.5rem;
2744    /* 16px */
2745    --font-size-lg: 2.75rem;
2746    /* 20px */
2747    --font-size-xl: 4rem;
2748    /* 24px */
2749    --font-size-xxl: 5rem;
2750    /* 32px */
2751    --base-font-size: 18px;
2752    /* Font Weights */
2753    --font-weight-normal: 400;
2754    --font-weight-semibold: 600;
2755    --font-weight-bold: 700;
2756    /* Letter Spacing */
2757    --letter-spacing-normal: 0;
2758    --letter-spacing-wide: 0.05em;
2759    --letter-spacing-wider: 0.1em;
2760    /* Line Heights */
2761    --line-height-normal: 1.5;
2762    --line-height-tight: 1.25;
2763    --line-height-loose: 1.8;
2764    /* Font Colors */
2765    --font-color-primary: var(--brand-color-2);
2766    --font-color-secondary: var(--neutral-dark);
2767    --font-color-accent: var(--brand-alternate);
2768    --font-color-light: var(--neutral-light);
2769    --font-color-dark: var(--neutral-dark);
2770    --font-color-heading: var(--brand-main);
2771    --menu-bg-color: var(--neutral);
2772    --menu-bg-hamburger: var(--brand-main);
2773    --menu-font-color: var(--font-color-light);
2774    --font-link-color: var(--brand-main);
2775    --font-link-color-visited: var(--brand-main-dark);
2776    /* Background color for menu items */
2777    --menu-hover-color: var(--brand-color-4);
2778    /* Hover background color */
2779    --menu-text-color: var(--font-color-light);
2780    /* Text color */
2781    --menu-hover-text-color: var(--font-color-light);
2782    /* Text color on hover */
2783    --menu-border-color: var(--brand-color-4);
2784    /*Menu color */
2785    --rad-tab-bg: var(--brand-main);
2786    --rad-tab-fg: var(--neutral-light);
2787    --rad-tab-border: var(--menu-border-color);
2788    --rad-tab-bg-hover: var(--brand-alternate);
2789    /* Border Variables */
2790    --border-color: var(--brand-alternate);
2791    --border-color-alternate: var(--brand-main);
2792    /* Default border color */
2793    --border-width: 2px;
2794    /* Default border width */
2795    --border-radius: 33px;
2796    /* Default border radius */
2797    --border-padding: 10px;
2798    /* Default padding */
2799    /* Buttons */
2800    --button-small-padding: 0.5em 1em;
2801    --button-medium-padding: 9px 14px;
2802    --button-large-padding: 1rem 2em;
2803    --button-small-font-size: 0.875em;
2804    --button-medium-font-size: var(--font-size-sm);
2805    --button-large-font-size: var(--font-size-lg);
2806    --button-primary-bg: var(--brand-color-3);
2807    --button-primary-bg-hover: var(--brand-alternate);
2808    --button-secondary-bg: var(--brand-main);
2809    --button-secondary-bg-hover: var(--brand-alternate);
2810    --button-success-bg: #28a745;
2811    --button-danger-bg: #dc3545;
2812    --button-warning-bg: #ffc107;
2813    --button-info-bg: #17a2b8;
2814    --button-light-bg: #f8f9fa;
2815    --button-dark-bg: #343a40;
2816    --button-text-color: #ffffff;
2817    --button-border-radius: 4rem;
2818    --button-transition: background-color 0.3s ease, transform 0.3s ease;
2819    --accordion-bg: transparent;
2820    /* Background color */
2821    --accordion-fg: #333;
2822    /* Foreground color */
2823    --accordion-active: transparent;
2824    /* Active item color */
2825    --accordion-font-size: var(--font-size-md);
2826    /* Font size */
2827    /* modals */
2828    --modal-bg-color: rgba(0, 0, 0, 0.8);
2829    --modal-content-bg-color: #fff;
2830    --modal-font-family: 'Roboto, sans-serif';
2831    --modal-font-size: 1rem;
2832    --modal-transition-duration: 0.3s;
2833    --modal-fade-in: 0.5;
2834    --modal-fade-out: 0;
2835    /* footer */
2836    --footer-bg-color: var(--brand-color-2);
2837    --footer-fg-color: var(--brand-color-3);
2838    --footer-font-color: var(--font-color-light);
2839    --footer-link-color: var(--font-color-light);
2840    /* header*/
2841    --header-bg-color: var(--brand-color-2);
2842    --header-fg-color: var(--brand-color-3);
2843    --header-font-color: var(--font-color-light);
2844    --header-link-color: var(--font-color-light);
2845    /* containers */
2846    --site-containers: 90%;
2847    /* cards */
2848    --card-desciption-height: 200px;
2849    --card-min-width: auto;
2850    /* --card-image-height-horz: 25vh;
2851    */
2852    }
2853    /* Menu setting */
2854    .Wrapper-FullWidth .col-secondary.cs-right {
2855    display: none;
2856    }
2857    @media (min-width: 992px) {
2858    .Wrapper-FullWidth .has-secondary-col.col-on-right .col-primary {
2859    width: 100VW;
2860    margin-right: 0;
2861    }
2862    }
2863    #masterHeaderBackground, .header {
2864    border-bottom: none;
2865    margin-bottom: 3em;
2866    }
2867    #banner .panel-body, #banner .PanelBody, .iFinityCard .panel-body, .iFinityCard .PanelBody, .no-padding .panel-body, .no-padding .PanelBody{
2868    padding: 0;
2869    }
2870    .RadMenu.RadMenu_Austin .rmRootLink.rmSelected {
2871    color: #006FB9;
2872    font-weight: 600;
2873    background-color: var(--menu-bg-color);
2874    }
2875    .RadMenu.RadMenu_Austin, .RadMenu.RadMenu_Austin .rmItem {
2876    font-size: var(--font-size-sm);
2877    }
2878    @media (min-width: 992px) {
2879    .RadMenu.RadMenu_Austin .rmToggle, .RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink .rmToggle {
2880    display: inline;
2881    }
2882    }
2883    .RadMenu.RadMenu_Austin .rmLink, .RadMenu.RadMenu_Austin .rmRootLink.rmExpanded, .RadMenu.RadMenu_Austin .rmRootLink:hover, .RadMenu.RadMenu_Austin .rmRootLink.rmFocused, .rmRootLink.rmExpanded {
2884    color: #006FB9;
2885    background: transparent;
2886    }
2887    .RadMenu_Austin .rmSlide .rmLink:hover, .RadMenu_Austin .rmSlide .rmLink:focus, .RadMenu_Austin .rmSlide .rmLink.rmFocused, .RadMenu_Austin .rmSlide .rmLevel1>.rmItem>.rmLink:hover, .RadMenu_Austin .rmSlide .rmLevel1>.rmItem>.rmLink:focus, .RadMenu_Austin .rmSlide .rmLevel1>.rmItem>.rmLink.rmFocused, .RadMenu.RadMenu_Austin .rmTwoLevels .rmLevel1>.rmItem>.rmLink, .RadMenu.RadMenu_Austin .rmTwoLevels .rmLevel1>.rmItem.rmDisabled>.rmLink:hover, .RadMenu.RadMenu_Austin .rmTwoLevels .rmLevel1>.rmItem.rmDisabled>.rmLink:focus {
2888    color: #006FB9;
2889    text-transform: none;
2890    font-weight: 400;
2891    }
2892    .RadMenu.RadMenu_Austin .rmRootLink.rmExpanded, .RadMenu.RadMenu_Austin .rmRootLink:hover, .RadMenu.RadMenu_Austin .rmRootLink.rmFocused {
2893    font-weight: 700;
2894    }
2895    .RadMenu.RadMenu_Austin .rmGroup {
2896    background: rgba(var(--neutral-light), 1);
2897    border-radius: 30px;
2898    min-width: 250px !important;
2899    }
2900    .rmSlide {
2901    padding: 1.5em 1em
2902    }
2903    .rmVertical.rmGroup.rmLevel2 {
2904    background-color: transparent;
2905    }
2906    /* end of menu */
2907    /* Main stylings */
2908    .Wrapper-FullWidth #masterContentArea.container {
2909    max-width: 100% !important;
2910    padding: 0;
2911    }
2912    .Wrapper-FullWidth #masterContentArea .container-inner {
2913    max-width: var(--site-containers);
2914    padding-left: 15px;
2915    padding-right: 15px;
2916    margin: 0 auto;
2917    }
2918    .Wrapper-HomePage .FullWidthArea {
2919    padding: 10px 1%;
2920    }
2921    .padding-all {
2922    padding: 2em 3em 3em;
2923    }
2924    h1, h2, .carousel-caption h1, .carousel-caption h2, .carousel-caption h3, .carousel-caption h4, .carousel-caption h5, .carousel-caption h6 {
2925    color: var(--brand-main);
2926    font-weight: 800;
2927    }
2928    h1 {
2929    font-size: var(--font-size-xxl);
2930    }
2931    h2, .h2, .PanelTitle {
2932    font-size: var(--font-size-xl);
2933    border-bottom: 0
2934    }
2935    h3, h4, h5{
2936    color: var(--font-color-dark);
2937    font-weight: var(--font-weight-bold);
2938    }
2939    h4 {
2940    font-size: var(--font-size-md);
2941    }
2942    h5 {
2943    font-size: var(--font-size-lg);
2944    font-weight: 400;
2945    }
2946    .iMIS-WebPart .sub-text{
2947    padding-bottom: 1.25em;
2948    }
2949    .carousel-caption p, h5 {
2950    font-size: var(--font-size-md);
2951    color: var(--font-color-secondary);
2952    }
2953    .sub-text :is(p, em, strong, body){
2954    font-size: var(--font-size-md);
2955    }
2956    .carousel-caption {
2957    background: rgba(var(--neutral-light), var(--alpha));
2958    text-align: left;
2959    padding: 2em;
2960    text-shadow: none;
2961    }
2962    .carousel-caption a {
2963    text-decoration: none;
2964    }
2965    .carousel-control {
2966    display: none;
2967    }
2968    @media (min-width: 768px) {
2969    .carousel-caption {
2970    left: 5%;
2971    right: 40%;
2972    padding-bottom: 30px;
2973    top: 20%;
2974    bottom: 20%;
2975    }
2976    }
2977    @media (max-width:767px) {
2978    .carousel-caption {
2979    left: 1%;
2980    right: 1%;
2981    }
2982    .carousel-caption p, h5 {
2983    font-size: var(--font-size-md)
2984    }
2985    }
2986    .RadMenu .rmSlide, .RadMenu_Context {
2987    margin-top: -15px;
2988    }
2989    #HomePageContent .panel-body {
2990    padding: 0
2991    }
2992    #masterContentArea, #ft {
2993    background: rgba(var(--neutral-light), var(--alpha))
2994    }
2995    .footer-content, .footer-nav-copyright {
2996    background: var(--neutral);
2997    border-radius: 30px;
2998    }
2999    .footer-content :is(a, p, body), #ft, .footer-content {
3000    color: #000
3001    }
3002    .footer-content {
3003    margin-top: 2em;
3004    text-align: left;
3005    }
3006    ul.footer-menu, ul.footer-social {
3007    list-style: none;
3008    }
3009    .ft-logo img{
3010    max-width:150px;
3011    }
3012    .background-transparent .carousel-caption{
3013    background: transparent;
3014    color: var(--neutral);
3015    }
3016    .background-transparent .carousel-caption :is(h1, h2, h3, h4, h5, h6, p, body, a){
3017    color: var(--neutral)
3018    }
3019    .carousel-caption a {
3020    text-decoration: none;
3021    }
3022    @media (min-width: 768px) {
3023    .carousel-caption {
3024    left: 5%;
3025    right: 40%;
3026    padding-bottom: 30px;
3027    top: 20%;
3028    bottom: 20%;
3029    height: max-content;
3030    }
3031    }
3032    .RadMenu .rmSlide, .RadMenu_Context {
3033    margin-top: 0;
3034    }
3035    #HomePageContent .panel-body {
3036    padding: 0
3037    }
3038    #masterContentArea, #ft {
3039    background: rgba(var(--neutral-light), var(--alpha))
3040    }
3041    .footer-content, .footer-nav-copyright {
3042    background: var(--neutral);
3043    border-radius: 30px;
3044    }
3045    .footer-content :is(a, p, body), #ft, .footer-content {
3046    color: #000
3047    }
3048    .footer-content {
3049    margin-top: 2em;
3050    text-align: left;
3051    }
3052    ul.footer-menu, ul.footer-social {
3053    list-style: none;
3054    }
3055    .footer-menu a {
3056    text-decoration: none;
3057    }
3058    .footer-menu li, .footer-social li {
3059    line-height: 3em;
3060    }
3061    .footer-social img {
3062    float: right;
3063    height: 30px
3064    }
3065    .footer .footer-social {
3066    width: 50%;
3067    }
3068    .footer-content .col-sm-5 {
3069    width: 100%;
3070    }
3071    #IntroBlock {
3072    padding: 3em 0;
3073    }
3074    /* Utility Classes for Responsive Design */
3075    .container, .header-container, .SliderPage1 {
3076    max-width: var(--site-containers);
3077    }
3078    .header-container {
3079    max-width: 1500px;
3080    }
3081    @media (max-width: 768px) {
3082    .background-blue, .background-blue-light, .background-blue-dark, .background-red, .background-red-light, .background-red-dark, .background-green, .background-green-light, .background-green-dark, .background-yellow, .background-yellow-light, .background-yellow-dark {
3083    padding: 20px;
3084    /* Responsive padding */
3085    font-size: 1.2rem;
3086    /* Responsive font size */
3087    }
3088    }
3089    /* Menu items */
3090    .RadMenu.RadMenu_Austin .rmToggle .rmIcon, .RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink .rmToggle .rmIcon {
3091    background-image: url(/images/ICS/Icons/DownArrow.svg);
3092    margin-top: 20px;
3093    margin-left: 5px;
3094    background-size: contain;
3095    }
3096    .RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink.rmExpanded .rmToggle .rmIcon {
3097    background-image: url(/images/ICS/Icons/DownArrow.svg);
3098    }
3099    .RadMenu.RadMenu_Austin .rmRootGroup>.rmItem>.rmLink {
3100    font-weight: 400;
3101    font-size: var(--font-size-sm);
3102    text-transform: none;
3103    }
3104    .RadMenu.RadMenu_Austin, .RadMenu.RadMenu_Austin .rmItem .rmLevel1 {
3105    font-size: inherit;
3106    }
3107    :is(.RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink):hover {
3108    font-weight: 600;
3109    }
3110    /* Auxiliary area */
3111    /* Search */
3112    select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .input-fake {
3113    border: var(--border-width) solid var(--border-color-alternate);
3114    border-radius: var(--border-radius);
3115    box-shadow: none;
3116    }
3117    /* Universal search control */
3118    .search-field {
3119    background: #fff url("/images/ICS/Icons/SearchIon.svg") no-repeat;
3120    background-position: 7px center;
3121    background-size: 1.5em;
3122    padding-left: 40px !important;
3123    border-color: var(--border-color-alternate);
3124    border-radius: var(--border-radius);
3125    }
3126    .navbar-toggle .icon-search {
3127    background: url("/images/ICS/Icons/SearchIon.svg") no-repeat center center;
3128    width: 40px;
3129    height: 40px;
3130    margin: -1px 0;
3131    /* this makes it line up properly with the hamburger */
3132    }
3133    .navbar-toggle.collapsed {
3134    background-color: transparent;
3135    }
3136    @media (max-width: 991px) {
3137    .nav-auxiliary .nav-aux-button .NavigationLink {
3138    background-color: transparent;
3139    }
3140    .ContactIcon{
3141    background: url("/images/ICS/Icons/Contact-Us.svg") no-repeat;
3142    height: 40px!important;
3143    width: 40px;
3144    background-size: cover;
3145    text-indent: -999999px;
3146    padding: 5px 10px;
3147    }
3148    .nav-auxiliary .ContactIcon .nav-text {
3149    background: url("/images/ICS/Icons/Contact-Us.svg") no-repeat center center;
3150    height: 40px;
3151    width: 40px;
3152    background-size: cover;
3153    text-indent: -999999px;
3154    }
3155    }
3156    .navbar-toggle.collapsed {
3157    background-color: var(--brand-main);
3158    background: url("/images/ICS/Icons/HamburgerOff.svg") no-repeat center center;
3159    background-size: cover;
3160    height: 40px;
3161    width: 40px;
3162    }
3163    .searchbar-collapse {
3164    background-color: transparent;
3165    }
3166    .navbar-toggle.menu-toggle.collapse{
3167    background: url("/images/ICS/Icons/HamburgerOn.svg") no-repeat center center;
3168    }
3169    .navbar-toggle .icon-bar {
3170    background-color: transparent;
3171    }
3172    .nav-auxiliary .nav-aux-cart .nav-text {
3173    /* add the background sprite for the provided CSS classes */
3174    background-image: url("/images/ICS/Icons/CartIcon.svg");
3175    background-position: unset;
3176    background-size: contain;
3177    }
3178    #ctl01_ciUtilityNavigation_UtilityPlaceholder a {
3179    text-decoration: none;
3180    font-weight: var(--font-weight-semibold);
3181    font-size: var(--font-size-xs);
3182    }
3183    .nav-auxiliary .nav-aux-account .nav-text {
3184    background-image: url(/images/ICS/Icons/SingendIn.svg);
3185    background-position: unset;
3186    background-size: contain;
3187    }
3188    @media (max-width: 991px) {
3189    .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
3190    background-image: url(/images/ICS/Icons/SingendIn.svg);
3191    background-position: unset;
3192    background-size: cover;
3193    height: 40px;
3194    width: 40px;
3195    text-indent: -999999px;
3196    }
3197    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
3198    background-image: url("/images/ICS/Icons/CartIcon.svg");
3199    background-position: unset;
3200    background-size: contain;
3201    height: 40px;
3202    width: 40px;
3203    text-indent: -999999px;
3204    }
3205    .nav-auxiliary .nav-aux-button .NavigationLink:active {
3206    background-color: transparent;
3207    }
3208    }
3209    a.ste-toggle.off, a.ste-toggle.on {
3210    color: transparent;
3211    }
3212    /* Load More button styles */
3213    .load-more-button {
3214    background-color: #007bff;
3215    /* Primary color */
3216    color: white;
3217    /* Text color */
3218    border: none;
3219    /* Remove default border */
3220    border-radius: 5px;
3221    /* Rounded corners */
3222    padding: 12px 24px;
3223    /* Vertical and horizontal padding */
3224    font-size: 16px;
3225    /* Font size */
3226    cursor: pointer;
3227    /* Pointer cursor on hover */
3228    transition: background-color 0.3s ease;
3229    /* Smooth background color transition */
3230    }
3231    .background-blue {
3232    background-color: var(--brand-main);
3233    }
3234    .background-blue-light {
3235    background-color: var(--brand-alternate);
3236    }
3237    .background-blue-dark {
3238    background-color: var(--brand-color-1-dark);
3239    }
3240    .background-grey {
3241    background-color: var(--neutral-light);
3242    }
3243    .background-red {
3244    background-color: var(--brand-color-2);
3245    }
3246    .background-red-light {
3247    background-color: var(--brand-color-2-light);
3248    }
3249    .background-red-dark {
3250    background-color: var(--brand-color-2-dark);
3251    }
3252    .background-green {
3253    background-color: var(--brand-color-4);
3254    }
3255    .background-green-light {
3256    background-color: var(--brand-color-4-light)!important;
3257    }
3258    .background-green-dark {
3259    background-color: var(--brand-color-4-dark);
3260    }
3261    .background-yellow {
3262    background-color: var(--brand-color-1);
3263    }
3264    .background-yellow-light {
3265    background-color: var(--brand-color-1-light);
3266    }
3267    .background-yellow-dark {
3268    background-color: var(--brand-color-1-dark);
3269    }
3270    .background-orange {
3271    background-color: var(--brand-color-3);
3272    }
3273    .background-orange-light {
3274    background-color: var(--brand-color-3-light);
3275    }
3276    .background-orange-dark {
3277    background-color: var(--brand-color-3-dark);
3278    }
3279    .background-neutral {
3280    background-color: var(--neutral);
3281    }
3282    .background-blue :is(body, p, .panel, .panel-body, h1, h2, h3, h4, h5, h5, a), [class^="background-orange"] :is(body, p, .panel, .panel-body, h1, h2, h3, h4, h5, h5, a) {
3283    color: var(--neutral) !important;
3284    }
3285    [class*="background-blue"] .iMIS-WebPart>.ContentItemContainer {
3286    padding: 3em 0 2em;
3287    }
3288    /* Buttons */
3289    .btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton, .btn-purple {
3290    text-align: center;
3291    vertical-align: middle;
3292    cursor: pointer;
3293    white-space: normal;
3294    text-decoration: none;
3295    padding: 5px 10px;
3296    font-size: 16px;
3297    line-height: 1.6;
3298    border-radius: 0;
3299    -webkit-user-select: none;
3300    user-select: none;
3301    transition: background 0.2s ease-out;
3302    }
3303    .btn {
3304    border-radius: var(--button-border-radius);
3305    background: var(--button-primary-bg);
3306    color: var(--button-text-color);
3307    font-size: var(--button-medium-font-size);
3308    font-weight: var(--font-weight-semibold);
3309    padding: var(--button-medium-padding)
3310    }
3311    .btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton, .btn-purple {
3312    display: inline-block;
3313    }
3314    .btn:hover, .btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn:disabled:active, .btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active, .btn.aspNetDisabled, .btn.aspNetDisabled:hover, .btn.aspNetDisabled:focus, .btn.aspNetDisabled:active, .TextButton:disabled, .TextButton:disabled:hover, .TextButton:disabled:focus, .TextButton:disabled:active, .TextButton.disabled, .TextButton.disabled:hover, .TextButton.disabled:focus, .TextButton.disabled:active, .TextButton.aspNetDisabled, .TextButton.aspNetDisabled:hover, .TextButton.aspNetDisabled:focus, .TextButton.aspNetDisabled:active, .RadUpload.RadUpload .ruButton:disabled, .RadUpload.RadUpload .ruButton:disabled:hover, .RadUpload.RadUpload .ruButton:disabled:focus, .RadUpload.RadUpload .ruButton:disabled:active, .RadUpload.RadUpload .ruButton.disabled, .RadUpload.RadUpload .ruButton.disabled:hover, .RadUpload.RadUpload .ruButton.disabled:focus, .RadUpload.RadUpload .ruButton.disabled:active, .RadUpload.RadUpload .ruButton.aspNetDisabled, .RadUpload.RadUpload .ruButton.aspNetDisabled:hover, .RadUpload.RadUpload .ruButton.aspNetDisabled:focus, .RadUpload.RadUpload .ruButton.aspNetDisabled:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:active {
3315    background: var(--button-primary-bg-hover)
3316    }
3317    .TextButton {
3318    background: var(--brand-main) !important;
3319    font-weight: 600;
3320    }
3321    .TextButton:hover {
3322    background: var(--brand-alternate) !important;
3323    }
3324    .LargeButton {
3325    font-size: var(--button-large-font-size);
3326    }
3327    #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactName_InstituteNameLink, #ctl01_TemplateBody_WebPartManager1_gwpciFullName_ciFullName_contactName_InstituteNameLink, .btn-purple, a.btn-purple {
3328    background-color: #CB65E0;
3329    color: #fff;
3330    padding: var(--button-medium-padding);
3331    border-radius: var(--button-border-radius);
3332    text-decoration: none;
3333    font-weight: 600;
3334    font-size: var(--button-medium-font-size);
3335    }
3336    .SmallButton, .UseSmallButton .TextButton {
3337    font-size: var(--button-small-font-size);
3338    }
3339    a.Arrow, a.Arrow:hover, .Overaly-Container.IFO-Content .btn.PrimaryButton.MediumButton, #ctl01_TemplateBody_WebPartManager1_gwpciFullName_ciFullName_contactName_InstituteNameLink, #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactName_InstituteNameLink {
3340    padding-right: 50px;
3341    background-image: url(/images/ICS/Icons/WhiteArrow.svg);
3342    background-repeat: no-repeat;
3343    background-size: 30px 30px;
3344    background-position: 95%;
3345    }
3346    .RadGrid.RadGrid .rgRow .iFinityCardButton a, .RadGrid.RadGrid .rgAltRow a.btn.PrimaryButton.MediumButton, .RadGrid.RadGrid .rgAltRow a.btn.PrimaryButton.MediumButton:hover, .RadGrid.RadGrid .rgAltRow a.btn.PrimaryButton.MediumButton:active, .RadGrid.RadGrid .rgAltRow a.btn.PrimaryButton.MediumButton:visited {
3347    color: #fff;
3348    text-decoration: none;
3349    }
3350    /* end of buttons */
3351    body, p {
3352    font-size: var(--base-font-size)
3353    }
3354    /* Hover effect */
3355    .load-more-button:hover {
3356    background-color: #0056b3;
3357    /* Darker shade on hover */
3358    }
3359    /* Responsive styles */
3360    @media (max-width: 600px) {
3361    .load-more-button {
3362    font-size: 14px;
3363    /* Smaller font size on mobile */
3364    padding: 10px 20px;
3365    /* Adjust padding on mobile */
3366    }
3367    }
3368    /* Alignment Classes */
3369    .align-left {
3370    text-align: left;
3371    }
3372    .align-right {
3373    text-align: right;
3374    }
3375    .align-center {
3376    text-align: center;
3377    }
3378    /* Self Alignment for Flexbox */
3379    .self-start {
3380    align-self: flex-start;
3381    }
3382    .self-end {
3383    align-self: flex-end;
3384    }
3385    .self-center {
3386    align-self: center;
3387    }
3388    .self-stretch {
3389    align-self: stretch;
3390    }
3391    /* Responsive Utility Classes */
3392    @media (max-width: 768px) {
3393    .align-left, .align-right, .align-center {
3394    text-align: center;
3395    /* Center text on smaller screens for better readability */
3396    }
3397    }
3398    * {
3399    box-sizing: border-box;
3400    margin: 0;
3401    padding: 0;
3402    }
3403    body {
3404    display: flex;
3405    justify-content: center;
3406    align-items: center;
3407    height: 100vh;
3408    background-color: var(--neutral);
3409    }
3410    .card {
3411    perspective: 1000px;
3412    }
3413    .card-inner {
3414    position: relative;
3415    width: 300px;
3416    height: 400px;
3417    transition: transform 0.6s;
3418    transform-style: preserve-3d;
3419    }
3420    .card:hover .card-inner {
3421    transform: rotateY(180deg);
3422    }
3423    .card-front, .card-back {
3424    position: absolute;
3425    width: 100%;
3426    height: 100%;
3427    backface-visibility: hidden;
3428    overflow: hidden;
3429    }
3430    .card-front img {
3431    width: 100%;
3432    height: 100%;
3433    object-fit: cover;
3434    }
3435    .card-back {
3436    background-color: rgba(0, 0, 0, 0.7);
3437    color: #fff;
3438    display: flex;
3439    justify-content: center;
3440    align-items: center;
3441    flex-direction: column;
3442    transform: rotateY(180deg);
3443    opacity: 0;
3444    transition: opacity 0.4s ease;
3445    }
3446    .card:hover .card-back {
3447    opacity: 1;
3448    }
3449    .overlay {
3450    text-align: center;
3451    transition: transform 0.4s ease;
3452    }
3453    .card-back h2 {
3454    margin-bottom: 20px;
3455    }
3456    .link {
3457    color: #fff;
3458    text-decoration: underline;
3459    transition: color 0.3s ease;
3460    }
3461    .link:hover {
3462    color: #ffcc00;
3463    /* Change to your preferred hover color */
3464    }
3465    /* modal css */
3466    .modal {
3467    display: none;
3468    /* Hidden by default */
3469    position: fixed;
3470    /* Stay in place */
3471    z-index: 1000;
3472    /* Sit on top */
3473    left: 0;
3474    top: 0;
3475    width: 100%;
3476    /* Full width */
3477    height: 100%;
3478    /* Full height */
3479    overflow: auto;
3480    /* Enable scroll if needed */
3481    background-color: var(--modal-bg-color);
3482    /* Black w/ opacity */
3483    transition: opacity var(--modal-transition-duration) ease;
3484    opacity: var(--modal-fade-out);
3485    }
3486    .modal-content {
3487    background-color: var(--modal-content-bg-color);
3488    margin: 15% auto;
3489    /* 15% from the top and centered */
3490    padding: 20px;
3491    border: 1px solid #888;
3492    width: 80%;
3493    /* Could be more or less, depending on screen size */
3494    max-width: 600px;
3495    /* Limit the maximum width */
3496    transform: scale(0);
3497    transition: transform var(--modal-transition-duration) ease, opacity var(--modal-transition-duration) ease;
3498    opacity: var(--modal-fade-out);
3499    }
3500    .modal.show {
3501    display: block;
3502    /* Show the modal */
3503    opacity: var(--modal-fade-in);
3504    }
3505    .modal.show .modal-content {
3506    transform: scale(1);
3507    /* Scale up */
3508    opacity: 1;
3509    /* Fully visible */
3510    }
3511    .close {
3512    color: #aaa;
3513    float: right;
3514    font-size: 28px;
3515    font-weight: bold;
3516    }
3517    .close:hover, .close:focus {
3518    color: black;
3519    text-decoration: none;
3520    cursor: pointer;
3521    }
3522    /* ifinity Cards */
3523    .iFinityCardMain, .iFintyCardBlock {
3524    display: flex;
3525    justify-content: flex-start;
3526    flex-wrap: wrap;
3527    padding-bottom: 1em;
3528    padding-top: 1em;
3529    }
3530    .iFinityCard, .iFinityCardMain {
3531    margin-bottom: 1em;
3532    }
3533    .iFintyCardBlock {
3534    padding-right: calc(var(--bs-gutter-x) * .5);
3535    padding-left: calc(var(--bs-gutter-x) * .5);
3536    margin-bottom: 2em
3537    }
3538    .iFinityCardFlex {
3539    background: var(--neutral) center;
3540    border: 1em solid #EBEBEB;
3541    padding: 0;
3542    }
3543    .margin-botton .iMIS-WebPart:last-child{
3544    padding-bottom: 1em!important;
3545    }
3546    .iFcf-Description, .QuoteCard {
3547    padding: 0 1.5em;
3548    }
3549    .iFcf-Img img{
3550    width: 100%;
3551    }
3552    .cardBody{
3553    min-width: var(--card-min-width);
3554    }
3555    .cardBody:is(.background-blue, .background-blue-dark, .background-blue-light, .background-green, .background-green-dark, .background-green-light, .background-orange, .background-orange-dark, .background-orange-light) {
3556    padding-right: 0;
3557    padding-left: 0;
3558    margin-bottom: 0.91em;
3559    }
3560    @media(max-width: 767px){
3561    .cardBody:is(.background-blue, .background-blue-dark, .background-blue-light, .background-green, .background-green-dark, .background-green-light, .background-orange, .background-orange-dark, .background-orange-light) {
3562    padding-right: 10px;
3563    padding-left: 10px;
3564    margin-bottom: 0.91em;
3565    }
3566    }
3567    :is(.iFinityCard) :is(.TaggedListPanel, tbody) {
3568    display: grid;
3569    grid-template-columns: repeat(auto-fill, minmax(var(--card-min-width), 1fr));
3570    gap: var(--card-gap);
3571    margin: 0;
3572    padding: 0;
3573    list-style: none;
3574    }
3575    :is(.iFinityCard, .iFinityEventCard) :is(.rgRow, .rgAltRow) {
3576    display: flex;
3577    flex-direction: column;
3578    justify-content: space-between;
3579    height: 100%; /* or a fixed height like 400px */
3580    box-sizing: border-box;
3581    }
3582    .Left .iFinityCardItem {
3583    display: grid;
3584    grid-template-columns: 1fr 1fr;
3585    grid-template-rows: 1fr;
3586    gap: 1em;
3587    grid-template-areas: "iFinityCardImage iFinityCardDescription";
3588    }
3589    .Right .iFinityCardItem{
3590    display: grid;
3591    grid-template-columns: 1fr 1fr;
3592    grid-template-rows: 1fr;
3593    gap: 1em;
3594    grid-template-areas: "iFinityCardDescription iFinityCardImage";
3595    }
3596    .background-blue .iFinityCardItem{
3597    background: transparent;
3598    }
3599    .LastHighlight .iFinityCardItem:nth-child(6){
3600    background: var(--brand-alternate);
3601    }
3602    .LastHighlight .iFinityCardItem:nth-child(6), .LastHighlight .iFinityCardItem:nth-child(6) .iFinityCardDescription{
3603    background: var(--brand-alternate);
3604    }
3605    .LastHighlight .iFinityCardItem:nth-child(6):hover, .LastHighlight .iFinityCardItem:nth-child(6):hover .iFinityCardDescription{
3606    background: var(--brand-color-3);
3607    }
3608    .LastHighlight .iFinityCardItem:nth-child(6) .btn:Hover {
3609    background: var(--brand-color-1);
3610    color: #000!important;
3611    }
3612    .LastHighlight .iFinityCardItem:nth-child(6) :is(body, p, .panel, .panel-body, h1, h2, h3, h4, h5, h5, a){
3613    color: var(--neutral) !important;
3614    }
3615    .LastHighlight .iFinityCardItem:nth-child(6) .btn{
3616    background: var(--brand-color-2)
3617    }
3618    .iFinityCardImage {
3619    height: var(--card-image-height-horz)
3620    }
3621    .iFinityCardImage img {
3622    width: 100%
3623    }
3624    .iFinityCardTitle {
3625    display: block;
3626    min-width: calc(var(--card-min-width) - 20px);
3627    padding-top: .5em;
3628    margin-bottom:.75em
3629    }
3630    .iFinityCardTitle a {
3631    text-decoration: none;
3632    }
3633    .iFinityCardDate {
3634    display: block;
3635    font-weight: var(--card-date-font-weight);
3636    content: '';
3637    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" zoomAndPan="magnify" viewBox="0 0 30 30.000001" height="40" preserveAspectRatio="xMidYMid meet" version="1.2"><defs><clipPath id="78d40f9880">
3638    <path d="M 0.484375 2.011719 L 29.515625 2.011719 L 29.515625 29.03125 L 0.484375 29.03125 Z M 0.484375 2.011719 "/></clipPath></defs><g id="2c5974b1e1"><g clip-rule="nonzero" clip-path="url(%2378d40f9880)">
3639    <path style=" stroke:none;fill-rule:nonzero;fill:%23040606;fill-opacity:1;" d="M 2.691406 10.140625 L 27.308594 10.140625 L 27.308594 25.445312 C 27.308594 26.210938 26.6875 26.832031 25.921875 26.832031 L 4.078125 26.832031 C 3.3125 26.835938 2.691406 26.214844 2.691406 25.445312 Z M 3.261719 2.277344 C 1.726562 2.277344 0.484375 3.519531 0.484375 5.050781 L 0.484375 26.257812 C 0.484375 27.789062 1.726562 29.03125 3.261719 29.03125 L 26.738281 29.03125 C 28.273438 29.035156 29.515625 27.792969 29.515625 26.257812 L 29.515625 5.050781 C 29.515625 3.519531 28.273438 2.277344 26.738281 2.277344 L 24.066406 2.277344 L 24.066406 4.515625 C 24.054688 5.820312 22.988281 6.867188 21.6875 6.855469 C 20.398438 6.84375 19.359375 5.804688 19.347656 4.515625 L 19.347656 2.277344 L 10.652344 2.277344 L 10.652344 4.515625 C 10.640625 5.820312 9.578125 6.867188 8.273438 6.855469 C 6.988281 6.84375 5.945312 5.804688 5.933594 4.515625 L 5.933594 2.277344 L 3.261719 2.277344 "/></g>
3640    <path style=" stroke:none;fill-rule:nonzero;fill:%23040606;fill-opacity:1;" d="M 24.523438 21.515625 L 24.523438 23.996094 L 21.171875 23.996094 L 21.171875 21.515625 L 24.523438 21.515625 "/>
3641    <path style=" stroke:none;fill-rule:nonzero;fill:%23040606;fill-opacity:1;" d="M 19.292969 21.515625 L 19.292969 23.996094 L 15.941406 23.996094 L 15.941406 21.515625 L 19.292969 21.515625 "/>
3642    <path style=" stroke:none;fill-rule:nonzero;fill:%23040606;fill-opacity:1;" d="M 14.058594 21.515625 L 14.058594 23.996094 L 10.707031 23.996094 L 10.707031 21.515625 L 14.058594 21.515625 "/>
3643    <path style=" stroke:none;fill-rule:nonzero;fill:%23040606;fill-opacity:1;" d="M 8.828125 21.515625 L 8.828125 23.996094 L 5.476562 23.996094 L 5.476562 21.515625 L 8.828125 21.515625 "/>
3644    <path style=" stroke:none;fill-rule:nonzero;fill:%23040606;fill-opacity:1;" d="M 24.523438 17.246094 L 24.523438 19.730469 L 21.171875 19.730469 L 21.171875 17.246094 L 24.523438 17.246094 "/>
3645    <path style=" stroke:none;fill-rule:nonzero;fill:%23040606;fill-opacity:1;" d="M 19.292969 17.246094 L 19.292969 19.730469 L 15.941406 19.730469 L 15.941406 17.246094 L 19.292969 17.246094 "/>
3646    <path style=" stroke:none;fill-rule:nonzero;fill:%23040606;fill-opacity:1;" d="M 14.058594 17.246094 L 14.058594 19.730469 L 10.707031 19.730469 L 10.707031 17.246094 L 14.058594 17.246094 "/>
3647    <path style=" stroke:none;fill-rule:nonzero;fill:%23040606;fill-opacity:1;" d="M 8.828125 17.246094 L 8.828125 19.730469 L 5.476562 19.730469 L 5.476562 17.246094 L 8.828125 17.246094 "/>
3648    <path style=" stroke:none;fill-rule:nonzero;fill:%23040606;fill-opacity:1;" d="M 24.523438 12.980469 L 24.523438 15.460938 L 21.171875 15.460938 L 21.171875 12.980469 L 24.523438 12.980469 "/>
3649    <path style=" stroke:none;fill-rule:nonzero;fill:%23040606;fill-opacity:1;" d="M 19.292969 12.980469 L 19.292969 15.460938 L 15.941406 15.460938 L 15.941406 12.980469 L 19.292969 12.980469 "/>
3650    <path style=" stroke:none;fill-rule:nonzero;fill:%23040606;fill-opacity:1;" d="M 14.058594 12.980469 L 14.058594 15.460938 L 10.707031 15.460938 L 10.707031 12.980469 L 14.058594 12.980469 "/>
3651    <path style=" stroke:none;fill-rule:nonzero;fill:%23040606;fill-opacity:1;" d="M 8.828125 12.980469 L 8.828125 15.460938 L 5.476562 15.460938 L 5.476562 12.980469 L 8.828125 12.980469 "/>
3652    <path style=" stroke:none;fill-rule:nonzero;fill:%23040606;fill-opacity:1;" d="M 22.792969 4.488281 L 22.792969 1.121094 C 22.792969 0.519531 22.304688 0.0351562 21.703125 0.0390625 C 21.105469 0.0390625 20.621094 0.523438 20.621094 
36521.121094 L 20.621094 4.488281 C 20.621094 5.085938 21.109375 5.570312 21.710938 5.570312 C 22.308594 5.570312 22.792969 5.085938 22.792969 4.488281 "/>
3653    <path style=" stroke:none;fill-rule:nonzero;fill:%23040606;fill-opacity:1;" d="M 9.378906 1.121094 C 9.378906 0.519531 8.890625 0.0351562 8.292969 0.0351562 C 7.691406 0.0390625 7.207031 0.523438 7.207031 1.121094 L 7.207031 4.488281 C 7.207031 5.085938 7.691406 5.570312 8.292969 5.570312 C 8.894531 5.570312 9.378906 5.085938 9.378906 4.488281 L 9.378906 1.121094 "/></g></svg>');
3654    padding-left: 2em;
3655    background-repeat: no-repeat;
3656    background-size:contain;
3657    }
3658    .iFinityCardDescription {
3659    display: block;
3660    /* height: var(--card-desciption-height);
3661    */
3662    background: var(--neutral);
3663    margin-top: -1.15em;
3664    padding: 1em;
3665    position:relative;
3666    margin-bottom: 1em;
3667    }
3668    .iFinityCardItem {
3669    background: #fff;
3670    /* margin-right: 15px */
3671    }
3672    .iFinityCardItem:hover, .card-body:hover {
3673    background: var(--brand-color-4);
3674    transform: translate3D(0, -5px, 0) scale(1.001);
3675    }
3676    .iFinityCardItem:hover .iFinityCardDescription{
3677    background: var(--brand-color-4);
3678    }
3679    .iFinityCardBlock .iFinityCardItem:hover, .iFinityCardBlock .iFinityCardItem:hover .iFinityCardDescription {
3680    background: var(--brand-color-4);
3681    }
3682    .iFinityCardBlock .iFinityCardItem:hover{
3683    padding: 0
3684    }
3685    .iFinityCardMain .iFinityCardItem:hover{
3686    background: var(--neutral);
3687    }
3688    .iFinityCardDescription:hover {
3689    background: transparent
3690    }
3691    @media(max-width:991px){
3692    .iFinityCardDescription {
3693    height: max-content;
3694    }
3695    }
3696    .iFinityCardMain :is(.iFinityCardItem:hover, .iFinityCardDescription:hover){
3697    background: var(--neutral);
3698    }
3699    /* .row.iFinityCardMain {
3700    padding-right: calc(var(--bs-gutter-x) * 1);
3701    }
3702    @media(max-width:991px){
3703    .row.iFinityCardMain {
3704    padding-right: 0;
3705    }
3706    }
3707    */
3708    .iFinityCardLink {
3709    display: block;
3710    padding: 1em 0;
3711    text-align: var(--card-action-align);
3712    position: relative;
3713    bottom: 1em;
3714    }
3715    :is(.iFinityCard) .Two-per-row {
3716    grid-template-columns: 1fr 1fr;
3717    gap: var(--card-gap);
3718    }
3719    :is(.iFinityCard.NoDate) .IfinityCardDate {
3720    display: none;
3721    }
3722    .iFinityCardBlock .iFinityCardItem {
3723    margin-right: 0;
3724    padding: 1em;
3725    margin-bottom: 1em;
3726    background: transparent
3727    }
3728    @media(max-width: 767px){
3729    .iFinityCardBlock .iFinityCardItem {
3730    margin-bottom: 2em;
3731    }
3732    }
3733    :is(.iFinityCard) .three-per-row .two-per-row :is(.iFinityCard) .four-per-row {
3734    grid-template-columns: 1fr 1fr;
3735    gap: var(--card-gap);
3736    }
3737    .first-card :is(.services-grid) .four-per-row {
3738    display: grid;
3739    grid-template-columns: repeat(auto-fill, minmax(18vw, 1fr));
3740    gap: 3em;
3741    margin: 0;
3742    padding: 0;
3743    list-style: none;
3744    }
3745    .Four-per-row .TaggedListPanel, .Four-per-row .QueryTemplateSet, .Four-per-row tbody {
3746    display: grid;
3747    grid-template-columns: repeat(auto-fill, minmax(18vw, 1fr));
3748    grid-gap: 2em;
3749    }
3750    .Three-per-row .TaggedListPanel, #ste_container_ciThreeperrow tbody {
3751    display: grid;
3752    grid-template-columns: repeat(auto-fill, minmax(26vw, 1fr));
3753    grid-gap: 2em;
3754    }
3755    :is(.Three-per-row, .Four-per-row) tfoot{
3756    display: block
3757    }
3758    #ste_container_ciThreeperrow tr:not(.rgPager) {
3759    display: flex;
3760    flex-direction: column;
3761    }
3762    #ste_container_ciThreeperrow td {
3763    display: block;
3764    border: transparent;
3765    padding: 8px;
3766    }
3767    #ste_container_ciThreeperrow .RadGrid_MetroTouch .rgAltRow, .iFinityEventCard .RadGrid_MetroTouch .rgAltRow {
3768    background: transparent;
3769    }
3770    .Event-page :is(#ste_container_ciThreeperrow .RadGrid_MetroTouch .rgAltRow, .iFinityEventCard .RadGrid_MetroTouch .rgAltRow, .RadGrid .rgRow, .RadGrid .rgAltRow, .RadGrid .rgHeader, .RadGrid .rgResizeCol, .RadGrid .rgPager, .RadGrid .rgGroupPanel, .RadGrid .rgGroupHeader) {
3771    background: #fff;
3772    }
3773    @media(max-wdith:767px){
3774    .Event-page :is(#ste_container_ciThreeperrow .RadGrid_MetroTouch .rgAltRow, .iFinityEventCard .RadGrid_MetroTouch .rgAltRow, .RadGrid .rgRow, .RadGrid .rgAltRow, .RadGrid .rgHeader, .RadGrid .rgResizeCol, .RadGrid .rgPager, .RadGrid .rgGroupPanel, .RadGrid .rgGroupHeader) {
3775    margin-bottom: 1em;
3776    }
3777    }
3778    .Event-page :is(.RadGrid .rgPager) {
3779    background: transparent!important;
3780    }
3781    .Event-page :is(#ste_container_ciThreeperrow .RadGrid_MetroTouch .rgAltRow, .iFinityEventCard .RadGrid_MetroTouch .rgAltRow, .RadGrid .rgRow, .RadGrid .rgAltRow, .RadGrid .rgHeader, .RadGrid .rgResizeCol, .RadGrid .rgPager, .RadGrid .rgGroupPanel, .RadGrid .rgGroupHeader):hover {
3782    background: var(--brand-color-4);
3783    }
3784    .iFinityEventCard :is(.RadGrid_MetroTouch .rgHeader:first-child, .RadGrid_MetroTouch th.rgResizeCol:first-child, .RadGrid_MetroTouch .rgFilterRow>td:first-child, .RadGrid_MetroTouch .rgRow>td:first-child, .RadGrid_MetroTouch .rgAltRow>td:first-child, .RadGrid_MetroTouch .rgHeader:first-child, .RadGrid_MetroTouch th.rgResizeCol:first-child, .RadGrid_MetroTouch .rgFilterRow>td:first-child, .RadGrid_MetroTouch .rgRow>td:first-child, .RadGrid_MetroTouch .rgAltRow>td:first-child){
3785    padding:0
3786    }
3787    #ste_container_ciThreeperrow img{
3788    height: 250px!important;
3789    width: auto!important;
3790    text-align: center;
3791    }
3792    [id$="_CartLink"] {
3793    display: none;
3794    }
3795    @media(min-width:992px){
3796    #ste_container_ciThreeperrow .col-md-6{
3797    width:100%;
3798    }
3799    }
3800    #ste_container_ciThreeperrow .text-right{
3801    text-align: left;
3802    }
3803    .Two-per-row :is(.TaggedListPanel, tbody, .cardBody) {
3804    display: grid;
3805    grid-template-columns: repeat(auto-fill, minmax(48vw, 1fr));
3806    grid-gap: 2em;
3807    }
3808    @media(max-width: 767px) {
3809    #ste_container_ciThreeperrow tbody, [class*="-per-row"] .TaggedListPanel, .iFinityEventCard[class*="-per-row"] .QueryTemplateSet, .iFinityEventCard[class*="-per-row"] tbody, .iFinityCard[class*="-per-row"] .QueryTemplateSet, .iFinityCard[class*="-per-row"] tbody {
3810    display: block;
3811    }
3812    .iFinityEventCard .panel-body, .iFinityCard .panel-body {
3813    padding: 0
3814    }
3815    }
3816    .BlockTLItem .iFc-image {
3817    background: var(--card-image-background)
3818    }
3819    .BlockTLItem .iFc-title {
3820    padding: 2% 5%;
3821    text-align: left;
3822    text-transform: uppercase;
3823    font-weight: 600;
3824    }
3825    /* iFinity Event Card */
3826    .newsSummary, .iFc-descpription p {
3827    text-transform: none;
3828    }
3829    .iFc-title h3 {
3830    color: #fff;
3831    display: -webkit-box;
3832    -webkit-line-clamp: 2;
3833    -webkit-box-orient: vertical;
3834    overflow: hidden;
3835    }
3836    .iFc-description {
3837    padding: 1em;
3838    }
3839    .iFc-description span {
3840    display: -webkit-box;
3841    -webkit-line-clamp: 5;
3842    -webkit-box-orient: vertical;
3843    overflow: hidden;
3844    }
3845    .iFc-descpription h3 {
3846    border-bottom: 1px solid var(--mid-grey);
3847    width: 100%
3848    }
3849    .iFc-link {
3850    position: relative;
3851    bottom: 0
3852    }
3853    .Four-per-row .BlockTLItem {
3854    border-bottom: 0 solid transparent;
3855    background: #fff;
3856    padding-top: 0;
3857    }
3858    .BlockTLItem {
3859    display: grid;
3860    grid-template-columns: 1fr;
3861    grid-template-rows: repeat(5, 0.5fr);
3862    gap: 0px 0px;
3863    grid-template-areas: "card-image" "card-title" "card-description" "card-description" "buttonlargewwrap";
3864    }
3865    .BlockTLItem .iFc-image {
3866    grid-area: card-image;
3867    }
3868    .BlockTLItem .iFc-title {
3869    grid-area: card-title;
3870    display: -webkit-box;
3871    -webkit-line-clamp: 3;
3872    -webkit-box-orient: vertical;
3873    white-space: wrap;
3874    overflow: hidden;
3875    text-overflow: ellipsis;
3876    }
3877    .BlockTLItem .card-title a {
3878    text-decoration: none;
3879    text-align: left
3880    }
3881    .BlockTLItem .iFc-description {
3882    grid-area: card-description;
3883    }
3884    .BlockTLItem .buttonlargewwrap {
3885    grid-area: buttonlargewwrap;
3886    margin-top: 2em;
3887    }
3888    .BlockTLItem h4, .BlockList h4 {
3889    font-size: 100%;
3890    font-weight: 600;
3891    }
3892    .First-Full .TaggedListPanel .BlockTLItem:first-child {
3893    grid-column: 4/1;
3894    }
3895    .First-Full .TaggedListPanel .BlockTLItem:first-child, .iFc-Full-Width .TaggedListPanel .BlockTLItem {
3896    display: grid;
3897    grid-template-columns: repeat(2, 1fr);
3898    grid-template-rows: 1fr;
3899    gap: .5em 1em;
3900    grid-template-areas: "card-image card-detail";
3901    }
3902    .First-Full .TaggedListPanel .BlockTLItem:not(:first-child) {
3903    display: grid;
3904    grid-template-columns: 1fr;
3905    grid-template-rows: auto auto;
3906    gap: .5em 1em;
3907    grid-template-areas: "card-image" "card-detail";
3908    }
3909    .First-Full .TaggedListPanel .BlockTLItem:first-child .iFc-detail, .iFc-Full-Width .TaggedListPanel .BlockTLItem .iFc-detail {
3910    display: grid;
3911    grid-template-columns: 1fr;
3912    grid-template-rows: auto auto auto;
3913    gap: 0;
3914    grid-template-areas: "card-title" "card-description" "buttonlargewwrap ";
3915    grid-area: card-detail;
3916    }
3917    .First-Full .BlockTLItem:first-child .iFc-title, .iFc-Full-Width .TaggedListPanel .BlockTLItem .iFc-title {
3918    padding: 0 2% 0;
3919    font-size: 2em;
3920    margin-bottom: 0 !important;
3921    height: auto;
3922    }
3923    .First-Full .BlockTLItem:first-child .iFc-description, .iFc-Full-Width .TaggedListPanel .BlockTLItem .iFc-description {
3924    padding: 0 2%;
3925    }
3926    .First-Tall .TaggedListPanel .BlockTLItem:first-child {
3927    grid-column: 1/4;
3928    }
3929    .First-Tall .QueryTemplateSet Section:first-child {
3930    grid-row: span 2;
3931    grid-column: span 2;
3932    }
3933    /* iFinity Event Cards */
3934    .iFinityEventCard thead {
3935    display: none;
3936    }
3937    .iFinityEventCard .iFinityCardItem, .iFinityEventCard .iFinityCardDescription {
3938    background: transparent;
3939    }
3940    .iFinityEventCard .iFinityCardImage {
3941    width: 100%;
3942    position: relative;
3943    aspect-ratio: 2 / 1;
3944    overflow: hidden;
3945    }
3946    .Event-page .iFinityEventCard.Four-per-row .iFinityCardImage{
3947    aspect-ratio: unset;
3948    height:245px;
3949    }
3950    .Event-page .iFinityCardItem:hover .iFinityCardDescription{
3951    background-color: transparent;
3952    }
3953    .Event-page .iFinityCardItem:hover{
3954    background-color: var(--brand-color-4);
3955    }
3956    .Event-page .FilterPanel {
3957    background-color: #abacb8;
3958    padding: 1em;
3959    }
3960    .Event-page .FilterPanel :is(label, .Label, .PanelFieldLabelFont){
3961    color: #fff
3962    }
3963    .iFinityEventCard .iFinityCardImage img {
3964    width: 100%;
3965    }
3966    /* .iFinityEventCard Section:first-child .iFinityCardImage {
3967    aspect-ratio: 2 / 1.25;
3968    }
3969    */
3970    .iFinityEventCard Section:first-child .iFinityCardTitle {
3971    font-size: 1.25rem;
3972    }
3973    .iFinityEventCard .iFinityCardDescription {
3974    display: none;
3975    }
3976    .Event-page .iFinityEventCard .iFinityCardDescription {
3977    display: block;
3978    }
3979    .iFinityEventCard Section:first-child .iFinityCardDescription {
3980    display: contents;
3981    margin-top: 1em;
3982    margin-bottom: 1em;
3983    }
3984    .iFinityEventCard .ifinityCardTitle {
3985    font-size: var(--font-size-md)
3986    }
3987    .iFinityEventCard .iFinityCardItem {
3988    margin-right: 0
3989    }
3990    .iFinityEventCard .QueryTemplateSet Section {
3991    background: var(--neutral);
3992    }
3993    .iFinityEventCard .iFinityCardItem {
3994    transform: none;
3995    display: block;
3996    height: auto;
3997    }
3998    .iFinityEventCard .QueryTemplateSet Section:hover {
3999    background: var(--brand-color-4);
4000    transform: translate3D(0, -1px, 0) scale(1.03);
4001    }
4002    .iFinityEventCard .iFinityCardDetail {
4003    padding: 1em 1.25em;
4004    }
4005    .iFinityEventCard .iFinityCardFeatured {
4006    width: max-content;
4007    background: red;
4008    padding: 7px 20px;
4009    color: #fff;
4010    font-size: var(--font-size-md);
4011    font-weight: 600;
4012    position: absolute;
4013    top: 0;
4014    -webkit-clip-path: unset;
4015    }
4016    .iFinityEventCard .iFinityCardType {
4017    position: absolute;
4018    bottom: .1em;
4019    left: 0
4020    }
4021    .iFinityEventCard .iFinityCardType .background-blue{
4022    margin-right: 1em;
4023    }
4024    .iFinityEventCard .iFinityCardDescription {
4025    padding: 1em 0;
4026    }
4027    .Four-per-row.iFinityEventCard Section:first-child .iFinityCardTitle {
4028    font-size: var(--font-size-lg);
4029    padding-bottom: 1em;
4030    }
4031    .Four-per-row.iFinityEventCard Section:first-child>.iFinityCardDescription {
4032    padding-bottom: 1em;
4033    }
4034    .iFinityEventCard .iFinityCardLocation, .iFinityCardDate {
4035    font-weight: 600;
4036    }
4037    .iFinityCardLocation {
4038    content: '';
4039    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" zoomAndPan="magnify" viewBox="0 0 30 30.000001" height="40" preserveAspectRatio="xMidYMid meet" version="1.2"><defs><clipPath id="380b501db4">
4040    <path d="M 7 22 L 23 22 L 23 29.03125 L 7 29.03125 Z M 7 22 "/></clipPath><clipPath id="6de17d0398">
4041    <path d="M 5.636719 0 L 24.507812 0 L 24.507812 26 L 5.636719 26 Z M 5.636719 0 "/></clipPath></defs><g id="e50ac02099"><g clip-rule="nonzero" clip-path="url(%23380b501db4)">
4042    <path style=" stroke:none;fill-rule:nonzero;fill:%23000000;fill-opacity:1;" d="M 10.4375 23.753906 C 10.539062 23.703125 10.644531 23.652344 10.75 23.605469 C 11.140625 23.4375 11.320312 22.988281 11.148438 22.601562 C 10.976562 22.214844 10.523438 22.039062 10.132812 22.207031 C 10 22.265625 9.867188 22.328125 9.738281 22.394531 C 8.292969 23.128906 7.496094 24.109375 7.496094 25.15625 C 7.496094 26.207031 8.292969 27.1875 9.738281 27.921875 C 11.15625 28.636719 13.046875 29.03125 15.054688 29.03125 C 17.066406 29.03125 18.957031 28.636719 20.375 27.921875 C 21.820312 27.1875 22.617188 26.207031 22.617188 25.15625 C 22.617188 24.109375 21.820312 23.128906 20.375 22.394531 C 20.226562 22.316406 20.070312 22.246094 19.914062 22.179688 C 19.523438 22.011719 19.070312 22.191406 18.902344 22.578125 C 18.734375 22.964844 18.914062 23.414062 19.304688 23.582031 C 19.429688 23.636719 19.554688 23.691406 19.671875 23.753906 C 20.710938 24.28125 21.078125 24.835938 21.078125 25.15625 C 21.078125 25.476562 20.710938 26.035156 19.675781 26.558594 C 18.46875 27.167969 16.828125 27.503906 15.054688 27.503906 C 13.285156 27.503906 11.644531 27.16
40427969 10.4375 26.558594 C 9.402344 26.035156 9.035156 25.476562 9.035156 25.15625 C 9.035156 24.835938 9.402344 24.28125 10.4375 23.753906 Z M 10.4375 23.753906 "/></g><g clip-rule="nonzero" clip-path="url(%236de17d0398)">
4043    <path style=" stroke:none;fill-rule:nonzero;fill:%23000000;fill-opacity:1;" d="M 15.15625 0.00390625 C 15.136719 0 15.117188 0 15.09375 0 L 15.019531 0 C 14.996094 0 14.976562 0 14.957031 0.00390625 C 9.882812 0.078125 5.765625 4.21875 5.765625 9.246094 C 5.683594 14.25 9.542969 18.828125 12.359375 22.171875 C 13.1875 23.152344 13.898438 23.996094 14.382812 24.699219 C 14.523438 24.90625 14.761719 25.03125 15.019531 25.03125 L 15.09375 25.03125 C 15.351562 25.03125 15.589844 24.90625 15.730469 24.699219 C 16.214844 23.996094 16.929688 23.152344 17.753906 22.171875 C 20.570312 18.828125 24.429688 14.25 24.347656 9.257812 C 24.347656 4.21875 20.230469 0.078125 15.15625 0.00390625 Z M 16.574219 21.191406 C 16.007812 21.863281 15.492188 22.472656 15.054688 23.03125 C 14.621094 22.472656 14.105469 21.863281 13.539062 21.191406 C 10.878906 18.03125 7.234375 13.703125 7.304688 9.257812 C 7.304688 5.035156 10.765625 1.566406 15.023438 1.53125 C 15.035156 1.53125 15.046875 1.53125 15.054688 1.527344 C 15.066406 1.53125 15.078125 1.53125 15.089844 1.53125 C 19.34375 1.566406 22.808594 5.035156 22.808594 9.269531 C 22.878906 13.703125 19.234375 18.03125 16.574219 21.191406 Z M 16.574219 21.191406 "/></g>
4044    <path style=" stroke:none;fill-rule:nonzero;fill:%23000000;fill-opacity:1;" d="M 15.054688 5.882812 C 13.175781 5.902344 11.652344 7.40625 11.652344 9.261719 C 11.652344 11.113281 13.171875 12.617188 15.054688 12.636719 C 16.941406 12.617188 18.460938 11.113281 18.460938 9.261719 C 18.460938 7.40625 16.9375 5.902344 15.054688 5.882812 Z M 15.054688 5.882812 "/></g></svg>');padding-left: 2em;
4045    background-repeat: no-repeat;
4046    background-size:contain;
4047    margin-bottom:.5em;
4048    }
4049    .iFinityEventCard hr{
4050    border: 1px solid #000;
4051    margin-top: 0;
4052    }
4053    .iFinityEventCard .iFinityCardButton a {
4054    /* margin-right: 1em;
4055    margin-top: 1em; */
4056    }
4057    .iFinityEventCard .iFinityCardDescription{
4058    margin-bottom: 0
4059    }
4060    .iFinityCardButton{
4061    padding: 1em;
4062    margin-top:auto
4063    }
4064    @media(max-width:767px) {
4065    .iFinityEventCard, .First-Tall Section:first-child {
4066    display: block
4067    }
4068    .iFinityEventCard Section:first-child .iFinityCardImage {
4069    aspect-ratio: unset
4070    }
4071    }
4072    /* Container for the grid layout */
4073    .Overlay-Container {
4074    display: block;
4075    position: relative;
4076    /* Position context for the overlay */
4077    margin-bottom: 1em;
4078    }
4079    /* Image styling */
4080    .IFO-Img img {
4081    width: 100VW
4082    }
4083    .Overaly-Container .IFO-Img {
4084    width: 100%;
4085    height: 100%;
4086    object-fit: cover;
4087    /* Ensure image covers the area without distortion */
4088    position: absolute;
4089    /* Positioning to allow overlay */
4090    top: 0;
4091    left: 0;
4092    }
4093    /* Overlay for the text area */
4094    .IFO-Content {
4095    left: 5.75%;
4096    right: 50%;
4097    top: 50%;
4098    top: 15%;
4099    height: max-content;
4100    /* bottom: 15%;
4101    */
4102    background-color: rgba(var(--neutral-light), var(--alpha));
4103    /* Transparent white background */
4104    padding: 20px 20px 3em;
4105    position: absolute;
4106    /* Ensures it sits above the image */
4107    z-index: 1;
4108    /* Bring text area above the image */
4109    display: flex;
4110    flex-direction: column;
4111    /* Stack elements vertically */
4112    }
4113    /* Button area styling */
4114    .IFO-Button {
4115    display: flex;
4116    justify-content: center;
4117    /* Center the button */
4118    padding: 10px;
4119    }
4120    .IFO-Content .btn.PrimaryButton.MeidumButton {
4121    font-size: var(--button-larrge-font-size);
4122    }
4123    .ContentRight .IFO-Content {
4124    left: 50%;
4125    right: 5%;
4126    }
4127    /* Button area styling */
4128    .IFO-Button {
4129    display: flex;
4130    justify-content: center;
4131    /* Center the button */
4132    padding: 10px;
4133    }
4134    .IFO-Content .IFO-Buttons {
4135    position: relative;
4136    top: 1em;
4137    }
4138    .ContentRight .IFO-Content {
4139    left: 50%;
4140    right: 5%;
4141    }
4142    .Overlay-Container.Bottom-Overlap {
4143    display: block;
4144    grid-template-columns: .25fr 1fr .5fr;
4145    grid-template-rows: 1fr .5fr 0.15fr;
4146    gap: 0px 0px;
4147    padding-bottom: 5%;
4148    }
4149    .Overlay-Container p {
4150    font-size: var(--font-size-md);
4151    }
4152    /* --overlay bottom overlap */
4153    :is(.Overlay-Container.Bottom-Overlap) .IFO-Img {
4154    grid-area: 1 / 1 / 3 / 4;
4155    }
4156    :is(.Overlay-Container.Bottom-Overlap) .IFO-Content {
4157    display: block;
4158    background: rgba(250, 250, 250, .8);
4159    padding: 1.5em;
4160    top: 55%;
4161    /* bottom: -10%;
4162    */
4163    right: 40%;
4164    left: 15%;
4165    padding-bottom: 4em;
4166    position: absolute;
4167    }
4168    @media(max-width: 1648px) {
4169    :is(.Overlay-Container.Bottom-Overlap) .IFO-Content {
4170    top: 50%;
4171    right: 30%;
4172    left: 5%;
4173    }
4174    }
4175    @media(max-width: 991px) {
4176    :is(.Overlay-Container.Bottom-Overlap) .IFO-Content {
4177    top: 5%;
4178    right: 6%;
4179    left: 6%;
4180    }
4181    }
4182    :is(.Overlay-Container.Bottom-Overlap) .IFO-Butttons .btn {
4183    color: var(--button-text-color);
4184    background: var(--button-secondary-bg);
4185    margin-right: 1em;
4186    }
4187    :is(.Overlay-Container.Bottom-Overlap) .IFO-Butttons .btn:hover {
4188    background: var(--button-secondary-bg-hover)
4189    }
4190    .Overlay-Container.Bottom-Overlap .IFO-Buttons {
4191    position: absolute;
4192    bottom: 0;
4193    left: 0;
4194    }
4195    /* --overlay Short overlap */
4196    :is(.Overlay-Container.ShortBanner) .IFO-Content {
4197    right: 50%;
4198    position: absolute;
4199    top: 50%;
4200    transform: translate(0, -50%);
4201    z-index: 1;
4202    background: rgba(255, 255, 255, 0.8);
4203    padding-bottom: 0;
4204    }
4205    :is(.Overlay-Container.ShortBanner) .IFO-Butttons .btn {
4206    color: var(--button-text-color);
4207    background: var(--button-secondary-bg);
4208    margin-right: 1em;
4209    }
4210    :is(.Overlay-Container.ShortBanner) .IFO-Butttons .btn:hover {
4211    background: var(--button-secondary-bg-hover)
4212    }
4213    .Overlay-Container:is(.Overlay-Container.ShortBanner) .IFO-Buttons {
4214    position: absolute;
4215    bottom: 0;
4216    left: 0;
4217    }
4218    .IFO-Buttons.Bottom-Pin {
4219    bottom: 0;
4220    left: 0;
4221    }
4222    #IntroBlock {
4223    padding: 3em 0;
4224    }
4225    @media(max-width:767px) {
4226    .iFinityEventCard, .First-Tall Section:first-child {
4227    display: block
4228    }
4229    .iFinityEventCard Section:first-child .iFinityCardImage {
4230    aspect-ratio: unset
4231    }
4232    .iFinityCardItem {
4233    margin-bottom: 2em;
4234    margin-right: 0;
4235    }
4236    .iFinityCard .panel-body {
4237    padding: 0
4238    }
4239    .Overlay-Container.Bottom-Overlap {
4240    display: block;
4241    }
4242    :is(.Overlay-Container.Bottom-Overlap) .IFO-Content {
4243    display: block;
4244    padding: 1.5em;
4245    top: 10%;
4246    bottom: 5%;
4247    right: 1%;
4248    left: 1%;
4249    padding-bottom: 4em;
4250    font-size: .85em
4251    }
4252    [class*="-per-row"] .TaggedListPanel, .iFinityEventCard[class*="-per-row"] .QueryTemplateSet, .iFinityEventCard[class*="-per-row"] tbody, .iFinityCard[class*="-per-row"] .QueryTemplateSet, .iFinityCard[class*="-per-row"] tbody {
4253    display: block;
4254    }
4255    .iFinityEventCard .panel-body, .iFinityCard .panel-body {
4256    padding: 0
4257    }
4258    .Overlay-Container h1 {
4259    font-size: var(--font-size-xl);
4260    }
4261    .Overlay-Container h2{
4262    font-size: var(--font-size-lg);
4263    }
4264    .Overlay-Container p{
4265    font-size: var(--font-size-sm);
4266    font-size: var(--font-size-sm);
4267    overflow: hidden;
4268    display: -webkit-box;
4269    -webkit-line-clamp: 5;
4270    }
4271    .Overaly-Container {
4272    max-height: 400px !important;
4273    }
4274    .IFO-Img img {
4275    height: 400px !important;
4276    width: auto;
4277    overflow: hidden;
4278    object-fit: cover;
4279    }
4280    #banner .IFO-Img img {
4281    height: 600px !important;
4282    }
4283    .IFO-Content, .ContentRight .IFO-Content {
4284    padding: 1.5em;
4285    /* Adjust padding on smaller screens */
4286    right: 5%;
4287    left: 5%;
4288    height: max-content;
4289    }
4290    .IFO-Button {
4291    padding: 10px 20px;
4292    /* Smaller padding for buttons */
4293    }
4294    }
4295    .radius-right {
4296    border-radius: 0 0 30px 30px
4297    }
4298    /* Accordian */
4299    *, *:before, *:after {
4300    box-sizing: border-box;
4301    }
4302    /* STRTUTTURA */
4303    .radio-accordion {
4304    display: block;
4305    flex-wrap: wrap;
4306    }
4307    .radio-accordion-title {
4308    margin-right: 1px;
4309    width: 100%;
4310    position: relative;
4311    }
4312    .radio-accordion-title>label {
4313    background: transparent;
4314    min-height: 40px;
4315    color: #333;
4316    font-size: 18px;
4317    line-height: 1.5em;
4318    padding: 10px;
4319    cursor: pointer;
4320    display: block;
4321    font-weight: bold;
4322    display: -webkit-flex;
4323    display: flex;
4324    align-items: center;
4325    border-bottom: 2px solid #dcdcdc;
4326    padding-right: 50px;
4327    padding-left: 60px;
4328    }
4329    .radio-accordion-title>left:before {
4330    content: '';
4331    position: absolute;
4332    top: 0;
4333    left: 0;
4334    border-left: 5px solid transparent;
4335    border-bottom: 5px solid transparent;
4336    border-top: 5px solid white;
4337    border-right: 5px solid white;
4338    }
4339    .radio-accordion-body {
4340    padding: 20px;
4341    width: 100%;
4342    background: transparent;
4343    font-size: var(--font-size-sm);
4344    border-top: 1px solid #dcdcdc;
4345    }
4346    /* COMPORTAMENTO + COLORI TAB */
4347    .radio-accordion input[type=radio] {
4348    display: none;
4349    }
4350    .radio-accordion input[type=checkbox] {
4351    display: none;
4352    }
4353    .radio-accordion input[type=radio]:checked+.radio-accordion-title+.radio-accordion-body {
4354    height: auto;
4355    padding: 20px;
4356    overflow: hidden;
4357    transition: 0.5s all;
4358    opacity: 1;
4359    }
4360    .radio-accordion input[type=checkbox]:checked+.radio-accordion-title+.radio-accordion-body {
4361    height: auto;
4362    padding: 20px;
4363    overflow: hidden;
4364    transition: 0.5s all;
4365    opacity: 1;
4366    }
4367    .radio-accordion-body {
4368    height: 0;
4369    padding: 0 20px;
4370    overflow: hidden;
4371    opacity: 0;
4372    transition: 0.3s all;
4373    }
4374    /* al momento non usata serve + tipicamente dei TAB il cambio del colore dell'elemento attivo */
4375    /* .radio-accordion input[type=radio]:checked + .radio-accordion-title > label, .radio-accordion input[type=checkbox]:checked + .radio-accordion-title > label {
4376    border-color:white;
4377    background-color: white;
4378    color: #3f51b5;
4379    }
4380    */
4381    /** espander icon **/
4382    .radio-accordion input[type=radio]+.radio-accordion-title>label:before, .radio-accordion input[type=checkbox]+.radio-accordion-title>label:before {
4383    content: url(/images/ICS/Icons/ArrowDown.svg);
4384    position: absolute;
4385    top: 7px;
4386    left: 10px;
4387    border: 0;
4388    width: 20px;
4389    height: 20px;
4390    }
4391    .radio-accordion input[type=radio]:checked+.radio-accordion-title>label:before, .radio-accordion input[type=checkbox]:checked+.radio-accordion-title>label:before {
4392    content: url(/images/ICS/Icons/ArrowRight.svg);
4393    position: absolute;
4394    top: 7px;
4395    left: 10px;
4396    border: 0;
4397    width: 20px;
4398    height: 20px;
4399    }
4400    @media (max-width: 480px) {
4401    .radio-accordion-title {
4402    -webkit-flex: 1 0 100%;
4403    flex: 1 0 100%;
4404    -webkit-order: 1;
4405    order: 1;
4406    margin-bottom: 1px;
4407    }
4408    .radio-accordion-body {
4409    -webkit-order: 1;
4410    order: 1;
4411    }
4412    }
4413    /* Responsive styles */
4414    @media (max-width: 600px) {
4415    :root {
4416    --accordion-font-size: 14px;
4417    /* Adjust font size for smaller screens */
4418    }
4419    .radio-accordion-title {
4420    padding: 10px;
4421    }
4422    .raio-accordion-body {
4423    padding: 10px;
4424    }
4425    }
4426    .HideContent {
4427    display: none;
4428    }
4429    .Quote {
4430    background: transparent;
4431    border-left: 10px solid var(--brand-main);
4432    margin: 1.5em;
4433    padding: 1.5em .7em;
4434    quotes: "\201C" "\201D" "\201C" "\201D";
4435    font-weight: normal;
4436    font-style: italic;
4437    }
4438    .Quote:before {
4439    color: var(--brand-alternate);
4440    content: open-quote;
4441    margin-right: 0.25em;
4442    vertical-align: -0.4em;
4443    font-size: 800%;
4444    line-height: 0.1em;
4445    font-family: serif;
4446    font-weight: 900;
4447    }
4448    .headshot, cite {
4449    text-align: center;
4450    }
4451    .headshot img {
4452    border-radius: 50%;
4453    text-align: center;
4454    border: 5px solid var(--brand-color-2)
4455    }
4456    .Quote cite {
4457    font-weight: 600;
4458    font-size: 1.15em;
4459    }
4460    .QuoteCard .Quote {
4461    border-left: none;
4462    }
4463    .QuoteCard .Quote:before {
4464    margin-left: -.5em;
4465    }
4466    .QuoteCard .Quote cite{
4467    margin-top: -1.5em;
4468    }
4469    .QuoteCard .Quote cite:before {
4470    content: "";
4471    }
4472    /* Navigation Guide */
4473    .IntroRow {
4474    margin-bottom: 2em!important;
4475    }
4476    @media(max-width:767px){
4477    .IntroRow .Navigation-Guide {
4478    margin-bottom: 2em!important;
4479    }
4480    .row.IntroRow {
4481    --bs-gutter-x: 0;
4482    }
4483    }
4484    .Navigation-Guide {
4485    padding: 0 1% 0 3%;
4486    background: var(--brand-alternate);
4487    border-radius: 0 75px 75px 0;
4488    color: #000;
4489    margin-top: -2em;
4490    }
4491    .Navigation-Guide .background-blue-light .iMIS-WebPart>.ContentItemContainer {
4492    padding: 0
4493    }
4494    .Navigation-Guide h3 {
4495    color: #000 !important;
4496    top:0;
4497    }
4498    .Navigation-Guide ul {
4499    list-style: none;
4500    }
4501    .Navigation-Guide li>a {
4502    background-image: url(/images/ICS/Icons/BlueArrow.svg);
4503    width: 30px;
4504    height: 30px;
4505    background-repeat: no-repeat;
4506    background-size: contain;
4507    padding-left: 40px;
4508    font-weight: 600;
4509    text-decoration: none;
4510    color: var(--font-color-dark);
4511    }
4512    .Navigation-Guide li>a:hover {
4513    text-decoration: underline
4514    }
4515    .Padding-Top {
4516    padding-top: 3em;
4517    }
4518    .Padding-Left {
4519    padding-left: 15%;
4520    }
4521    .Padding-Right{
4522    padding-right: 15%;
4523    }
4524    @media (max-width:767px) {
4525    .Padding-Left, .Padding-Right{
4526    padding-left: 11%;
4527    padding-right: 11%;
4528    }
4529    }
4530    .Staff-List {
4531    color: var(--font-color-heading);
4532    background: #fff;
4533    padding: 10px 20px;
4534    }
4535    .Staff-List p {
4536    font-size: var(--font-size-md);
4537    margin: 0 0 .90em
4538    }
4539    .Staff-List h3 {
4540    margin-bottom: 0;
4541    margin-top: 0;
4542    }
4543    /* ========================================================================== TELERIK OVERRIDES ========================================================================== */
4544    .ProxyPanelContact {
4545    background-color: var(--button-primary-bg);
4546    }
4547    .ProxyPanelContact a {
4548    color: #fff!important;
4549    }
4550    .RadGrid_MetroTouch, .RadGrid.RadGrid_MetroTouch .rgMasterTable, .RadGrid.RadGrid_Metro .rgMasterTable {
4551    border-color: transparent!important;
4552    background-color: transparent!important;
4553    }
4554    /* RadTabStrip ========================================================================== */
4555    .RadTabStripTop_Metro .rtsLevel1, .RadTabStripTop_Metro .rtsLevel1 .rtsUL, .RadTabStrip_Metro .rtsLevel1, .RadTabStrip_Metro .rtsLevel1 .rtsUL {
4556    background-color: var(--rad-tab-bg) !important;
4557    }
4558    .RadTabStripTop_Metro .rtsLevel1 .rtsLink, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink, .RadTabStrip_Metro .rtsLevel1 .rtsLink, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink {
4559    font-weight: var(--font-weight-semibold);
4560    border-color: var(--rad-tab-bg);
4561    }
4562    .RadTabStripTop_Metro .rtsLevel1 .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsLink:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink:hover, .RadTabStrip_Metro .rtsLevel1 .rtsSelected, .RadTabStrip_Metro .rtsLevel1 .rtsLink:hover, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsSelected, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink:hover {
4563    border-color:var(--rad-tab-fg);
4564    }
4565    .RadTabStripTop_Metro .rtsLevel1 .rtsDisabled, .RadTabStripTop_Metro .rtsLevel1 .rtsDisabled:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover, .RadTabStrip_Metro .rtsLevel1 .rtsDisabled, .RadTabStrip_Metro .rtsLevel1 .rtsDisabled:hover, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover {
4566    color: var(--rad-tab-fg);
4567    }
4568    .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
4569    font-family: var(--font-family-sans);
4570    font-weight: var(--font-weight-semibold);
4571    font-size: 16px;
4572    }
4573    html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
4574    border-color: var(--rad-tab-bg);
4575    background-color: var(--rad-tab-bg);
4576    }
4577    html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected .tab-step-number {
4578    /* color: #000;
4579    */
4580    background-color: var(--brand-alternate);
4581    }
4582    .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 {
4583    border-color: var(--rad-tab-bg);
4584    }
4585    @media (max-width: 767px) {
4586    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
4587    border-bottom: 3px solid var(--rad-tab-bg);
4588    }
4589    }
4590    @media (min-width: 768px) {
4591    .wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripLeft {
4592    border-right: 3px solid var(--rad-tab-bg);
4593    }
4594    .account-page-with-banner .wrapper.has-secondary-col .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
4595    border-bottom: 3px solid var(--rad-tab-bg);
4596    }
4597    }
4598    /* RadTabStrip - Content Collection Organiser custom style for dropdown version on account page ========================================================================== */
4599    .RadTabStrip .rtsLevel1.stacked-list a.rtsLink, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected {
4600    text-align: left;
4601    margin: 0px;
4602    border-radius: 0px;
4603    background-color: #ffffff;
4604    color: #333333;
4605    border: 0;
4606    box-shadow: none;
4607    font-size: 18px;
4608    font-weight: 600;
4609    }
4610    .RadTabStrip .rtsLevel1.stacked-list a.rtsLink:hover, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink:focus, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink:active, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:hover, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:focus, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:active {
4611    background: var(--rad-tab-bg-hover);
4612    color: #fff;
4613    }
4614    /* RadToolTip ========================================================================== */
4615    /* Currently used by the QueryMenu iPart */
4616    .RadToolTip_Telerik a:hover {
4617    background-color: var(--rad-tab-bg);
4618    }
4619    /* RadGrid ========================================================================== */
4620    .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPagePrev:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageNext:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageFirst:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageLast:active, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton:hover, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgActionButton:hover, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPagePrev:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPageNext:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPageFirst:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPageLast:active, .RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgPagerButton, .RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgPagerButton:hover, .RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgActionButton:hover {
4621    background-color: var(--rad-tab-bg);
4622    border-color: var(--rad-tab-bg);
4623    text-decoration: none;
4624    color: #fff !important;
4625    }
4626    .RadGrid.RadGrid_MetroTouch input.rgAdd, .RadGrid.RadGrid_MetroTouch input.rgRefresh, .RadGrid.RadGrid_MetroTouch .rgSave, .RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel, .RadGrid.RadGrid_Metro input.rgAdd, .RadGrid.RadGrid_Metro input.rgRefresh, .RadGrid.RadGrid_Metro .rgSave, .RadGrid.RadGrid_Metro .rgCommandRow .rgCancel {
4627    background-color: var(--rad-tab-bg);
4628    }
4629    .RadGrid.RadGrid_MetroTouch .rgGroupPanel, .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption, .RadGrid.RadGrid_Metro .rgGroupPanel, .RadGrid.RadGrid_Metro .rgGroupPanel caption {
4630    background-color: var(--rad-tab-bg);
4631    }
4632    .RadGrid.RadGrid_MetroTouch .rgActiveRow td, .RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgActiveCell, .RadGrid.RadGrid_Metro .rgActiveRow td, .RadGrid.RadGrid_Metro .rgActiveRow td.rgSorted, .RadGrid.RadGrid_Metro .rgSelectedRow td, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgActiveCell {
4633    border-color: var(--rad-tab-bg);
4634    }
4635    :is(.iFintiyCard, .iFinityEventCard) :is(.RadGrid.RadGrid_MetroTouch .rgActiveRow td, .RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgActiveCell, .RadGrid.RadGrid_Metro .rgActiveRow td, .RadGrid.RadGrid_Metro .rgActiveRow td.rgSorted, .RadGrid.RadGrid_Metro .rgSelectedRow td, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgActiveCell ){
4636    border-color: transparent;
4637    }
4638    * + html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * + html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted, * html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
4639    background-color: var(--rad-tab-bg);
4640    }
4641    .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, .RadGrid.RadGrid_MetroTouch .rgSelectedRow, .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_MetroTouch th.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell, .RadGrid.RadGrid_Metro .rgSelectedRow, .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro th.rgSorted {
4642    background-color: var(--rad-tab-bg);
4643    border-color: var(--rad-tab-bg);
4644    text-decoration: none;
4645    }
4646    .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a, .RadGrid.RadGrid_MetroTouch .rgSelectedRow a, .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a, .RadGrid.RadGrid_MetroTouch th.rgSorted a, .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a, .RadGrid.RadGrid_Metro .rgSelectedRow a, .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a, .RadGrid.RadGrid_Metro th.rgSorted a {
4647    color: #fff !important;
4648    }
4649    .RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage, .RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageFirst:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPagePrev:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageNext:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageLast:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPagerButton, .RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage, .RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage:hover, .RadDataPager.RadDataPager_Metro .rdpPageFirst:hover, .RadDataPager.RadDataPager_Metro .rdpPagePrev:hover, .RadDataPager.RadDataPager_Metro .rdpPageNext:hover, .RadDataPager.RadDataPager_Metro .rdpPageLast:hover, .RadDataPager.RadDataPager_Metro .rdpPagerButton {
4650    background-color: var(--rad-tab-bg);
4651    border-color: var(--rad-tab-bg);
4652    }
4653    /* RadScheduler ========================================================================== */
4654    .RadScheduler.RadScheduler_Metro .rsAptIn {
4655    border-top: none;
4656    }
4657    .RadScheduler.RadScheduler_Metro .rsHeader {
4658    border-color: #424242;
4659    background-color: #424242;
4660    }
4661    .RadScheduler.RadScheduler_Metro .rsHeader ul a {
4662    border-color: #424242;
4663    }
4664    .RadScheduler.RadScheduler_Metro .rsHeader h2 {
4665    font-family: var(--font-family-sans);
4666    }
4667    /* RadMenu ========================================================================== */
4668    .RadMenu.RadMenu_Metro, .RadMenu.RadMenu_Metro .rmRootLink, .RadMenu.RadMenu_MetroTouch, .RadMenu.RadMenu_MetroTouch .rmRootLink {
4669    text-transform: none;
4670    color: #ffffff;
4671    }
4672    .RadMenu.RadMenu_Metro div.rmRootGroup, .RadMenu.RadMenu_Metro ul.rmRootGroup, .RadMenu.RadMenu_MetroTouch div.rmRootGroup, .RadMenu.RadMenu_MetroTouch ul.rmRootGroup {
4673    background-color: var(--rad-tab-bg);
4674    }
4675    .RadMenu.RadMenu_Metro .rmRootLink, .RadMenu.RadMenu_MetroTouch .rmRootLink {
4676    border-color: var(--rad-tab-bg);
4677    }
4678    .RadMenu.RadMenu_Metro .rmDisabled, .RadMenu.RadMenu_Metro .rmDisabled:hover, .RadMenu.RadMenu_MetroTouch .rmDisabled, .RadMenu.RadMenu_MetroTouch .rmDisabled:hover {
4679    border-color: var(--rad-tab-bg);
4680    }
4681    .RadMenu.RadMenu_Metro .rmGroup .rmFocused, .RadMenu.RadMenu_Metro .rmGroup .rmFocused:hover, .RadMenu.RadMenu_Metro .rmGroup .rmSelected, .RadMenu.RadMenu_Metro .rmGroup .rmSelected:hover, .RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected, .RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected:hover, .RadMenu.RadMenu_Metro .rmGroup .rmExpanded, .RadMenu.RadMenu_Metro .rmGroup .rmExpanded:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused, .RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected, .RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected, .RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded, .RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded:hover {
4682    border-color: var(--rad-tab-bg);
4683    background-color: var(--rad-tab-bg);
4684    color: #FFF !important;
4685    }
4686    /* RadWindow ========================================================================== */
4687    .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
4688    background-color: var(--rad-tab-bg);
4689    }
4690    .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:active, .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:focus {
4691    border-color: var(--rad-tab-bg);
4692    background-color: var(--rad-tab-bg);
4693    }
4694    .RadWindow.RadWindow_Metro .rwTitlebar, .RadWindow.RadWindow_Metro .rwTopLeft, .RadWindow.RadWindow_Metro .rwTopRight, .RadWindow.RadWindow_Metro .rwTopResize, .RadWindow.RadWindow_Metro .rwControlButtons a {
4695    background-color: var(--rad-tab-bg);
4696    }
4697    .RadWindow.RadWindow_Metro .rwControlButtons a {
4698    border-color: var(--rad-tab-bg);
4699    }
4700    /* RadTreeView ========================================================================== */
4701    .RadCalendar.RadCalendar_Metro .rcFastPrev:hover, .RadCalendar.RadCalendar_Metro .rcPrev:hover, .RadCalendar.RadCalendar_Metro .rcNext:hover, .RadCalendar.RadCalendar_Metro .rcFastNext:hover, .RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover, .RadCalendar.RadCalendar_MetroTouch .rcPrev:hover, .RadCalendar.RadCalendar_MetroTouch .rcNext:hover, .RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover {
4702    border-color: var(--rad-tab-bg);
4703    }
4704    .RadCalendar.RadCalendar_Metro .rcFastPrev:hover:before, .RadCalendar.RadCalendar_Metro .rcPrev:hover:before, .RadCalendar.RadCalendar_Metro .rcNext:hover:before, .RadCalendar.RadCalendar_Metro .rcFastNext:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcPrev:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcNext:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover:before {
4705    color: var(--rad-tab-bg);
4706    }
4707    .RadCalendar.RadCalendar_Metro .rcRow .rcToday a, .RadCalendar.RadCalendar_MetroTouch .rcRow .rcToday a {
4708    border-color: var(--rad-tab-bg);
4709    }
4710    .RadCalendar.RadCalendar_Metro .rcMain .rcRow .rcSelected a, .RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected a {
4711    border-color: var(--rad-tab-bg);
4712    background: var(--rad-tab-bg);
4713    }
4714    .RadCalendarMonthView.RadCalendarMonthView_Metro, .RadCalendarMonthView.RadCalendarMonthView_Metro .rcButtons input, .RadCalendarMonthView.RadCalendarMonthView_MetroTouch, .RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcButtons input {
4715    font-family: var(--font-family-sans);
4716    font-weight: inherit;
4717    }
4718    .RadCalendarMonthView.RadCalendarMonthView_Metro .rcSelected a, .RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcSelected a {
4719    background: var(--rad-tab-bg);
4720    }
4721    .RadCalendarMonthView.RadCalendarMonthView_MetroTouch #rcMView_Today {
4722    background: var(--rad-tab-bg);
4723    border-color: var(--rad-tab-bg);
4724    }
4725    .RadCalendarTimeView.RadCalendarTimeView_Metro, .RadCalendarTimeView.RadCalendarTimeView_MetroTouch {
4726    font-family: var(--font-family-sans);
4727    font-weight: inherit;
4728    }
4729    .RadCalendarTimeView.RadCalendarTimeView_Metro td.rcSelected a, .RadCalendarTimeView.RadCalendarTimeView_MetroTouch td.rcSelected a {
4730    border-color: var(--rad-tab-bg);
4731    background: var(--rad-tab-bg);
4732    }
4733    .RadPicker.RadPicker_Metro .rcCalPopup:hover, .RadPicker.RadPicker_Metro .rcCalPopup:focus, .RadPicker.RadPicker_Metro .rcCalPopup:active, .RadPicker.RadPicker_Metro .rcTimePopup:hover, .RadPicker.RadPicker_Metro .rcTimePopup:focus, .RadPicker.RadPicker_Metro .rcTimePopup:active, .RadPicker.RadPicker_MetroTouch .rcCalPopup:hover, .RadPicker.RadPicker_MetroTouch .rcCalPopup:focus, .RadPicker.RadPicker_MetroTouch .rcCalPopup:active, .RadPicker.RadPicker_MetroTouch .rcTimePopup:hover, .RadPicker.RadPicker_MetroTouch .rcTimePopup:focus, .RadPicker.RadPicker_MetroTouch .rcTimePopup:active {
4734    background-color: var(--rad-tab-bg);
4735    }
4736    .RadPicker .rcCalPopup, .RadPicker .rcTimePopup {
4737    width: inherit;
4738    text-indent: inherit;
4739    }
4740    .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink:hover {
4741    background-color: var(--rad-tab-bg-hover)!important;
4742    }
4743    .member-profile .mini-profile-banner-large .mini-profile-name-section .SectionLabel, .member-profile .mini-profile-banner-small .mini-profile-name-section .SectionLabel, h4, .h4, .SectionLabel {
4744    font-weight: var(--font-weight-semibold);
4745    color: var(--font-color-heading);
4746    font-family: var(--font-family-sans);
4747    color: #000;
4748    }
4749    .account-banner-bg-color-2 .account-banner:before {
4750    margin-bottom: 40px;
4751    background: #ffffff;
4752    border-radius: 0;
4753    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
4754    border: 1px solid #dbdbdb;
4755    padding: 15px;
4756    }
4757    /**member account page**/
4758    .coadmin-manage a {
4759    background-color: var(--font-color-primary);
4760    }
4761    .member-profile .mini-profile-name-section {
4762    padding-top: 0;
4763    padding-bottom: 1em;
4764    }
4765    /* Back to top */
4766    .backToTop {
4767    background-image: none;
4768    width: 40px;
4769    height: 40px;
4770    transform: none;
4771    transition: all 0.2s ease;
4772    }
4773    .backToTop {
4774    background: #4E937A url("images/ResponsiveHeaderSprite.png") 5px -223px no-repeat;
4775    font: 0/0 a;
4776    width: 50px;
4777    height: 50px;
4778    position: fixed;
4779    bottom: 30px;
4780    right: 30px;
4781    transform: rotate(-90deg);
4782    border-radius: 40px;
4783    transition: background 0.2s ease-in;
4784    z-index: 100;
4785    }
4786    .backToTop:hover {
4787    background-color: var(--button-dark-bg);
4788    }
4789    /* Responsive table */
4790    .responsive-table {
4791    width: 100%;
4792    border-collapse: collapse;
4793    }
4794    .responsive-table th, .responsive-table td {
4795    border: 1px solid #ccc;
4796    padding: 8px;
4797    text-align: left;
4798    }
4799    /* Responsive styles */
4800    @media (max-width: 600px) {
4801    .responsive-table thead {
4802    display: none;
4803    }
4804    .responsive-table tr {
4805    display: block;
4806    margin-bottom: 10px;
4807    border: 1px solid #ddd;
4808    }
4809    .responsive-table td {
4810    display: block;
4811    text-align: right;
4812    padding-left: 50%;
4813    position: relative;
4814    }
4815    .responsive-table td::before {
4816    content: attr(data-label);
4817    position: absolute;
4818    left: 10px;
4819    width: 45%;
4820    padding-left: 10px;
4821    font-weight: bold;
4822    text-align: left;
4823    }
4824    }
4825</style>--></div><div class="ContentRecordPageButtonPanel">
4826
4827</div> 	
4828
4829</div>
4830				<div id="ste_container_ciScripts_1295232a18e44f408abf9ba1ce0ff823" class="ContentItemContainer"><div id="ctl01_ciScripts_1295232a18e44f408abf9ba1ce0ff823_Panel_Scripts">
4831	<!--SCRIPT FOR CHANING THE DATE -->
4832<script>
4833jQuery(document).ready(function() {
4834  // Get the current year
4835  const currentYear = (new Date()).getFullYear();
4836
4837  // Update the year in the HTML
4838  jQuery("#year").text(currentYear);
4839});
4840</script>
4840
4841<!--SCRIPT FOR ACCORDION -->
4842<script>
4843jQuery(document).ready(function() {
4844    jQuery('.accordion-header').click(function() {
4845        // Close all other open items
4846        jQuery('.accordion-item').not(jQuery(this).parent()).removeClass('active');
4847
4848        // Toggle the current item
4849        jQuery(this).parent().toggleClass('active');
4850    });
4851});</script>
4851
4852<!--SCRIPT FOR LOADING LAZY -->
4853<script>jQuery(document).ready(function() {
4854    // Select all images NOT inside the element with id "banner"
4855    jQuery('img:not(#banner img)').attr('loading', 'lazy');
4856});</script>
vendor: 2 bytes, line 4856
4856
4857<script>
4858
4859jQuery(document).ready(function() {
4860  
4861  jQuery('.radio-accordion-title').on('click','label',function(e){
4862
4863    var inputPressed = jQuery(this).parent().prev('input[type=radio]');
4864    
4865    if( inputPressed.is(':checked') ) {
4866e.preventDefault();
4867      inputPressed.prop('checked', false );
4868   
4869    }
4870    
4871  })
4872  
4873});
4874
4875</script>
vendor: 2 bytes, line 4875
4875
4876<script>
4877jQuery(document).ready(function() {
4878  // Check if it's a mobile device based on screen width
4879  if (window.innerWidth <= 768) { // Adjust breakpoint as needed
4880
4881    jQuery('.Overlay-Container .IFO-Content').each(function() {
4882      if (jQuery(this).find('.IFO-Button').length > 0) {
4883        jQuery(this).css('padding-bottom', '4rem');
4884      }
4885    });
4886  }
4887});
4888</script>
vendor: 2 bytes, line 4888
4888
4889<script>jQuery(document).ready(function() {
4890    jQuery("label").each(function() {
4891        if (jQuery(this).text().trim() === "Last name") {
4892            jQuery(this).text("Last Name/Family Name");
4893        }
4894    });
4895});
4896
4897jQuery(document).ready(function() {
4898jQuery("#YourElementID").text("Organisation");
4899});
4900 </script>
4900
4901</div></div>
4902					</div>
4903
4904				</div>
4905			</div>
4906		</div>
4907	</footer>
4908</div>	
4909
4910                                        
4911            <!--Jscript from Page.ResgisterStartupScript extention is loaded here -->
4912            <Div>
4912<script type="text/javascript">Sys.Application.add_load(function () {{ MasterPageBase_Init(); }});</script>
vendor: 2 bytes, line 4912
4912
4913<script>var cookieConsentProperties = new CookieConsentProperties();cookieConsentProperties.ShowLink = false;cookieConsentProperties.Message = 'This website uses cookies to ensure you get the best experience on our website.';cookieConsentProperties.Allow = 'Accept All';cookieConsentProperties.Deny = 'Reject All';cookieConsentProperties.Link = 'Learn more';cookieConsentProperties.Href = '';cookieConsentProperties.AuditUrl = '/api/CookieConsentAudit';cookieConsentProperties.WebsiteProviderCookiePolicyHref = 'https://www.advsol.com/imiscookiepolicy';cookieConsentProperties.Position = 'bottom';cookieConsentProperties.Static = false;SetUpCookieWarning(cookieConsentProperties);</script>
4913
4914</Div><input name="ctl01$TemplateScripts$timeoutsoonmsg" type="hidden" id="timeoutsoonmsg" value="PGgyPllvdSBhcmUgYWJvdXQgdG8gYmUgc2lnbmVkIG91dDwvaDI+DQo8cD5Zb3Ugd2lsbCBiZSBzaWduZWQgb3V0IGluIDxzdHJvbmc+W1NlY29uZHNSZW1haW5pbmddPC9zdHJvbmc+IHNlY29uZHMgZHVlIHRvIGluYWN0aXZpdHkuIFlvdXIgY2hhbmdlcyB3aWxsIG5vdCBiZSBzYXZlZC4gVG8gY29udGludWUgd29ya2luZyBvbiB0aGUgd2Vic2l0ZSwgY2xpY2sgIlN0YXkgU2lnbmVkIEluIiBiZWxvdy48L3A+" /><input name="ctl01$TemplateScripts$timeoutsoonstaysignintxt" type="hidden" id="timeoutsoonstaysignintxt" value="U3RheSBTaWduZWQgSW4=" /><input name="ctl01$TemplateScripts$timeoutsoonlogouttxt" type="hidden" id="timeoutsoonlogouttxt" value="U2lnbiBPdXQ=" /><input name="ctl01$TemplateScripts$stayLoggedInURL" type="hidden" id="stayLoggedInURL" /><input name="ctl01$TemplateScripts$logoutUrl" type="hidden" id="logoutUrl" value="aHR0cHM6Ly93d3cuaWNzLm9yZy51ay9hc2ljb21tb24vY29udHJvbHMvc2hhcmVkL2Zvcm1zYXV0aGVudGljYXRpb24vbG9naW4uYXNweD9TZXNzaW9uVGltZW91dD0xJlJldHVyblVybD0lMmYlM2Y=" />
4915
4916<!-- Bootstrap Modal -->
4917<div id="BootstrapModal" class="modal fade" tabindex="-1" role="dialog" aria-label="Modal" aria-hidden="true">
4918    <div id="BootstrapDocument" class="modal-dialog modal-xl" role="document">
4919        <div class="modal-content">
4920            <div class="modal-header">
4921                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
4922                    <span aria-hidden="true">&times;</span>
4923                </button>
4924            </div>
4925            <div class="modal-body p-0 m-0">
4926                <iframe id="ContentFrame" class="modal-content-iframe" width="100%" height="100px" frameborder="0"></iframe>
4927            </div>
4928        </div>
4929    </div>
4930</div>                    	            
4931        <div id="ctl01_RadAjaxManager1SU">
4932	<span id="ctl01_RadAjaxManager1" style="display:none;"></span>
4933</div><div id="ctl01_WindowManager1" style="display:none;">
4934	<div id="ctl01_GenericWindow" style="display:none;">
4935		<div id="ctl01_GenericWindow_C" style="display:none;">
4936
4937		</div><input id="ctl01_GenericWindow_ClientState" name="ctl01_GenericWindow_ClientState" type="hidden" />
4938	</div><div id="ctl01_ObjectBrowser" style="display:none;">
4939		<div id="ctl01_ObjectBrowser_C" style="display:none;">
4940
4941		</div><input id="ctl01_ObjectBrowser_ClientState" name="ctl01_ObjectBrowser_ClientState" type="hidden" />
4942	</div><div id="ctl01_ObjectBrowserDialog" style="display:none;">
4943		<div id="ctl01_ObjectBrowserDialog_C" style="display:none;">
4944
4945		</div><input id="ctl01_ObjectBrowserDialog_ClientState" name="ctl01_ObjectBrowserDialog_ClientState" type="hidden" />
4946	</div><div id="ctl01_WindowManager1_alerttemplate" style="display:none;">
4947        <div class="rwDialogPopup radalert">
4948            <div class="rwDialogText" role="alert">
4949            {1}
4950            </div>
4951
4952            <div>
4953                <a  onclick="$find('{0}').close(true);"
4954                class="rwPopupButton" href="javascript:void(0);">
4955                    <span class="rwOuterSpan">
4956                        <span class="rwInnerSpan">##LOC[OK]##</span>
4957                    </span>
4958                </a>
4959            </div>
4960        </div>
4961        </div><div id="ctl01_WindowManager1_prompttemplate" style="display:none;">
4962         <div class="rwDialogPopup radprompt">
4963                <div class="rwDialogText">
4964                {1}
4965                </div>
4966                <div>
4967                    
4967<script type="text/javascript">
4968                    function RadWindowprompt_detectenter(id, ev, input)
4969                    {
4970                        if (!ev) ev = window.event;
4971                        if (ev.keyCode == 13)
4972                        {
4973                            var but = input.parentNode.parentNode.getElementsByTagName("A")[0];
4974                            if (but)
4975                            {
4976                                if (but.click) but.click();
4977                                else if (but.onclick)
4978                                {
4979                                    but.focus(); var click = but.onclick; but.onclick = null; if (click) click.call(but);
4980                                }
4981                            }
4982                           return false;
4983                        }
4984                        else return true;
4985                    }
4986                    </script>
4986
4987                    <input title="Enter Value" aria-label="Enter Value" onkeydown="return RadWindowprompt_detectenter('{0}', event, this);" type="text"  class="rwDialogInput" value="{2}" />
4988                </div>
4989                <div>
4990                    <a onclick="$find('{0}').close(this.parentNode.parentNode.getElementsByTagName('input')[0].value);"
4991                        class="rwPopupButton" href="javascript:void(0);" ><span class="rwOuterSpan"><span class="rwInnerSpan">##LOC[OK]##</span></span></a>
4992                    <a onclick="$find('{0}').close(null);" class="rwPopupButton"  href="javascript:void(0);"><span class="rwOuterSpan"><span class="rwInnerSpan">##LOC[Cancel]##</span></span></a>
4993                </div>
4994            </div>
4995        </div><div id="ctl01_WindowManager1_confirmtemplate" style="display:none;">
4996        <div class="rwDialogPopup radconfirm">
4997            <div class="rwDialogText">
4998            {1}
4999            </div>
5000            <div>
5001                <a onclick="$find('{0}').close(true);"  class="rwPopupButton" href="javascript:void(0);" ><span class="rwOuterSpan"><span class="rwInnerSpan">##LOC[OK]##</span></span></a>
5002                <a onclick="$find('{0}').close(false);" class="rwPopupButton"  href="javascript:void(0);"><span class="rwOuterSpan"><span class="rwInnerSpan">##LOC[Cancel]##</span></span></a>
5003            </div>
5004        </div>
5005        </div><input id="ctl01_WindowManager1_ClientState" name="ctl01_WindowManager1_ClientState" type="hidden" />
5006</div>
5007
5008<script type="text/javascript">
5009    //<![CDATA[
5010
5011    var gCartCount;
5012    var cartDiv = $get("CartItemCount");
5013    if (cartDiv != null){
5014        jQuery.ajax({
5015            type: "POST",
5016            url: gWebRoot + "/WebMethodUtilities.aspx/GetCartItemCount",
5017            data: "{}",
5018            contentType: "application/json; charset=utf-8",
5019            dataType: 'json',
5020            success: function(result) {
5021                if (result.d != '' && result.d != null) {
5022                    gCartCount = result.d;
5023                    if (gCartCount != null) {
5024                        cartDiv.innerHTML = gCartCount;
5025                    }
5026                }
5027            },
5028            async: true
5029        });
5030    }
5031
5032    function CheckForChildren() {
5033        var contentRecordPageButtonPanelHasChildren = false;
5034        var contentRecordPageButtonPanel = jQuery('div.ContentRecordPageButtonPanel');
5035        for (var i = 0, max = contentRecordPageButtonPanel.length; i < max; i++) {
5036            if (contentRecordPageButtonPanel[i].children.length > 0) {
5037                contentRecordPageButtonPanelHasChildren = true;
5038                break;
5039            }
5040        }
5041        if (!contentRecordPageButtonPanelHasChildren) {
5042            jQuery("Body").addClass("TemplateAreaEasyEditOn");
5043        }
5044    }
5045    if (gIsEasyEditEnabled)
5046        CheckForChildren();  
5047    //]]>
5048</script>
5048
5049
5050<div class="aspNetHidden">
5051
5052	<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="AE62767F" />
5053</div>
5054
5055<script type="text/javascript">
5056//<![CDATA[
5057if(typeof(window['ctl01_TemplateBody_ContentPage1_contentitemdisplaybasejsmanager'])==='undefined') {
5058                     window['ctl01_TemplateBody_ContentPage1_contentitemdisplaybasejsmanager']=new Asi_WebRoot_AsiCommon_ContentManagement_DownloadDocument();              
5059                     }if(typeof(window['ctl01_TemplateBody_ContentPage1_contentitemdisplaybasejsmanager'])!=='undefined') { window['ctl01_TemplateBody_ContentPage1_contentitemdisplaybasejsmanager'].OnLoad('#ctl01_TemplateBody_ContentPage1_downloadButton','#ctl01_TemplateBody_ContentPage1_HiddenDownloadPathField'); }if(typeof(window['ctl01_TemplateBody_ContentPage2_contentitemdisplaybasejsmanager'])==='undefined') {
5060                     window['ctl01_TemplateBody_ContentPage2_contentitemdisplaybasejsmanager']=new Asi_WebRoot_AsiCommon_ContentManagement_DownloadDocument();              
5061                     }if(typeof(window['ctl01_TemplateBody_ContentPage2_contentitemdisplaybasejsmanager'])!=='undefined') { window['ctl01_TemplateBody_ContentPage2_contentitemdisplaybasejsmanager'].OnLoad('#ctl01_TemplateBody_ContentPage2_downloadButton','#ctl01_TemplateBody_ContentPage2_HiddenDownloadPathField'); }if(typeof(window['ctl01_TemplateBody_ContentPage3_contentitemdisplaybasejsmanager'])==='undefined') {
5062                     window['ctl01_TemplateBody_ContentPage3_contentitemdisplaybasejsmanager']=new Asi_WebRoot_AsiCommon_ContentManagement_DownloadDocument();              
5063                     }if(typeof(window['ctl01_TemplateBody_ContentPage3_contentitemdisplaybasejsmanager'])!=='undefined') { window['ctl01_TemplateBody_ContentPage3_contentitemdisplaybasejsmanager'].OnLoad('#ctl01_TemplateBody_ContentPage3_downloadButton','#ctl01_TemplateBody_ContentPage3_HiddenDownloadPathField'); }if(typeof(window['ctl01_TemplateBody_ContentPage4_contentitemdisplaybasejsmanager'])==='undefined') {
5064                     window['ctl01_TemplateBody_ContentPage4_contentitemdisplaybasejsmanager']=new Asi_WebRoot_AsiCommon_ContentManagement_DownloadDocument();              
5065                     }if(typeof(window['ctl01_TemplateBody_ContentPage4_contentitemdisplaybasejsmanager'])!=='undefined') { window['ctl01_TemplateBody_ContentPage4_contentitemdisplaybasejsmanager'].OnLoad('#ctl01_TemplateBody_ContentPage4_downloadButton','#ctl01_TemplateBody_ContentPage4_HiddenDownloadPathField'); }if(typeof(window['ctl01_TemplateBody_ContentPage5_contentitemdisplaybasejsmanager'])==='undefined') {
5066                     window['ctl01_TemplateBody_ContentPage5_contentitemdisplaybasejsmanager']=new Asi_WebRoot_AsiCommon_ContentManagement_DownloadDocument();              
5067                     }if(typeof(window['ctl01_TemplateBody_ContentPage5_contentitemdisplaybasejsmanager'])!=='undefined') { window['ctl01_TemplateBody_ContentPage5_contentitemdisplaybasejsmanager'].OnLoad('#ctl01_TemplateBody_ContentPage5_downloadButton','#ctl01_TemplateBody_ContentPage5_HiddenDownloadPathField'); }if(typeof(window['ctl01_TemplateBody_ContentPage6_contentitemdisplaybasejsmanager'])==='undefined') {
5068                     window['ctl01_TemplateBody_ContentPage6_contentitemdisplaybasejsmanager']=new Asi_WebRoot_AsiCommon_ContentManagement_DownloadDocument();              
5069                     }if(typeof(window['ctl01_TemplateBody_ContentPage6_contentitemdisplaybasejsmanager'])!=='undefined') { window['ctl01_TemplateBody_ContentPage6_contentitemdisplaybasejsmanager'].OnLoad('#ctl01_TemplateBody_ContentPage6_downloadButton','#ctl01_TemplateBody_ContentPage6_HiddenDownloadPathField'); }if(typeof(window['ctl01_TemplateBody_ContentPage7_contentitemdisplaybasejsmanager'])==='undefined') {
5070                     window['ctl01_TemplateBody_ContentPage7_contentitemdisplaybasejsmanager']=new Asi_WebRoot_AsiCommon_ContentManagement_DownloadDocument();              
5071                     }if(typeof(window['ctl01_TemplateBody_ContentPage7_contentitemdisplaybasejsmanager'])!=='undefined') { window['ctl01_TemplateBody_ContentPage7_contentitemdisplaybasejsmanager'].OnLoad('#ctl01_TemplateBody_ContentPage7_downloadButton','#ctl01_TemplateBody_ContentPage7_HiddenDownloadPathField'); }if(typeof(window['ctl01_TemplateBody_ContentPage8_contentitemdisplaybasejsmanager'])==='undefined') {
5072                     window['ctl01_TemplateBody_ContentPage8_contentitemdisplaybasejsmanager']=new Asi_WebRoot_AsiCommon_ContentManagement_DownloadDocument();              
5073                     }if(typeof(window['ctl01_TemplateBody_ContentPage8_contentitemdisplaybasejsmanager'])!=='undefined') { window['ctl01_TemplateBody_ContentPage8_contentitemdisplaybasejsmanager'].OnLoad('#ctl01_TemplateBody_ContentPage8_downloadButton','#ctl01_TemplateBody_ContentPage8_HiddenDownloadPathField'); }if(typeof(window['ctl01_TemplateBody_ContentPage9_contentitemdisplaybasejsmanager'])==='undefined') {
5074                     window['ctl01_TemplateBody_ContentPage9_contentitemdisplaybasejsmanager']=new Asi_WebRoot_AsiCommon_ContentManagement_DownloadDocument();              
5075                     }if(typeof(window['ctl01_TemplateBody_ContentPage9_contentitemdisplaybasejsmanager'])!=='undefined') { window['ctl01_TemplateBody_ContentPage9_contentitemdisplaybasejsmanager'].OnLoad('#ctl01_TemplateBody_ContentPage9_downloadButton','#ctl01_TemplateBody_ContentPage9_HiddenDownloadPathField'); }if(typeof(window['ctl01_TemplateBody_ContentPage10_contentitemdisplaybasejsmanager'])==='undefined') {
5076                     window['ctl01_TemplateBody_ContentPage10_contentitemdisplaybasejsmanager']=new Asi_WebRoot_AsiCommon_ContentManagement_DownloadDocument();              
5077                     }if(typeof(window['ctl01_TemplateBody_ContentPage10_contentitemdisplaybasejsmanager'])!=='undefined') { window['ctl01_TemplateBody_ContentPage10_contentitemdisplaybasejsmanager'].OnLoad('#ctl01_TemplateBody_ContentPage10_downloadButton','#ctl01_TemplateBody_ContentPage10_HiddenDownloadPathField'); }if(typeof(window['ctl01_TemplateBody_ContentPage11_contentitemdisplaybasejsmanager'])==='undefined') {
5078                     window['ctl01_TemplateBody_ContentPage11_contentitemdisplaybasejsmanager']=new Asi_WebRoot_AsiCommon_ContentManagement_DownloadDocument();              
5079                     }if(typeof(window['ctl01_TemplateBody_ContentPage11_contentitemdisplaybasejsmanager'])!=='undefined') { window['ctl01_TemplateBody_ContentPage11_contentitemdisplaybasejsmanager'].OnLoad('#ctl01_TemplateBody_ContentPage11_downloadButton','#ctl01_TemplateBody_ContentPage11_HiddenDownloadPathField'); }if(typeof(window['ctl01_TemplateBody_ContentPage12_contentitemdisplaybasejsmanager'])==='undefined') {
5080                     window['ctl01_TemplateBody_ContentPage12_contentitemdisplaybasejsmanager']=new Asi_WebRoot_AsiCommon_ContentManagement_DownloadDocument();              
5081                     }if(typeof(window['ctl01_TemplateBody_ContentPage12_contentitemdisplaybasejsmanager'])!=='undefined') { window['ctl01_TemplateBody_ContentPage12_contentitemdisplaybasejsmanager'].OnLoad('#ctl01_TemplateBody_ContentPage12_downloadButton','#ctl01_TemplateBody_ContentPage12_HiddenDownloadPathField'); }if(typeof(window['ctl01_TemplateBody_ContentPage13_contentitemdisplaybasejsmanager'])==='undefined') {
5082                     window['ctl01_TemplateBody_ContentPage13_contentitemdisplaybasejsmanager']=new Asi_WebRoot_AsiCommon_ContentManagement_DownloadDocument();              
5083                     }if(typeof(window['ctl01_TemplateBody_ContentPage13_contentitemdisplaybasejsmanager'])!=='undefined') { window['ctl01_TemplateBody_ContentPage13_contentitemdisplaybasejsmanager'].OnLoad('#ctl01_TemplateBody_ContentPage13_downloadButton','#ctl01_TemplateBody_ContentPage13_HiddenDownloadPathField'); }if(typeof(window['ctl01_TemplateBody_ContentPage14_contentitemdisplaybasejsmanager'])==='undefined') {
5084                     window['ctl01_TemplateBody_ContentPage14_contentitemdisplaybasejsmanager']=new Asi_WebRoot_AsiCommon_ContentManagement_DownloadDocument();              
5085                     }if(typeof(window['ctl01_TemplateBody_ContentPage14_contentitemdisplaybasejsmanager'])!=='undefined') { window['ctl01_TemplateBody_ContentPage14_contentitemdisplaybasejsmanager'].OnLoad('#ctl01_TemplateBody_ContentPage14_downloadButton','#ctl01_TemplateBody_ContentPage14_HiddenDownloadPathField'); }
5085__Document_Head_Init('https://www.ics.org.uk/NoCookies.html', '', false);window.__TsmHiddenField = $get('ctl01_ScriptManager1_TSM');NavigationList_NavControlId = '_rptWrapper';NavigationList_Init();var ctl01_ciUtilityNavigation_ctl09_SearchTermsProperties = new SimpleSearchFieldProperties();
5086ctl01_ciUtilityNavigation_ctl09_SearchTermsProperties.WatermarkClass = 'Watermarked';
5087ctl01_ciUtilityNavigation_ctl09_SearchTermsProperties.WatermarkText = 'Keyword search';
5088ctl01_ciUtilityNavigation_ctl09_SearchTermsProperties.SearchTarget = 'https://www.ics.org.uk/Search';
5089var ctl01_ciUtilityNavigation_ctl17_SearchTermsProperties = new SimpleSearchFieldProperties();
5090ctl01_ciUtilityNavigation_ctl17_SearchTermsProperties.WatermarkClass = 'Watermarked';
5091ctl01_ciUtilityNavigation_ctl17_SearchTermsProperties.WatermarkText = 'Keyword search';
5092ctl01_ciUtilityNavigation_ctl17_SearchTermsProperties.SearchTarget = 'https://www.ics.org.uk/Search';
5093NavigationList_NavControlId = 'ctl01_ciPrimaryNavigation_NavControl_NavMenu';NavigationList_Init();PageNavR_NavMenuClientID = 'ctl01_ciPrimaryNavigation_NavControl_NavMenu';var __wpmExportWarning='This Web Part Page has been personalized. As a result, one or more Web Part properties may contain confidential information. Make sure the properties contain information that is safe for others to read. After exporting this Web Part, view properties in the Web Part description file (.WebPart) by using a text editor such as Microsoft Notepad.';var __wpmCloseProviderWarning='You are about to close this Web Part.  It is currently providing data to other Web Parts, and these connections will be deleted if this Web Part is closed.  To close this Web Part, click OK.  To keep this Web Part, click Cancel.';var __wpmDeleteWarning='You are about to permanently delete this Web Part.  Are you sure you want to do this?  To delete this Web Part, click OK.  To keep this Web Part, click Cancel.';NavigationList_NavControlId = 'ctl01_ciSecondary_SubNavControl_SubNavigationTree';NavigationList_Init();Telerik.Web.UI.RadTreeView._preInitialize("ctl01_ciSecondary_SubNavControl_SubNavigationTree","0");;(function() {
5094                        function loadHandler() {
5095                            var hf = $get('ctl01_StyleSheetManager1_TSSM');
5096                            if (!hf._RSSM_init) { hf._RSSM_init = true; hf.value = ''; }
5097                            hf.value += ';Telerik.Web.UI, Version=2026.3.812.462, Culture=neutral, PublicKeyToken=121fae78165ba3d4:en-GB:ab6aa57e-34e3-4a88-a53e-99567e45582d:ed2942d4:d7e35272:505983de:aac68f9:92753c09;Telerik.Web.UI.Skins, Version=2026.3.812.462, Culture=neutral, PublicKeyToken=121fae78165ba3d4:en-GB:7029ea36-5fb5-4cac-9485-47ea571c06ca:d19c3573';
5098                            Sys.Application.remove_load(loadHandler);
5099                        };
5100                        Sys.Application.add_load(loadHandler);
5101                    })();Sys.Application.add_init(function() {
5102    $create(Telerik.Web.UI.RadMenu, {"_childListElementCssClass":"rmRootGroup rmToggleHandles rmHorizontal","_skin":"Austin","attributes":{"Translate":"Yes","PerspectiveId":"2592539d-8dc5-4a50-a258-2cb07570cb4a","Version":"237873D6","NavigationArea":"1","MaxDataBindDepth":"3"},"autoScrollMinimumWidth":100,"clientStateFieldID":"ctl01_ciPrimaryNavigation_NavControl_NavMenu_ClientState","collapseAnimation":"{\"duration\":450}","defaultGroupSettings":"{\"flow\":0,\"expandDirection\":2,\"offsetX\":0}","expandAnimation":"{\"duration\":450}","itemData":[],"showToggleHandle":true}, {"itemClicking":PageNavR_OnClientItemClicking,"itemClosed":PageNavR_OnItemClosed,"itemOpened":PageNavR_OnItemOpened,"load":PageNavR_OnClientLoadHandler}, null, $get("ctl01_ciPrimaryNavigation_NavControl_NavMenu"));
5103});
5104Sys.Application.add_init(function() {
5105    $create(Telerik.Web.UI.RadTreeView, {"_renderMode":2,"_showLineImages":false,"_skin":"Austin","_uniqueId":"ctl01$ciSecondary$SubNavControl$SubNavigationTree","attributes":{"NavigateOnClick":"true","PerspectiveId":"2592539d-8dc5-4a50-a258-2cb07570cb4a","Version":"237873D6","NavigationArea":"2","StartingNodeOffset":"1","WrapperContainerId":"ctl01_masterWrapper","SubNavTitleContainerId":"ctl01_ciSecondary_SubNavControl_SubNavHead","data-asiIsHomeDisplayPage":"True"},"clientStateFieldID":"ctl01_ciSecondary_SubNavControl_SubNavigationTree_ClientState","collapseAnimation":"{\"duration\":200}","expandAnimation":"{\"duration\":200}
5105","nodeData":[],"persistLoadOnDemandNodes":false,"singleExpandPath":true}, {"load":SubNavigation_OnClientLoad,"nodeClicked":SubNavigation_OnClientNodeClicked,"nodeClicking":SubNavigation_OnClientNodeClicking}, null, $get("ctl01_ciSecondary_SubNavControl_SubNavigationTree"));
5106});
5107Sys.Application.add_init(function() {
5108    $create(Telerik.Web.UI.RadAjaxManager, {"_updatePanels":"","ajaxSettings":[],"clientEvents":{OnRequestStart:"",OnResponseEnd:""},"defaultLoadingPanelID":"AjaxStatusLoadingPanel","enableAJAX":true,"enableHistory":false,"links":[],"styles":[],"uniqueID":"ctl01$RadAjaxManager1","updatePanelsRenderMode":0}, null, null, $get("ctl01_RadAjaxManager1"));
5109});
5110Sys.Application.add_init(function() {
5111    $create(Telerik.Web.UI.RadWindow, {"_dockMode":false,"behaviors":117,"clientStateFieldID":"ctl01_GenericWindow_ClientState","enableAriaSupport":true,"formID":"aspnetForm","height":"550px","iconUrl":"","localization":"{\"Close\":\"Close\",\"Maximize\":\"Maximize\",\"Minimize\":\"Minimize\",\"Reload\":\"Reload\",\"PinOn\":\"PinOn\",\"PinOff\":\"PinOff\",\"Restore\":\"Restore\",\"OK\":\"OK\",\"Cancel\":\"Cancel\",\"Yes\":\"Yes\",\"No\":\"No\"}","minimizeIconUrl":"","modal":true,"name":"GenericWindow","shortcuts":"[[\u0027close\u0027,\u0027Esc\u0027]]","showContentDuringLoad":false,"skin":"MetroTouch","visibleStatusbar":false,"width":"800px"}, null, null, $get("ctl01_GenericWindow"));
5112});
5113Sys.Application.add_init(function() {
5114    $create(Telerik.Web.UI.RadWindow, {"_dockMode":false,"behaviors":117,"clientStateFieldID":"ctl01_ObjectBrowser_ClientState","enableAriaSupport":true,"formID":"aspnetForm","height":"550px","iconUrl":"","localization":"{\"Close\":\"Close\",\"Maximize\":\"Maximize\",\"Minimize\":\"Minimize\",\"Reload\":\"Reload\",\"PinOn\":\"PinOn\",\"PinOff\":\"PinOff\",\"Restore\":\"Restore\",\"OK\":\"OK\",\"Cancel\":\"Cancel\",\"Yes\":\"Yes\",\"No\":\"No\"}","minimizeIconUrl":"","modal":true,"name":"ObjectBrowser","shortcuts":"[[\u0027close\u0027,\u0027Esc\u0027]]","showContentDuringLoad":false,"skin":"MetroTouch","visibleStatusbar":false,"width":"760px"}, null, null, $get("ctl01_ObjectBrowser"));
5115});
5116Sys.Application.add_init(function() {
5117    $create(Telerik.Web.UI.RadWindow, {"_dockMode":false,"behaviors":117,"clientStateFieldID":"ctl01_ObjectBrowserDialog_ClientState","enableAriaSupport":true,"formID":"aspnetForm","height":"400px","iconUrl":"","localization":"{\"Close\":\"Close\",\"Maximize\":\"Maximize\",\"Minimize\":\"Minimize\",\"Reload\":\"Reload\",\"PinOn\":\"PinOn\",\"PinOff\":\"PinOff\",\"Restore\":\"Restore\",\"OK\":\"OK\",\"Cancel\":\"Cancel\",\"Yes\":\"Yes\",\"No\":\"No\"}","minimizeIconUrl":"","modal":true,"name":"ObjectBrowserDialog","shortcuts":"[[\u0027close\u0027,\u0027Esc\u0027]]","showContentDuringLoad":false,"skin":"MetroTouch","visibleStatusbar":false,"width":"600px"}, null, null, $get("ctl01_ObjectBrowserDialog"));
5118});
5119Sys.Application.add_init(function() {
5120    $create(Telerik.Web.UI.RadWindowManager, {"behaviors":117,"clientStateFieldID":"ctl01_WindowManager1_ClientState","enableAriaSupport":true,"formID":"aspnetForm","iconUrl":"","localization":"{\"Close\":\"Close\",\"Maximize\":\"Maximize\",\"Minimize\":\"Minimize\",\"Reload\":\"Reload\",\"PinOn\":\"PinOn\",\"PinOff\":\"PinOff\",\"Restore\":\"Restore\",\"OK\":\"OK\",\"Cancel\":\"Cancel\",\"Yes\":\"Yes\",\"No\":\"No\"}","minimizeIconUrl":"","name":"WindowManager1","shortcuts":"[[\u0027close\u0027,\u0027Esc\u0027]]","skin":"MetroTouch","windowControls":"['ctl01_GenericWindow','ctl01_ObjectBrowser','ctl01_ObjectBrowserDialog']"}, null, {"child":"ctl01_GenericWindow"}, $get("ctl01_WindowManager1"));
5121});
5122//]]>
5123</script>
5123
5124</form>
5125        
5126        <div id="fb-root"></div>
5127    </body>
5128</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.