@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: 400; 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") } * { margin: 0px; padding: 0px; font-weight: normal; font-style: normal; outline: none; -webkit-appearance: none; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { max-width: 100%; } body { width: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .social a span, a.sd-button span, .logo span { margin-left: -3000px; font-size: 0px; } article p { } 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 { font-size: 20px; font-weight: 900; line-height: 1.5; } article h2, main h2 { font-size: 18px; font-weight: 900; line-height: 1.5; } main section, div section, #page-head hgroup, #page-foot section { margin: 0px auto; display: block; } main section:after, div section:after, #page-head hgroup:after, .equal-heights:after, .centerbox:after, .listed:after, .halves:after, .row:after, .boxcontainer:after, #page-foot section: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, section section { display: block!important; width: auto!important; } .slidein { opacity: 0; } .left { float: left!important; } .right { float: right!important; } article img { max-width: 100%; } article .wp-block-video video { max-width: 100%; } /* Typekit FOUT Fix */ /* .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading li, .wf-loading p, .wf-loading a { visibility: hidden; } .wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active li, .wf-active p, .wf-active a { visibility: visible; } */ /* 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; font-size: 18px; } details.open > summary:before { display: inline-block; content: "-"; padding: 0; margin-right: 5px; font-size: 18px; } details .details-inner { display: none; } details[open] .details-inner { display: block; } /* Tree Menu Settings */ #tree li:before { content: " "; display: inline-block; width: 20px; height: 20px; font-size: 20px; font-family: 'Font Awesome 5 Free'; } #tree .collapsed:before { content:"/f0fe"; display: inline-block; width: 20px; height: 20px; font-size: 20px; font-family: 'Font Awesome 5 Free'; margin-left: -23px; } #tree .expanded:before { content:"/f146"; display: inline-block; width: 20px; height: 20px; font-size: 20px; font-family: 'Font Awesome 5 Free'; margin-left: -23px; } /* Pagination */ .pagination { display: block; text-align: center; margin: 25px 0px; clear: both; } .pagination a { color: #000; text-decoration: none; margin: 0px 0px; display: inline-block; } .pagination a:first-child { margin-left: 0px; float: left; } .pagination a:last-child { margin-right: 0px; float: right; } /* Nav Menu Settings */ .toggle { font-size: 0px; } #toggle, .toggle, .mobileonly { display: none; } 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; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; width: 100%; overflow: hidden; background: #333; left: 0px; top: 100%; } #nav #main .menu-item-has-children ul li { display: block; } #nav #main .menu-item-has-children ul li a { display: block; } #nav.smartmobile #main .menu-item-has-children:hover > ul, #nav.autoclose #main .menu-item-has-children:hover > ul, #nav.default #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: none; display: block; } #nav.addtoggle #main .menu-item-has-children span.toggle { display: inline-block; } #nav.addtoggle #main .menu-item-has-children span.toggle:before { font-family: 'Font Awesome 5 Free'; content: "\f0fe"; font-size: 16px; margin-left: 15px; color: #FFF; font-weight: 400; } #nav.addtoggle #main .menu-item-has-children span.toggle.active:before { content: "\f146" } /* Base Template Settings */ body { background: #fff; font-family: "Lato", arial, helvetica, sans-serif; font-size: 100%; } #page-head hgroup, #page-foot section, div section { width: 100%; max-width: 1180px; } /* Base Width is Set Here */ .cta, input[type=submit], button { display: inline-block; padding: 10px 12px; background: #323232; color: #FFF; text-decoration:none; -webkit-appearance: none; -moz-appearance: none; } /* Header Settings */ #page-head { background: #323232; transition: all .5s ease-in; } #page-head.navfixed { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 1; transition: all .5s ease-in; } #page-head hgroup .logo { width: 150px; height: 100px; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: contain; } #page-head hgroup .logo span #page-head hgroup .logo:hover { opacity: 1; } #page-head hgroup #nav { display: inline-block; height: 100%; } #page-head hgroup #nav #main { height: 100%; } #page-head hgroup #nav #main li { height: auto; } #page-head hgroup #nav #main a { color: #FFF; text-decoration: none; margin: 0px; display: inline-block; } #page-head hgroup #nav #main .current-menu-item a, #page-head hgroup #nav #main .active a, #page-head hgroup #nav #main a:hover { color: #FEFEFE; opacity: 1; } /* This is the Hover/Active state for the menu item */ /* Header Settings with center logo */ #page-head.center-logo hgroup { position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } #page-head.center-logo hgroup .logo { margin: auto; float: none; display: block; position: relative; z-index: 2; } #page-head.center-logo hgroup #nav { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; width: 100%; z-index: 1; } #page-head.center-logo hgroup #nav #main { width: 100%; text-align: center; } /* Special Code for Menu centering */ #page-head.center-logo hgroup #nav #main li:nth-last-child(n+2) ~ li:nth-child(1), #page-head.center-logo hgroup #nav #main li:nth-last-child(n+4) ~ li:nth-child(2), #page-head.center-logo hgroup #nav #main li:nth-last-child(n+6) ~ li:nth-child(3), #page-head.center-logo hgroup #nav #main li:nth-last-child(n+8) ~ li:nth-child(4), #page-head.center-logo hgroup #nav #main li:nth-last-child(n+10) ~ li:nth-child(5) { margin-right: var(--logo-half); } #page-head.center-logo hgroup #nav #main li:nth-last-child(n+2) ~ li:nth-child(1), #page-head.center-logo hgroup #nav #main li:nth-last-child(n+4) ~ li:nth-child(3), #page-head.center-logo hgroup #nav #main li:nth-last-child(n+6) ~ li:nth-child(4), #page-head.center-logo hgroup #nav #main li:nth-last-child(n+8) ~ li:nth-child(5), #page-head.center-logo hgroup #nav #main li:nth-last-child(n+10) ~ li:nth-child(6) { margin-left: var(--logo-half); } #page-head.center-logo hgroup #nav #main li:nth-last-child(n+6) ~ li:nth-child(2) { margin-right: 0px; } #page-head.center-logo hgroup #nav #main li:nth-last-child(n+8) ~ li:nth-child(3) { margin-right: 0px; } #page-head.center-logo hgroup #nav #main li:nth-last-child(n+10) ~ li:nth-child(4) { margin-right: 0px; } #page-head.center-logo hgroup #nav #main li:nth-last-child(n+6) ~ li:nth-child(3) { margin-left: 0px; } #page-head.center-logo hgroup #nav #main li:nth-last-child(n+8) ~ li:nth-child(4) { margin-left: 0px; } #page-head.center-logo hgroup #nav #main li:nth-last-child(n+10) ~ li:nth-child(5) { margin-left: 0px; } /* Code for toggle menu on desktop */ #page-head.toggle-menu hgroup #nav { position: absolute; margin-top: 0px; text-align: right; top: 0%; left: 0%; transform: none; -webkit-transform: none; } #page-head.toggle-menu hgroup #nav { display: block!important; width: 100%; height: 0px; overflow: hidden; -webkit-transition: height 0.8s; -moz-transition: height 0.8s; 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 hgroup #nav #main, #page-head.toggle-menu hgroup #nav #main li { display: block!important; height: auto!important; } #page-head.toggle-menu hgroup #nav #main li a { padding: 20px; display: block; margin: 0px!important; } #page-head.toggle-menu hgroup #nav #main .menu-item-has-children ul { display: none!important; } #page-head.toggle-menu hgroup #nav #main .menu-item-has-children ul li { display: block; } #page-head.toggle-menu hgroup #nav #main .menu-item-has-children ul li a { padding-right: 40px; } #page-head.toggle-menu hgroup #nav #main .menu-item-has-children ul.expand { display: block!important; position: static; } #page-head.toggle-menu hgroup .toggle { width: 35px; height: 30px; float: right; display: inline-block; color: #fff; text-decoration: none; z-index: 3; text-align: left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin: 8px 15px 0px 0px; } #page-head.toggle-menu hgroup .toggle:before, #page-head.toggle-menu hgroup .toggle:after, #page-head.toggle-menu hgroup .toggle span:before, #page-head.toggle-menu hgroup .toggle span:after { display: block; position: absolute; height: 3px; width: 100%; background: #FFF; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; content: " "; border-radius: 15px; } #page-head.toggle-menu hgroup .toggle:before { top: 0px; } #page-head.toggle-menu hgroup .toggle span:before, #page-head.toggle-menu hgroup .toggle span:after { top: 50%; } #page-head.toggle-menu hgroup .toggle:after { top: 100%; } #page-head.toggle-menu hgroup #toggle:checked ~ .toggle:before { top: 14px; width: 0%; left: 50%; } #page-head.toggle-menu hgroup #toggle:checked ~ .toggle span:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #page-head.toggle-menu hgroup #toggle:checked ~ .toggle span:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #page-head.toggle-menu hgroup #toggle:checked ~ .toggle:after { top: 14px; width: 0%; left: 50%; } #page-head.toggle-menu hgroup #toggle:checked ~ #nav { display: block!important; height: 100vh; } /* Header Image Settings */ #header-image, #header-image ul.bxslider li { height: 400px; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #5c5c5c; text-align: center } .bx-wrapper .bx-controls-direction a { opacity: 0; transition: opacity .5s ease-in } .bx-wrapper .bx-controls-direction a:hover { opacity: 1; } /* Background Image Block Settings */ .bg { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; } .bg section { position: relative; z-index: 0; } .bg img.desktopbg { position: absolute; z-index: -2; bottom: 50%; right: 50%; transform: translateX(50%) translateY(50%); -webkit-transform: translateX(50%) translateY(50%); min-width: 100%; min-height: 100%; width: auto; height: auto; display: block; max-width: initial; } .bg img.mobilebg { position: absolute; z-index: -1; bottom: 50%; right: 50%; transform: translateX(50%) translateY(50%); -webkit-transform: translateX(50%) translateY(50%); min-width: 100%; min-height: 100%; width: auto; height: auto; display: none; } /* Masonry Settings */ .blocks { display: block; clear: both; } .blocks li { display: inline-block; } /* Columns Settings */ .twocol { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; } .threecol { column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; } .fourcol { column-count: 4; -webkit-column-count: 4; -moz-column-count: 4; } .twocol hr, .threecol hr, .fourcol hr { -webkit-column-break-before: always; -moz-column-break-before: always; column-break-before: always; visibility: hidden; } /* Box Settings */ .boxcontainer { width: 100%; display: block; } .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-"] { float: left; display: block; } .centerbox { text-align: center; font-size: 0px; letter-spacing: 0px; } .centerbox [class^="box-"], .centerbox [class*=" box-"] { float: none; display: inline-block; } /* Halves Settings */ .halves { 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; } .halves > .half { width: 50%; display: block; float: left; } .halves > .half > section { width: 100%; display: block; } .halves > .half:first-child > section { float: right; } .halves > .half:last-child > section { float: left; } /* 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 ); } /* Alignment and Flexbox awesomeness */ .flex-center, .flex-left, .flex-right, .equal-heights, .justified, .justified-edges, .vert-center, .vert-bottom, .vert-top { display: -webkit-flexbox; display: -ms-flexbox; display: -webkit-flex; display: flex; } .vert-top { -webkit-flex-align: flex-start; -ms-flex-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; } .vert-center { -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .vert-bottom { -webkit-flex-align: flex-end; -ms-flex-align: flex-end; -webkit-align-items: flex-end; align-items: flex-end; } .equal-heights { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .justified { -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .justified-edges { -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .justified li, .justified-edges li { display: inline-block; list-style-type: none; } /* New Flexbox classes, old classes kept for the time being for compatability */ [class^="flex-"], [class*=" flex-"] { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } [class^="flex-"].column, [class*=" flex-"].column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } [class^="flex-"].wrap, [class*=" flex-"].wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } [class^="flex-"].inline, [class*=" flex-"].inline { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; } [class^="flex-top-"], [class*=" flex-top-"] { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } [class^="flex-middle-"], [class*=" flex-middle-"] { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } [class^="flex-bottom-"], [class*=" flex-bottom-"] { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } [class^="flex-stretch-"], [class*=" flex-stretch-"] { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .flex-top-left, .flex-middle-left, .flex-bottom-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .flex-top-center, .flex-middle-center, .flex-bottom-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .flex-top-right, .flex-middle-right, .flex-bottom-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .flex-top-justify, .flex-middle-justify, .flex-bottom-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-star } section[class^="flex-"]:after, section[class*=" flex-"]:after { display: none; } .full-height { min-height: 100vh; } .half-height { min-height: 50vh; } /* Video Container and Video Background */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vid-bg { position: absolute; 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%); min-width: 100%; min-height: 100%; width: auto; height: auto; overflow: hidden; } /* Alternating Setting */ .alternating > *:nth-child(odd) > *:nth-child(odd), .alternating > *:nth-child(even) > *:nth-child(even) { order: 1; -webkit-order: 1; } .alternating > *:nth-child(even) > *:nth-child(odd), .alternating > *:nth-child(odd) > *:nth-child(even) { order: 2; -webkit-order: 2; } /* Content Settings */ #content main img { max-width: 100%; } /* Footer Settings */ #page-foot { } #page-foot .social, #page-foot address { display: inline-block; } #page-foot cite { margin: 0px; } /* Social Settings */ .social li { width: auto; margin: 0px 5px 0px 0px; } .social .header { display: block; } .social a { width: 20px; height: 20px; text-decoration: none; display: inline-block; font-family: 'Font Awesome 5 Brands'; font-weight: normal; font-size: 20px; color: #fff; text-align: left; -webkit-font-smoothing: antialiased!important; line-height: 1; } .social.round a { border-radius: 50%; } .social .fb a:before { content: "\f39e"; } .social .tw a:before { content: "\f099"; } .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"; } .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 .gp a:before { content: "\f0d4"; } .social.icon .yt a:before { content: "\f167"; } .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-color: #3b5998 } .social.bgcolor .tw a { background-color: #00aced } .social.bgcolor .gp a { background-color: #dd4b39 } .social.bgcolor .yt a { background-color: #bb0000 } .social.bgcolor .in a { background-color: #007bb6 } .social.bgcolor .vi a { background-color: #aad450 } .social.bgcolor .tu a { background-color: #32506d } .social.bgcolor .ig a { background-color: #517fa4 } .social.bgcolor .pi a { background-color: #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: 1023px) { #page-head hgroup #nav { display: block!important; width: 100%; height: 0px; overflow: hidden; -webkit-transition: height 0.8s; -moz-transition: height 0.8s; transition: height 0.8s; position: absolute; z-index: 2; width: auto; top: 100%; right: 0px; width: 100%; overflow-y: hidden; background: #333; } #page-head hgroup #nav #main { text-align: right; display: block!important; } #page-head hgroup #nav #main, #page-head hgroup #nav #main li { display: block!important; height: auto!important; } #page-head hgroup #nav #main li a { padding: 20px; display: block; margin: 0px!important; } #page-head hgroup #nav #main .menu-item-has-children ul { display: block!important; } #page-head hgroup #nav #main .menu-item-has-children ul li { display: block; } #page-head hgroup #nav #main .menu-item-has-children ul li a { padding-right: 40px; } #page-head hgroup #nav #main .menu-item-has-children ul.expand { display: block!important; position: static; } #page-head hgroup .toggle { width: 35px; height: 30px; float: right; display: inline-block; color: #fff; text-decoration: none; z-index: 3; text-align: left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin: 8px 15px 0px 0px; } #page-head hgroup .toggle:before, #page-head hgroup .toggle:after, #page-head hgroup .toggle span:before, #page-head hgroup .toggle span:after { display: block; position: absolute; height: 3px; width: 100%; background: #FFF; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; content: " "; border-radius: 15px; } #page-head hgroup .toggle:before { top: 0px; } #page-head hgroup .toggle span:before, #page-head hgroup .toggle span:after { top: 50%; } #page-head hgroup .toggle:after { top: 100%; } #page-head hgroup #toggle:checked ~ .toggle:before { top: 14px; width: 0%; left: 50%; } #page-head hgroup #toggle:checked ~ .toggle span:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #page-head hgroup #toggle:checked ~ .toggle span:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #page-head hgroup #toggle:checked ~ .toggle:after { top: 14px; width: 0%; left: 50%; } #page-head hgroup #toggle:checked ~ #nav { display: block!important; height: 100vh; overflow: auto!important; } } @media handheld, only screen and (max-width: 766px) { #page-head hgroup, #page-foot section, div section, .halves > .half, .bricks { width: 100%; padding: 0px 15px; } article, .listed li, [class^="box-"], [class*=" box-"] { width: 100%!important; padding: 0px 0px; float: none!important } .left, .right { float: none!important } .m-single { float: none!important; width: 100%!important; } .m-half { float: left!important; width: 50%!important; } .m-third { float: left!important; width: calc( 100% / 3 )!important; } .bg img.mobilebg, .mobileonly, .rpw, .justified { display: block!important; } .twocol, .threecol, .fourcol { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; } .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.center-logo hgroup .logo { margin: 0px; } #page-head hgroup { padding-left: 0px; padding-right: 0px; } #page-head hgroup .logo { height: 50px; background-size: contain; display: inline-block!important; } #page-head.center-logo hgroup #nav #main li:nth-last-child(n+2) ~ li:nth-child(1), #page-head.center-logo hgroup #nav #main li:nth-last-child(n+4) ~ li:nth-child(2), #page-head.center-logo hgroup #nav #main li:nth-last-child(n+6) ~ li:nth-child(3), #page-head.center-logo hgroup #nav #main li:nth-last-child(n+8) ~ li:nth-child(4), #page-head.center-logo hgroup #nav #main li:nth-last-child(n+10) ~ li:nth-child(5) { margin-right: 0px; } #page-head.center-logo hgroup #nav #main li:nth-last-child(n+2) ~ li:nth-child(1), #page-head.center-logo hgroup #nav #main li:nth-last-child(n+4) ~ li:nth-child(3), #page-head.center-logo hgroup #nav #main li:nth-last-child(n+6) ~ li:nth-child(4), #page-head.center-logo hgroup #nav #main li:nth-last-child(n+8) ~ li:nth-child(5), #page-head.center-logo hgroup #nav #main li:nth-last-child(n+10) ~ li:nth-child(6) { margin-left: 0px; } #page-head.center-logo hgroup #nav { position: absolute; margin-top: 0px; text-align: right; top: 100%; transform: none; -webkit-transform: none; } #page-head hgroup #nav { display: block!important; width: 100%; height: 0px; overflow: hidden; -webkit-transition: height 0.8s; -moz-transition: height 0.8s; transition: height 0.8s; position: absolute; z-index: 2; width: auto; top: 100%; right: 0px; width: 100%; overflow-y: hidden; background: #333; } #page-head hgroup #nav #main { text-align: right; display: block!important; } #page-head hgroup #nav #main, #page-head hgroup #nav #main li { display: block!important; height: auto!important; } #page-head hgroup #nav #main li a { padding: 20px; display: block; margin: 0px!important; } #page-head hgroup #nav.smartmobile #main > li:hover > ul { max-height: 0px!important; } #page-head hgroup #nav.smartmobile #main .menu-item-has-children ul.expand{ max-height: 100vh!important; } #page-head hgroup #nav #main .menu-item-has-children ul { display: block!important; max-height: 0; position: relative; } #page-head hgroup #nav #main .menu-item-has-children ul li { display: block; } #page-head hgroup #nav #main .menu-item-has-children ul li a { padding-right: 40px; } #page-head hgroup #nav #main .menu-item-has-children ul.expand { display: block!important; position: static; max-height: 100vh; } #page-head hgroup .toggle { width: 35px; height: 30px; float: right; display: inline-block; color: #fff; text-decoration: none; z-index: 3; text-align: left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin: 8px 15px 0px 0px; } #page-head hgroup .toggle:before, #page-head hgroup .toggle:after, #page-head hgroup .toggle span:before, #page-head hgroup .toggle span:after { display: block; position: absolute; height: 3px; width: 100%; background: #FFF; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; content: " "; border-radius: 15px; } #page-head hgroup .toggle:before { top: 0px; } #page-head hgroup .toggle span:before, #page-head hgroup .toggle span:after { top: 50%; } #page-head hgroup .toggle:after { top: 100%; } #page-head hgroup #toggle:checked ~ .toggle:before { top: 14px; width: 0%; left: 50%; } #page-head hgroup #toggle:checked ~ .toggle span:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #page-head hgroup #toggle:checked ~ .toggle span:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #page-head hgroup #toggle:checked ~ .toggle:after { top: 14px; width: 0%; left: 50%; } #page-head hgroup #toggle:checked ~ #nav { display: block!important; height: 100vh; overflow: auto!important; } .bg img.desktopbg { max-width: auto; } article table thead { display: none; } article table tr { border-width: 1px; border-style: solid; width: 100%; display: block; margin-top: 10px; margin-bottom: 10px; } article table tr td:first-child { font-weight: bold; font-size: larger; } article table tr td:first-child:before { display: none; } article table tr td { border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; width: 100%; display: block; } article table tr td:before { content: attr(data-head); display: block; font-weight: bold; font-size: large; } details table thead { display: none; } details table tr { border-width: 1px; border-style: solid; width: 100%; display: block; margin-top: 10px; margin-bottom: 10px; } details table tr td:first-child { font-weight: bold; font-size: larger; } details table tr td:first-child:before { display: none; } details table tr td { border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; width: 100%; display: block; } details table tr td:before { content: attr(data-head); display: block; font-weight: bold; font-size: large; } } .bx-wrapper{position:relative;margin-bottom:0;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;background:0 0}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;vertical-align:bottom}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:10px}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px} .blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;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;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}