@charset "utf-8"; /* CSS Document */ :root { --logo-half: 125px; } /* Standard resets and settings */ @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; src: url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.woff") format("woff") } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: normal; src: url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.woff") format("woff") } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; src: url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.woff") format("woff") } :root { --icon-font: 'Font Awesome 5 Free'; --brand-font: 'Font Awesome 5 Brands'; } * { margin: 0px; padding: 0px; font-weight: normal; font-style: normal; /* -webkit-backface-visibility: hidden;*/ outline: none; /* -webkit-appearance: none; */ color: var(--tertiary-color); } *, *:before, *:after { box-sizing: border-box; } html { max-width: 100%; } body { width: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; } a { white-space: nowrap; } .social a span, a.sd-button span { font-size: 0px; opacity: 0; } container { display: block; margin: auto; width: 100%; } a[href^="tel:"] { color: inherit; } body.allowtel a[href^="tel:"] { pointer-events: auto; } article ul, main ul { padding-left: 25px; list-style-type: disc; } article ol, main ol { padding-left: 25px; } article strong, article b, p strong, p b, main b, main strong { font-weight: 900; font-style: inherit; } article em, article i, p em, p i, main em, main i { font-style: italic; font-weight: 300; font-weight: inherit; } article h1, main h1, .h1 { font-size: 134px; font-weight: 900; line-height: 1.5; } article h2, main h2, .h2 { font-size: 30px; font-weight: 900; line-height: 1.5; } article h3, main h3, .h3 { font-size: 20px; font-weight: 900; line-height: 1.5; } article p, main p { font-size: 18px; font-weight: 900; line-height: 1.5; } main , .blocks, div container, #page-head container, #page-foot container { margin: 0px auto; } main container:after, div container:after, #page-head container:after, .equal-heights:after, .centerbox:after, .listed:after, .halves:after, .row:after, main > div:after, .blocks:after, #page-foot container:after { content:""; display: block; clear: both; float: none; width: 0px; height: 0px; } .align-center { margin-left: auto!important; margin-right: auto!important; display: block; max-width: 100%; } .align-right { margin-left: 1em; float: right; padding: 3px; } .align-left { margin-right: 1em; float: left; padding: 3px; } article article, container container { display: block!important; width: auto!important; } .left { float: left!important; } .right { float: right!important; } article img { max-width: 100%; } article .wp-block-video video { max-width: 100%; } /* Details Settings */ details, summary, details.closed > summary, details.open > summary { display: block; } details.closed > * { display: none; } details.closed > summary:before { display: inline-block; content: "+"; padding: 0; margin-right: 5px; } details.open > summary:before { display: inline-block; content: "-"; padding: 0; margin-right: 5px; } /* Tree Menu Settings */ ul.tree li:before { content: " "; display: inline-block; width: 20px; height: 20px; font-family: var(--icon-font); } ul.tree .collapsed:before { content:"/f0fe"; display: inline-block; width: 20px; height: 20px; font-family: var(--icon-font); margin-left: -23px; } ul.tree .expanded:before { content:"/f146"; display: inline-block; width: 20px; height: 20px; font-family: var(--icon-font); margin-left: -23px; } /* Pagination */ .pagination { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: center; align-items: center; margin: 25px 0px; clear: both; } .pagination a { text-decoration: none; margin: 0px 0px; display: inline-block; } /* Nav Menu Settings */ .toggle { font-size: 0px; } #toggle, .toggle { display: none; } .mobileonly { display: none!important; } .tabletonly { display: none!important; } nav ul, .social, #tree, #tree li { list-style-type: none; display: inline-block; } nav ul li, .social li { display: inline-block; position: relative; font-size: 0px; } #nav #main .menu-item-has-children ul { position: absolute; display: block; z-index: 1; max-height: 0; overflow: hidden; transition: all 0.8s; overflow: hidden; background: #333; left: 0px; top: 100%; } #nav #main .menu-item-has-children ul li, #nav #main .menu-item-has-children ul li a { display: block; } #nav #main .menu-item-has-children:hover > ul, #nav #main .menu-item-has-children:active > ul, #nav #main .menu-item-has-children > ul.expand { max-height: 100vh; overflow: visible; display: block; } #nav.addtoggle #main .menu-item-has-children span.toggler { display: inline-block; } #nav.addtoggle #main .menu-item-has-children span.toggler:before { font-family: var(--icon-font); content: "\f0fe"; font-size: 16px; font-weight: 400; } #nav.addtoggle #main .menu-item-has-children span.toggler.active:before { content: "\f146" } /* Base Template Settings */ body { background: transparent; font-size: 100%; } #page-head container, #page-foot container, div container { width: 100%; } .cta, input[type=submit], .frm_button_submit, .wp-block-button__link, button { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } a.btn { padding: 10px 20px; } a.btn.Red, a.btn.Purple, a.btn.Pink, a.btn.Blue, a.btn.Dark-Blue { color: white; } /* Header Settings */ #page-head { transition: all .5s ease-in; } #page-head.navfixed { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 1; animation: stickyheader .5s; transition: all .5s; } #page-head container .logo > * { max-height: 100%; margin-top: -22px; } #page-head container #nav { display: inline-block; } #page-head container #nav #main li { height: auto; } #page-head container #nav #main a { text-decoration: none; margin: 0px; display: inline-block; } #page-head container #nav #main .current-menu-item a, #page-head container #nav #main .active a, #page-head container #nav #main a:hover { opacity: 1; } @keyframes stickyheader { 0% { transform: translateY(-100%); } 100%{ transform: translateY(0%); } } /* Header Settings with center logo */ #page-head.center-logo container { position: relative; transform-style: preserve-3d; } #page-head.center-logo container .logo { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } #page-head.center-logo container #nav { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-content: center; align-items: center; position: relative; z-index: 1; height: 100%; } #page-head.center-logo container #nav #main { width: 100%; text-align: center; } /* Code for toggle menu on desktop */ #page-head.toggle-menu container { position: relative; } #page-head.toggle-menu container #nav { position: absolute; margin-top: 0px; text-align: right; top: 0%; left: 0%; transform: none; } #page-head.toggle-menu container #nav { display: block!important; width: 100%; height: 0px; overflow: hidden; transition: height 0.8s; position: absolute; z-index: 2; width: auto; top: 100%; right: 0px; width: 100%; overflow-y: hidden; background: #333; text-align: center; } #page-head.toggle-menu container #nav #main, #page-head.toggle-menu container #nav #main li { display: block!important; height: auto!important; } #page-head.toggle-menu container #nav #main li a { padding: 20px; display: block; margin: 0px!important; } #page-head.toggle-menu container #nav #main .menu-item-has-children ul { display: block!important; max-height: 0px; position: static; } #page-head.toggle-menu container #nav #main .menu-item-has-children ul li { display: block; } #page-head.toggle-menu container #nav #main .menu-item-has-children ul li a { } #page-head.toggle-menu container #nav #main .menu-item-has-children ul.expand { display: block!important; position: static; max-height: 100vh } #page-head.toggle-menu container .toggle { width: 30px; height: 30px; display: inline-block; text-decoration: none; z-index: 3; position: absolute; top: 50%; right: 0px; text-align: left; transform: translateY(-50%); transition: .5s ease-in-out; cursor: pointer; } #page-head.toggle-menu container .toggle:before, #page-head.toggle-menu container .toggle:after, #page-head.toggle-menu container .toggle em:before, #page-head.toggle-menu container .toggle em:after { display: block; position: absolute; height: 3px; width: 100%; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out; content: " "; border-radius: 15px; } #page-head.toggle-menu container .toggle:before { top: 0px; } #page-head.toggle-menu container .toggle em:before, #page-head.toggle-menu container .toggle em:after { top: 50%; } #page-head.toggle-menu container .toggle:after { top: 100%; } #page-head.toggle-menu container #toggle:checked ~ .toggle:before { top: 14px; width: 0%; left: 50%; } #page-head.toggle-menu container #toggle:checked ~ .toggle em:before { transform: rotate(45deg); } #page-head.toggle-menu container #toggle:checked ~ .toggle em:after { transform: rotate(-45deg); } #page-head.toggle-menu container #toggle:checked ~ .toggle:after { top: 14px; width: 0%; left: 50%; } #page-head.toggle-menu container #toggle:checked ~ #nav { display: block!important; height: 100vh; } /* Masonry Settings */ .blocks li { display: inline-block; } /* Columns Settings */ .twocol { column-count: 2; } .threecol { column-count: 3; } .fourcol { column-count: 4; } .twocol hr, .threecol hr, .fourcol hr { column-break-before: always; visibility: hidden; width: 100%; clear: both; height: 0px; padding: 0px; margin: 0px; } /* Box Settings */ .box-1-1, .box-2-2, .box-3-3, .box-4-4-, .box-5-5, .box-6-6, .box-7-7, .box-8-8, .box-9-9, .box-10-10, .box-11-11, .box-12-12 { width: 100%; } .box-1-2, .box-2-4, .box-3-6, .box-4-8, .box-5-10, .box-6-12 { width: 50%; } .box-1-3, .box-2-6, .box-4-12 { width: calc( 100% / 3 ); } .box-2-3, .box-4-6, .box-8-12 { width: calc( 200% / 3 ); } .box-1-4, .box-2-8, .box-3-12 { width: 25%; } .box-3-4, .box-6-8, .box-9-12 { width: 75%; } .box-1-5, .box-2-10 { width: 20%; } .box-2-5, .box-4-10 { width: 40%; } .box-3-5, .box-6-10 { width: 60% } .box-4-5, .box-8-10 { width: 80% } .box-1-6, .box-2-12 { width: calc( 100% / 6 ); } .box-5-6, .box-10-12 { width: calc( 500% / 6 ); } .box-1-7 { width: calc( 100% / 7 ); } .box-2-7 { width: calc( 200% / 7 ); } .box-3-7 { width: calc( 300% / 7 ); } .box-4-7 { width: calc( 400% / 7 ); } .box-5-7 { width: calc( 500% / 7 ); } .box-6-7 { width: calc( 600% / 7 ); } .box-1-8 { width: 12.5%; } .box-3-8 { width: 37.5%; } .box-5-8 { width: 62.5%; } .box-7-8 { width: 87.5%; } .box-1-9 { width: calc( 100% / 9 ); } .box-2-9 { width: calc( 200% / 9 ); } .box-3-9 { width: calc( 300% / 9 ); } .box-4-9 { width: calc( 400% / 9 ); } .box-5-9 { width: calc( 500% / 9 ); } .box-6-9 { width: calc( 600% / 9 ); } .box-7-9 { width: calc( 700% / 9 ); } .box-8-9 { width: calc( 800% / 9 ); } .box-1-10 { width: 10%; } .box-3-10 { width: 30%; } .box-7-10 { width: 70%; } .box-9-10 { width: 90%; } .box-1-11 { width: calc( 100% / 11 ); } .box-2-11 { width: calc( 200% / 11 ); } .box-3-11 { width: calc( 300% / 11 ); } .box-4-11 { width: calc( 400% / 11 ); } .box-5-11 { width: calc( 500% / 11 ); } .box-6-11 { width: calc( 600% / 11 ); } .box-7-11 { width: calc( 700% / 11 ); } .box-8-11 { width: calc( 800% / 11 ); } .box-9-11 { width: calc( 900% / 11 ); } .box-10-11 { width: calc( 1000% / 11 ); } .box-1-12 { width: calc( 100% / 12 ); } .box-5-12 { width: calc( 500% / 12 ); } .box-7-12 { width: calc( 700% / 12 ); } .box-11-12 { width: calc( 1100% / 12 ); } [class^="box-"], [class*=" box-"] { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; align-items: flex-start; height: 100%; } /* Halves Settings */ .halves { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; align-items: stretch; } .halves > .half { width: 50%; display: flex; height: auto; } .halves > .half > container { width: 100%; display: flex; height: 100%; } .halves > .half:first-child > container { justify-content: flex-end; } .halves > .half:last-child > container { justify-content: flex-start; } /* Formidable */ fieldset { border: none; text-align: left; } main fieldset button.frm_button_submit.frm_final_submit { background: var(--tertiary-color); color: white; } main fieldset button, main fieldset a { background: var(--footer-color); color: var(--tertiary-color); padding: 5px 20px; margin: 5px; display: inline-block; border: none; font-family: var(--primary-font); font-size:16px; width: auto; } main fieldset h3, main fieldset .frm_small_text, main fieldset label { color: var(--footer-color); margin: 5px; } main fieldset .frm_verify label { font-size: 0; } main fieldset .frm_upload_text { display: none; } .frm_fields_container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; align-items: stretch; } .frm_form_field { width: 100%;} .frm_form_field select, .frm_form_field textarea, .frm_form_field input { width: calc(100% - 10px); margin: 5px; } .frm6, .frm_half { width: 50%; } .frm4, .frm_third { width: calc( 100% / 3 ); } .frm_two_thirds { width: calc( 200% / 3 ); } .frm3, .frm_fourth { width: 25%; } .frm_three_fourths { width: 75%; } .frm_sixth { width: calc( 100% / 6 ); } .frm10 { width: calc( calc( 100% / 6 ) * 5 ); } .frm12, .frm_full { width: 100%; } .frm_form_field input:focus::-webkit-input-placeholder { color: transparent; } .frm_form_field input:focus:-moz-placeholder { color: transparent; } .frm_form_field input:focus::-moz-placeholder { color: transparent; } .frm_form_field input:focus:-ms-input-placeholder { color: transparent; } .frm_form_field input[type=checkbox] { display: inline-block; width: 16px; height: 16px; border: none; position: relative; -webkit-appearance: none; appearance: none; } .frm_form_field input[type=checkbox]:checked:before { display: inline-block; content: ""; position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; background: #000; } .frm_form_field input[type=radio] { display: inline-block; width: 16px; height: 16px; border: none; position: relative; -webkit-appearance: none; appearance: none; border-radius: 50%; } .frm_form_field input[type=radio]:checked:before { display: inline-block; content: ""; position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; background: #000; border-radius: 50%; } .frm_form_field input[type=text], .frm_form_field input[type=number], .frm_form_field input[type=email], .frm_form_field input[type=tel] { display: block; height: 40px; padding-left: 10px; border: none; border-radius: 0px; -webkit-appearance: none; appearance: none; } .frm_form_field textarea { display: block; height: 80px; padding-left: 10px; padding-top: 8px; border: none; border-radius: 0px; -webkit-appearance: none; appearance: none; } .frm_form_field select { display: block; height: 40px; padding-left: 10px; border: none; border-radius: 0px; -webkit-appearance: none; appearance: none; } div.drop_down { position: relative; } div.drop_down:after { content: url(/wp-content/uploads/fun/dropdown.svg); position: absolute; right: 27px; bottom: 8px; transform: scale(.8); } .frm_form_field .frm_repeat_sec { display: flex; flex-wrap: wrap; } /* Listed Row */ .listed { font-size: 0px; letter-spacing: 0px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; clear: both; width: 100%; } .listed li { display: inline-block; font-size: 12px; letter-spacing: normal; width: 100% } .listed li:nth-last-child(n+2), .listed li:nth-last-child(n+2) ~ li { width: 50%; } .listed li:nth-last-child(n+3), .listed li:nth-last-child(n+3) ~ li { width: calc( 100% / 3 ); } .listed li:nth-last-child(n+4), .listed li:nth-last-child(n+4) ~ li { width: 25%; } .listed li:nth-last-child(n+5), .listed li:nth-last-child(n+5) ~ li { width: 20%; } .listed li:nth-last-child(n+6), .listed li:nth-last-child(n+6) ~ li { width: calc( 100% / 6 ); } .listed li:nth-last-child(n+7), .listed li:nth-last-child(n+7) ~ li { width: calc( 100% / 7 ); } .listed li:nth-last-child(n+8), .listed li:nth-last-child(n+8) ~ li { width: 12.5%; } .listed li:nth-last-child(n+9), .listed li:nth-last-child(n+9) ~ li { width: calc( 100% / 9 ); } .listed li:nth-last-child(n+10), .listed li:nth-last-child(n+10) ~ li { width: 10%; } .listed li:nth-last-child(n+11), .listed li:nth-last-child(n+11) ~ li { width: calc( 100% / 11 ); } .listed li:nth-last-child(n+12), .listed li:nth-last-child(n+12) ~ li { width: calc( 100% / 12 ); } li::marker { color: var(--primary-color); } ul li::marker { font-size: 2em; } /* Alignment and Flexbox awesomeness */ .equal-heights { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; align-items: stretch; } .equal-heights div, .equal-heights aside, .equal-heights article { height: auto; } [class^="flex-"], [class*=" flex-"] { display: flex; flex-direction: row; flex-wrap: nowrap; } [class^="flex-"].column, [class*=" flex-"].column, .column { flex-direction: column; } [class^="flex-"].m-column, [class*=" flex-"].m-column, .m-column { flex-direction: row; } [class^="flex-"].wrap, [class*=" flex-"].wrap { flex-wrap: wrap; } [class^="flex-"].inline, [class*=" flex-"].inline { display: inline-flex; } [class^="flex-top-"], [class*=" flex-top-"] { align-items: flex-start; } [class^="flex-middle-"], [class*=" flex-middle-"] { align-items: center; } [class^="flex-bottom-"], [class*=" flex-bottom-"] { align-items: flex-end; } [class^="flex-stretch-"], [class*=" flex-stretch-"] { align-items: stretch; } .flex-top-left, .flex-middle-left, .flex-bottom-left { justify-content: flex-start; } .flex-top-center, .flex-middle-center, .flex-bottom-center { justify-content: center; } .flex-top-right, .flex-middle-right, .flex-bottom-right { justify-content: flex-end; } .flex-top-justify, .flex-middle-justify, .flex-bottom-justify { justify-content: space-between; } container[class^="flex-"]:after, container[class*=" flex-"]:after, container[class^="flex-"]:after, container[class*=" flex-"]:after { display: none!important; } /* Screen Height Classes */ .full-height { min-height: 100vh; } .half-height { min-height: 50vh; } /* Background Image Block Settings */ .bg { position: relative; overflow: hidden; } .bg container { position: relative; z-index: 0; } .bg picture.desktopbg, .bg picture.mobilebg { position: absolute; z-index: -1; width: 100%; height: 100%; top: 0px; left: 0px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: stretch; align-items: center; } .bg picture.mobilebg { display: none; object-fit: cover; } .bg picture img { position: relative; z-index: 0; display: flex; object-fit: cover; min-width: 100%; min-height: 100%; } .ie11 .bg picture img { position: absolute; min-width 100%; min-height: 100%; width: auto; height: auto; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } /* Video Container and Video Background */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vid-bg { position: relative; width: 100%; overflow: hidden; z-index: 0; top: 0px; left: 0px; } .vid-bg video { position: absolute; bottom: 50%; right: 50%; transform: translateX(50%) translateY(50%); -webkit-transform: translateX(50%) translateY(50%); object-fit: cover; } .ie11 .vid-bg video { position: absolute; min-width 100%; min-height: 100%; width: auto; height: auto; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } /* Alternating Setting */ .alternating { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: stretch; align-items: center; } .alternating > * { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: center; align-items: stretch; } .alternating > *:nth-child(odd) > *:nth-child(odd), .alternating > *:nth-child(even) > *:nth-child(even) { order: 1; } .alternating > *:nth-child(even) > *:nth-child(odd), .alternating > *:nth-child(odd) > *:nth-child(even) { order: 2; } /* Content Settings */ main img { max-width: 100%; width: auto; height: auto; } /* Footer Settings */ #page-foot { } #page-foot .social { display: inline-block; padding-right: 20px; } #page-foot small { margin: 0px; } #page-foot .produced-by h2 { padding-right:50px; } /* Social Settings */ .social li { width: auto; margin: 0px 25px 0px 0px; } .social li a { text-decoration: none; display: inline-block; font-family: 'Font Awesome 5 Brands'; font-weight: normal; font-size: 20px; text-align: left; -webkit-font-smoothing: antialiased!important; line-height: 1; } .social.round li a { border-radius: 50%; width: 20px; height: 20px; display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: stretch; } .social.bgcolor li a { color: #FFF; } .social a:before { filter: none; position: relative; background: transparent; } .social a:hover:before { position: relative;} .social .fb a:before { content: "\f39e"; } /* .social .tw a:before { content: "\f099"; } */ .social .tw a:before { content: url("data:image/svg+xml,%3Csvg id='layer1' xmlns='http://www.w3.org/2000/svg' width='27.237' height='25.492' viewBox='0 0 27.237 25.492'%3E%3Cpath id='path1009' d='M484.006,356.79l10.516,14.06L483.94,382.282h2.382l9.265-10.009,7.485,10.009h8.1l-11.108-14.851,9.85-10.641h-2.382L499,366.008l-6.894-9.218Zm3.5,1.754h3.723l16.442,21.984H503.95Z' transform='translate(-483.94 -356.79)' fill='%231B365D'/%3E%3C/svg%3E%0A"); } .social .gp a:before { content: "\f0d5"; } .social .yt a:before { content: "\f167"; } .social .in a:before { content: "\f0e1"; } .social .vi a:before { content: "\f27d"; } .social .tu a:before { content: "\f173"; } .social .ig a:before { content: "\f16d"; -webkit-text-stroke: 0px; color: var(--tertiary-color); } .social .pi a:before { content: "\f231"; } .social .gh a:before { content: "\f09b"; } .social .dr a:before { content: "\f17d"; } .social .ye a:before { content: "\f1e9"; } .social.icon .fb a:before { content: "\f082"; } /* .social.icon .tw a:before { content: "\f081"; } */ .social.icon .tw a:before { content: url("data:image/svg+xml,%3Csvg id='layer1' xmlns='http://www.w3.org/2000/svg' width='27.237' height='25.492' viewBox='0 0 27.237 25.492'%3E%3Cpath id='path1009' d='M484.006,356.79l10.516,14.06L483.94,382.282h2.382l9.265-10.009,7.485,10.009h8.1l-11.108-14.851,9.85-10.641h-2.382L499,366.008l-6.894-9.218Zm3.5,1.754h3.723l16.442,21.984H503.95Z' transform='translate(-483.94 -356.79)' fill='%231B365D'/%3E%3C/svg%3E%0A"); } .social.icon .gp a:before { content: "\f0d4"; } .social.icon .yt a:before { content: "\f166"; } .social.icon .in a:before { content: "\f08c"; } .social.icon .vi a:before { content: "\f194"; } .social.icon .tu a:before { content: "\f174"; } .social.bgcolor .fb a { background: #3b5998 } .social.bgcolor .tw a { background: #00aced } .social.bgcolor .gp a { background: #dd4b39 } .social.bgcolor .yt a { background: #bb0000 } .social.bgcolor .in a { background: #007bb6 } .social.bgcolor .vi a { background: #aad450 } .social.bgcolor .tu a { background: #32506d } .social.bgcolor .ig a { background: #517fa4 } .social.bgcolor .pi a { background: #cb2027 } .social.color .fb a { color: #3b5998 } .social.color .tw a { color: #00aced } .social.color .gp a { color: #dd4b39 } .social.color .yt a { color: #bb0000 } .social.color .in a { color: #007bb6 } .social.color .vi a { color: #aad450 } .social.color .tu a { color: #32506d } .social.color .ig a { color: #517fa4 } .social.color .pi a { color: #cb2027 } @media handheld, only screen and (max-width: 1180px) { article h1, main h1, .h1 { font-size: 115px; line-height: 1.5; } } @media handheld, only screen and (max-width: 1023px) { .tabletonly { display: block!important; } .desktoponly { display: none; } #page-head container { position: relative; } #page-head container #nav { width: 100%; height: 0px; overflow: hidden; transition: height 0.8s; position: absolute; z-index: 2; width: auto; top: 100%; right: 0px; overflow-y: hidden; } #page-head container #nav #main { text-align: right; display: block!important; } #page-head container #nav #main, #page-head container #nav #main li { display: flex!important; flex-direction: column; align-items: flex-end; height: auto!important; } #page-head container #nav #main li a { padding: 20px; display: block; margin: 0px!important; } #page-head container #nav #main .menu-item-has-children ul { display: inline-block!important; background: white; border-radius: 10px; } #page-head container #nav #main .menu-item-has-children ul li { display: block; } #page-head container #nav #main .menu-item-has-children ul li a #page-head container #nav #main .menu-item-has-children ul li a:hover { padding-right: 5px; } #page-head container #nav #main .menu-item-has-children ul.expand { display: block!important; position: static; } #page-head container .toggle { width: 30px; height: 30px; display: inline-block; text-decoration: none; z-index: 3; text-align: left; top: 50%; right: calc(25vw - 67.5px); transform: translateY(-50%); transition: .5s ease-in-out; cursor: pointer; position: absolute; } #page-head container .toggle:before, #page-head container .toggle:after, #page-head container .toggle em:before, #page-head container .toggle em:after { display: block; position: absolute; height: 3px; width: 100%; background: var(--tertiary-color); opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out; content: " "; border-radius: 15px; } #page-head container .toggle:before { top: 0px; } #page-head container .toggle em:before, #page-head container .toggle em:after { top: 50%; } #page-head container .toggle:after { top: 100%; } #page-head container #toggle:checked ~ .toggle:before { top: 14px; width: 0%; left: 50%; } #page-head container #toggle:checked ~ .toggle em:before { transform: rotate(45deg); } #page-head container #toggle:checked ~ .toggle em:after { transform: rotate(-45deg); } #page-head container #toggle:checked ~ .toggle:after { top: 14px; width: 0%; left: 50%; } #page-head container #toggle:checked ~ #nav { height: calc(100vh - var(--header-height)); overflow: auto!important; width: 100%; } article h1, main h1, .h1 { font-size: 85px; line-height: 1.5; } /* Box Settings */ [class*=" box-"] { width: 100%; float: none!important } } @media handheld, only screen and (max-width: 766px) { #page-head container, #page-foot container, div container, .halves > .half, .bricks { width: 100%; } article, .listed li, [class^="box-"], [class*=" box-"] { width: 100%; float: none!important } [class^="flex-"].m-column, [class*=" flex-"].m-column, .m-column { flex-direction: column; } .m-half { float: left!important; width: 50%!important; } .m-third { float: left!important; width: calc( 100% / 3 )!important; } .bg img.mobilebg, .bg > picture.mobilebg, .mobileonly, .rpw, .justified { display: block!important; } .notmobile { display: none!important; } .no-margin { margin: 0; } .twocol, .threecol, .fourcol { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; } .twocol hr, .threecol hr, .fourcol hr { -webkit-column-break-before: initial; -moz-column-break-before: initial; column-break-before: initial; visibility: hidden; } .alternating > *:nth-child(odd) > *:nth-child(odd), .alternating > *:nth-child(even) > *:nth-child(odd){ order: 1; -webkit-order: 1; } .alternating > *:nth-child(even) > *:nth-child(even), .alternating > *:nth-child(odd) > *:nth-child(even){ order: 2; -webkit-order: 2; } /* Mobile Menu styles */ #page-head { height: 50px; } #page-head container { padding-left: 0px; padding-right: 0px; position: relative; } #page-head container .logo { max-height: 100%; } #page-head.center-logo container #nav { position: absolute; margin-top: 0px; text-align: right; top: 100%; transform: none; -webkit-transform: none; display: block; } #page-head container #nav { display: block!important; width: 100%; height: 0px; overflow: hidden; transition: height 0.8s; position: absolute; z-index: 2; width: auto; top: 100%; right: 0px; width: 100%; overflow-y: hidden; } #page-head container #nav #main { text-align: right; display: block!important; } #page-head container #nav #main, #page-head container #nav #main li { display: flex!important; flex-direction: column; align-items: flex-end; height: auto!important; } #page-head container #nav #main li a { padding: 20px; display: block; margin: 0px!important; } #page-head container #nav #main .menu-item-has-children ul { display: inline-block!important; position: relative; } #page-head container #nav #main .menu-item-has-children ul li { display: block; } #page-head container #nav #main .menu-item-has-children ul li a, #page-head container #nav #main .menu-item-has-children ul li a:hover { padding-right: 5px; } #page-head container #nav #main .menu-item-has-children ul.expand { display: block!important; position: static; max-height: 50vh; } #page-head container .toggle { width: 30px; height: 30px; position: absolute; top: 50%; right: calc(25vw - 67.5px); display: inline-block; color: #fff; text-decoration: none; z-index: 3; text-align: left; transform: translateY(-50%); transition: .5s ease-in-out; cursor: pointer; margin: 0px; } #page-head container .toggle:before, #page-head container .toggle:after, #page-head container .toggle em:before, #page-head container .toggle em:after { display: block; position: absolute; height: 3px; width: 100%; background: var(--tertiary-color); opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out; content: " "; border-radius: 15px; } #page-head container .toggle:before { top: 0px; } #page-head container .toggle em:before, #page-head container .toggle em:after { top: 50%; } #page-head container .toggle:after { top: 100%; } #page-head container #toggle:checked ~ .toggle:before { top: 14px; width: 0%; left: 50%; } #page-head container #toggle:checked ~ .toggle em:before { transform: rotate(45deg); } #page-head container #toggle:checked ~ .toggle em:after { transform: rotate(-45deg); } #page-head container #toggle:checked ~ .toggle:after { top: 14px; width: 0%; left: 50%; } #page-head container #toggle:checked ~ #nav { display: block!important; height: calc(100vh - var(--header-height)); overflow: auto!important; width: 100%; } article h1, main h1, .h1 { font-size: 41px; line-height: 1.5; } article h2, main h2, .h2 { font-size: 21px; line-height: 1.5; } article h3, main h3, .h3 { font-size: 18px; line-height: 1.5; } article p, main p { font-size: 14px; line-height: 1.5; } main table thead { display: none; } main table tr { border: none; width: 100%; display: block; margin-top: 10px; margin-bottom: 10px; } main table tr td:first-child { font-weight: bold; font-size: larger; } main table tr td:first-child:before { display: none; } main table tr td { border: none; } main table tr td:before { content: attr(data-head); display: block; font-weight: bold; font-size: large; } .frm3, .frm4, .frm6, .frm10, .frm12, .frm_half, .frm_third, .frm_two_thirds, .frm_fourth, .frm_three_fourths, .frm_sixth, .frm10, .frm_full { width: 100%; } .m-flex-justify { justify-content: space-between; } .m-column { flex-direction: column; } /* Footer Settings */ #page-foot .social { padding-right: 0; padding-left: 0; } #page-foot .social li { width: auto; margin: 0px 5px 0px 5px; } #page-foot .produced-by h2 { padding-right: 0px; } #page-foot small { margin: 50px 0; } } @media handheld, only screen and (max-width: 500px) { .max500only { display: none!important; } } /*! * Splide.js * Version : 4.1.2 * License : MIT * Copyright: 2022 Naotoshi Fujita */ .splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{/*overflow:hidden;*/position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0} /* A simple jQuery modal (http://github.com/kylefox/jquery-modal) Version 0.9.2 */ .blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:999999;background-color:rgba(0,0,0,.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;width:90%;background:#fff;text-align:left}.modal a.close-modal{position:absolute;top:15px;right:15px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==)}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{animation-delay:-1.1s}.modal-spinner .rect3{animation-delay:-1s}.modal-spinner .rect4{animation-delay:-.9s}@keyframes sk-stretchdelay{0%,100%,40%{transform:scaleY(.5)}20%{transform:scaleY(1)}};