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&t=638841054637275692&compress=1&_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&t=639190833332169432" type="text/javascript"></script>
185 186 187
188<script src="/ScriptResource.axd?d=xtDSkLnUefsDkXzy1V9OGbnhA8cMoHmaHmgd7VILlLAjTdy5Hp63EQ22VqDZj82Pa3yV97fSg12yIXlY60qkJYqOaDVsDE64HiM9SvcmUGUdddXntgP2Snpqt1oewJeE7Ck7RW9HK7vgnwb4VSokaA2&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&compress=1&_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('ctl01$ciUtilityNavigation$ctl01$ctl02','')">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('/ICS/iCore/Contacts/CreateAccount.aspx?hkey=0084f665-9a3d-41c3-b737-b8c47cf92c9b')" 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('/ICS/Public/Store/Cart_Home.aspx?hkey=211f3a54-dc3a-4eb3-ac50-24a66eb39631')" 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('/ICS/Public/Store/Store_2.aspx?hkey=3c4cbc85-5d03-42fe-b674-97598d85a683')" 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('/ICS/Public/contact-us.aspx?hkey=da236a7a-fe70-45c2-8091-993e1f8efa70')" 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('ctl01_ciUtilityNavigation_ctl09_SearchTerms', ctl01_ciUtilityNavigation_ctl09_SearchTermsProperties);
310" onblur="SimpleSearchField_OnBlur('ctl01_ciUtilityNavigation_ctl09_SearchTerms', ctl01_ciUtilityNavigation_ctl09_SearchTermsProperties);" onkeypress="return clickButton(event,'ctl01_ciUtilityNavigation_ctl09_GoSearch');" translate="yes" /><input type="button" name="ctl01$ciUtilityNavigation$ctl09$GoSearch" value="Go" onclick="SimpleSearchField_ExecuteSearch('ctl01_ciUtilityNavigation_ctl09_SearchTerms', ctl01_ciUtilityNavigation_ctl09_SearchTermsProperties); return cancelEvent();__doPostBack('ctl01$ciUtilityNavigation$ctl09$GoSearch','')" 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('ctl01_ciUtilityNavigation_ctl17_SearchTerms', ctl01_ciUtilityNavigation_ctl17_SearchTermsProperties);" onblur="SimpleSearchField_OnBlur('ctl01_ciUtilityNavigation_ctl17_SearchTerms', ctl01_ciUtilityNavigation_ctl17_SearchTermsProperties);" onkeypress="return clickButton(event,'ctl01_ciUtilityNavigation_ctl17_GoSearch');" translate="yes" /><input type="button" name="ctl01$ciUtilityNavigation$ctl17$GoSearch" value="Go" onclick="SimpleSearchField_ExecuteSearch('ctl01_ciUtilityNavigation_ctl17_SearchTerms', ctl01_ciUtilityNavigation_ctl17_SearchTermsProperties); return cancelEvent();__doPostBack('ctl01$ciUtilityNavigation$ctl17$GoSearch','')" 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"> </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"> </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 --> 663<a href="/ICS/Event.aspx?EventKey=SL001&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 --> 708<a href="/ICS/Event.aspx?EventKey=PG2026&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 --> 753<a href="/ICS/Event.aspx?EventKey=CAN02&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 & 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 --> 798<a href="/ICS/Event.aspx?EventKey=ANZ100&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: "«", 819 nextButtonText: "»", 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 your professionalism and commitment to the shipping industry. </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 & 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 & 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 <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 <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> | <a href="#" class="">Privacy & 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">×</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.