:root { --font-default: roboto, arial, sans-serif; --yellow-color: #FFE83C; --menu-text-color: #fff; --menu-text-color-hover: #FFE83C; --menu-text-color-selected: #FFE83C; --button-color: #FFE83C; --button-text-color: #000; --button-color-hover: #85868A; --button-text-color-hover: #fff;--button-alt-color: #85868A; --button-alt-text-color: #fff; --button-alt-color-hover: #fff; --button-alt-text-color-hover: #000;}html { box-sizing: border-box;}*, *:before, *:after { box-sizing: inherit;}body{ background-color: #000; font-family: var(--font-default); font-size: 20px; font-weight: 400; font-style: normal; color: #000; margin: 0 auto 10px auto; padding: 0;}* { box-sizing: border-box;}a{ color: #000; text-decoration: underline;}a:active, a:hover{ color: #000; text-decoration: underline;}main a:not(.button) { background: linear-gradient(to bottom, #FDF7C9 60%, var(--yellow-color) 100%); background-position: 0 100%; background-repeat: repeat-x; background-size: 4px 4px; transition: background-size .4s;}main a:not(.button):hover, main a:not(.button):active { background-size: 4px 50px;}h1, h2, h3, h4{ font-family: roboto, "arial black", arial, sans-serif; font-style: normal; color: #343434; margin: 0; padding: 0;}h1{ font-size: 44px; font-weight: 700; line-height: 1.2; text-transform: uppercase; margin: 0 0 20px 0;}h2{ font-size: 32px; font-weight: 500; line-height: 1.2; color: #262626; margin: 10px 0 10px 0;}h3{ font-size: 24px; font-weight: 500; line-height: 1.2; text-transform: uppercase; margin: 0 0 15px 0;}h4{ font-size: 18px; font-weight: 500; line-height: 1.2; text-transform: uppercase; margin: 0 0 18px 0;}p{ font-weight: 300; line-height: 1.5; margin: 0 0 20px 0; padding: 0;}p:last-child { margin: 0; }ul {}ul li{ line-height: 1.5; margin-bottom: 10px; padding: 0;}img{ max-width: 100%; height: auto;}figure { margin: 0; }iframe { max-width: 100%; border: 0; }dl{ font-family: cresta, sans-serif; line-height: 1.4;}dt{ font-size: 19px; font-weight: 400; text-transform: uppercase; color: #593D3D; padding: 0;}dd{ font-size: 18px; font-weight: 400; color: #000; margin: 0 0 12px 25px; padding: 0;}.container{ position: relative; max-width: 1366px; margin: 0 auto; }.lowercase { text-transform: lowercase; }.left { float: left; }.right { float: right; }.clear { clear: both; height: 0; }.imageRight, .alignright { margin: 0px 0 10px 25px; float: right; }.imageLeft, .alignleft { margin: 0px 25px 10px 0; float: left; }.mobile { display: none; }.group::after{ content: ""; clear: both; display: table; }.col4-desktop{ line-height: 0; width: 25%; margin-bottom: 20px; padding-right: 10px; float: left;}.col4-mobile{ width: 25%;}.error{ color: #a00;}.visiblyhidden { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}.visible { display: block; }.hidden { display: none; }.pageFrame { background-color: #fff; }main, article, aside{ display: block; background-color: #fff;}@media screen and (max-width: 1200px){ body {font-size: 19px; } h1 {font-size: 38px; } h2 {font-size: 26px; } h3 {font-size: 20px;margin: 0 0 10px 0; }}@media screen and (max-width: 1000px){ body {font-size: 18px; } h1 {font-size: 30px; } h2 {font-size: 23px; } h3 {font-size: 18px;margin: 0 0 10px 0; }}@media screen and (max-width: 900px){}@media screen and (max-width: 750px){ .col4-mobile {width: 50%;margin-bottom: 10px; }}@media screen and (max-width: 600px){}@media screen and (max-width: 500px){}header{ position: absolute; top: 0; background-image: url('../graphics/header-back-5000-adjusted.min.svg.gz'); background-size: auto 375px; background-repeat: no-repeat; background-position: top center; line-height: 1.0; color: #fff; width: 100%; height: 375px;z-index: 100;}header .container{ position: relative;}.top-link{ position: absolute; top: 43px; left: 5%; font-size: 24px; font-weight: 700; line-height: 1.0; color: var(--yellow-color); text-decoration: none; text-transform: uppercase; padding: 10px; margin-left: -10px;}.top-link:hover { background-color: #000000;color: #FFFFFF; text-decoration: none;}header #logo{ position: absolute; top: 106px; left: 5%;}header #logo img{ width: 298px; height: auto;}header #logo p{ font-size: 15px; font-weight: 400; line-height: 1.0; margin: 0; padding: 14px 0 0 0; white-space: nowrap;}header #buttons{ display: block; position: absolute; top: 180px; right: 5%; margin: 0;}header #buttons span {vertical-align: middle;}header #buttons img { display: inline-block; vertical-align: top; margin-left: 12px;}header a.button{ background-color: var(--button-color); font-family: arial, sans-serif; font-size: 15px; font-weight: 700; line-height: 1.0; text-decoration: none; text-align: center; white-space: nowrap; color: var(--button-text-color); padding: 12px 0 12px 0; margin: 0; width: 214px; height: 40px; vertical-align: top;}header a.button:hover, header a.button:active{ background-color: var(--button-color-hover); color: var(--button-text-color-hover);}header a#phoneButton { display: none; }header a#phoneButton span {}header a#phoneButton #phoneIcon {display: inline-block; background-image: url(../graphics/icon-sprite.png); background-position: 0 -100px; margin: -3px 0 0 8px; vertical-align: top; width: 25px; height: 25px;}header a#phoneButton, a#phoneButton:visited { background-color: #ccc; color: #000;}header a#loginButton{ width: 142px; }header a#menuButton { display: none; }header a#menuButton #menuIcon { display: inline-block; background-image: url(../graphics/icon-sprite.png); background-position: 0 -50px; vertical-align: top; margin-left: 12px; width: 22px; height: 18px;}header a#menuButton, header a#menuButton:visited { background-color: #000; color: #fff; }header a#phoneButton:hover, a#phoneButton:active,header a#loginButton:hover, header a#loginButton:active,header a#menuButton:hover, header a#menuButton:active {background-color: var(--button-color-hover); color: var(--button-text-color-hover); }header a#distributorButton, header a#requestButton{ background-color: transparent; background-image: url('../graphics/header-action-back-sprite2.png'); border-radius: 0; font-weight: 400; color: var(--yellow-color);}header a#distributorButton:hover, header a#distributorButton:active,header a#requestButton:hover, header a#requestButton:active{ background-color: transparent; background-position: 0px -40px; color: var(--button-text-color-hover); text-decoration: none;}#rmaRequestButton {background-color: #727272; color: #fff; }header nav{ position: absolute; top: 127px; right: calc(5% - 18px); z-index: 200;}header nav.hidden { display: block; }nav ul{ display: block; font-size: 20px; font-weight: 700; font-weight: 500;text-transform: uppercase; list-style: none; margin: 0; padding: 0;}nav li{ line-height: 1; margin: 0; padding: 0;}nav li.root { display: block; position: relative; background-color: transparent; transition: background-color 0.3s ease; float: left;}nav li a{ display: block; white-space: nowrap; margin: 0; padding: 10px 18px 10px 18px; width: 100%;}nav li a:link, nav li a:visited { color: var(--menu-text-color); text-decoration: none; }nav li a:hover, nav li a:active { color: var(--menu-text-color-hover); text-decoration: none; }nav li.parent:hover > a { background-color: #000; }nav li.selected > a { color: var(--menu-text-color-selected); }nav li.selected > a:hover { color: var(--menu-text-color-selected); }nav .subnav{ display: none; position: absolute; top: 40px; left: 0; background-color: #000; font-size: 16px; font-weight: 400; font-style: normal; text-transform: none; min-width: 140px; opacity: 0; transition: background-color 0.5s ease;}nav li:hover .subnav{display: block; opacity: 1;}nav .subnav li{ padding: 0 18px 0 18px;}nav .subnav li:after { display: block; content: ""; border-bottom: solid 0.5px #666; height: 1px; width: calc(100% - 10px);}nav .subnav li:last-of-type:after { border-bottom: solid 0px #666; }nav .subnav a{ padding: 12px 20px 12px 0;}nav .subnav a:link, nav .subnav a:visited { }nav .subnav a:hover, nav .subnav a:active {background-image: url(../graphics/menu-back.png); background-position: center right; background-repeat: no-repeat; background-size: auto 100%;}nav .subnav li.selected a { color: var(--menu-text-color-selected); }nav .subnav li.selected a:hover { color: var(--menu-text-color-selected); }nav .more { display: none; }nav .visible { display: block !important; }nav .hidden { display: none !important; }#searchForm{ position: absolute; display: block; top: 0px; right: 5%; margin: 0px; padding: 0px; height: 40px;}#searchForm #searchInput{ -moz-appearance: none; -webkit-appearance: none; display: block; border: solid 0px #888; border-radius: 0px; background-color: #fff; font-size: 14px; color: #000; margin: 0px; padding: 0px 20px 0px 20px; width: 435px; height: 40px; float: left;}#searchForm label span { display: none; }#searchForm #searchButton{ -webkit-appearance: none; display: inline-block; background-color: #515257; border: none; border-radius: 0; font-family: arial, sans-serif; font-size: 15px; font-weight: 700; line-height: 1.0; text-transform: uppercase; color: #fff; width: 142px; height: 40px; margin: 0; padding: 0;cursor: pointer;}#searchForm span { vertical-align: middle; }#searchForm img, #searchForm #searchIcon {display: inline-block;background-image: url(../graphics/icon-sprite.png);background-position: 0 0;vertical-align: top;margin-left: 12px;width: 16px;height: 16px;}#searchForm #searchButton:hover, #searchForm #searchButton:active{ background-color: var(--button-color-hover); color: var(--button-text-color-hover);}#searchForm ::placeholder {color: #000; opacity: 1; }#searchForm :-ms-input-placeholder { color: #000;}#searchForm ::-ms-input-placeholder { color: #000;}@media screen and (max-width: 1200px){ header #phoneNumber {top: 10px; } header #logo {top: 63px; } #searchForm #searchInput {width: 250px; } header nav {top: 220px; } header #buttons {top: 97px; } header a#loginButton {width: 110px; }}@media screen and (max-width: 1000px){ header a#requestButton, header a#distributorButton {display: none; }}@media screen and (max-width: 750px){ header {background-size: auto 290px;height: 290px; } header #phoneNumber {display: none; } header #logo {top: 105px; } header #logo img {width: 245px;height: auto; } header #logo p { display: none; } header #searchForm {width: 100%;top: 0;right: 0; }#searchForm #searchInput {width: 66.66%; } #searchForm #searchButton {width: 33.33%; } header #buttons {display: flex;top: 40px;right: 0;width: 100%; } header a#phoneButton, header a#loginButton, header a#menuButton {display: inline;flex: 33.33%; } header nav {display: none;background-color: #000;width: 100%;top: 80px;right: 0; } header nav.hidden { display: none; } nav ul {font-size: 16px;font-weight: 400;text-transform: none;padding: 10px 4% 10px 4%; } nav li.root {float: none; } nav li a {border-bottom: solid 0.5px #85868A;padding: 10px 0 10px 0; } nav .subnav {display: block;position: relative;top: auto;right: auto;padding: 0 0 0 20px;opacity: 1; } nav .subnav li {padding: 0; } nav .subnav li:after { display: none; } nav .subnav a:hover, nav .subnav a:active { background-image: none; }}@media screen and (max-width: 700px){}@media screen and (max-width: 600px){}@media screen and (max-width: 400px){}#pageHome{}#pageHome main{ background-color: #000; background-image: url(../graphics/hastings-hp-hero-student2.jpg); background-size: auto 1000px; background-repeat: no-repeat; background-position: top center; margin-top: 322px;}#pageHome main .container{ color: #fff; padding-top: 100px;}#pageHome main #box1{ margin: 0 0 60px 5%; width: 50%;}#pageHome main h1{ font-family: roboto, arial, sans-serif; font-size: 28px; font-weight: 300; text-transform: none; color: #fff;}#pageHome main h2{ font-family: termina, "arial black", sans-serif; font-size: 65px; font-size: 62px; font-weight: 900; text-transform: uppercase; color: var(--yellow-color);}#pageHome main h3{ font-family: roboto, arial, sans-serif; font-size: 30px; font-weight: 500; text-transform: none; color: #fff;}#pageHome main a:not(.button):link, #pageHome main a:not(.button):visited {background: linear-gradient(to bottom, #696969 70%, #3B3A3A 100%); background-position: 0 100%; background-repeat: repeat-x; background-size: 4px 4px; color: #fff; }#pageHome main a:not(.button):hover,#pageHome main a:not(.button):active{ background-size: 4px 50px; color: var(--yellow-color); }#pageHome main #box2{ width: 250px; margin-left: 5%; padding-bottom: 50px; float: left;}#pageHome main #box2 ul{ display: block; list-style: none; margin: 0; padding: 0; font-size: 16px; width: 100%;}#pageHome main #box2 li{ display: block; font-size: 16px; font-weight: 400; font-style: normal; width: 100%; margin: 0; padding: 0; float: none;}#pageHome main #box2 li:after { display: block; content: ""; border-bottom: solid 0.5px #666; height: 1px; width: calc(100% - 10px);}#pageHome main #box2 li a{ display: block; background: none; white-space: nowrap; padding: 12px 20px 12px 0; margin: 0px; width: 100%; }#pageHome main #box2 li a:link, #pageHome main #box2 li a:visited{ color: var(--menu-text-color); text-decoration: none;}#pageHome main #box2 li a:hover { background-image: linear-gradient(90deg, #000, #47494F);background-image: url(../graphics/menu-back.png); background-position: center right; background-repeat: no-repeat; background-size: 101%; background-size: auto 100%; color: var(--menu-text-color-hover); text-decoration: none;}#pageHome main #box3{ margin: 0 0 50px 5%; width: 26%; width: 380px; float: left;}#pageHome main #box4{ background-color: rgba(0, 0, 0, 0.5);margin-left: 10%; padding: 50px 50px 50px 50px; width: calc(100% - 5% - 250px - 5% - 26% - 10%); float: left;}@media screen and (max-width: 1200px){ #pageHome main h1 {font-size: 28px; } #pageHome main h2 {font-size:54px; } #pageHome main h3 {font-size: 30px; }}@media screen and (max-width: 1000px){ #pageHome main {background-size: auto 750px; } #pageHome main #box1 {margin: 0 0 60px 3%;width: 55%; } #pageHome main #box2 {margin-left: 3%; } #pageHome main #box3{margin-left: 10%;width: 40%; } #pageHome main #box4 {clear: left;margin: 0 3% 0 3%;padding: 0;width: auto;float: none; } #pageHome main h1 {font-size: 24px; } #pageHome main h2 {font-size: 48px; } #pageHome main h3 {font-size: 24px; }}@media screen and (max-width: 750px){ #pageHome main {background-size: auto 500px;margin-top: 235px; } #pageHome main #box1 {width: 55%; } #pageHome main #box3{width: 35%; } #pageHome main #box4 {float: none; } #pageHome main h2 {font-size: 44px; }}@media screen and (max-width: 500px){ #pageHome main {background-size: auto 400px; } #pageHome main #box1 {width: 92%;margin: 0 4% 40px 4%; } #pageHome main h1 { width: 50%; } #pageHome main #box2 {display: none; } #pageHome main #box3{margin: 0 4% 40px 4%;width: 92%; } #pageHome main #box4 {display: none; }}#page1C{}#page1C main{ background-color: #000; margin-top: 322px;}#page1C main .container { background-color: #fff; color: #000; padding-bottom: 50px;}#page1C #col1{padding: 100px 5% 0 5%; display: flex; flex-wrap: wrap;}@media screen and (max-width: 1000px){ #page1C #col1 {padding: 100px 4% 0 4%; }}@media screen and (max-width: 750px){ #page1C main {margin-top: 235px; }}@media screen and (max-width: 500px){ #page1C #col1 {padding: 100px 4% 0 4%; }}#page2C{}#page2C main{ background-color: #000; margin-top: 322px;}#page2C main .container { display: flex; background-color: #fff; color: #000;}#page2C #col1{padding: 100px 5% 50px 5%;flex: calc(100% - 34%);}#page2C #col2{ background-color: #000; padding: 100px 4.4% 60px 4.4%;flex: 34%; color: #fff;}#page2C #col2 p{ color: #fff;}#page2C #col2 h2,#page2C #col2 h3{ color: var(--yellow-color);}#page2C #col2 a:not(.button):link, #page2C #col2 a:not(.button):visited {background: linear-gradient(to bottom, #696969 70%, #3B3A3A 100%); background-position: 0 100%; background-repeat: repeat-x; background-size: 4px 4px; color: #fff; }#page2C #col2 a:not(.button):hover, #page2C #col2 a:not(.button):active {background-size: 4px 50px; color: var(--yellow-color); }@media screen and (max-width: 1000px){ #page2C #col1 {padding: 100px 4% 50px 4%; } #page2C #col2 {padding: 100px 4% 60px 4%; }}@media screen and (max-width: 750px){ #page2C main {margin-top: 235px; } #page2C main .container{flex-wrap: wrap; } #page2C #col1 {padding: 100px 4% 50px 4%;flex: 100%; } #page2C #col2 {padding: 50px 4% 50px 4%;flex: 100%; }}@media screen and (max-width: 500px){ #page2C #col1 {padding: 100px 4% 50px 4%; } #page2C #col2 {padding: 100px 4% 60px 4%; }}#pageFrame2L{}#pageFrame2L main{ padding: 50px 0 60px 0;}#pageFrame2L main h1{ margin-left: -30px;}#pageFrame2L #row1{ padding: 0 6% 0 calc(6% + 30px); width: 100%;}#pageFrame2L #col1{ padding: 0 6% 0 calc(6% + 30px); width: 67.5%; float: left;}#pageFrame2L #col2{ padding: 0; width: 32.5%; float: left;}@media screen and (max-width: 1100px){ #pageFrame2L main h1 {margin-left: 0; } #pageFrame2L #row1 {padding: 0 6% 0 6%; } #pageFrame2L #col1 {padding: 0 6% 0 6%; }}@media screen and (max-width: 800px){ #pageFrame2L #row1, #pageFrame2L #col1, #pageFrame2L #col2 {padding: 0 6% 0 6%;width: 100%;float: none; } #pageFrame2C #col2 {padding-top: 20px; }}#buttons{ padding: 0; margin: 40px 0 0 0;}.button a, .buttonAlt a,a.button, a.buttonAlt,input[type=submit].button, button{ display: inline-block; border: none; border-radius: 0; font-family: arial, sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; cursor: pointer; margin-top: 10px; padding: 10px 35px;}.button a:link, .button a:visited,a.button:link, a.button:visited,input[type=submit].button, button{ background-color: var(--button-color); color: var(--button-text-color); text-decoration: none;}.button a:active, .button a:hover,a.button:active, a.button:hover,input[type=submit].button:hover, button:hover{background-color: var(--button-color-hover);color: var(--button-text-color-hover);text-decoration: none; }.buttonAlt a:link, .buttonAlt a:visited,a.buttonAlt:link, a.buttonAlt:visited{ background-color: var(--button-alt-color); color: var(--button-alt-text-color); text-decoration: none;}.buttonAlt a:active, .buttonAlt a:hover,a.buttonAlt:active, a.buttonAlt:hover{background-color: var(--button-alt-color-hover); color: var(--button-alt-text-color-hover); text-decoration: none; }#moreButton{ display: block; margin: 0 auto 0 auto; float: none; width: 300px; max-width: 100%; text-align: center;}.decoButtons { display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}.decoButtons a.button {background-color: #444; background-position: center center; background-size: cover; color: #fff; line-height: 1.0; text-align: center; margin: 0 25px 25px 0; padding: 87px 0 0 0; width: calc(33% - 25px); height: 180px; transition: all 0.3s ease-in-out;}.decoButtons a.buttonEnews { background-image: url('../graphics/photo-button-enews.jpg'); }.decoButtons a.buttonEvents { background-image: url('../graphics/photo-button-events.jpg'); }.decoButtons a.buttonSocial { background-image: url('../graphics/photo-button-social.jpg'); }.decoButtons a.button:hover, .decoButtons a.button:active { background-image: url('../graphics/photo-button-rollover.jpg');color: var(--yellow-color);}@media screen and (max-width: 1000px){ #buttons {margin: 40px 0 0 0; } .button {font-size: 16px;padding: 8px 20px; }}@media screen and (max-width: 900px){ .decoButtons a.button {width: calc(50% - 25px); }}@media screen and (max-width: 700px){ #buttons {margin: 20px 0 0 0; }}@media screen and (max-width: 500px){ }.calendar{ font-size: 18px;}.listCalendar ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 20px;}.listCalendar h3 { border-bottom: solid 1px #ccc; font-size: 17px; font-weight: 500; text-align: left; vertical-align: bottom; padding: 4px 0 8px 0; color: #593D3D; margin: 0;}.listCalendar li{ border-bottom: solid 1px #ccc; margin: 0; padding: 8px 0 8px 0;}.listCalendar span.date { }.listCalendar span.description,.listCalendar em{ font-style: normal; color: #666;}.gridCalendar {border-collapse: collapse; margin: 20px 0px; width: 100%;}.gridCalendar th {font-size: 17px; font-weight: 500; text-align: center; vertical-align: bottom; color: #593D3D; margin: 0; padding: 8px 0 8px 0; width: 14%;}.gridCalendar tbody tr:nth-of-type(2n) { background-color: #faf6ed; }.gridCalendar td { border-right: solid 1px #ccc; font-size: 14px; padding: 8px; width: 14%; height: 75px; min-height: 100px;}.gridCalendar td:nth-of-type(7){ border-right: none; }.gridCalendar span.day { display: block; font-size: 16px; text-align: right; margin-bottom: 10px;}.gridCalendar caption{ display: none; text-align: left; padding: 10px 0;}.calendar a.prev,.calendar a.next {border: solid 1px #aaa;padding: 2px 15px;margin: 0 10px 0 10px;text-decoration: none;}.calendar a.prev { margin-left: 0; }.calendar a.next { margin-right: 0; }@media screen and (max-width: 750px){ .gridCalendar .nav th {border-bottom: solid 1px #ccc;text-align: left; } .gridCalendar tr.days {display: none; } .gridCalendar tbody tr:nth-of-type(2n) { background-color: transparent; } .gridCalendar td.empty {display: none; } .gridCalendar td {display: block;border-right: none;border-bottom: solid 1px #ccc;height: auto;min-height: auto;padding: 8px 0 8px 0;width: 100%; } .gridCalendar span.day {text-align: left;margin-bottom: 10px; } .gridCalendar caption {display: block; }}.newsSummary, #newsList{ list-style-type: none; margin: 0 0 50px 0; padding: 0 0 0 0;}.newsSummary li, #newsList li{ margin: 0 0 20px 0; padding: 0;}ul.newsSummary li, ul#newsList li{ list-style-image: none;}.newsSummary .date, #newsList .date { font-weight: bold; }.inputForm { font-family: inherit;}.inputForm p{ line-height: inherit;}.inputForm fieldset{ border: 0; margin: 0; padding: 0;}.inputForm fieldset,.inputForm .form-group{ margin: 0 0 15px 0;}.inputForm .required{ color: #c00;}.inputForm .question{ display: block; font-size: 17px; font-weight: 700; font-style: normal; color: #593D3D; margin-bottom: 6px;}.inputForm input[type=text], .inputForm input[type=email],.inputForm input[type=number],.inputForm textarea, .inputForm select{ border: solid 1px #ccc; font-family: cresta, san-serif; font-size: 17px; line-height: 1.4; padding: 4px 6px; margin-bottom: 5px; width: 100%;}.inputForm select{}.inputForm .price span.dollar{ display: block; line-height: 1.4; padding: 3px 0; width: 15px; float: left;}.inputForm .price input{ display: block; float: left;}.inputForm .error{ font-weight: bold; color: #c00;}.inputForm .wf-spam-prevent-1 { display: none; }.inputForm input[type=submit],.inputForm a.button { -webkit-appearance: none; display: inline-block; background-color: #009370; border: 0; border-radius: 6px; font-size: inherit; font-weight: bold; text-align: center; color: #fff; width: auto; padding: 6px 20px; margin: 0 20px 18px 0;}.inputForm input[type=submit]:hover,.inputForm input[type=submit]:active,.inputForm a.button:hover,.inputForm a.button:active{ background-color: #691c32; background-color: #006633;}.inputForm .secondaryButton { border: none; margin: 0 0 9px 0;}.inputForm .width2Char { width: 50px !important; }.inputForm .width5Char { width: 75px !important; }.inputForm .width10Char { width: 140px !important; }.inputForm .width20Char { width: 250px !important; }.inputForm .width40Char { width: 450px !important; }.inputForm .widthAuto { width: auto !important; }blockquote{ position: relative; font-size: 18px; font-weight: 300; font-style: italic; color: #691C32; margin: 0 50px 0 0; padding: 30px 0 0 30px;}blockquote:before {position: absolute;display: block;content: "\201C";font-size: 80px;top: -20px;left: -20px;color: #7a7a7a;padding-left: 10px;}blockquote:after {position: absolute;display: block;content: "\201D";font-size: 80px;bottom: -80px;right: 0px;color: #7a7a7a;padding-left: 10px;}cite{ display: block; font-size: 18px; font-weight: 400; font-style: normal; padding: 10px 0 0 30px;}table{ border-collapse: collapse; border: 0; margin: 20px 0px; font-size: 13px; width: 100%;}table th{ border-bottom: solid 2px #ccc;font-size: 17px; font-weight: 500; color: #593D3D; text-transform: uppercase; text-align: left; vertical-align: bottom; padding: 4px 8px 4px 0;}table td{font-size: 16px; font-weight: 400; line-height: 1.3; vertical-align: top; padding: 8px 8px 12px 0;}table th:nth-of-type(1),table td:nth-of-type(1){ padding-left: 4px;}table tbody tr:nth-of-type(2n) { background-color: #faf6ed; }table a{ background: none; text-decoration: none;}table a:hover, table a:active{ text-decoration: underline;}h2.faq-question { display: block; border: solid 1px #ddd; padding: 10px; cursor: pointer;}h2.faq-question:before { display: inline-block; content: "+ "; width: 30px; cursor: pointer;}h2.faq-question:hover{ background-color: var(--button-color-hover); color: var(--button-text-color-hover); text-decoration: none;}div.faq-answer {padding: 0 0 30px 30px;}.responsive-video { position: relative; overflow: hidden; width: calc(50% - 25px); margin: 0 25px 35px 0;}.responsive-video:after { padding-top: 60%; display: block; content: '';}.responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}main .responsive-video iframe { height: calc(100% - 35px);}main .responsive-video p { position: absolute; left: 0; bottom: 0; font-size: 18px; color: #444;}@media screen and (max-width: 1000px){ .responsive-video {width: 100%;float: none; }}ul.searchResults, ol.searchResults{ list-style-type: none; margin: 0px; padding: 0px;}.searchResults li{ margin: 0px 0px 12px 0px; padding: 0px;}.searchResults:first-child{ list-style-type: none; margin: 0px; padding: 0px;}.searchResults + h3{ margin-top: 30px;}.searchResults .highlight{ background-color: #ff9; font-weight: 700;}ul#sitemap, ol#sitemap{ list-style-type: none; margin: 0; padding: 0;}#sitemap li{ margin: 0 0 12px 0; padding: 0px;}#sitemap .submenu{ list-style-type: circle; margin-top: 20px;}#sitemap .submenu li{ margin: 0 0 12px 25px; padding: 0px;}footer{}#footerDistributor{ max-width: 1366px; margin: 0 auto;}#footerDistributor .container{ display: flex; font-size: 18px; line-height: 1.5;}#footerDistributor .col1{ background-color: #F5F5F5; padding: 40px 5%; width: calc(5% + 33%); }#footerDistributor .col2{ background-color: #FFFDEA; padding: 40px 75px; width: 65%}#footerDistributor select{ background-color: #fff; border: solid 2px #BFBFBF; font-size: 16px; color: #000; margin: 0 0 20px 0; padding: 6px 15px;}#footerDistributor .distributors{ display: none;}#footerDistributor p{ line-height: 1.3;}#footerDistributor .col2 .responsive-video{ width: calc(50% - 25px); margin: 0 25px 25px 0; float: left;}#footerVideo1{ background-image: url('../graphics/footer-video1.jpg'); background-size: cover;}#footerVideo2{ background-image: url('../graphics/footer-video2.jpg'); background-size: cover;}#footerVideo3{ background-image: url('../graphics/footer-video3.jpg'); background-size: cover;}#footerVideo4{ background-image: url('../graphics/footer-video4.jpg'); background-size: cover;}#footerForm{ max-width: 1366px; margin: 0 auto;}#footerForm .container{ background-color: #4A4A4A; color: #fff; padding: 40px 5%;}#footerForm h3{ color: var(--yellow-color);}#footerForm form{ display: flex; flex-direction: row; flex-flow: wrap;}#footerForm .col1,#footerForm .col2,#footerForm .col3{ width: calc((100% - 3% - 3%) / 3); margin-right: 3%;}#footerForm .col3 { margin-right: 0; }#footerForm fieldset,#footerForm .form-group{ display: block; border: none; margin: 0 0 15px 0; padding: 0;}#footerForm label,#footerForm .label,#footerForm p{ display: block; font-size: 14px; color: #fff; margin-bottom: 6px;}#footerForm .fs_checkbox label{display: inline; margin: 0; padding: 0;}#footerForm input[type=text],#footerForm input[type=email],#footerForm select,#footerForm textarea{ background-color: #DDDDDD; border: none; font-family: var(--font-default);font-size: 16px; color: #000; padding: 6px 15px;}#footerForm input[type=text],#footerForm input[type=email],#footerForm textarea { width: 100%;}#footerForm input[type=checkbox] { margin-left: 0; margin-right: 5px; }#footerForm form a{ color: #fff; text-decoration: underline;}#footerForm .form-group-comments{ margin-top: 15px;}#footerForm .recaptcha-wrapper{ display: inline-block !important; margin-left: 68%; width: 100%;}#footerForm #submit-wrapper-contactForm { display: inline-block !important; margin-left: 68%; width: 100%;}#footerForm .alert.alert-danger { margin-bottom: 20px; color: orange;}#footerForm .alert.alert-success { margin-bottom: 20px; color: var(--yellow-color);}#footerForm .invalid-feedback{ color: orange;}#footerInfo{ background-color: #000;}#footerInfo .container{ position: relative; background-color: #fffdea; font-size: 14px; line-height: 1.4; color: #000; height: 110px;}#footerInfo #address{ position: absolute; top: 25px; left: 5%;}#footerInfo #address strong { font-size: 16px; font-weight: 700; }#footerInfo #social{ position: absolute; top: 25px;left: calc(5% + 60% + 1%); }#social {margin-bottom: 1rem;}#social a {display: inline-block;margin-right: 2rem;}#social a:last-of-type {margin-right: 0;}#footerInfo #links{ position: absolute; top: 70px; left: calc(5% + 60% + 1%); }#footerInfo a { color: #000; text-decoration: underline;}#footerInfo a:hover, #footerInfo a:active { color: #47494F; text-decoration: underline;}footer#footerGDPR { position: fixed; bottom: 0; left: 0; background-color: #FFE83C; color: #000000; font-size: 14px; z-index: 10; width: 100%;}#footerGDPR .container { padding: 20px 4% 0 4%; max-width: 1400px;}#footerGDPR img { float: left; margin: 0 15px 5px 0;}#footerGDPR a.buttonAlt {text-align: center; margin: 0 50px 20px 0; width: auto;}@media screen and (max-width: 1200px){ #footerDistributor .container {font-size: 16px; }}@media screen and (max-width: 1000px){ #footerDistributor .col1{padding: 40px 4%;width: calc(3% + 33%); } #footerDistributor .col2 .responsive-video {width: 100%;float: none; } #footerDistributor .col2 .responsive-video:last-of-type { margin-bottom: 0; } #footerForm .container {padding: 40px 4%; } #footerForm .recaptcha-wrapper {margin-left: 0; } #footerForm #submit-wrapper-contactForm{margin-left: 0; } #footerInfo #address {left: 4%; } #footerInfo #social {left: calc(3% + 63% + 1%);} #footerInfo #links {left: calc(3% + 63% + 1%);} #footerGDPR a.button {margin: 0 0 5px 15px; }}@media screen and (max-width: 750px){ #footerForm .container {padding: 40px 4%; } #footerDistributor .col1 {padding: 30px 4% 30px 4%;width: 100%; } #footerDistributor .col2 {display: none; } #footerForm form {flex-wrap: wrap; } #footerForm .col1, #footerForm .col2, #footerForm .col3 {width: 48%;margin-right: 4%; } #footerForm .recaptcha-wrapper {margin-left: 0; } #footerForm #submit-wrapper-contactForm{margin-left: 0; } #footerForm .col2 {margin-right: 0; } #footerInfo .container { height: 200px; } #footerInfo #address {top: 110px;left: 4%; } #footerInfo #social {top: 20px;left: 4%; }#footerInfo #links {top: 65px;left: 4%; } #footerGDPR a.buttonAlt {margin: 0 20px 20px 0;padding: 10px 25px; }}@media screen and (max-width: 500px){ #footerForm .col1,#footerForm .col2,#footerForm .col3{width: 100%;margin-right: 0; }}