PageSourceSearch

https://uocvancouver.com/watch

html uocvancouver.com collected 2026-09-29 22:36:08 UTC 121,113 bytes, 2,239 lines download raw bytes

1
2<!DOCTYPE html>
3
4
5
6
7<head>
8	
9	
10			
11<style>
12@view-transition {
13    navigation: auto;
14}
15
16/* The nav bar gets its own named snapshot so it visually holds still while
17 * only the page content transitions. Must match the id on the <nav> element
18 * rendered by sm_app_menu.inc. */
19.sm-appnav-wrap .sm-appnav {
20    view-transition-name: sm-appnav;
21}
22
23/* Fade — tightened crossfade, snappier than the ~250ms browser default. */
24::view-transition-old(root) { animation-duration: .16s; }
25::view-transition-new(root) { animation-duration: .22s; }
26
27/* Accessibility: honor the OS reduced-motion preference. */
28@media (prefers-reduced-motion: reduce) {
29    ::view-transition-group(*),
30    ::view-transition-image-pair(*),
31    ::view-transition-old(*),
32    ::view-transition-new(*) { animation: none !important; }
33}
34</style>
35<!-- sm_app_menu_head: block first paint until the nav bar element is parsed.
36     Chromium 124+; ignored by other browsers. -->
37<link rel="expect" href="#smAppnav" blocking="render">
38
39<link rel="canonical" href="https://uocvancouver.com/watch" />
40	
41<meta http-equiv="content-type" content="text/html; charset=utf-8">
42<meta name="generator" content="Orthodox Web Solutions - Site Manager v6.6">
43<meta name="description" content="Watch - Holy Trinity Ukrainian Orthodox Cathedral of the Ukrainian Orthodox Church of Canada located in Vancouver, BC">
44<meta name="keywords" content="Holy Trinity Ukrainian Orthodox Cathedral, Ukrainian Orthodox Church of Canada, Vancouver, BC">
45<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
46
47<meta property="og:url" content="https://uocvancouver.com/watch.html" />
48<meta property="og:title" content="Watch" />
49<meta property="og:type" content="website" />
50<meta property="og:site_name" content="Holy Trinity Ukrainian Orthodox Cathedral" />
51
52
53<meta property="twitter:domain" content="uocvancouver.com" />
54<meta property="twitter:url" content="https://uocvancouver.com/watch.html" />
55<meta name="twitter:title" content="Watch" />
56
57
58
59<script type="application/ld+json">
60{"@context":"https://schema.org","@type":"Church","name":"Holy Trinity Ukrainian Orthodox Cathedral","url":"https://uocvancouver.com/","telephone":"604 876 4747","email":"[email protected]","address":{"@type":"PostalAddress","streetAddress":"154 East 10th Ave","addressLocality":"Vancouver","addressRegion":"BC","postalCode":"V5T 1Z4","addressCountry":"Canada"},"parentOrganization":{"@type":"Organization","name":"Ukrainian Orthodox Church of Canada"},"sameAs":["https://www.facebook.com/ukrainianchurch/","https://www.youtube.com/@ukrainianchurch","http://instagram.com/ukrainianchurch","http://t.me/holytrinityukrainianorthodox"],"geo":{"@type":"GeoCoordinates","latitude":38.368063,"longitude":-75.203828}}
61</script>
61
62<link rel="alternate" title="Holy Trinity Ukrainian Orthodox Cathedral" href="/news/" type="application/rss+xml">
63<link rel="alternate" title="Holy Trinity Ukrainian Orthodox Cathedral - Upcoming Events" href="/news/index.rss?cid=1" type="application/rss+xml">
64<link rel="alternate" title="Holy Trinity Ukrainian Orthodox Cathedral - Recent Events" href="/news/index.rss?cid=2" type="application/rss+xml">
65<link rel="icon" href="data:," />
66
67<title>Watch | Holy Trinity Ukrainian Orthodox Cathedral</title>
68
69
70
71
72
73
74
75
76
77
78<link defer rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
79
80<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
vendor: 1 bytes, line 80
80
81<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
81
82
83<script defer src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
vendor: 1 bytes, line 83
83
84<script defer src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
84
85
86<script type="text/javascript">
87
88$(document).ready(function () {
89
90	var bootstrap_enabled = (typeof $().modal == 'function');
91
92	//console.log(bootstrap_enabled);
93
94  if (!bootstrap_enabled) {
95  	//console.log('load bootstrap locally');
96  	document.write("
96<script defer src='/scripts/bootstrap/4.1.3/js/bootstrap.min.js'><\/script>");
97  	document.write("<link defer rel='stylesheet' href='/scripts/bootstrap/4.1.3/css/bootstrap.min.css' type='text/css' media='screen'>");
98  }
99
100
101});
102
103
104</script>
104
105
106
107<link rel="stylesheet" href="/scripts/navik/css/navik-all-edited.min.css"><style type="text/css"><!--body { overflow-x:hidden; bottom:auto !important; font-size:18px; }.wide-div { margin:0 -100%; margin:0 calc(50% - 50vw); }.T19_row-eq-height{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; }:root {--header-height:125px;}html.menu-wrapped .navik-header-container { max-height:none; }html.menu-wrapped .navik-menu > ul > li > a {height:auto;line-height:1.4;padding-top:10px;padding-bottom:10px;}@media (max-width:1200px) {:root {--header-height:48px;}}.navik-top-wrapper {position:absolute;top:0;left:0;right:0;width:100%;z-index:99997;}.navik-top-wrapper.is-sticky {position:fixed;}#T19_cover, #headerbarimg_outside, div.T19_cover_outer { margin-top:calc(var(--header-height) - 40px);}.navik-menu li.submenu-right > ul ul {left:-100% !important;}#navik_header_container_nav_brand { background-color: }.menu_gradient_bg { background:-webkit-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.5)) !important; background:-o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5)) !important; background:-moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5)) !important; background:linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.5)) !important; }#T19_menu_title, #T19_menu_title_mobile { text-align:left; line-height:1.1; padding-left:5px; transform-origin:0% 50%; transition:0s; display:inline-flex; }.navik-menu ul li>a { color:rgba(255,255,255,1); }.navik-header { text-align:center; }.navik-menu ul { list-style:none; padding:0; }.navik-menu ul li a { font-family:"Marcellus", serif; !important; font-size:18px; font-style:normal !important; }.navik-menu ul li ul li a { font-family: !important; font-size:18px; font-style:normal !important; }.navik-header-outside-img { background-image:none; overflow:visible !important; position:relative; top:0px; z-index:99997; transition:max-height 0.5s ease-in-out; }.navik-top-wrapper.is-sticky .navik-header-outside-img {position:sticky;top:0;}.navik-header-outside { background-color:rgba(0,0,0,0.67); }.nav-header { color:rgba(255,255,255,1) !important; }.navik-header.header-dark { background-color:transparent !important; }.header-dark .navik-menu ul li>a { color:rgba(255,255,255,1); }.header-dark .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .COVER_TITLE { color:rgba(255,255,255,1); }.header-dark .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .PAGE_TITLE { color:rgba(255,255,255,1); }.header-dark .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .SECTION_TITLE { color:rgba(255,255,255,1); }.header-dark .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .PARAGRAPH_TITLE:not(.FIXED_COLOR) { color:rgba(255,255,255,1); }.header-dark .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .PARAGRAPH_TEXT { color:rgba(255,255,255,1); }.header-dark .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .CAPTION_TEXT { color:rgba(255,255,255,1); }.header-dark .navik-menu .mega-menu-container:not(.FIXED_COLOR) * a { color:rgba(255,255,255,1); }.header-dark .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .COVER_TITLE_DARK { color:rgba(255,255,255,1); }.header-dark .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .PAGE_TITLE_DARK { color:rgba(255,255,255,1); }.header-dark .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .SECTION_TITLE_DARK { color:rgba(255,255,255,1); }.header-dark .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .PARAGRAPH_TITLE_DARK { color:rgba(255,255,255,1); }.header-dark .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .PARAGRAPH_TEXT_DARK { color:rgba(255,255,255,1); }.header-dark .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .CAPTION_TEXT_DARK { color:rgba(255,255,255,1); }.header-dark .navik-menu .mega-menu-container:not(.FIXED_COLOR) * a { color:rgba(255,255,255,1); }.header-dark .navik-menu ul ul li>a { background-color:transparent !important; color:rgba(255,255,255,1); text-align:left; }.header-dark .navik-menu ul li.current-menu>a, .header-dark .navik-menu ul li:hover>a { color:rgba(221,221,221,1) !important; background-color:rgba(0,0,0,0.5) !important; }.header-dark .navik-menu ul li.dropdown_menu>a>span::before { border-color:#cccccc; }.header-dark .navik-menu ul > li > ul > li > a { color:rgba(221,221,221,1) !important; }.header-dark .navik-menu ul > li > ul > li:hover>a, .header-dark .navik-menu ul > li > ul > li.current-menu>a { color:rgba(255,255,255,1) !important; } .navik-header.header-light { background-color:transparent !important; }.header-light .navik-menu ul li>a { color:rgba(0,0,0,1); }.header-light .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .COVER_TITLE { color:rgba(0,0,0,1); }.header-light .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .PAGE_TITLE { color:rgba(0,0,0,1); }.header-light .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .SECTION_TIT
107LE { color:rgba(0,0,0,1); }.header-light .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .PARAGRAPH_TITLE:not(.FIXED_COLOR) { color:rgba(0,0,0,1); }.header-light .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .PARAGRAPH_TEXT { color:rgba(0,0,0,1); }.header-light .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .CAPTION_TEXT { color:rgba(0,0,0,1); }.header-light .navik-menu .mega-menu-container:not(.FIXED_COLOR) * a { color:rgba(0,0,0,1); }.header-light .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .COVER_TITLE_LIGHT { color:rgba(0,0,0,1); }.header-light .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .PAGE_TITLE_LIGHT { color:rgba(0,0,0,1); }.header-light .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .SECTION_TITLE_LIGHT { color:rgba(0,0,0,1); }.header-light .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .PARAGRAPH_TITLE_LIGHT { color:rgba(0,0,0,1); }.header-light .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .PARAGRAPH_TEXT_LIGHT { color:rgba(0,0,0,1); }.header-light .navik-menu .mega-menu-container:not(.FIXED_COLOR) * .CAPTION_TEXT_LIGHT { color:rgba(0,0,0,1); }.header-light .navik-menu .mega-menu-container:not(.FIXED_COLOR) * a { color:rgba(0,0,0,1); }.header-light .navik-menu ul ul li>a { background-color:transparent !important; color:rgba(0,0,0,1); text-align:left; }.header-light .navik-menu ul li.current-menu>a, .header-light .navik-menu ul li:hover>a { color:rgba(51,51,51,1) !important; background-color:rgba(255,255,255,0.5) !important; }.header-light .navik-menu ul li.dropdown_menu>a>span::before { border-color:#333333; }.header-light .navik-menu ul > li > ul > li >a { color:rgba(51,51,51,1) !important; }.header-light .navik-menu ul > li > ul > li:hover>a, .header-light .navik-menu ul > li > ul > li.current-menu>a { color:rgba(0,0,0,1) !important; } .navik-header.viewport-sm.header-dark .navik-menu ul > li > ul > li > a { color:rgba(255,255,255,1) !important; }.navik-header.viewport-sm.header-dark .navik-menu ul > li > ul > li:hover>a, .navik-header.viewport-sm.header-dark .navik-menu ul > li > ul > li.current-menu>a { color:rgba(221,221,221,1) !important; }.navik-header.viewport-sm.header-light .navik-menu ul > li > ul > li > a { color:rgba(0,0,0,1) !important; }.navik-header.viewport-sm.header-light .navik-menu ul > li > ul > li:hover>a, .navik-header.viewport-sm.header-light .navik-menu ul > li > ul > li.current-menu>a { color:rgba(51,51,51,1) !important; }.navik-header.header-light #navic_logo_light { display:none; }.navik-header.header-dark #navic_logo_dark { display:none; }.transparent_menu { background-image:none; background-color:transparent !important; box-shadow:none !important;} #T19_content_bgcolor { padding-top:px !important; }.transparent_theme_dark { color:rgba(255,255,255,1) !important; } .transparent_theme_light { color:rgba(0,0,0,1) !important; }.header-shadow { box-shadow:0 10px 30px -5px rgba(0, 0, 0, 0.2); }.navik-header.header-light .menu-social-media3 { width:100%; padding:0px 0px 0px 10px; text-align:center !important; }.navik-header.header-light .menu-social-media3 a { font-size:20px !important; text-decoration:none; padding:0px 2px; color:rgba(0,0,0,1); } .navik-header.header-light .menu-social-media3 a:hover { color:#333333; } .navik-header.header-dark .menu-social-media3 { width:100%; padding:0px 0px 0px 10px; text-align:center !important; }.navik-header.header-dark .menu-social-media3 a { font-size:20px !important; text-decoration:none; padding:0px 2px; color:rgba(255,255,255,1); } .navik-header.header-dark .menu-social-media3 a:hover { color:#cccccc; }.header-dark .navik-menu ul li.current-menu>a, .header-dark .navik-menu ul li:hover>a { background-color:transparent !important; }.header-light .navik-menu ul li.current-menu>a, .header-light .navik-menu ul li:hover>a { background-color:transparent !important; }.navik-menu .mega-menu-container { padding:15px; text-align:left; max-height:calc(100vh - 200px); overflow:auto; }.scroll-mm::-webkit-scrollbar { width:5px; } .scroll-mm::-webkit-scrollbar-thumb { background:#666; border-radius:10px; }.scroll-mm::-webkit-scrollbar-track { background:#ddd; border-radius:10px; }@media (min-width:1200px){.navik-header .logo { float:left !important; padding:0px 10px 0px 0px !important; top:auto; -webkit-transform:inherit; transform:inherit; } .navik-header .logo img { vertical-align:middle; max-height:125px; padding:4px !important; text-align:left !important;transition:max-height 0.5s ease-in-out; }.navik-menu li>ul {width:280px;}.navik-menu.submenu-top-border li>ul { border-top:3px solid #cccccc !important; }.navik-menu.menu-hover-4>ul>li>a>.hover-transition::after { background-color:transparent !important; }.header-dark .navik-menu li>ul { background-color:rgba(0,0,0,1); }.header-light .navik-menu li>ul { background-color:rgba(255,255,255,1); }.navik-menu>ul>li>a { padding:0px 15px; }.navik-menu>ul>li:last-child>a { padding:0px 20px !important; }.header-dark .navik-menu.menu-hover-4>ul>li.dropdown_menu.current-menu>a>span::before, .header-dark .navik-menu.menu-hover-4>ul>li.dropdown_menu:hover>a>span::before { border-color:#fff !important;}.header-light .navik-menu.menu-hover-4>ul>li.dropdown_menu.current-menu>a>span::before, .header-light .navik-menu.menu-hover-4>ul>li.dropdown_menu:hover>a>span::before { border-color:#000 !important;}.header-dark .navik-menu.separate-line>ul>li>a::before { background-color:#cccccc; }.header-light .navik-menu.separate-line>ul>li>a::before { background-color:#333333; }.navik-menu.menu-hover-2>ul>li>a::after, .navik-menu.menu-hover-3>ul>li>a::after { background-color:rgba(255,255,255,1) !important; z-index:999; }.navik-menu.separate-line>ul>li>a { padding:0 12px; } #navik_menu_outside_social { display:none; } .navik-header-container { height:auto; max-height:125px; transition:max-height 0.5s ease-in-out; } #navik_header_container_nav_brand { display:flex; align-items:center; }.navik-menu li.mega-menu-li>ul { padding:0px; }}@media (max-width:1199px){.navik-header-outside-img { overflow:auto !important; max-height:100vh; scrollbar-width:none; }.navik-header-outside-img::-webkit-scrollbar { width:0px; }.burger-menu { top:27px; }.navik-header .logo { float:left !important; padding:0px 10px 0px 0px !important; min-height:70px !important; } .navik-header .logo img { vertical-align:middle; max-height:70px !important; padding:4px !important; text-align:left !important; }.navik-header-container { min-height:70px; } #navik_header_container_nav_brand { display:block; }.navik-menu ul { text-align:left; }#navik_menu { clear:both !important; width:100%; }#navic_menu > ul { padding-bottom:20px !important; }.header-dark .navik-menu li>ul { background-color:rgba(0,0,0,0.2); }.header-light .navik-menu li>ul { background-color:rgba(255,255,255,0.2); }#navik_menu_inside_social { text-align:center !important; width:auto; float:none; ; padding-bottom:20px !important; }#navik_menu_outside_social { text-align:center !important;; padding-bottom:20px !important; }#navik_menu_outside_social { display:none; } .navik-menu .mega-menu-container { max-height:100%; }}@media (max-width:600px){}@media (min-width:0px){.navik-header { z-index:999 !important; }}}.nav-brand { font-size:35px !important; }.navigation-portrait .nav-brand { font-size:18px !important; }.nav-menu { font-family:"Marcellus", serif;; }.nav-header { font-family:"Marcellus", serif;; text-decoration:none; font-size:35px; }.nav-menu > li > a { font-size:18px !important; }.nav-dropdown > li > a { font-size:18px !important; font-family: !important; min-width:220px; }#T19_menu_logo_mobile { display:none; }#T19_menu_title_mobile { display:none; }#T19_menu_title { text-decoration:none; }#T19_menu_title_mobile { text-decoration:none; }@media screen and (max-width:1200px){#T19_menu_logo_mobile { display:inline; }#T19_menu_logo { display:none; }#T19_menu_title_mobile { display:inline-flex; }#T19_menu_title { display:none; }#T19_menu_header{ height:; }}#T19_header_c_bg { }#T19_header_c_div { width:80%; margin:0 auto; max-width:1366px; }#T19_header_c { padding-right:20%; }#T19_title_block { z-index:9997; text-align:; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; width:100%; position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; }#T19_title_block { pointer-events:none; }#T19_title_block > * { pointer-events:auto; }#T19_title { font-family:"Marcellus", serif;, Arial, sans-serif; width:80%; padding:0px 7px; margin:0 auto; }#T19_title1 { font-size:60px; }#T19_title2 { font-size:40.2px;}#T19_title3 { font-size:30px; }#T19_title1, #T19_title2, #T19_title3, span.border { background-color:; padding:0px 20px; display:inline-block; margin-top:0px; }#T19_title_section { width:100%; padding:0px 7px; margin:0 auto; }.bgimg-1, .bgimg-2, .bgimg-3 { position:relative;}.bgimg-1 { height:50%; }.headerbarimg-1, .headerbarimg-2, .headerbarimg-3 {}.headerbarimg-1 { height:190px;}.video-background { position:relative; background-color:black; background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:100%; overflow:hidden; }.video-foreground, .video-background iframe { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; }div.T19_cover_outer { height:100vh; }@media (orientation:portrait) {div.T19_cover_outer { height:100vh; height:100svh; }#T19_title_block { align-items:center; align-content:center; }}.video-background.video-portrait .video-foreground { width:100% !important; height:100% !important; top:0 !important; left:0 !important; }.video-background.video-portrait .video-foreground iframe { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); min-width:100%; min-height:100%; width:auto; height:auto; aspect-ratio:9 / 16; }.video-background.video-portrait video.video-foreground { object-fit:cover; }@media (min-aspect-ratio:16/9) {.video-foreground { height:300%; top:-100%; }}@media (max-aspect-ratio:16/9) {.video-foreground { width:500%; left:-200%; }}.video-background.video-hosted .video-foreground { width:100% !important; height:100% !important; top:0 !important; left:0 !important; }.video-background.video-hosted video.video-foreground { object-fit:cover; }#T19_content_bgimage { width:100%; }#T19_content_bgcolor { background-color:rgba(255,255,255,1); width:100%; }#T19_content_image {}#T19_content_color { min-height:calc(100vh - 120px); background-color:rgba(255,255,255,1);}#T19_content_c_bg { height:auto; margin:0 auto;background-color:rgba(255,255,255,0.9);vertical-align:top; overflow:auto; margin-bottom:20px; margin-top:0px; padding:0px 0px 60px 0px; }#T19_content_c_div { }#T19_content_c_div_nocols { width:100%; }#T19_content_c { margin-top:18px; padding:0px 15px 10px 15px;clear:both;}#T19_icon_bg { }#T19_icon_div { display:table; vertical-align:bottom; }#T19_icon_c { max-width:100%; }#T19_icon { max-width:100%; max-height:280px; padding:10px 10px 10px 10px; margin:0 auto; background-color:; color:; ; }#T19_icon_c_m { display:none; max-width:100%; }#T19_icon_m { max-width:100%; max-height:300px; padding:10px 10px 10px 10px; margin:20px auto; background-color:; color:; ; }#T19_section_title_icon { vertical-align:bottom; margin-right:10px; max-height:45px; }#T19_side_bgimage {width:100%; }#T19_side_bgcolor { background-color:rgba(0,0,0,0); width:100%; }#T19_side_c { width:100%; height:100%; padding:20px 0px; }#T19_panel_side1_c, #T19_panel_side2_c { vertical-align:top; padding:10px 5px;}#T19_panel_side1_image, #T19_panel_side2_image { height:100%;}#T19_panel_side1_c { width:0%; }#T19_panel_side2_c { width:100%; }#T19_panel_side1, #T19_panel_side2{ height:100%; background-color:rgba(0,0,0,0.05); }#T19_middle_bgimage {width:100%; }#T19_middle_bgcolor { background-color:rgba(255,255,255,1); width:100%; }#T19_middle_c { width:100%; height:100%; padding:20px 0px; }#T19_panel_middle1_c, #T19_panel_middle2_c, #T19_panel_middle3_c, #T19_panel_middle4_c { vertical-align:top; padding:10px 5px;}#T19_panel_middle1_image, #T19_panel_middle2_image, #T19_panel_middle3_image, #T19_panel_middle4_image { height:100%;}#T19_panel_middle1_c { width:; }#T19_panel_middle2_c { width:; }#T19_panel_middle3_c { width:; }#T19_panel_middle4_c { width:; }#T19_panel_middle1, #T19_panel_middle2, #T19_panel_middle3, #T19_panel_middle4{ height:100%; background-color:rgba(255,255,255,1); }#T19_lower_bgimage {width:100%; }#T19_lower_bgcolor { background-color:rgba(255,255,255,1); width:100%; }#T19_lower_c { width:100%; height:100%; padding:20px 0px; }#T19_panel_lower1_c, #T19_panel_lower2_c, #T19_panel_lower3_c, #T
10719_panel_lower4_c { vertical-align:top; padding:10px 5px;}#T19_panel_lower1_image, #T19_panel_lower2_image, #T19_panel_lower3_image, #T19_panel_lower4_image { height:100%;}#T19_panel_lower1_c { width:; }#T19_panel_lower2_c { width:; }#T19_panel_lower3_c { width:; }#T19_panel_lower4_c { width:; }#T19_panel_lower1, #T19_panel_lower2, #T19_panel_lower3, #T19_panel_lower4{ height:100%; background-color:rgba(255,255,255,1); }#T19_bottom_bgimage {width:100%; }#T19_bottom_bgcolor { background-color:rgba(51,51,51,1); width:100%; }#T19_bottom_c { width:100%; height:100%; padding:20px 0px; }#T19_panel_bottom1_c, #T19_panel_bottom2_c { vertical-align:top; padding:10px 5px; }#T19_panel_bottom1_image, #T19_panel_bottom2_image { height:100%;}#T19_panel_bottom1_c { width:50%; }#T19_panel_bottom2_c { width:50%;text-align:right; }#T19_panel_bottom1, #T19_panel_bottom2{ height:100%; background-color:rgba(0,0,0,0); }#T19_footer_links_c_bg {height:auto; margin:0 auto;background-color:#446a9a; vertical-align:top; overflow:auto; margin-bottom:0px; margin-top:0px; padding:0px 0px 0px 0px; }#T19_footer_links_c_div { margin-top:0px; padding:0px 0px 10px 0px;clear:both;}#T19_footer_links_c { width:100%; clear:both; overflow:auto; } #T19_footer_pbows { float:left; padding:10px 0px 10px 0px; }#T19_footer_links { float:right; padding:10px 0px 10px 0px; }@media screen and (max-width:1800px){#T19_body_c_bg { background:none; }}@media screen and (max-width:1199px){#T19_icon_c { display:none; } #T19_icon_c_m { display:block; } }@media screen and (max-width:1125px){#T19_icon_c {max-height:240px; } #T19_icon {max-height:220px;} #T19_title { width:90%; }#T19_title1 { font-size:52.8px !important; }#T19_title2 { font-size:35.38px !important; }#T19_title3 { font-size:26.4px !important; } #T19_page_title { font-size:45.6px !important; } #T19_panel_side1_c, #T19_panel_side2_c, #T19_panel_middle1_c, #T19_panel_middle2_c, #T19_panel_middle3_c, #T19_panel_middle4_c, #T19_panel_lower1_c, #T19_panel_lower2_c, #T19_panel_lower3_c, #T19_panel_lower4_c, #T19_panel_bottom1_c, #T19_panel_bottom2_c { display:block; width:100%; float:none; clear:both; overflow:auto; }#T19_panel_side1_c, #T19_panel_side2_c { padding:10px; margin-bottom:0px; }#T19_panel_middle1_c, #T19_panel_middle2_c, #T19_panel_middle3_c, #T19_panel_middle4_c { padding:10px; margin-bottom:0px; }#T19_panel_lower1_c, #T19_panel_lower2_c, #T19_panel_lower3_c, #T19_panel_lower4_c { padding:10px; margin-bottom:0px; }#T19_panel_bottom1_c, #T19_panel_bottom2_c { padding:10px; margin-bottom:0px;; }#T19_bottom_c_div, #T19_bottom_c { text-align:left;}#T19_panel_bottom1_c, #T19_panel_bottom2_c{ text-align:left; }#T19_content_c_div { margin-left:0; }.T19_row-eq-height { display:block; }}@media screen and (max-width:990px){#T19_title1 { font-size:45.6px !important; }#T19_title2 { font-size:30.55px !important; }#T19_title3 { font-size:22.8px !important; } #T19_page_title { font-size:38.4px !important; }} @media screen and (max-width:900px){#T19_body_c { background-size:112%; background-position:right top; }}@media screen and (max-width:700px){ #T19_footer_links_c { text-align:center; }#T19_footer_pbows { float:none; }#T19_footer_links { float:none; }.bgimg-1 { background-size:auto 150% !important; } } @media screen and (max-width:650px){#T19_body_c { background-size:125%; background-position:right top; }#T19_section_title_icon { display:none; } #T19_title3 { display:none; }#T19_footer_links_container { text-align:center; }#T19_footer_pbows { float:none; }#T19_footer_links { float:none; }.headerbarimg-1 { height:120px;}}@media screen and (max-width:500px){#T19_body_c { background-size:137%; background-position:85% 0%; }#T19_header_c { padding-right:10%; }#T19_title1 { font-size:38.4px !important; }#T19_page_title { font-size:31.2px !important; }}@media screen and (max-width:400px){#T19_body_c { background-size:180%; background-position:80% 0%; }#T19_title1 { font-size:31.2px !important; }#T19_title2 { display:none; }.nav-search-button { display:none !important; }#T19_page_title { font-size:24px !important; }}@media screen and (min-width:1px){.megamenu { font-size:18px; }.megamenu > li { font-family:"Marcellus", serif;; font-size:18px; color :#000000; }.megamenu > li > a { font-family:'', serif !important; font-size:18px; }#T19_panel_side1_c { display:none; }#T19_panel_middle1_c { display:none; }#T19_panel_middle2_c { display:none; }#T19_panel_middle3_c { display:none; }#T19_panel_middle4_c { display:none; }#T19_panel_lower1_c { display:none; }#T19_panel_lower2_c { display:none; }#T19_panel_lower3_c { display:none; }#T19_panel_lower4_c { display:none; }#T19_panel_middle1, #T19_panel_middle2, #T19_panel_middle3, #T19_panel_middle4 {min-height:0px !important; }}--></style> <style type="text/css"><!--#fullHeightDiv{ position:absolute; top:0px; bottom:0; width:100%; } .COVER_TITLE, .COVER_TITLE_LIGHT, .COVER_TITLE_DARK{ font-family:"Marcellus", serif;; font-size:90px; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:100%; text-shadow:none; text-align:; text-transform:normal; letter-spacing:0px; word-spacing:0px;} .PAGE_TITLE, .PAGE_TITLE_LIGHT, .PAGE_TITLE_DARK { font-family:"Marcellus", serif;; font-size:60px; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:100%; text-shadow:none; text-align:; text-transform:normal; letter-spacing:0px; word-spacing:0px;}
107.SECTION_TITLE, .SECTION_TITLE_LIGHT, .SECTION_TITLE_DARK{ font-family:"Marcellus", serif;; font-size:35px; font-stretch:normal; font-style:normal; font-variant:uppercase; font-weight:normal; line-height :150%;text-shadow:none; text-align:; text-transform:uppercase; letter-spacing:1.4px; word-spacing:0px;} .PARAGRAPH_TITLE, .PARAGRAPH_TITLE_LIGHT, .PARAGRAPH_TITLE_DARK { font-family:"Marcellus", serif;; font-size:24px; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height :130%;text-shadow:none; text-align:; text-transform:normal; letter-spacing:0px; word-spacing:0px;}.PARAGRAPH_TEXT, .PARAGRAPH_TEXT_LIGHT, .PARAGRAPH_TEXT_DARK{ font-family:"Marcellus", serif;; font-size:18px; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height :150%;text-shadow:none; text-align:left; text-transform:normal; letter-spacing:0px; word-spacing:0px;}.CAPTION_TEXT, .CAPTION_TEXT_LIGHT, .CAPTION_TEXT_DARK{ font-family:"Marcellus", serif;; font-size:12px; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height :150%; text-shadow:none; text-align:; text-transform:normal; letter-spacing:0px; word-spacing:0px;}.FOOTER_TEXT{ font-family:"Marcellus", serif;; font-size:12px; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height :150%; text-shadow:none; }.COVER_TITLE { color:#333333; }.COVER_TITLE_LIGHT { color:#ffffff; }.COVER_TITLE_DARK{ color:#333333; }.PAGE_TITLE{ color:#333333; }.PAGE_TITLE_LIGHT{ color:#ffffff; }.PAGE_TITLE_DARK { color:#333333; }.SECTION_TITLE { color:#333333; } .SECTION_TITLE_LIGHT { color:#ffffff; }.SECTION_TITLE_DARK{ color:#333333; }.PARAGRAPH_TITLE,.PARAGRAPH_TITLE > h1,.PARAGRAPH_TITLE > h2,.PARAGRAPH_TITLE > h3,.PARAGRAPH_TITLE > h4,.PARAGRAPH_TITLE > h5,.PARAGRAPH_TITLE > h6,.PARAGRAPH_TITLE > div:where(.sm-fd) { color:#333333; } .PARAGRAPH_TITLE_LIGHT,.PARAGRAPH_TITLE_LIGHT > h1,.PARAGRAPH_TITLE_LIGHT > h2,.PARAGRAPH_TITLE_LIGHT > h3,.PARAGRAPH_TITLE_LIGHT > h4,.PARAGRAPH_TITLE_LIGHT > h5,.PARAGRAPH_TITLE_LIGHT > h6,.PARAGRAPH_TITLE_LIGHT > div:where(.sm-fd) { color:#ffffff; }.PARAGRAPH_TITLE_DARK,.PARAGRAPH_TITLE_DARK > h1,.PARAGRAPH_TITLE_DARK > h2,.PARAGRAPH_TITLE_DARK > h3,.PARAGRAPH_TITLE_DARK > h4,.PARAGRAPH_TITLE_DARK > h5,.PARAGRAPH_TITLE_DARK > h6,.PARAGRAPH_TITLE_DARK > div:where(.sm-fd) { color:#333333; }.PARAGRAPH_TEXT,.PARAGRAPH_TEXT > h1,.PARAGRAPH_TEXT > h2,.PARAGRAPH_TEXT > h3,.PARAGRAPH_TEXT > h4,.PARAGRAPH_TEXT > h5,.PARAGRAPH_TEXT > h6 { color:#777777; }.PARAGRAPH_TEXT_LIGHT,.PARAGRAPH_TEXT_LIGHT > h1,.PARAGRAPH_TEXT_LIGHT > h2,.PARAGRAPH_TEXT_LIGHT > h3,.PARAGRAPH_TEXT_LIGHT > h4,.PARAGRAPH_TEXT_LIGHT > h5,.PARAGRAPH_TEXT_LIGHT > h6{ color:#ffffff; }.PARAGRAPH_TEXT_DARK,.PARAGRAPH_TEXT_DARK > h1,.PARAGRAPH_TEXT_DARK > h2,.PARAGRAPH_TEXT_DARK > h3,.PARAGRAPH_TEXT_DARK > h4,.PARAGRAPH_TEXT_DARK > h5,.PARAGRAPH_TEXT_DARK > h6 { color:#333333; }.CAPTION_TEXT{ color:#777777; }.CAPTION_TEXT_LIGHT{ color:#ffffff; }.CAPTION_TEXT_DARK { color:#333333; }A:link{ text-decoration:none;color :#0076aa; }A:hover { text-decoration:none;color :#00a3e9; }A:active{ text-decoration:none;color :#74daff; }A:visited { text-decoration:none;color :#0076aa; }.SECTION_TITLE A:link{ color:#333333; }.SECTION_TITLE A:visited { color:#333333; }.SECTION_TITLE A:active{ color:#333333; }.SECTION_TITLE A:hover { color:#333333; }.SECTION_TITLE_LIGHT A:link{ color:#ffffff; }.SECTION_TITLE_LIGHT A:visited { color:#ffffff; }.SECTION_TITLE_LIGHT A:active{ color:#ffffff; }.SECTION_TITLE_LIGHT A:hover { color:#ffffff; }.SECTION_TITLE_DARK A:link{ color:#333333; }.SECTION_TITLE_DARK A:visited { color:#333333; }.SECTION_TITLE_DARK A:active{ color:#333333; }.SECTION_TITLE_DARK A:hover { color:#333333; }.PARAGRAPH_TEXT_LIGHT A:link{ color:#dddddd;}.PARAGRAPH_TEXT_LIGHT A:visited { color:#dddddd; }.PARAGRAPH_TEXT_LIGHT A:active{ color:#eeeeee; }.PARAGRAPH_TEXT_LIGHT A:hover { color:#cccccc; }.PARAGRAPH_TEXT_LIGHT A { text-decoration:none; }.PARAGRAPH_TEXT_DARK A:link{ color:#000000;}.PARAGRAPH_TEXT_DARK A:visited { color:#000000; }
107.PARAGRAPH_TEXT_DARK A:active{ color:#bbbbbb; }.PARAGRAPH_TEXT_DARK A:hover { color:#aaaaaa; }.PARAGRAPH_TEXT_DARK A { text-decoration:none;}A.PARAGRAPH_TEXT_LIGHT_LINK:link{ text-decoration:none;color :#dddddd; }A.PARAGRAPH_TEXT_LIGHT_LINK:hover { text-decoration:none;color :#cccccc; }A.PARAGRAPH_TEXT_LIGHT_LINK:active{ text-decoration:none;color :#eeeeee; }A.PARAGRAPH_TEXT_LIGHT_LINK:visited { text-decoration:none;color :#dddddd; }A.PARAGRAPH_TEXT_DARK_LINK:link { text-decoration:none;color :#000000; }A.PARAGRAPH_TEXT_DARK_LINK:hover{ text-decoration:none;color :#aaaaaa; }A.PARAGRAPH_TEXT_DARK_LINK:active { text-decoration:none;color :#bbbbbb; }A.PARAGRAPH_TEXT_DARK_LINK:visited{ text-decoration:none;color :#000000; }.CAPTION_TEXT_LIGHT A:link{ color:#dddddd;}.CAPTION_TEXT_LIGHT A:visited { color:#dddddd; }.CAPTION_TEXT_LIGHT A:active{ color:#eeeeee; }.CAPTION_TEXT_LIGHT A:hover { color:#cccccc; }.CAPTION_TEXT_LIGHT A { text-decoration:none; }.CAPTION_TEXT_DARK A:link{ color:#000000;}.CAPTION_TEXT_DARK A:visited { color:#000000; }.CAPTION_TEXT_DARK A:active{ color:#bbbbbb; }.CAPTION_TEXT_DARK A:hover { color:#aaaaaa; }.CAPTION_TEXT_DARK A { text-decoration:none;}A.CAPTION_TEXT_LIGHT_LINK:link{ text-decoration:none;color :#dddddd; }A.CAPTION_TEXT_LIGHT_LINK:hover { text-decoration:none;color :#cccccc; }A.CAPTION_TEXT_LIGHT_LINK:active{ text-decoration:none;color :#eeeeee; }A.CAPTION_TEXT_LIGHT_LINK:visited { text-decoration:none;color :#dddddd; }A.CAPTION_TEXT_DARK_LINK:link { text-decoration:none;color :#000000; }A.CAPTION_TEXT_DARK_LINK:hover{ text-decoration:none;color :#aaaaaa; }A.CAPTION_TEXT_DARK_LINK:active { text-decoration:none;color :#bbbbbb; }A.CAPTION_TEXT_DARK_LINK:visited{ text-decoration:none;color :#000000; }A.FOOTER_TEXT_LINK:link { text-decoration:none; color :#ffffff; }A.FOOTER_TEXT_LINK:hover{ text-decoration:none; color :#ffffff; }A.FOOTER_TEXT_LINK:active { text-decoration:none; color :#ffffff; }A.FOOTER_TEXT_LINK:visited{ text-decoration:none; color :#ffffff; }.IMAGE{ border-color :; }.IMAGE_LIGHT{ border-color :#ffffff; }@media (min-width:1400px) {.col-xxl-1 { flex:0 0 8.333%;max-width:8.333%; }.col-xxl-2 { flex:0 0 16.666%; max-width:16.666%; }.col-xxl-3 { flex:0 0 25%; max-width:25%; }.col-xxl-4 { flex:0 0 33.333%; max-width:33.333%; }.col-xxl-6 { flex:0 0 50%; max-width:50%; }.col-xxl-12 { flex:0 0 100%; max-width:100%; }}@media (min-width:1600px) {.col-xxxl-1 { flex:0 0 8.333%;max-width:8.333%; }.col-xxxl-2 { flex:0 0 16.666%; max-width:16.666%; }.col-xxxl-3 { flex:0 0 25%; max-width:25%; }.col-xxxl-4 { flex:0 0 33.333%; max-width:33.333%; }.col-xxxl-6 { flex:0 0 50%; max-width:50%; }.col-xxxl-12 { flex:0 0 100%; max-width:100%; }}@media (min-width:2400px) {.col-xxxxl-1 { flex:0 0 8.333%;max-width:8.333%; }.col-xxxxl-2 { flex:0 0 16.666%; max-width:16.666%; }.col-xxxxl-3 { flex:0 0 25%; max-width:25%; }.col-xxxxl-4 { flex:0 0 33.333%; max-width:33.333%; }.col-xxxxl-6 { flex:0 0 50%; max-width:50%; }.col-xxxxl-12 { flex:0 0 100%; max-width:100%; }}.screen-only { display:inline-flex; }@media print { .screen-only { display:none !important; } }.btn a:link { color:#ffffff; text-decoration:none; }.btn a:visited { color:#ffffff; text-decoration:none; }.btn a:active { color:#ffffff; text-decoration:none; }.btn a:hover { color:#ffffff; text-decoration:none; }.nowrap { white-space:nowrap !important; } h1,h2,h3,h4,h5,h6,:where(.sm-fd) {font-family:"Marcellus", serif;;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;color :#333333;}h1,:where(.sm-fd-1) { font-size:2em;}h2 { font-size:1.5em;}h3,:where(.sm-fd-3) { font-size:1.17em; }h4 { font-size:1.0em;}h5,:where(.sm-fd-5) { font-size:.83em;}h6,:where(.sm-fd-6) { font-size:.75em;}:where(.sm-fd) { margin:0 0 .5rem; line-height:1.2; } .pointer { cursor:pointer; }.nounderline { text-decoration:none !important }.list-group-item { background-color:transparent; }.list-group-item-action:focus, .list-group-item-action:hover { background-color:#666666; color:#ffffff; }.list-group-item-action:focus, .list-group-item-action:hover a:link { color:#ffffff; }.list-group-item-action:focus, .list-group-item-action:hover a:visited { color:#ffffff; }.list-group-item-action:focus, .list-group-item-action:hover a:active { color:#ffffff; }.list-group-item-action:focus, .list-group-item-action:hover a:hover { color:#ffffff; }.SM_card-title {background-color:#555555;color:#ffffff;top:-30px;margin-left:-10px;position:relative;display:inline;padding:0px 10px 2px 10px;border-radius:3px;}.sm-light { color:#ffffff; }.sm-light_shadow { color:#ffffff; -webkit-filter:drop-shadow(0px 0px 2px #111); filter:drop-shadow(0px 0px 3px #111); }.sm-dark { color:#000000;}.sm-dark_glow { color:#000000;-webkit-filter:drop-shadow(0px 0px 2px #eee); filter:drop-shadow(0px 0px 3px #eee); }.sm-img-border-light { border:2px solid #cccccc; }.sm-img-border-dark { border:2px solid #000000; }a.sm-light { text-decoration:none; color :#ffffff; }a.sm-light:hover { text-decoration:none; color :#ffffff; }a.sm-light:link { text-decoration:none; color :#ffffff; }a.sm-light:visited { text-decoration:none; color :#ffffff; }a.sm-dark { text-decoration:none; color :#000000; }a.sm-dark:hover { text-decoration:none; color :#000000; }a.sm-dark:link { text-decoration:none; color :#000000; }a.sm-dark:visited { text-decoration:none; color :#000000; }a.sm-light_shadow { text-decoration:none; color :#ffffff; }a.sm-light_shadow:hover { text-decoration:none; color :#ffffff; }a.sm-light_shadow:link { text-decoration:none; color :#ffffff; }a.sm-light_shadow:visited { text-decoration:none; color :#ffffff; }a.sm-dark_glow { text-decoration:none; color :#000000; }a.sm-dark_glow:hover { text-decoration:none; color :#000000; }a.sm-dark_glow:link { text-decoration:none; color :#000000; }a.sm-dark_glow:visited { text-decoration:none; color :#000000; }img { border-color:#000000; }.sm-img-circle { border-radius:50%;}.sm-img-circle-element-container {display:table-cell !important; vertical-align:middle; text-align:center; overflow:hidden; }.sm-img-rect {}.sm-img-rect-element-container {display:table-cell !important; vertical-align:middle; text-align:center; overflow:hidden; }.sm_hp { opacity:0; position:absolute; top:0; left:0; height:0; width:0; z-index:-1; }.tint { }.tint:before {content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0, 0.5);-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;}.tint:hover:before {background:rgba(0,0,0, 0.3);-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;}.no-text-decoration { text-decoration:none; }.no-text-decoration:hover { text-decoration:none; }.no-border { border-style:none; }.figure-caption {color:inherit;}#sm-brand-title { display:inline-block; font-family:'Bebas Neue', cursive; font-size:24px; text-decoration:none; padding:8px 0px 0px 3px; line-height:1.2; }#sm-brand-title-icon { display:inline-block; font-size:15px; line-height:1; }#sm-float-icon-div { position:fixed; top:10px; left:10px; z-index:999999999; padding:0px 10px; background-color:rgba(29,43,54,0.75);border-radius:6px; transition:border-radius 0s linear 0s, opacity 0ms; }#sm-float-icon-div:hover { border-radius:6px 0px 0px 6px; transition:border-radius 0s linear 0s, opacity 0ms; background-color:rgba(29,43,54,0); }#sm-float-icon-img { opacity:0.85; filter:alpha(opacity=85); height:70px; }#sm-float-icon-img:hover { opacity:0; filter:alpha(opacity=0); display:none; }#sm-float-icon-div .sm-tooltiptext .list-group .list-group-item:hover { background-color:rgba(0,0,0,0.5); s}.sm-float-icon-div-ico-col-container { padding:0px 15px 0px 2px !important; }.sm-float-icon-div-ico-col { background-color:rgba(0,0,0,0.3); border-radius:0px 7px 7px 0px; margin:0px -8px 0px -10px; padding:5px;}.sm-float-icon-div-ico { border:0px; font-size:16px; padding:8px 2px; margin:0px; line-height:0px; }.sm-float-icon-div-ico-label { font-size:12px; padding:15px 0px; }#sm-float-icon-img-small { height:100px; padding:5px 0px 0px 0px; }.sm-tooltip { position:relative; display:inline-block; text-decoration:none; }.sm-tooltip .sm-tooltiptext {visibility:hidden;opacity:0;transition:visibility 0s linear 0ms, opacity 0ms;width:320px;min-height:60px;background-color:rgba(29,43,54,0.90);border-radius:6px 6px 6px 6px;color:#fff;padding:10px 2px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:13px; position:absolute;z-index:10000;top:0px; left:15px; }.sm-tooltip:hover .sm-tooltiptext { visibility:visible; opacity:1; transition:visibility 0s linear 0s, opacity 0ms; }.sm-tooltiptext .list-group .list-group-item { text-decoration:none; padding:6px 10px 6px 5px; }img.rounded-circle {object-fit:cover;}#toast-container * { font-size:16px; }body:not(.vertical-layout):not(.sm-login-body) .btn {font-family:"Marcellus", serif;;margin-bottom:2px;}.btn-secondary, .fc button {color:#373a3c;background-color:#fff;border-color:#818a91;}.btn-secondary:hover, .fc button:hover {color:#373a3c;background-color:#e6e6e6;border-color:#636b72;}.btn-secondary:focus, .fc button:focus, .btn-secondary.focus, .fc button.focus {color:#373a3c;background-color:#e6e6e6;border-color:#636b72;}.btn-secondary:active, .fc button:active, .btn-secondary.active, .fc button.active, .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active,.open > .btn-secondary.dropdown-toggle, .fc.open > button.dropdown-toggle {color:#373a3c;background-color:#e6e6e6;border-color:#636b72;background-image:none;}.btn-secondary:active:hover, .fc button:active:hover, .btn-secondary:active:focus, .fc button:active:focus, .btn-secondary:active.focus, .fc button:active.focus, .btn-secondary.active:hover, .fc button.active:hover, .fc-toolbar .fc-state-active:hover, .fc-toolbar .ui-state-active:hover, .btn-secondary.active:focus, .fc button.active:focus, .fc-toolbar .fc-state-active:focus, .fc-toolbar .ui-state-active:focus, .btn-secondary.active.focus, .fc button.active.focus, .fc-toolbar .focus.fc-state-active, .fc-toolbar .focus.ui-state-active,.open > .btn-secondary.dropdown-toggle:hover, .fc.open > button.dropdown-toggle:hover,.open > .btn-secondary.dropdown-toggle:focus, .fc.open > button.dropdown-toggle:focus,.open > .btn-secondary.dropdown-toggle.focus, .fc.open > button.dropdown-toggle.focus {color:#373a3c;background-color:#d4d4d4;border-color:#444a4e;}.btn-secondary.disabled:focus, .fc button.disabled:focus, .btn-secondary.disabled.focus, .fc button.disabled.focus, .btn-secondary:disabled:focus, .fc button:disabled:focus, .btn-secondary:disabled.focus, .fc button:disabled.focus {background-color:#fff;border-color:#818a91;}.btn-secondary.disabled:hover, .fc button.disabled:hover, .btn-secondary:disabled:hover, .fc button:disabled:hover {background-color:#fff;border-color:#818a91;}.btn-1st,a.btn-1st,a.btn-1st:link,a.btn-1st:visited,a.btn-1st:active {text-decoration:none !important;color:#ffffff;background-color:#000000;border-color:#000000;border-radius:48px;padding:1.0rem 2.0rem;font-size:1.50rem;line-height:1.5;}.btn-1st:focus, .btn-1st.focus {box-shadow:0 0 0 3px rgba(0,0,0,0.5);}.btn-1st.disabled, .btn-1st:disabled {background-color:#000000;border-color:#000000;}.btn-1st:active, .btn-1st.active,.show > .btn-1st.dropdown-toggle {background-color:#000000;background-image:none;border-color:#000000;}.btn-1st:hover,a.btn-1st:hover {text-decoration:none !important;color:#ffffff;background-color:#000000;border-color:#000000;}.btn-2nd,a.btn-2nd,a.btn-2nd:link,a.btn-2nd:visited,a.btn-2nd:active {text-decoration:none !important;color:rgb(0,0,0);background-color:#ffffff;background-image:none;border-color:rgb(0,0,0);border-size:1px;border-radius:0;padding:1.0rem 2.0rem;font-size:1.50rem;line-height:1.5;}.btn-2nd:focus, .btn-2nd.focus {box-shadow:0 0 0 3px rgba(93,0,0,0.5);}.btn-2nd.disabled, .btn-2nd:disabled {background-color:rgb(0,0,0);border-color:rgb(0,0,0);}.btn-2nd:active, .btn-2nd.active,.show > .btn-2nd.dropdown-toggle {background-color:rgb(0,0,0);background-image:none;border-color:#ff0000;}.btn-2nd:hover,a.btn-2nd:hover {text-decoration:none !important;color:#ffffff;background-color:rgb(0,0,0);border-color:rgb(0,0,0);}.btn-3rd,a.btn-3rd,a.btn-3rd:link,a.btn-3rd:visited,a.btn-3rd:active {text-decoration:none !important;color:#ffffff;background-color:#54a754;border-color:#54a754;border-radius:32px;padding:0.75rem 1.5rem;font-size:1.25rem;line-height:1.5;}.btn-3rd:focus, .btn-3rd.focus {box-shadow:0 0 0 3px rgba(126,250,126,0.5);}.btn-3rd.disabled, .btn-3rd:disabled {background-color:#54a754;border-color:#54a754;}.btn-3rd:active, .btn-3rd.active,.show > .btn-3rd.dropdown-toggle {background-color:#3a743a;background-image:none;border-color:#326432;}.btn-3rd:hover,a.btn-3rd:hover {text-decoration:none !important;color:#ffffff;background-color:#3a743a;border-color:#326432;}.btn-3rd-inv,a.btn-3rd-inv,a.btn-3rd-inv:link,a.btn-3rd-inv:visited,a.btn-3rd-inv:active {text-decoration:none !important;color:#54a754;background-color:#ffffff;background-image:none;border-color:#54a754;border-size:1px;border-radius:32px;padding:0.75rem 1.5rem;font-size:1.25rem;line-height:1.5;}.btn-3rd-inv:focus, .btn-3rd-inv.focus {box-shadow:0 0 0 3px rgba(126,250,126,0.5);}.btn-3rd-inv.disabled, .btn-3rd-inv:disabled {background-color:#54a754;border-color:#54a754;}.btn-3rd-inv:active, .btn-3rd-inv.active,.show > .btn-3rd-inv.dropdown-toggle {background-color:#3a743a;background-image:none;border-color:#326432;}.btn-3rd-inv:hover,a.btn-3rd-inv:hover {text-decoration:none !important;color:#ffffff;background-color:#3a743a;border-color:#326432;}.btn-4th,a.btn-4th,a.btn-4th:link,a.btn-4th:visited,a.btn-4th:active {text-decoration:none !important;color:#ffffff;background-color:#0275d8;border-color:#0275d8;border-radius:.25rem!important;padding:0.75rem 1.5rem;font-size:1.25rem;line-height:1.5;}.btn-4th:focus, .btn-4th.focus {box-shadow:0 0 0 3px rgba(1,58,108,0.5);}.btn-4th.disabled, .btn-4th:disabled {background-color:#0275d8;border-color:#0275d8;}.btn-4th:active, .btn-4th.active,.show > .btn-4th.dropdown-toggle {background-color:#0298ff;background-image:none;border-color:#02a3ff;}.btn-4th:hover,a.btn-4th:hover {text-decoration:none !important;color:#ffffff;background-color:#0298ff;border-color:#02a3ff;}.btn-4th-inv,a.btn-4th-inv,a.btn-4th-inv:link,a.btn-4th-inv:visited,a.btn-4th-inv:active {text-decoration:none !important;color:#0275d8;background-color:#ffffff;background-image:none;border-color:#0275d8;border-size:1px;border-radius:.25rem!important;padding:0.75rem 1.5rem;font-size:1.25rem;line-height:1.5;}.btn-4th-inv:focus, .btn-4th-inv.focus {box-shadow:0 0 0 3px rgba(1,58,108,0.5);}.btn-4th-inv.disabled, .btn-4th-inv:disabled {background-color:#0275d8;border-color:#0275d8;}.btn-4th-inv:active, .btn-4th-inv.active,.show > .btn-4th-inv.dropdown-toggle {background-color:#0298ff;background-image:none;border-color:#02a3ff;}.btn-4th-inv:hover,a.btn-4th-inv:hover {text-decoration:none !important;color:#ffffff;background-color:#0298ff;border-color:#02a3ff;}.btn-5th,a.btn-5th,a.btn-5th:link,a.btn-5th:visited,a.btn-5th:active {text-decoration:none !important;color:#ffffff;background-color:#0275d8;border-color:#0275d8;border-radius:32px;padding:0.75rem 1.5rem;font-size:1.25rem;line-height:1.5;}.btn-5th:focus, .btn-5th.focus {box-shadow:0 0 0 3px rgba(1,58,108,0.5);}
107.btn-5th.disabled, .btn-5th:disabled {background-color:#0275d8;border-color:#0275d8;}.btn-5th:active, .btn-5th.active,.show > .btn-5th.dropdown-toggle {background-color:#0298ff;background-image:none;border-color:#02a3ff;}.btn-5th:hover,a.btn-5th:hover {text-decoration:none !important;color:#ffffff;background-color:#0298ff;border-color:#02a3ff;}.btn-6th,a.btn-6th,a.btn-6th:link,a.btn-6th:visited,a.btn-6th:active {text-decoration:none !important;color:#ffffff;background-color:#0275d8;border-color:#0275d8;border-radius:32px;padding:0.75rem 1.5rem;font-size:1.25rem;line-height:1.5;}.btn-6th:focus, .btn-6th.focus {box-shadow:0 0 0 3px rgba(1,58,108,0.5);}.btn-6th.disabled, .btn-6th:disabled {background-color:#0275d8;border-color:#0275d8;}.btn-6th:active, .btn-6th.active,.show > .btn-6th.dropdown-toggle {background-color:#0298ff;background-image:none;border-color:#02a3ff;}.btn-6th:hover,a.btn-6th:hover {text-decoration:none !important;color:#ffffff;background-color:#0298ff;border-color:#02a3ff;}.btn-7th,a.btn-7th,a.btn-7th:link,a.btn-7th:visited,a.btn-7th:active {text-decoration:none !important;color:#dddddd;background-color:#000000;border-color:#000000;border-radius:20px;padding:0.25rem 0.5rem;font-size:1.0rem;line-height:1.5;}.btn-7th:focus, .btn-7th.focus {box-shadow:0 0 0 3px rgba(0,0,0,0.5);}.btn-7th.disabled, .btn-7th:disabled {background-color:#000000;border-color:#000000;}.btn-7th:active, .btn-7th.active,.show > .btn-7th.dropdown-toggle {background-color:#333333;background-image:none;border-color:#000000;}.btn-7th:hover,a.btn-7th:hover {text-decoration:none !important;color:#ffffff;background-color:#333333;border-color:#333333;}.btn-8th,a.btn-8th,a.btn-8th:link,a.btn-8th:visited,a.btn-8th:active {text-decoration:none !important;color:#333333;background-color:#ffffff;background-image:none;border-color:rgba(127,127,127,0.5);border-radius:20px;padding:0.25rem 0.5rem;font-size:1.0rem;line-height:1.5;}.btn-8th:focus, .btn-8th.focus {box-shadow:0 0 0 3px rgba(255,255,255,0.5);}.btn-8th.disabled, .btn-8th:disabled {background-color:#ffffff;border-color:#ffffff;}.btn-8th:active, .btn-8th.active,.show > .btn-8th.dropdown-toggle {background-color:#000000;background-image:none;border-color:#999999;}.btn-8th:hover,a.btn-8th:hover {text-decoration:none !important;color:#dddddd;background-color:#000000;border-color:#000000;}.socicon:hover {opacity:0.5; filter:alpha(opacity=50); }.progress-step:hover .progress-marker {background-color:#54a754 !important;color:#ffffff !important;}.progress-step.is-active .progress-marker {background-color:#54a754 !important;color:#ffffff !important;}.progress-step.is-complete .progress-marker {background-color:#54a754 !important;color:#ffffff !important;}.calendar-box { margin:.25em 10px 10px 0; padding-top:5px; float:left; width:50px; background:#ededef; font:bold 20px/1.0 Arial Black, Arial, Helvetica, sans-serif; text-align:center; color:#000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; position:relative;}.calendar-box em{ display:block; font:normal bold 11px/20px Arial, Helvetica, sans-serif; text-transform:uppercase; color:rgba(255,255,255,1); background:rgba(51,51,51,1); -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; }.calendar-box .dow { font:bold 10px/10px Arial Black, Arial, Helvetica, sans-serif; }.calendar-box .dom { line-height:1.4; }.calendar-box:before, .calendar-box:after{ content:''; float:left; position:absolute; top:4px; width:6px; height:6px; background:#111; z-index:1; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow:0 1px 1px #fff; -webkit-box-shadow:0 1px 1px #fff; box-shadow:0 1px 1px #fff; }.calendar-box:before{left:7px;}.calendar-box:after{right:7px;}.calendar-box em:before, .calendar-box em:after{ content:''; float:left; position:absolute; top:-3px; width:2px; height:10px; background:#dadada; background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa));background:-moz-linear-gradient(top,#f1f1f1,#aaa);z-index:2; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }.calendar-box em:before{left:9px;}.calendar-box em:after{right:9px;}.firstcharacter { float:left; font-size:800%; line-height:70%; padding-top:4px; padding-right:8px; padding-left:3px; }.input-group.date .input-group-addon { cursor:pointer; }.select2-container .select2-selection--single .select2-selection__rendered {line-height:40px !important;}.select2-container .select2-selection--single {height:40px !important;}.select2-selection__arrow {height:39px !important;}.table-not-striped tbody tr:nth-of-type(odd) { background-color:transparent!important; }
107.background-transparent { background-color:transparent!important; }.text-divider {--text-divider-gap:1rem;display:flex;align-items:center;text-transform:uppercase; letter-spacing:0.1em;}.text-divider::before, .text-divider::after {content:'';height:2px;background-color:silver;flex-grow:1;}.text-divider::before {margin-right:var(--text-divider-gap);}.text-divider::after {margin-left:var(--text-divider-gap);}.fa.fa-twitter, .fab.fa-twitter{font-family:sans-serif;font-weight:600;}.fa.fa-twitter::before, .fab.fa-twitter::before{content:"\1D54F";font-size:1.2em;}.fab-background.fa-twitter {background:#000000 !important;color:#fff;}.sm-date {color:rgba(255,255,255,1);background-color:rgba(51,51,51,1);font-size:90%;font-weight:normal;}.square { border-radius:0; }.round { border-radius:1.5rem; }@media (min-width:1200px) {.container { max-width:1366px !important; }}--></style><link rel="stylesheet" href="/public/scripts/ows-icons.php?v=1781732249">
108<link defer rel="stylesheet" href="https://ows-cdn.com/scripts/stuck/css/global-style.css?cb=1781732249" /> 
109<link defer rel="stylesheet" href="https://ows-cdn.com/scripts/stuck/css/asset/inputs.css?cb=1781732249" /> 
110
111<link defer rel="stylesheet" type="text/css" href="/scripts/global_layout.css?cb=1785791662" /> 
112<link defer rel="stylesheet" type="text/css" href="https://ows-cdn.com/scripts/highslide/highslide.css" />
113<link defer rel="stylesheet" type="text/css" href="https://ows-cdn.com/scripts/style-dropshadows.css" /> 
114
115<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.2.2/lazysizes.min.js" integrity="sha512-TmDwFLhg3UA4ZG0Eb4MIyT1O1Mb+Oww5kFG0uHqXsdbyZz9DcvYQhKpGgNkamAI6h2lGGZq2X8ftOJvF/XjTUg==" crossorigin="anonymous"></script>
115
116
117<!-- Font Awesome -->  
118<link defer rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
119<link defer rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/v4-shims.min.css" integrity="sha512-fHavkBby/gcFEB2taaBfG0DLdHRGrnvkWQNXVZ5Yb/Fj6LkogecQUd6oyvBVsrWPaHSxs5tNza6LUW/Y6Az9lQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
120 
121
122<!-- Media Boxes CSS files -->  
123<link defer rel="stylesheet" href="https://ows-cdn.com/scripts/media-boxes/plugin/components/Magnific Popup/magnific-popup.css"> <!-- Only if you are going to use Magnific Popup -->
124<link defer rel="stylesheet" href="https://ows-cdn.com/scripts/media-boxes/plugin/components/Fancybox/jquery.fancybox.min.css"> <!-- Only if you are going to use fancybox -->
125<link defer rel="stylesheet" href="https://ows-cdn.com/scripts/media-boxes/plugin/css/mediaBoxes.css">
126<link defer rel="stylesheet" href="https://ows-cdn.com/scripts/media-boxes/plugin/css/mediaBoxes-sm.css">
127
128<style>
129
130@media screen and (max-width: 900px){
131	.COVER_TITLE, .COVER_TITLE_LIGHT, .COVER_TITLE_DARK { font-size: 76.5px !important; }
132}
133@media screen and (max-width: 700px){
134	.COVER_TITLE, .COVER_TITLE_LIGHT, .COVER_TITLE_DARK { font-size: 63px !important; }
135}
136@media screen and (max-width: 500px){
137	.COVER_TITLE, .COVER_TITLE_LIGHT, .COVER_TITLE_DARK { font-size: 49.5px !important; }
138}
139
140@media screen and (max-width: 900px){
141	.PAGE_TITLE, .PAGE_TITLE_LIGHT, .PAGE_TITLE_DARK { font-size: 54px !important; }
142}
143@media screen and (max-width: 700px){
144	.PAGE_TITLE, .PAGE_TITLE_LIGHT, .PAGE_TITLE_DARK { font-size: 48px !important; }
145}
146@media screen and (max-width: 500px){
147	.PAGE_TITLE, .PAGE_TITLE_LIGHT, .PAGE_TITLE_DARK { font-size: 42px !important; }
148}
149
150@media screen and (max-width: 900px){
151	.SECTION_TITLE, .SECTION_TITLE_LIGHT, .SECTION_TITLE_DARK { font-size: 31.5px !important; }
152}
153@media screen and (max-width: 700px){
154	.SECTION_TITLE, .SECTION_TITLE_LIGHT, .SECTION_TITLE_DARK { font-size: 28px !important; }
155}
156@media screen and (max-width: 500px){
157	.SECTION_TITLE, .SECTION_TITLE_LIGHT, .SECTION_TITLE_DARK { font-size: 24.5px !important; }
158}
159
160@media screen and (max-width: 900px){
161	.TEXT_LARGE, .TEXT_LARGE_LIGHT, .TEXT_LARGE_DARK { font-size: 24px !important; }
162}
163@media screen and (max-width: 700px){
164	.TEXT_LARGE, .TEXT_LARGE_LIGHT, .TEXT_LARGE_DARK { font-size: 24px !important; }
165}
166@media screen and (max-width: 500px){
167	.TEXT_LARGE, .TEXT_LARGE_LIGHT, .TEXT_LARGE_DARK { font-size: 24px !important; }
168}
169
170@media screen and (max-width: 900px){
171	.PARAGRAPH, .PARAGRAPH_LIGHT, .PARAGRAPH_DARK { font-size: 18px !important; }
172}
173@media screen and (max-width: 700px){
174	.PARAGRAPH, .PARAGRAPH_LIGHT, .PARAGRAPH_DARK { font-size: 18px !important; }
175}
176@media screen and (max-width: 500px){
177	.PARAGRAPH, .PARAGRAPH_LIGHT, .PARAGRAPH_DARK { font-size: 18px !important; }
178}
179
180@media screen and (max-width: 900px){
181	.CAPTION, .CAPTION_LIGHT, .CAPTION_DARK { font-size: 12px !important; }
182}
183@media screen and (max-width: 700px){
184	.CAPTION, .CAPTION_LIGHT, .CAPTION_DARK { font-size: 12px !important; }
185}
186@media screen and (max-width: 500px){
187	.CAPTION, .CAPTION_LIGHT, .CAPTION_DARK { font-size: 12px !important; }
188}
189</style>
190<link defer rel="stylesheet" type="text/css" href="/scripts/style-icons.css?cb=1781732249" /> <!-- link icon set from famfamfam -->
190<script>
191	
192$(function () {
193	
194    const $header = $('.navik-top-wrapper');
195
196    function setHeaderHeight() {
197        const h = $header.outerHeight(true);
198        document.documentElement.style.setProperty('--header-height', h + 'px');
199    }
200
201    $(window).on('resize', setHeaderHeight);
202
203    setHeaderHeight();
204
205});
206
207$(window).on('scroll', function () {
208
209
210    if ($(window).scrollTop() > 0) {
211        $('.navik-top-wrapper').addClass('is-sticky');
212    } else {
213        $('.navik-top-wrapper').removeClass('is-sticky');
214    }
215
216
217});
218
219	
220function navic_logo_resize(size)
221{
222		distance = 250;
223		//console.log($(window).scrollTop());
224
225		// SHRINK
226    if ($(window).scrollTop() > distance) {
227    	if (size == 0)
228    	{ 
229  			//console.log('shrink');
230    			
231     		//$('.navik-header-container').css('max-height', 100);   
232     		$('#navic_logo_light img').css('max-height', 100);   
233     		$('#navic_logo_dark img').css('max-height', 100);  
234     		
235    		size = 1;
236    	}
237    }
238    // EXPAND
239    else if ($(window).scrollTop() < 1) {
240    	if (size == 1)
241    	{ 		
242  			//console.log('expand');   			
243  		
244     		//$('.navik-header-container').css('max-height', 125);     			 
245     		$('#navic_logo_light img').css('max-height', 125);   
246     		$('#navic_logo_dark img').css('max-height', 125);   
247    		
248    		size = 0;
249    	}     	     
250    }	
251    
252    return size;
253}
254
255
256
257	
258
259$(document).ready(function(){
260
261	var size = 0;	
262	
263  $('.navik-menu-overlay').css("display", "table");	
264  /*
265  $(window).scroll(_.debounce(function() {
266		console.log('before: '+size);  	
267		size = navic_logo_resize(size);  
268		console.log('after: '+size);  			
269  }, 400));  
270  */
271  $(window).scroll(function() {
272		//console.log('before: '+size);  	
273		size = navic_logo_resize(size);  
274		//console.log('after: '+size);  			
275  });    
276 
277
278});
279
280
281
282/* Does the horizontal menu occupy more than one row? CSS cannot ask, so it is
283   measured. Only for the "top" menu location: in overlay and slide modes the
284   items are stacked vertically by design and would always look "wrapped".
285
286   THE MEASUREMENT IS ALWAYS TAKEN WITH THE CLASS OFF, and that is the whole
287   trick. The logo container is floated, so the menu's line boxes flow around
288   it -- which means shortening the rows can give the items enough room to fit
289   on ONE row again. Measure while the class is applied and you get: wrapped ->
290   add class -> now unwrapped -> remove class -> wrapped, flipping on every
291   check. Measuring the natural layout each time makes the answer stable: if it
292   wraps without the class, the class goes on and stays on.
293
294   No ResizeObserver here, deliberately: removing the class to measure resizes
295   the very element we would be observing, so it would feed itself. Layout
296   triggers plus font loading are enough for a menu. */
297$(function () {
298	var smMenuBusy = false;
299
300	function smMenuWraps(ul) {
301		/* Height of the list against the height of its TALLEST item.
302
303		   Not a count of distinct row positions: items on the SAME line do not
304		   share a top. navik's links are 90px boxes while a social-icon item is
305		   ~25px, and inline-block items sit on a baseline, so a one-row menu
306		   reports two or three different tops and would be called "wrapped".
307		   Total height versus one row's height cannot be fooled that way. */
308		var kids = ul.children, i, r, tallest = 0;
309		for (i = 0; i < kids.length; i++) {
310			r = kids[i].getBoundingClientRect();
311			if (!r.width && !r.height) continue;          // hidden item
312			if (r.height > tallest) tallest = r.height;
313		}
314		if (!tallest) return false;
315		return ul.getBoundingClientRect().height > tallest * 1.5;
316	}
317
318	function smMenuWrapCheck() {
319		if (smMenuBusy) return;
320		var ul = document.querySelector('.navik-menu > ul');
321		if (!ul) return;
322		smMenuBusy = true;
323		var html = document.documentElement;
324		var had = html.classList.contains('menu-wrapped');
325		if (had) html.classList.remove('menu-wrapped');   // measure the natural layout
326		var wraps = smMenuWraps(ul);                      // reading rects forces the reflow
327		html.classList.toggle('menu-wrapped', wraps);
328		smMenuBusy = false;
329	}
330
331	smMenuWrapCheck();
332	$(window).on('load resize', smMenuWrapCheck);
333	/* Web fonts land after first paint and change how wide the items are. */
334	if (document.fonts && document.fonts.ready) { document.fonts.ready.then(smMenuWrapCheck); }
335});
336
337</script>
337
338
339
340
341
342
343
344<script src="https://api.orthodoxws.com/googlemaps/jsproxy.php?v=3&libraries=places,geometry&loading=async"></script>
344
345
346<script defer type="text/javascript" src="https://ows-cdn.com/scripts/waitforimages/jquery.waitforimages.js"></script>
vendor: 1 bytes, line 346
346
347<script defer type="text/javascript" src="/scripts/form.js?cb=1781732249"></script>
vendor: 1 bytes, line 347
347
348<script defer type="text/javascript" src="/scripts/templates.js?cb=1781732249"></script>
vendor: 1 bytes, line 348
348
349<script defer type="text/javascript" src="https://ows-cdn.com/scripts/highslide/highslide-full.packed.js"></script>
vendor: 1 bytes, line 349
349
350<script defer type="text/javascript" src="https://ows-cdn.com/scripts/highslide/highslide-with-gallery-custom.js"></script>
350  <!-- b81541155246641cbdfc010936cef23b -->
351
352
353<link defer rel="stylesheet" type="text/css" href="https://ows-cdn.com/admin/scripts/bower_components/sweetalert/dist/sweetalert-custom.css">
354<script defer src="https://ows-cdn.com/admin/scripts/bower_components/sweetalert/dist/sweetalert.min.js" type="text/javascript"></script>
354
355
356<link defer href="https://ows-cdn.com/admin/scripts/bower_components/bootstrap-switch-master/dist/css/bootstrap3/bootstrap-switch.css" rel="stylesheet">
357<script defer src="https://ows-cdn.com/admin/scripts/bower_components/bootstrap-switch-master/dist/js/bootstrap-switch.js" type="text/javascript"></script>
357
358
359
360<!-- Media Boxes JS files -->
361<script src="https://ows-cdn.com/scripts/media-boxes/plugin/components/Isotope/jquery.isotope.min.js"></script>
vendor: 1 bytes, line 361
361
362<script src="https://ows-cdn.com/scripts/media-boxes/plugin/components/imagesLoaded/jquery.imagesLoaded.min.js"></script>
vendor: 1 bytes, line 362
362
363<script src="https://ows-cdn.com/scripts/media-boxes/plugin/components/Transit/jquery.transit.min.js"></script>
vendor: 1 bytes, line 363
363
364<script src="https://ows-cdn.com/scripts/media-boxes/plugin/components/jQuery Easing/jquery.easing.js"></script>
vendor: 1 bytes, line 364
364
365<script src="https://ows-cdn.com/scripts/media-boxes/plugin/components/Waypoints/waypoints.min.js"></script>
vendor: 1 bytes, line 365
365
366<script src="https://ows-cdn.com/scripts/media-boxes/plugin/components/Modernizr/modernizr.custom.min.js"></script>
vendor: 1 bytes, line 366
366
367<script src="https://ows-cdn.com/scripts/media-boxes/plugin/components/Magnific Popup/jquery.magnific-popup.min.js"></script>
367 <!-- Only if you are going to use Magnific Popup -->
368<script src="https://ows-cdn.com/scripts/media-boxes/plugin/components/Fancybox/jquery.fancybox.min.js"></script>
368 <!-- Only if you are going to use fancybox -->
369<script src="https://ows-cdn.com/scripts/media-boxes/plugin/js/jquery.mediaBoxes.dropdown.js"></script>
vendor: 1 bytes, line 369
369
370<script src="https://ows-cdn.com/scripts/media-boxes/plugin/js/jquery.mediaBoxes.js"></script>
370
371
372<!-- MightySlider files -->
373<script defer type="text/javascript" src="https://ows-cdn.com/scripts/mightyslider/assets/js/jquery.easing-1.3.pack.js"></script>
vendor: 1 bytes, line 373
373
374<script defer type="text/javascript" src="https://ows-cdn.com/scripts/mightyslider/src/js/mightyslider.min.js"></script>
374
375<link defer rel="stylesheet" type="text/css" href="https://ows-cdn.com/scripts/mightyslider/src/css/mightyslider.css"/>
376
377<link defer rel="stylesheet" href="https://ows-cdn.com/scripts/animation/animate.min.css">
378<link defer rel="stylesheet" href="https://ows-cdn.com/scripts/animation/hover.css">
379<script src="https://ows-cdn.com/scripts/animation/wow.min.js"></script>
vendor: 1 bytes, line 379
379
380<script defer src="https://ows-cdn.com/scripts/stellar/jquery.stellar.min.js"></script>
vendor: 1 bytes, line 380
380
381<script defer src="https://ows-cdn.com/scripts/jquery-color/jquery.color-2.1.2.min.js"></script>
381
382
383<link rel="stylesheet" href="https://ows-cdn.com/scripts/social-likes/social-likes_flat.css">
384<script src="https://ows-cdn.com/scripts/social-likes/social-likes.min.js"></script>
384
385
386
387
388<!-- Slick Modal -->
389<link defer href="https://ows-cdn.com/scripts/slick-modal-popups/src/plugin/css/slickmodal.min.css" rel="stylesheet" type="text/css" />
390<script src="https://ows-cdn.com/scripts/slick-modal-popups/src/plugin/js/jquery.slickmodal.min.js"></script>
390
391
392<!-- Toastr -->
393<link defer rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">  
394<script defer src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js" type="text/javascript"></script>
394		 
395
396<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
vendor: 1 bytes, line 396
396
397<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
397
398<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />	
399
400<link rel="stylesheet" href="https://ows-cdn.com/scripts/social-branding.min.css?cb=1785850177" type="text/css" />
401
402<link href="/scripts/responsive-mega-drop-down-menu/css/mega_menu.css?cb=1781732248" rel="stylesheet">
403<script src="/scripts/responsive-mega-drop-down-menu/js/mega_menu.js?cb=1781732248"></script>
403
404
405<script>
406
407
408var wow = new WOW(
409  {
410    boxClass:     'wow',      // animated element css class (default is wow)
411    animateClass: 'animated', // animation css class (default is animated)
412    offset:       0,          // distance to the element when triggering the animation (default is 0)
413    mobile:       true,       // trigger animations on mobile devices (default is true)
414    live:         true,       // act on asynchronously loaded content (default is true)
415    callback:     function(box) {
416      // the callback is fired every time an animation is started
417      // the argument that is passed in is the DOM node being animated
418    },
419    scrollContainer: null // optional scroll container selector, otherwise use window
420  }
421);
422wow.init();	
423
424
425$( document ).ready(function() { 
426	
427	// parallax
428	$( window ).stellar( { horizontalScrolling:false } ); 
429	
430	
431	
432	// Select all links with hashes
433	$('a[href*="#"]')
434	  // Remove links that don't actually link to anything
435	  .not('[href="#"]')
436	  .not('[href="#0"]')
437	  .not('[href^="#carousel"]')	  
438		.not('.nav-link')	  
439	  .click(function(event) {
440	    // On-page links
441	    if (
442	      location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') 
443	      && 
444	      location.hostname == this.hostname
445	    ) {
446	      // Figure out element to scroll to
447	      var target = $(this.hash);
448	      target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
449	      // Does a scroll target exist?
450	      if (target.length) {
451	        // Only prevent default if animation is actually gonna happen
452	        event.preventDefault();
453	        $('html, body').animate({
454	          scrollTop: target.offset().top
455	        }, 1000, function() {
456	          // Callback after animation
457	          // Must change focus!
458	          var $target = $(target);
459	          $target.focus();
460	          if ($target.is(":focus")) { // Checking if the target was focused
461	            return false;
462	          } else {
463	            $target.attr('tabindex','-1'); // Adding tabindex for elements not focusable
464	            $target.focus(); // Set focus again
465	          };
466	        });
467	      }
468	    }
469	  });
470	
471	
472});
473
474
475
476function sm_add_to_cart(i, e, id)
477{
478	// If in cart then view cart
479	if ($('#'+id).text() == 'View in cart')
480	{
481		window.location.replace("/cart/show_cart.php");
482		return;
483	}
484	
485	// If update cart
486	if ($('#'+id).text() == 'Update cart')
487	{
488		console.log('process update via ajax');
489	}	
490	
491	// If select
492	if (e == '') 
493	{ 
494		var qty_select = true;
495		e = $('#sm-cart-select-'+i).val();
496		q = $('#sm-quantity-'+i).val();  
497		q_sel = $('#sm-quantity-'+i);
498	}
499	else
500	{
501		var qty_select = false;
502		q = $('#sm-quantity-'+e).val(); 
503		q_sel = $('#sm-quantity-'+e);		
504	}
505
506	console.log('sm_add_to_cart');	
507	console.log('i:'+i);
508	console.log('e:'+e);
509	console.log('id:'+id);	
510	console.log('q:'+q);
511
512	
513  $.ajax({					  	
514        url:'/cart/ajax_add_cart.php',
515        type:'POST',
516        data: { 'i': i, 'e': e, 'q': q },
517				dataType: 'json',
518        success: function(response)			           
519        {            
520        	console.log(response);					            			            			
521
522        	if ((response.success) || ((response.q_added > 0) && (response.max_allowed_reached)))
523        	{
524        		
525        		        		
526        		
527        		
528        		// update cart display
529        		$('#sm-cart-item-tr-header-'+e).remove();
530        		$('#sm-cart-empty-msg').remove();
531        		$('.sm-cart-number-of-items').text(response.number_of_items);
532        		$('.sm-cart-items_price').text(response.items_price);   
533        		
534        		
535        		$('#sm-ecomm-header-cart-tbody tr:first').before(response.item_details);     		
536						$('#sm-ecomm-header-cart').slideDown();  
537						
538						
539						// removed
540						if (response.q_requested == 0)
541						{
542							swal({
543							  html:true,
544							  title: "",
545							  text: "Item removed from your cart.<br>"+response.item_name,
546							  type: "info",
547							  showCancelButton: false,
548							  confirmButtonColor: "primary",
549							  confirmButtonText: "Okay",
550							  closeOnConfirm: false
551							});								
552						}
553						
554						
555						// max reached
556						if (response.max_allowed_reached)
557						{
558							swal({
559							  html:true,
560							  title: "",
561							  text: response.max_allowed_reason+"<br>"+response.item_name,
562							  type: "info",
563							  showCancelButton: false,
564							  confirmButtonColor: "primary",
565							  confirmButtonText: "Okay",
566							  closeOnConfirm: false
567							});									
568							
569							// set quantity select to max_allowed
570							
571							// If select
572							if (qty_select) 
573							{ 
574								$('#sm-quantity-'+i).val(response.max_allowed);
575							}
576							else
577							{
578								q = $('#sm-quantity-'+e).val(response.max_allowed); 
579							}							
580							
581						}
582
583        		
584        		// switch buttons
585        		if ((response.item_details != "<div id=\"sm-cart-empty-msg\">Your cart is empty.</a>") && (response.item_details != ''))
586        		{
587	        		$('#sm-button-add-to-cart-'+i).text('View in cart');
588	        		$('#sm-button-add-to-cart-'+i).addClass('btn-3rd-inv');
589	        		$('#sm-button-add-to-cart-'+i).removeClass('btn-3rd');
590	        		
591	        		$('#sm-button-add-to-cart-'+e).text('View in cart');
592	        		$('#sm-button-add-to-cart-'+e).addClass('btn-3rd-inv');
593	        		$('#sm-button-add-to-cart-'+e).removeClass('btn-3rd');        		
594        		}
595        		else
596      			{
597	        		$('#sm-button-add-to-cart-'+i).text('Add to cart');
598	        		$('#sm-button-add-to-cart-'+i).addClass('btn-3rd');
599	        		$('#sm-button-add-to-cart-'+i).removeClass('btn-3rd-inv');
600	        		
601	        		$('#sm-button-add-to-cart-'+e).text('Add to cart');
602	        		$('#sm-button-add-to-cart-'+e).addClass('btn-3rd');
603	        		$('#sm-button-add-to-cart-'+e).removeClass('btn-3rd-inv');
604	        		
605	        		q_sel.val(1);        				
606      			}
607        		// add item to cart
608        		
609        		// show popup for add to cart
610        		/*
611        		$('#sm_add_to_cart_div').SlickModals({
612                popup_reopenClass: 'sm-1',
613                popup_animation: 'slideRight',
614                popup_position: 'bottomRight',
615                popup_css: {
616                    'padding': '40px',
617                    'margin' : '30px'
618                }
619            });
620            */
621
622       //     toastr["info"]("Added to cart.", "Success");              
623					}
624					else
625					{														
626							swal({
627							  html:true,
628							  title: "",
629							  text: "This item is currently out of stock.",
630							  type: "error",
631							  showCancelButton: false,
632							  confirmButtonColor: "primary",
633							  confirmButtonText: "Okay",
634							  closeOnConfirm: false
635							});	
636					}                									  		
637
638        },
639	      error: function() 
640	      {
641					
642				},
643       timeout : 15000//timeout of the ajax call															  	
644  });
645			
646
647}
648
649
650
651function sm_update_cart(i_e, qty)
652{
653	var timeout_length = 3200;
654	
655	console.log('sm_update_cart');
656	console.log('i_e:'+i_e);
657	console.log('qty:'+qty);	
658	
659	if ((qty > 1) || (qty == 0))
660		var items = ' items';
661	else
662		var items = ' item';
663	
664  $.ajax({					  	
665        url:'/cart/ajax_update_cart.php',
666        type:'POST',
667        data: { 'i_e': i_e, 'qty': qty },
668				dataType: 'json',
669        success: function(response)			           
670        {            
671        	console.log(response);					            			            			
672
673        	if (response.success)
674        	{	        		
675						if ((response.total_items > 1) || (response.total_items == 0))
676							var items = ' items';
677						else
678							var items = ' item';
679		        			        		
680        		// update cart display
681        		if (qty == 0)
682        		{
683        			$('#sm-cart-item-tr-'+i_e).fadeOut( timeout_length, "linear" );
684        			$('#sm-cart-item-tr-header-'+i_e).fadeOut( timeout_length, "linear" );        			
685        		}
686        		else
687      			{
688      				if($('#sm-cart-item-tr-'+i_e).is(':animated')) {
689       					$('#sm-cart-item-tr-'+i_e).stop().animate({opacity:'100'});
690       					$('#sm-cart-item-tr-header-'+i_e).stop().animate({opacity:'100'});       					
691      				}
692      				$("[name="+i_e+"]").val(response.q_added);
693      			}
694      			
695      			if  (response.total_items == 0)
696      			{
697      				$('#sm-cart-table').fadeOut( timeout_length, "linear" ); 
698      				$('#green-proceed_to_check_out').fadeOut( timeout_length, "linear" ); 
699      			}
700      			else
701      			{
702      				if($('#sm-cart-table').is(':animated')) {
703       					$('#sm-cart-table').stop().animate({opacity:'100'});  
704       					$('#green-proceed_to_check_out').stop().animate({opacity:'100'});          					    					
705      				}      				
706      			}	
707        			
708        		
709        		$('#sm-cart-amt-'+i_e).text(response.amount);
710        		$('#sm-cart-qty-'+i_e).text(qty);       
711        		$('.sm-cart-items_price').text(response.subtotal);          		 		
712        		$('#sm-cart-amt-subtotal').text(response.subtotal);    
713        		$('.sm-cart-number-of-items').text(response.total_items+items);  
714        		$('#sm-cart-total_items').text(response.total_items);   
715        		
716						// Remove old header row
717						$('#sm-cart-item-tr-header-' + i_e).remove();
718						
719						// Insert updated header row if qty > 0
720						if (qty > 0 && response.item_details_header) {
721						    $('#sm-ecomm-header-cart-tbody tr:first').after(response.item_details_header);
722						}        		
723
724						
725						// max reached
726						if (response.max_allowed_reached)
727						{
728							
729							swal({
730							  html:true,
731							  title: "",
732							  text: response.max_allowed_reason+"<br>"+response.item_name,
733							  type: "info",
734							  showCancelButton: false,
735							  confirmButtonColor: "primary",
736							  confirmButtonText: "Okay",
737							  closeOnConfirm: false
738							});			
739						}
740
741        		        		 		
742        		              
743					}
744					else
745					{														
746							swal({
747							  html:true,
748							  title: "",
749							  text: "We failed to update your cart.",
750							  type: "error",
751							  showCancelButton: false,
752							  confirmButtonColor: "primary",
753							  confirmButtonText: "Okay",
754							  closeOnConfirm: false
755							});	
756					}                									  		
757
758        },
759	      error: function() 
760	      {
761					
762				},
763       timeout : 15000//timeout of the ajax call															  	
764  });
765			
766
767}
768
769</script>
vendor: 1 bytes, line 769
769
770<script>
771	
772function preloadImage(url)
773{
774    var img=new Image();
775    img.src=url;
776}	
777	
778	
779function getScrollbarWidth() {
780
781return window.innerWidth - document.documentElement.clientWidth;
782
783}
784
785function getScrollbarWidth2() {
786
787  // Creating invisible container
788  const outer = document.createElement('div');
789  outer.style.visibility = 'hidden';
790  outer.style.overflow = 'scroll'; // forcing scrollbar to appear
791  outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps
792  document.body.appendChild(outer);
793
794  // Creating inner element and placing it in the container
795  const inner = document.createElement('div');
796  outer.appendChild(inner);
797
798  // Calculating difference between container's full width and the child width
799  const scrollbarWidth = (outer.offsetWidth - inner.offsetWidth);
800
801  // Removing temporary elements from the DOM
802  outer.parentNode.removeChild(outer);
803
804  return scrollbarWidth;
805
806}  
807
808
809
810$(window).resize(function() {
811	
812  $(".wide-div").css({ 'width': ($("#T19_content_bgimage").width() + 'px') });
813  
814  // Header Bar Secondary Menu
815  if ($( window ).width() > 991)
816  {
817  	//console.log('#sm-secondary-header-container2: show');
818  	$('#sm-secondary-header-container2').css({ 'display':'block' } );	
819  }
820  else
821  {
822  	$('#sm-secondary-header-container2').css({ 'display':'none' } );	
823  	$('#sm-secondary-header-icon-fa').addClass('fa-ellipsis-h').removeClass('fa-times');
824  }
825	
826//	console.log(getScrollbarWidth());
827//  $(".wide-div").css("margin", 'calc(50% - calc(50vw - '+getScrollbarWidth() / 2+'px))');
828//$(".wide-div").css({ 'width': '100%' });
829//$(".wide-div").css({ 'margin': '0' });
830//  console.log($("#sm_page_contents").width());
831});	
832	
833	
834$(document).ready(function () {
835
836$(".sm_hp").hide();
837
838$('.btn-2nd').addClass('');
839
840	$("a:has(img)").css("background-image", "none");
841	$("a:has(img)").css("padding-left", "0px");
842
843
844	$('.a_no_link_tooltip').click(function(e){
845	   e.preventDefault();
846	  // Do stuff
847	});	
848	
849	$('[data-toggle="tooltip"]').tooltip();
850
851
852$("[name='on_page_editing']").bootstrapSwitch();		
853
854$('input[name=on_page_editing]').on('switchChange.bootstrapSwitch', function (event, state) {
855
856	state = state * 1; // true | false
857	//console.log(state);
858	
859	if (!state)
860	{
861	 	$('.SM_section_toolbar_insert_above').hide();	   	
862	 	$('.SM_section_toolbar_insert_above_empty').hide();
863	 	$('.SM_section_toolbar_options').hide();	 	
864	 	$('.SM_section_editable').css({"border":"transparent"});
865	 	$('.SM_subsection_editable').css({"border":"transparent"});
866	}
867	else
868	{
869	 	$('.SM_section_toolbar_insert_above').show();	   	
870	 	$('.SM_section_toolbar_insert_above_empty').show();
871	}		
872
873  $.ajax({					  	
874        url:'/admin/db/process_o.php?t=misc&f=on_page_editing&v='+state,
875        type:'POST',
876				dataType: 'json',
877        success: function(response)			           
878        {            
879        	//console.log(response);					            			            			
880
881        	if (response.success)
882        	{
883      	                       
884					}
885					else
886					{								
887						swal({
888						  title: 'Error',
889						  text: 'We could not change this setting.\n'+response.debug,
890	  					type: "error",
891							allowOutsideClick: true		
892						});																												
893					}      									  		
894
895        },
896	      error: function() 
897	      {
898						swal({
899						  title: 'Error',
900						  text: 'We could not change this setting.',
901	  					type: "error",
902							allowOutsideClick: true											  
903						});	
904				},
905       timeout : 15000//timeout of the ajax call															  	
906  });
907
908
909});	
910
911
912$("[name='preview_drafts']").bootstrapSwitch();	
913
914$('input[name=preview_drafts]').on('switchChange.bootstrapSwitch', function (event, state) {
915
916	state = state * 1;
917
918  $.ajax({					  	
919        url:'/admin/db/process_o.php?t=misc&f=preview_drafts&v='+state,
920        type:'POST',
921				dataType: 'json',
922        success: function(response)			           
923        {            
924        	if (!response.success)
925					{								
926						swal({
927						  title: 'Error',
928						  text: 'We could not change this setting.\n'+response.debug,
929	  					type: "error",
930							allowOutsideClick: true		
931						});																												
932					}
933					else 
934					{
935						location.reload();     									  		
936					}
937
938        },
939	      error: function() 
940	      {
941						swal({
942						  title: 'Error',
943						  text: 'We could not change this setting.',
944	  					type: "error",
945							allowOutsideClick: true											  
946						});	
947				},
948       timeout : 15000															  	
949  });
950
951});
952
953
954	
955
956
957$(".wide-div").css("margin", 'calc(50% - calc(50vw - '+Math.floor(getScrollbarWidth2() / 2)+'px))');
958$(".wide-div").css({ 'width': ($("#T19_content_bgimage").width() + 'px') });
959
960
961//  $(".wide-div").css({ 'width': ($("#T19_content_bgimage").width() + 'px') });
962//  console.log('jquery_loaded.php '+($("#T19_content_bgimage").width() + 'px'));
963
964});
965
966
967
968
969
970
971
972</script>
972
973
974<link rel="preconnect" href="https://fonts.googleapis.com">
975<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
976<link href="https://fonts.googleapis.com/css2?family=Marcellus&display=swap" rel="stylesheet">
977
978<script>
979(function(){
980  const LANG_KEY="site_lang";
981  const DEFAULT_LANG="en";
982  const LANGS=["en","uk"];
983
984  function getLang(){
985    return localStorage.getItem(LANG_KEY)||DEFAULT_LANG;
986  }
987
988  function setLang(lang){
989    localStorage.setItem(LANG_KEY,lang);
990    document.documentElement.setAttribute("lang",lang);
991    applyLanguage(lang);
992    updateButton(lang);
993  }
994
995  function applyLanguage(lang){
996    const blocks=document.querySelectorAll(".i18n");
997
998    blocks.forEach(function(block){
999      LANGS.forEach(function(code){
1000        const items=block.querySelectorAll('[lang="'+code+'"]');
1001
1002        items.forEach(function(item){
1003          item.style.display=code===lang?"":"none";
1004        });
1005      });
1006    });
1007  }
1008
1009  function updateButton(lang){
1010    const button=document.getElementById("language-toggle-button");
1011    if(!button)return;
1012
1013    button.textContent=lang==="en"?"🇺🇦":"🇬🇧";
1014    button.setAttribute(
1015      "aria-label",
1016      lang==="en"?"Switch to Ukrainian":"Switch to English"
1017    );
1018    button.setAttribute(
1019      "title",
1020      lang==="en"?"Switch to Ukrainian":"Switch to English"
1021    );
1022  }
1023
1024  function createButton(){
1025    if(document.getElementById("language-toggle-button"))return;
1026
1027    const button=document.createElement("button");
1028    button.id="language-toggle-button";
1029    button.type="button";
1030
1031    button.addEventListener("click",function(){
1032      const currentLang=getLang();
1033      const nextLang=currentLang==="en"?"uk":"en";
1034      setLang(nextLang);
1035    });
1036
1037    document.body.appendChild(button);
1038  }
1039
1040  function addStyles(){
1041    if(document.getElementById("language-toggle-styles"))return;
1042
1043    const style=document.createElement("style");
1044    style.id="language-toggle-styles";
1045    style.textContent=`
1046  #language-toggle-button{
1047    position:fixed;
1048    right:18px;
1049    bottom:18px;
1050    left:auto;
1051    top:auto;
1052    z-index:999999;
1053    width:46px;
1054    height:46px;
1055    border-radius:999px;
1056    border:2px solid rgba(255,215,0,0.8);
1057    background:rgba(0,0,0,0.33);
1058    box-shadow:0 4px 14px rgba(0,0,0,0.22);
1059    font-size:25px;
1060    line-height:1;
1061    cursor:pointer;
1062    display:flex;
1063    align-items:center;
1064    justify-content:center;
1065    padding:0;
1066    backdrop-filter:blur(3px);
1067  }
1068
1069  #language-toggle-button:hover{
1070    background:rgba(0,0,0,0.48);
1071    border-color:rgba(255,215,0,1);
1072    transform:scale(1.05);
1073  }
1074
1075  @media(max-width:600px){
1076    #language-toggle-button{
1077      right:14px;
1078      bottom:14px;
1079      width:42px;
1080      height:42px;
1081      font-size:22px;
1082    }
1083  }
1084`;
1085
1086    document.head.appendChild(style);
1087  }
1088
1089  function init(){
1090    addStyles();
1091    createButton();
1092    setLang(getLang());
1093  }
1094
1095  if(document.readyState==="loading"){
1096    document.addEventListener("DOMContentLoaded",init);
1097  }else{
1098    init();
1099  }
1100})();
1101</script>
1101
1102</head>
1103
1104
1105
1106
1107
1108<!------- BODY ------->
1109
1110
1111
1112
1113<body topmargin="0" leftmargin="0" bottommargin="0" rightmargin="0" marginwidth="0" marginheight="0" >
1114
1115
1116
1117
1118
1119
1120
1121
1122
1123<div id="sm_page_contents">
1124	
1125
1126
1127
1128
1129<!------- HEADER ------->
1130
1131
1132
1133
1134
1135
1136<script src="/scripts/navik/js/navik.menu.js?1781732248"></script>
1136
1137
1138
1139
1140<a name="TOP"></a>
1141
1142
1143	
1144<div class="navik-top-wrapper">
1145<div class="navik-header-outside-img  ">
1146<div class="navik-header-outside ">
1147<div class="no-sticky navik-header header-dark  navik-mega-menu   submenu-top-border ">
1148  <div class="pl-3 pr-3">
1149  	<div id="T19_navic_top_title" class="d-flex align-items-center justify-content-center"><div id="T19_navic_top_title_text" class="d-block"></div></div>
1150		
1151
1152      
1153
1154  <div id="navik_header_container_nav_brand" class="navik-header-container nav-brand">
1155
1156<div class="logo  mr-auto d-flex align-items-center">
1156<script>preloadImage("/cache/images/img-488-1200x300-href_1200x300.png");</script>
vendor: 1 bytes, line 1156
1156
1157<script>preloadImage("/cache/images/img-489-1200x300-href_1200x300.png");</script>
1157
1158<a id="navic_logo_light" href="/"><img src="/cache/images/img-488-1200x300-href_1200x300.png" data-mobile-logo="/cache/images/img-488-1200x300-href_1200x300.png" alt="Holy Trinity Ukrainian Orthodox Cathedral"/></a>
1159<a id="navic_logo_dark" href="/"><img src="/cache/images/img-489-1200x300-href_1200x300.png" data-mobile-logo="/cache/images/img-489-1200x300-href_1200x300.png" alt="Holy Trinity Ukrainian Orthodox Cathedral"/></a>
1160<a class="nav-header  " id="T19_menu_title_mobile" href="/"></a></div>
1161
1162     
1163
1164
1165        
1166    <!-- Burger menu -->
1167    <div id="navic_burger_menu" class="burger-menu  ">
1168      <div class="line-menu line-half first-line"></div>
1169      <div class="line-menu"></div>
1170      <div class="line-menu line-half last-line"></div>
1171    </div>
1172    
1173
1174    
1175 
1176
1177
1178        
1179				<div id="navik_menu_outside_social" class="menu-social-media3">
1180					
1181								        <a href="https://www.facebook.com/ukrainianchurch/" target="_blank" class="no-style-icon">
1182								            <i class="fab fa-facebook-f"></i>
1183								        </a>
1184								        <a href="https://www.youtube.com/@ukrainianchurch" target="_blank" class="no-style-icon">
1185								            <i class="fab fa-youtube"></i>
1186								        </a>
1187								        <a href="http://instagram.com/ukrainianchurch" target="_blank" class="no-style-icon">
1188								            <i class="fab fa-instagram"></i>
1189								        </a>
1190								        <a href="http://t.me/holytrinityukrainianorthodox" target="_blank" class="no-style-icon">
1191								            <i class="fab fa-telegram"></i>
1192								        </a>
1193											
1194				</div> 
1195    
1196    
1197    <!--Navigation menu-->
1198    <nav id="navik_menu" class="navik-menu menu-caret  separate-line   ">
1199      <ul class="">
1200  	
1201 <li class=" current-menu list-group-item-current   submenu-left"><a href="https://uocvancouver.com/watch.html" >Watch</a>
1202
1203 <li class="   submenu-left"><a href="https://uocvancouver.com/give.html" >Give</a>
1204
1205 <li class="   submenu-left"><a href="#" >Media</a>
1206
1207<ul>
1208
1209  <li class="  submenu-left"><a href="https://uocvancouver.com/articles.html" id="navic_subpage_menu_item" >Articles</a>
1210
1211  <li class="  submenu-left"><a href="https://uocvancouver.com/photos.html" id="navic_subpage_menu_item" >Photos</a>
1212
1213  <li class="  submenu-left"><a href="https://uocvancouver.com/podcasts.html" id="navic_subpage_menu_item" >Podcasts</a>
1214
1215  <li class="  submenu-left"><a href="https://uocvancouver.com/readings.html" id="navic_subpage_menu_item" >Readings</a>
1216
1217 </ul>
1218
1219 <li class="   submenu-left submenu-right "><a href="#" >More</a>
1220
1221<ul>
1222
1223  <li class="  submenu-left"><a href="https://uocvancouver.com/calendar.html" id="navic_subpage_menu_item" >Calendar</a>
1224
1225  <li class="  submenu-left"><a href="https://uocvancouver.com/events.html" id="navic_subpage_menu_item" >Events</a>
1226
1227  <li class="  submenu-left"><a href="https://uocvancouver.com/news.html" id="navic_subpage_menu_item" >News</a>
1228
1229  <li class="  submenu-left"><a href="https://uocvancouver.com/contact.html" id="navic_subpage_menu_item" >Contact</a>
1230
1231  <li class="  submenu-left"><a href="https://uocvancouver.com/aboutus.html" id="navic_subpage_menu_item" >About Us</a>
1232
1233  <li class="  submenu-left"><a href="https://uocvancouver.com/ourfaith.html" id="navic_subpage_menu_item" >Our Faith</a>
1234
1235  <li class="  submenu-left"><a href="https://uocvancouver.com/ukrainian-school.html" id="navic_subpage_menu_item" >Ukrainian School</a>
1236
1237 </ul>
1238
1239</li><li>        
1240				<div id="navik_menu_inside_social" class="menu-social-media3">
1241					
1242								        <a href="https://www.facebook.com/ukrainianchurch/" target="_blank" class="no-style-icon">
1243								            <i class="fab fa-facebook-f"></i>
1244								        </a>
1245								        <a href="https://www.youtube.com/@ukrainianchurch" target="_blank" class="no-style-icon">
1246								            <i class="fab fa-youtube"></i>
1247								        </a>
1248								        <a href="http://instagram.com/ukrainianchurch" target="_blank" class="no-style-icon">
1249								            <i class="fab fa-instagram"></i>
1250								        </a>
1251								        <a href="http://t.me/holytrinityukrainianorthodox" target="_blank" class="no-style-icon">
1252								            <i class="fab fa-telegram"></i>
1253								        </a>
1254											
1255				</div> 
1256						  
1257      </ul>
1258		</nav>
1259		
1260		
1261		
1262
1263</div>
1264  </div>
1265</div>
1266<div class="clearfix"></div>
1267</div>
1268</div>
1269</div>
1270<div style="height:auto"></div>	
1271		<div id="headerbarimg_outside" class="headerbarimg-1 row mr-0 ml-0" style="background-position: center center; background-repeat: repeat; " >
1272		<div class="headerbarimg-1 container-fluid row mr-0 ml-0" style="background-color: rgba(255,255,255,0.68);">
1273		<div class="align-self-center container-fluid">
1274		<div class="p-3 PAGE_TITLE_DARK" id="T19_page_title">		
1275		Watch<div id="SM_breadcrumbs_div_headerbar" class="PARAGRAPH_TEXT sm-dark  text-"><a class="sm-dark  text-" href="/"><i class="fas fa-home"></i></a> / <span class="sm-dark  text-">Watch</span></div>		</div>
1276		</div>
1277		</div>
1278		</div>
1279		<div id="T19_content_bgimage" class=" ">
1280<div id="T19_content_bgcolor">
1281<div id="T19_content_image" class=" ">
1282<div id="T19_content_color" class="pl-3 pr-3">
1283
1284
1285	
1286
1287
1288
1289
1290<!------- CONTENT ------->
1291
1292
1293
1294<div id="main_content_container"><div id="main_content_container_inside_div" class=" ">
1295
1296
1297
1298<!------- CONTENT HEADER ------->
1299
1300
1301
1302<div class="PARAGRAPH_TEXT"></div>
1303
1304<div class="clearfix mb-0">
1305
1306</div>
1307
1308<style> #T19_panel_side1_c, #T19_panel_side2_c { 
1309  	width: 100% !important; height:100% !important; 
1310  	} </style><div class="row mr-0 ml-0"><div class="col-lg-8">
1311
1312<div id="SECTION_34_1" class=" mt-0 mb-0  "    data-id="80">
1313
1314
1315<style>
1315.shape_div_SECTION_TITLE_34_1 {  } </style>
1316
1317
1318
1319<style>.shape_container_SECTION_TITLE_34_1:hover .shape_div_SECTION_TITLE_34_1 {  } </style>
1320
1321
1322
1323<style>.shape_container_SECTION_TITLE_34_1:hover {  } </style>
1324
1325
1326
1327<style>.shape_container_SECTION_TITLE_34_1 {  } </style>
1328
1329
1330
1331<div>
1332
1333
1334
1335<div class="shape_container_SECTION_TITLE_34_1">
1336
1337<div id="ROW_34_1" class="  shape_div_SECTION_TITLE_34_1" style="scroll-margin-top: 100px; " >
1338<div id="COL_34_1" class="pt-0 pb-0 pl-2 pr-2 " style="padding-top: 20px !important; ">
1339
1340
1341
1342<!-- SECTION_34_1 -->
1343
1344<div id="SECTION_TITLE_34_1">
1345
1346
1347
1348</div>
1349
1350<div class="SM_clear row PARAGRAPH_TEXT"><div id="carp_item" class="col-12 mb-3"><div class="embed-container" style="padding-bottom:56%;"><iframe src="https://www.youtube.com/embed/RyF2nAkQfKM" allowfullscreen="" frameborder="0" height="" width="100%"></iframe></div>
1351</div><br>
1352</div>
1353
1354<div style="clear:both;"></div>
1355
1356
1357
1358</div></div></div>
1359
1360</div></div></div><div class="col-lg-4"><div id="T19_side_bgimage"><div id="T19_side_bgcolor"><div id="T19_side_c"><div class="h-100 "><div id="T19_panel_side2_c" class=""><div id="T19_panel_side2_image"><div id="T19_panel_side2" class="pl-2 pr-2">
1361
1362<!-- SECTION_12_49_0_1 -->
1363
1364
1365
1366<div id="SECTION_12_49_0_1" class=" pt-0 pb-0 pl-2 pr-2  "    data-parentid="0">
1367
1368
1369<style>.shape_div_SECTION_TITLE_DARK_12_49_0_1 {  } </style>
1370
1371
1372
1373<style>.shape_container_SECTION_TITLE_DARK_12_49_0_1:hover .shape_div_SECTION_TITLE_DARK_12_49_0_1 {  } </style>
1374
1375
1376
1377<style>.shape_container_SECTION_TITLE_DARK_12_49_0_1:hover {  } </style>
1378
1379
1380
1381<style>.shape_container_SECTION_TITLE_DARK_12_49_0_1 {  } </style>
1382
1383
1384
1385<div>
1386
1387
1388
1389<div class="shape_container_SECTION_TITLE_DARK_12_49_0_1">
1390
1391<div id="ROW_12_49_0_1" class=" shape_div_SECTION_TITLE_DARK_12_49_0_1" >
1392<div id="COL_12_49_0_1" style=" padding-top: 20px !important; ">
1393
1394<div class="container  ">
1395
1396<div style="clear:both;">
1397
1398
1399
1400</div>
1401
1402
1403<div id="SM_paragraph_l2_container">
1404
1405<div id="SM_paragraph_l2_img" style="max-width: 500px;">
1406
1407<div id="SM_paragraph_l2_img_1" style="text-align:center;">
1408<img src="https://uocvancouver.com/cache/images/img-paragraph_7_1-500x500.png" width="500" height="500" alt="image" style="float:center; width:100%; height:auto; max-width: 500px; " id="SM_paragraph_l2_i1">
1409</div>
1410
1411</div>
1412
1413<div id="SM_paragraph_l2_txt">
1414<div align="left" class="PARAGRAPH_TEXT_DARK" ><div class="PARAGRAPH_TEXT_DARK" style="text-align: center;">Holy Trinity Ukrainian Orthodox Cathedral<br />154 E10th Ave.&nbsp;Vancouver, BC V5T 1Z4</div>
1415<div class="PARAGRAPH_TEXT_DARK" style="text-align: center;">(604) 876-4747</div>
1416</div>
1417</div>
1418
1419</div>
1420
1421
1422</div></div></div>
1423
1424</div></div></div>
1425
1426<!-- SECTION_12_55_0_3 -->
1427
1428
1429
1430<div id="SECTION_12_55_0_3" class=" pt-0 pb-0 pl-2 pr-2  "    data-parentid="0">
1431
1432
1433<style>.shape_div_SECTION_TITLE_DARK_12_55_0_3 {  } </style>
1434
1435
1436
1437<style>.shape_container_SECTION_TITLE_DARK_12_55_0_3:hover .shape_div_SECTION_TITLE_DARK_12_55_0_3 {  } </style>
1438
1439
1440
1441<style>.shape_container_SECTION_TITLE_DARK_12_55_0_3:hover {  } </style>
1442
1443
1444
1445<style>.shape_container_SECTION_TITLE_DARK_12_55_0_3 {  } </style>
1446
1447
1448
1449<div>
1450
1451
1452
1453<div class="shape_container_SECTION_TITLE_DARK_12_55_0_3">
1454
1455<div id="ROW_12_55_0_3" class=" shape_div_SECTION_TITLE_DARK_12_55_0_3" >
1456<div id="COL_12_55_0_3" style=" padding-top: 20px !important; ">
1457
1458<div class="container  ">
1459
1460<div style="clear:both;">
1461
1462
1463
1464</div>
1465
1466<div class="text-center" ><button class="btn btn-2nd btn-block " style="margin: 0.2rem;" onclick="location.href='/watch';"><i class="fab fa-youtube"></i> <span class="i18n">   <span lang="en">Watch</span>   <span lang="uk">Дивитися</span> </span></button>
1467<button class="btn btn-2nd btn-block " style="margin: 0.2rem;" onclick="location.href='/give';"><i class="fas fa-heartbeat"></i> <span class="i18n">   <span lang="en">Give</span>   <span lang="uk">Пожертвувати</span> </span></button>
1468<button class="btn btn-2nd btn-block " style="margin: 0.2rem;" onclick="location.href='/contact';"><i class="fas fa-map-marker"></i> <span class="i18n">   <span lang="en">Visit</span>   <span lang="uk">Контакти</span> </span></button>
1469<button class="btn btn-2nd btn-block " style="margin: 0.2rem;" onclick="location.href='/about_orthodoxy';"><i class="fas fa-info"></i> <span class="i18n">   <span lang="en">Learn</span>   <span lang="uk">Навчання</span> </span></button>
1470</div>
1471
1472
1473
1474
1475
1476</div></div></div>
1477
1478</div></div></div>
1479
1480<!-- SECTION_12_52_0_4 -->
1481
1482
1483
1484<div id="SECTION_12_52_0_4" class=" pt-0 pb-0 pl-2 pr-2  "    data-parentid="0">
1485
1486
1487<style>
1487.shape_div_SECTION_TITLE_DARK_12_52_0_4 {  } </style>
1488
1489
1490
1491<style>.shape_container_SECTION_TITLE_DARK_12_52_0_4:hover .shape_div_SECTION_TITLE_DARK_12_52_0_4 {  } </style>
1492
1493
1494
1495<style>.shape_container_SECTION_TITLE_DARK_12_52_0_4:hover {  } </style>
1496
1497
1498
1499<style>.shape_container_SECTION_TITLE_DARK_12_52_0_4 {  } </style>
1500
1501
1502
1503<div>
1504
1505
1506
1507<div class="shape_container_SECTION_TITLE_DARK_12_52_0_4">
1508
1509<div id="ROW_12_52_0_4" class=" shape_div_SECTION_TITLE_DARK_12_52_0_4" >
1510<div id="COL_12_52_0_4" style=" padding-top: 20px !important; ">
1511
1512<div class="container  ">
1513
1514<div style="clear:both;">
1515
1516
1517
1518</div>
1519
1520<div class="w-100"><hr class='HR_DARK'></div>
1521
1522</div></div></div>
1523
1524</div></div></div>
1525
1526<!-- SECTION_12_51_0_5 -->
1527
1528
1529
1530<div id="SECTION_12_51_0_5" class=" pt-0 pb-0 pl-2 pr-2  "    data-parentid="0">
1531
1532
1533<style>.shape_div_SECTION_TITLE_DARK_12_51_0_5 {  transition: clip-path 0.5s;  } </style>
1534
1535
1536
1537<style>.shape_container_SECTION_TITLE_DARK_12_51_0_5:hover .shape_div_SECTION_TITLE_DARK_12_51_0_5 {  } </style>
1538
1539
1540
1541<style>.shape_container_SECTION_TITLE_DARK_12_51_0_5:hover {  } </style>
1542
1543
1544
1545<style>.shape_container_SECTION_TITLE_DARK_12_51_0_5 {  transition: clip-path 0.5s;  } </style>
1546
1547
1548
1549<div>
1550
1551
1552
1553<div class="shape_container_SECTION_TITLE_DARK_12_51_0_5">
1554
1555<div id="ROW_12_51_0_5" class=" shape_div_SECTION_TITLE_DARK_12_51_0_5" style="background-position: center top; background-size: cover; border-radius: 0px !important; " >
1556<div id="COL_12_51_0_5" style=" padding-top: 20px !important; padding-bottom: 50px !important; border-radius: 0px !important; ">
1557
1558<div class="container  ">
1559
1560<div style="clear:both;">
1561
1562
1563
1564</div>
1565
1566<ul class="list-unstyled PARAGRAPH_TEXT_DARK"><li class="media mb-2"><p class="calendar-box"><span class="dow">Wed<br></span><span class="dom">30</span><em>Sep</em></p><div class="media-body pt-2">10:00-11:00am <a href="#" class="calendar-popover-trigger" data-toggle="popover" data-ec="v3" data-popover-id="tt_36" tabindex="0">Akathist</a></div></li><li class="media mb-2"><p class="calendar-box"><span class="dow">Thu<br></span><span class="dom">1</span><em>Oct</em></p><div class="media-body pt-2"><a href="#" class="calendar-popover-trigger" data-toggle="popover" data-ec="v3" data-popover-id="tt_24" tabindex="0">Protection of the Theotokos</a></div></li><li class="media mb-2"><p class="calendar-box"><span class="dow">Sat<br></span><span class="dom">3</span><em>Oct</em></p><div class="media-body pt-2">6:00-7:00pm <a href="#" class="calendar-popover-trigger" data-toggle="popover" data-ec="v3" data-popover-id="tt_32" tabindex="0">Vespers</a></div></li><div class="mb-2"><a href="/calendar/2026/09/" target="_blank">Monthly Calendar ></a></div></ul><div class="calendar-tooltips" style="display:none;">
1567<div id="tt_36" class="tooltip-content"><div class="tooltip-inner" style="max-width:280px"><div class="tooltip-image" style="margin-bottom:6px;"><img src="https://images.orthodoxws.com/archive/Calendar/Divine-Service-1.png" style="max-width:100%;height:auto;border-radius:4px;" alt=""></div><div class="tooltip-title" style="font-weight:bold;margin-bottom:6px;">Akathist</div><div class="tooltip-desc" style="font-size:0.92em;line-height:1.35;">A devotional service of praise consisting of hymns sung while standing ("akathist" means "not sitting"). The most famous is the Akathist to the Theotokos, traditionally sung during the fifth Friday of Great Lent. Akathists can honor Christ, the Theotokos, or various saints. These services are deeply moving expressions of Orthodox hymnography and devotion.</div></div></div>
1568<div id="tt_24" class="tooltip-content"><div class="tooltip-inner" style="max-width:280px"><div class="tooltip-image" style="margin-bottom:6px;"><img src="https://images.orthodoxws.com/archive/Icons/Calendar/Protection of the Theotokos.jpg" style="max-width:100%;height:auto;border-radius:4px;" alt=""></div><div class="tooltip-title" style="font-weight:bold;margin-bottom:6px;">Protection of the Theotokos</div><div class="tooltip-desc" style="font-size:0.92em;line-height:1.35;">The commemoration of the Virgin Mary's miraculous appearance in Constantinople, when she spread her veil over the praying Christians to protect them from enemies. Celebrated on October 1st, this feast is especially beloved in Slavic Orthodox churches. It emphasizes the Theotokos's continuing intercession and protection of the faithful.</div></div></div>
1569<div id="tt_32" class="tooltip-content"><div class="tooltip-inner" style="max-width:280px"><div class="tooltip-image" style="margin-bottom:6px;"><img src="https://images.orthodoxws.com/archive/Calendar/Divine-Service-1.png" style="max-width:100%;height:auto;border-radius:4px;" alt=""></div><div class="tooltip-title" style="font-weight:bold;margin-bottom:6px;">Vespers</div><div class="tooltip-desc" style="font-size:0.92em;line-height:1.35;">The evening prayer service of the Orthodox Church, traditionally celebrated at sunset. Vespers includes psalms, hymns, scripture readings, and incense. On Saturday evenings, Great Vespers is often comb
1569ined with the Sunday Divine Liturgy. The service marks the end of the liturgical day and prepares the faithful for rest and reflection.</div></div></div>
1570</div>
1571			        
1572<style>
1573/* show on screen only; hide in print */
1574.screen-only { display:inline-flex; }
1575@media print { .screen-only, .popover { display:none !important; } }
1576
1577/* icon styling (your <i class="news-info-i">) */
1578.news-info-i {
1579  background: transparent !important;
1580  border: 0 !important;
1581  border-radius: 0 !important;
1582  width: auto; height: auto;
1583  padding: 0 !important;
1584  color: #6b7280;            /* optional */
1585}
1586.news-info-i:hover,
1587.news-info-i:focus {
1588  background: transparent !important;
1589  box-shadow: none !important;
1590  color: #111827;            /* optional hover color */
1591}
1592
1593/* OPTIONAL: hide icon on large screens */
1594/*
1595@media (min-width: 992px) { .news-info-i { display:none; } }
1596*/
1597
1598/* ===== POPUP STYLES (scoped) =====
1599   We add class "calendar-tooltip" to the generated popover via the JS template.
1600   Style the popover chrome (white bg) and inner content, and remove link underlines. */
1601.calendar-tooltip {                       /* the popover bubble */
1602  background:#fff !important;
1603  color:#000 !important;
1604  border:1px solid #e5e7eb !important;
1605  box-shadow:0 8px 24px rgba(0,0,0,.12);
1606  max-width:300px;
1607  z-index:99999;
1608}
1609.calendar-tooltip .popover-body{ color:#000 !important; }
1610
1611/* your inner block (you’re rendering a .tooltip-inner inside the popover) */
1612.calendar-tooltip .popover-body .tooltip-inner{
1613  max-width:200px;
1614  padding:.25rem .5rem;
1615  color:#000;
1616  text-align:center;
1617  background:#fff;
1618  border-radius:.25rem;
1619}
1620
1621/* remove underlines and inherit color for ALL links inside the popover */
1622.calendar-tooltip .popover-body a,
1623.calendar-tooltip .popover-body a:link,
1624.calendar-tooltip .popover-body a:visited,
1625.calendar-tooltip .popover-body a:hover,
1626.calendar-tooltip .popover-body a:focus,
1627.calendar-tooltip .popover-body a:active,
1628.calendar-tooltip .popover-body a *{
1629  text-decoration:none !important;
1630  color:inherit !important;
1631}
1632
1633/* (optional) if the whole popover is one link */
1634.calendar-tooltip .popover-body a.calendar-popover-link{ display:block; }
1635
1636/* arrow colors (BS4) */
1637.calendar-tooltip.bs-popover-top    .arrow::before{ border-top-color:#e5e7eb !important; }
1638.calendar-tooltip.bs-popover-top    .arrow::after { border-top-color:#fff     !important; }
1639.calendar-tooltip.bs-popover-bottom .arrow::before{ border-bottom-color:#e5e7eb !important; }
1640.calendar-tooltip.bs-popover-bottom .arrow::after { border-bottom-color:#fff     !important; }
1641.calendar-tooltip.bs-popover-left   .arrow::before{ border-left-color:#e5e7eb !important; }
1642.calendar-tooltip.bs-popover-left   .arrow::after { border-left-color:#fff     !important; }
1643.calendar-tooltip.bs-popover-right  .arrow::before{ border-right-color:#e5e7eb !important; }
1644.calendar-tooltip.bs-popover-right  .arrow::after { border-right-color:#fff     !important; }
1645
1646/* Titles-as-triggers: look like normal text, subtle cue on hover */
1647a.calendar-popover-trigger {
1648  text-decoration: none !important;
1649  color: inherit !important;
1650  border-bottom: 1px dotted transparent;
1651}
1652a.calendar-popover-trigger:hover,
1653a.calendar-popover-trigger:focus {
1654  border-bottom-color: currentColor;
1655}
1656
1657/* Keep popover tidy */
1658.popover.calendar-tooltip { max-width: 320px; }
1659.popover.calendar-tooltip .popover-body a,
1660.popover.calendar-tooltip .popover-body a * {
1661  text-decoration: none !important; color: inherit !important;
1662}
1663
1664a.calendar-popover-trigger { outline: none; }
1665a.calendar-popover-trigger:focus { outline: 2px solid currentColor; outline-offset: 2px; }
1666
1667a.calendar-popover-trigger { position: relative; }
1668a.calendar-popover-trigger::after {
1669  content:''; position:absolute; inset:-4px; /* bigger hitbox */
1670}
1671
1672.popover.calendar-tooltip { z-index: 1085; } /* > modal backdrop (BS4: 1040), < modal (1050) */
1673
1674/* Popover close button */
1675.popover.calendar-tooltip .calendar-popover-close{
1676  position:absolute; top:4px; right:6px;
1677  background:transparent; border:0;
1678  font-size:20px; line-height:1; opacity:.6; cursor:pointer;
1679}
1680.popover.calendar-tooltip .calendar-popover-close:hover{ opacity:1; }
1681
1682
1683/* Footer CTA link */
1684.popover.calendar-tooltip .tooltip-footer { margin-top: 8px; }
1685.popover.calendar-tooltip .tooltip-footer .calendar-popover-more {
1686  text-decoration: none !important;
1687  color: inherit !important;
1688  border-bottom: 1px dotted currentColor;
1689}
1690.popover.calendar-tooltip .tooltip-footer .calendar-popover-more:hover {
1691  border-bottom-style: solid;
1692}
1693
1694/* Keep links inside popover looking clean */
1695.popover.calendar-tooltip .popover-body a,
1696.popover.calendar-tooltip .popover-body a * {
1697  text-decoration: none !important;
1698  color: inherit !important;
1699}
1700
1701/* Override tooltip text alignment */
1702.calendar-tooltip .popover-body .tooltip-inner {
1703  text-align: left !important;
1704}
1705
1706/* But keep images aligned right instead of centered */
1707.calendar-tooltip .popover-body .tooltip-inner .tooltip-image {
1708  text-align: right !important;
1709  margin: 0 8px 8px 8px; /* small space between image and text */
1710  float: right;
1711  width: 100px;
1712}
1713.calendar-tooltip .popover-body .tooltip-inner .tooltip-image img {
1714  display: block;
1715  margin: 0;
1716  width: 100px;
1717  height: auto;
1718}
1719
1720
1721</style>
1722
1723<script>
1724jQuery(function($){
1725  var $triggers = $('i.news-info-i[data-toggle="popover"], a.calendar-popover-trigger[data-toggle="popover"]');
1726
1727  // Reset and init
1728  $triggers.tooltip('dispose').popover('dispose');
1729
1730  $triggers.popover({
1731    html: true,
1732    container: 'body',
1733    placement: 'auto',
1734    trigger: 'click',
1735    sanitize: false,
1736
1737    // ? Add a close (×) button to the template
1738    template:
1739      '<div class="popover calendar-tooltip" role="tooltip">' +
1740        '<button type="button" class="close calendar-popover-close" aria-label="Close">' +
1741          '<span aria-hidden="true">&times;</span>' +
1742        '</button>' +
1743        '<div class="arrow"></div>' +
1744        '<div class="popover-body"></div>' +
1745      '</div>',
1746
1747    // ? Do NOT wrap the whole body in a link; just return the hidden HTML
1748    // The PHP already adds a "More information >" link inside the content.
1749		content: function(){
1750		  var sel = $(this).attr('data-popover-content') || (function(){
1751		    var id = $(this).attr('data-popover-id');
1752		    return id ? ('#' + id) : '';
1753		  }).call(this);
1754		  
1755		  var href = $(this).attr('data-popover-href') || '';
1756		  var ext  = $(this).data('external') ? ' target="_blank" rel="noopener"' : '';
1757		  var $src = sel ? $(sel) : $();
1758		  var html = $src.length ? $src.html() : '';
1759		  
1760		  if (href) {
1761		    var escHref = $('<div>').text(href).html();
1762		    return '<a class="calendar-popover-link" href="'+escHref+'"' + ext + '>' + html + '</a>';
1763		  }
1764		  return html;
1765		}
1766  });
1767
1768  // Only one open at a time
1769  $triggers.on('show.bs.popover', function(){ $triggers.not(this).popover('hide'); });
1770
1771  // ? Close on outside click/touch (more reliable using mousedown/touchstart)
1772  $(document).off('.calendarPopover')
1773    .on('mousedown.calendarPopover touchstart.calendarPopover', function(e){
1774      if (!$(e.target).closest('.popover, .calendar-popover-trigger, .news-info-i').length) {
1775        $triggers.popover('hide');
1776      }
1777    });
1778
1779  // ? Close button click
1780  $(document).off('click.calendarPopoverClose')
1781    .on('click.calendarPopoverClose', '.calendar-popover-close', function(){
1782      $triggers.popover('hide');
1783    });
1784
1785  // Prevent nav on normal left-click; allow Ctrl/?/middle-click
1786  $(document).off('click.ecTitlePop')
1787    .on('click.ecTitlePop', 'a.calendar-popover-trigger', function(e){
1788      if (e.metaKey || e.ctrlKey || e.button === 1) return;
1789      e.preventDefault();
1790    });
1791
1792  // Keyboard a11y
1793  $(document).off('.calPopKeys')
1794    .on('keydown.calPopKeys', 'a.calendar-popover-trigger', function(e){
1795      if (e.key === ' ' || e.key === 'Enter') { e.preventDefault(); $(this).trigger('click'); }
1796    })
1797    .on('keydown.calPopKeys', function(e){
1798      if (e.key === 'Escape') { $triggers.popover('hide'); }
1799    });
1800
1801  // ARIA expanded
1802  $(document).off('.calAria')
1803    .on('shown.bs.popover.calAria', 'a.calendar-popover-trigger', function(){ $(this).attr('aria-expanded', 'true'); })
1804    .on('hidden.bs.popover.calAria', 'a.calendar-popover-trigger', function(){ $(this).attr('aria-expanded', 'false'); });
1805});
1806</script>
1806
1807
1808<script>
1809jQuery(function($){
1810  var rootSel = '.events-calendar-0';
1811  var trigSel = 'i.news-info-i, a.calendar-popover-trigger';
1812
1813  function popoverOptions($t){
1814    return {
1815      html: true,
1816      container: 'body',
1817      placement: 'auto',
1818      trigger: 'manual',         // we toggle manually
1819      sanitize: false,
1820      template:
1821        '<div class="popover calendar-tooltip" role="tooltip">' +
1822          '<div class="arrow"></div><div class="popover-body"></div>' +
1823        '</div>',
1824      content: function(){
1825        var sel = $t.attr('data-popover-content') || (function(){
1826				  var id = $t.attr('data-popover-id');
1827				  return id ? ('#' + id) : '';
1828				})();
1829        var href = $t.attr('data-popover-href') || '';
1830        var ext  = $t.data('external') ? ' target="_blank" rel="noopener"' : '';
1831        var $src = sel ? $(sel) : $();
1832        var html = $src.length ? $src.html() : '';
1833        if (href) {
1834          var escHref = $('<div>').text(href).html();
1835          return '<a class="calendar-popover-link" href="'+escHref+'"' + ext + '>' + html + '</a>';
1836        }
1837        return html;
1838      }
1839    };
1840  }
1841
1842  // On-demand init + toggle (delegated so it survives AJAX)
1843  $(document)
1844    .off('click.calPop0')
1845    .on('click.calPop0', rootSel + ' ' + trigSel, function(e){
1846      // allow Cmd/Ctrl/middle-click to open link normally
1847      if (this.tagName === 'A' && (e.metaKey || e.ctrlKey || e.button === 1)) return;
1848      e.preventDefault(); e.stopPropagation();
1849
1850      var $t = $(this);
1851      if (!$t.data('bs.popover')) {
1852        $t.popover(popoverOptions($t));
1853      }
1854      // one open at a time
1855      $(rootSel + ' ' + trigSel).not(this).popover('hide');
1856      $t.popover('toggle');
1857    });
1858
1859  // Close on outside click and ESC
1860  $(document)
1861    .off('mousedown.calPopOut0')
1862    .on('mousedown.calPopOut0', function(ev){
1863      if (!$(ev.target).closest('.popover,' + rootSel + ' ' + trigSel).length) {
1864        $(rootSel + ' ' + trigSel).popover('hide');
1865      }
1866    })
1867    .off('keydown.calPopEsc0')
1868    .on('keydown.calPopEsc0', function(ev){
1869      if (ev.key === 'Escape') $(rootSel + ' ' + trigSel).popover('hide');
1870    });
1871
1872  // Hide before nav/view changes & picker actions
1873  $(document).on('click.calPopNav0',
1874    rootSel+' .ec-nav-controls .btn,'+
1875    rootSel+' .ec-view-selector a,'+
1876    rootSel+' .ec-title-picker,'+
1877    '#ec-popper-0 .ecp-day,'+
1878    '#ec-popper-0 .ecp-month',
1879    function(){ $(rootSel + ' ' + trigSel).popover('hide'); }
1880  );
1881});
1882
1883jQuery(function($){
1884  var root  = '.events-calendar-0';
1885  var popSel = '.popover.calendar-tooltip';
1886
1887  function hideCalPopovers(){
1888    // Hide any initialized triggers in this calendar section
1889    $(root+' [data-toggle="popover"]').popover('hide');
1890    // And remove any orphaned popover DOM the body is holding onto
1891    $(popSel).remove();
1892  }
1893
1894  // 1) Close when switching views (List / Month / Day),
1895  //    using chevrons, clicking the title (opens picker),
1896  //    or choosing a day/month inside the picker.
1897  $(document)
1898    .off('click.ecHideNav0')
1899    .on('click.ecHideNav0',
1900        [
1901          root+' .ec-view-selector a',      // List / Month / Day tabs
1902          root+' .ec-nav-controls .btn',    // chevrons / Today
1903          root+' .ec-title-picker',         // title button (opens picker)
1904          '#ec-popper-0 .ecp-day',   // day pick
1905          '#ec-popper-0 .ecp-month'  // month pick
1906        ].join(','),
1907        function(){ hideCalPopovers(); }
1908    );
1909
1910  // 2) Also close when any link that changes ec_view/ec_date is clicked
1911  //    (belt-and-suspenders—helps if you have other calendar links elsewhere)
1912  $(document)
1913    .off('click.ecHideLinks0')
1914    .on('click.ecHideLinks0','a[href*="ec_view="],a[href*="ec_date="]', function(){
1915      hideCalPopovers();
1916    });
1917
1918  // 3) If you use the AJAX helper ecGoTo, wrap it so we hide before swapping
1919  if (typeof window.ecGoTo === 'function'){
1920    var _ecGoTo = window.ecGoTo;
1921    window.ecGoTo = function(sectionId, view, ymd, search){
1922      if (sectionId === 0) hideCalPopovers();
1923      return _ecGoTo.apply(this, arguments);
1924    };
1925  }
1926
1927  // 4) Safety: also hide on any AJAX content swap end you might fire
1928  //    (call window.dispatchEvent(new Event('ec:content:swapped')) after you update .ec-content)
1929  $(window).off('ec.content.swapped0')
1930           .on('ec:content:swapped', function(){ hideCalPopovers(); });
1931});
1932</script>
1932
1933 
1934
1935
1936</div></div></div>
1937
1938</div></div></div></div></div></div>
1939
1940</div></div></div></div></div></div></div></div>
1941
1942
1943
1944
1945
1946<!------- FOOTER ------->
1947
1948
1949
1950
1951
1952
1953
1954
1955
1956
1957
1958
1959
1960
1961
1962</div></div></div></div>
1963
1964
1965
1966
1967<!------- SIDE PANELS ------->
1968
1969
1970			 		
1971
1972
1973
1974
1975
1976<!------- MIDDLE PANELS ------->
1977
1978
1979			 		
1980
1981
1982
1983
1984
1985<!------- LOWER PANELS ------->
1986
1987			 		
1988
1989
1990
1991
1992
1993
1994
1995
1996<!------- BOTTOM PANELS ------->
1997
1998			 		
1999
2000
2001<div id="T19_bottom_bgimage"><div id="T19_bottom_bgcolor"><div id="T19_bottom_c" class="  T19_row-eq-height">
2002	
2003<div id="T19_panel_bottom1_c" class=""><div id="T19_panel_bottom1_image"><div id="T19_panel_bottom1" class="pl-2 pr-2">
2004
2005<!-- SECTION_21_36_0_1 -->
2006
2007
2008
2009<div id="SECTION_21_36_0_1" class=" pt-0 pb-0 pl-2 pr-2  "    data-parentid="0">
2010
2011
2012<style>.shape_div_SECTION_TITLE_LIGHT_21_36_0_1 {  } </style>
2013
2014
2015
2016<style>.shape_container_SECTION_TITLE_LIGHT_21_36_0_1:hover .shape_div_SECTION_TITLE_LIGHT_21_36_0_1 {  } </style>
2017
2018
2019
2020<style>.shape_container_SECTION_TITLE_LIGHT_21_36_0_1:hover {  } </style>
2021
2022
2023
2024<style>.shape_container_SECTION_TITLE_LIGHT_21_36_0_1 {  } </style>
2025
2026
2027
2028<div>
2029
2030
2031
2032<div class="shape_container_SECTION_TITLE_LIGHT_21_36_0_1">
2033
2034<div id="ROW_21_36_0_1" class=" shape_div_SECTION_TITLE_LIGHT_21_36_0_1" >
2035<div id="COL_21_36_0_1" style=" padding-top: 20px !important; ">
2036
2037<div class="container  ">
2038
2039<div style="clear:both;">
2040
2041
2042
2043</div>
2044
2045
2046<div id="SM_paragraph_l1_container">
2047
2048<div id="SM_paragraph_l1_txt">
2049<div align="left" class="PARAGRAPH_TEXT_LIGHT" ><div class="i18n">
2050<p lang="en">Holy Trinity Ukrainian Orthodox Cathedral<br /><a href="/contact.html">Contact</a></p>
2051<p lang="uk">Український Православний Собор Святої Трійці<br /><a href="/contact.html">Контакти</a></p>
2052</div>
2053</div>
2054</div>
2055
2056</div>
2057
2058
2059</div></div></div>
2060
2061</div></div></div></div></div></div>
2062
2063<div id="T19_panel_bottom2_c" class=""><div id="T19_panel_bottom2_image"><div id="T19_panel_bottom2" class="pl-2 pr-2">
2064
2065<!-- SECTION_22_35_0_1 -->
2066
2067
2068
2069<div id="SECTION_22_35_0_1" class=" pt-0 pb-0 pl-2 pr-2  "    data-parentid="0">
2070
2071
2072<style>.shape_div_SECTION_TITLE_LIGHT_22_35_0_1 {  } </style>
2073
2074
2075
2076<style>.shape_container_SECTION_TITLE_LIGHT_22_35_0_1:hover .shape_div_SECTION_TITLE_LIGHT_22_35_0_1 {  } </style>
2077
2078
2079
2080<style>.shape_container_SECTION_TITLE_LIGHT_22_35_0_1:hover {  } </style>
2081
2082
2083
2084<style>.shape_container_SECTION_TITLE_LIGHT_22_35_0_1 {  } </style>
2085
2086
2087
2088<div>
2089
2090
2091
2092<div class="shape_container_SECTION_TITLE_LIGHT_22_35_0_1">
2093
2094<div id="ROW_22_35_0_1" class=" shape_div_SECTION_TITLE_LIGHT_22_35_0_1" >
2095<div id="COL_22_35_0_1" style=" padding-top: 20px !important; ">
2096
2097<div class="container  ">
2098
2099<div style="clear:both;">
2100
2101
2102
2103</div>
2104
2105
2106<style>
2107
2108.socicons-35 {
2109
2110  text-align: center;
2111  vertical-align: middle;
2112  text-decoration: none;
2113  font-size: 40px;
2114  line-height: 64px;
2115  width: 64px;
2116  height: 64px;  
2117  text-decoration: none;
2118
2119  color: #ffffff;
2120
2121  background: #333333;
2122
2123}
2124
2125.socicons-35:hover {
2126    opacity: 0.7;
2127}
2128
2129</style>
2130
2131<div><a style="margin: 2px; font-size: 40px;" href="https://www.facebook.com/ukrainianchurch/" target="_blank" class="no-style-icon"><i class="socicons-35  fa-fw fab fa-facebook-f "></i></a> <a style="margin: 2px; font-size: 40px;" href="https://www.youtube.com/@ukrainianchurch" target="_blank" class="no-style-icon"><i class="socicons-35  fa-fw fab fa-youtube "></i></a> <a style="margin: 2px; font-size: 40px;" href="http://instagram.com/ukrainianchurch" target="_blank" class="no-style-icon"><i class="socicons-35  fa-fw fab fa-instagram "></i></a> <a style="margin: 2px; font-size: 40px;" href="http://t.me/holytrinityukrainianorthodox" target="_blank" class="no-style-icon"><i class="socicons-35  fa-fw fab fa-telegram "></i></a> </div>
2132
2133
2134</div></div></div>
2135
2136</div></div></div></div></div></div>
2137
2138
2139</div><div id="T19_panel_bottom_c" class=""><div id="T19_panel_bottom_image"><div id="T19_panel_bottom" class="pl-2 pr-2">
2140<div id="T19_footer_links_c">
2141	<div id="T19_footer_pbows" class="CAPTION_TEXT_LIGHT pt-3">Powered by <a class='PARAGRAPH_TEXT_LIGHT_LINK' href="http://orthodoxws.com" target="new">Orthodox Web Solutions</a></div>
2142	<div id="T19_footer_links" class="CAPTION_TEXT_LIGHT pt-3"><a class='PARAGRAPH_TEXT_LIGHT_LINK' href="https://uocvancouver.com/">Home</a> | <a class='PARAGRAPH_TEXT_LIGHT_LINK' href="javascript:history.back()">Back</a>  | <a class='PARAGRAPH_TEXT_LIGHT_LINK' href="#TOP">Top</a></div>
2143</div></div></div></div>
2144
2145</div></div>
2146
2147
2148
2149</div>
2150
2151<script>
2152$(document).ready(function(){
2153
2154 
2155});
2156
2157</script>
2157	
2158</div>
2159
2160
2161
2162
2163
2164
2165
2166
2167
2168	<a  id="back-to-the-top" class="back-to-the-top bttt-positionLeft bttt-default " data-animation="easeInOutQuart" data-speed="1500" data-offset="150"><i class="fas fa-chevron-up" style="line-height: 48px;"></i></a>
2169	
2169<script src="/public/scripts/scroll-to-top/scripts/bttt.min.js" type="text/javascript"></script>
2169	
2170	<link rel="stylesheet" type="text/css" href="/public/scripts/scroll-to-top/css/bttt.black.css">
2171		<style>
2172	.back-to-the-top { background: #000000; color: #ffffff !important; }
2173	.back-to-the-top:hover, .back-to-the-top:visited, .back-to-the-top:focus { color: #ffffff !important; }
2174	.back-to-the-top.bttt-border { border: 2px solid #000000 !important; background: #fff !important; color: #000000 !important; }
2175	.back-to-the-top.bttt-border:after { border: 1px solid #000000 !important; }
2176	</style>
2177	
2178
2179
2180<script type="text/javascript" language="javascript" ><!--
2181
2182$(document).ready(function() { 
2183	
2184toastr.options = {
2185  "closeButton": false,
2186  "debug": false,
2187  "newestOnTop": false,
2188  "progressBar": true,
2189  "positionClass": "toast-bottom-right",
2190  "preventDuplicates": false,
2191  "onclick": null,
2192  "showDuration": "300",
2193  "hideDuration": "1000",
2194  "timeOut": "5000",
2195  "extendedTimeOut": "1000",
2196  "showEasing": "swing",
2197  "hideEasing": "linear",
2198  "showMethod": "fadeIn",
2199  "hideMethod": "fadeOut"
2200}
2201
2202	
2203	
2204
2205} );
2206
2207
2208
2209//--></script>
2209 
2210
2211                        
2212
2213                        <div id="sm-callout" class="hidden d-none callout-bordered mt-1">
2214                            <div class="media">
2215                                <div id="sm-callout-icon-bg" class="media-left media-middle px-2">
2216                                    <i id="sm-callout-icon" class=""></i>
2217                                </div>
2218                                <div class="media-body p-1">
2219                                    <strong id="sm-callout-title"></strong>
2220                                    <p id="sm-callout-message"></p>
2221                                </div>
2222                            </div>
2223                        </div>
2224                        
2225                          
2226
2227
2228
2229
2230
2231
2232
2233
2234</body>
2235
2236</html>
2237
2238
2239

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.