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. 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 (youre 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">×</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-suspendershelps 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.