/*
font-family: "Plus Jakarta Sans";
*/



img {max-width: 100%; border: none;}
.clearDiv {clear: both;}
.setWidth {width: 90%; max-width: 1200px; margin: 0 auto;}
*{box-sizing: border-box;}
iframe {max-width: 100%;}
body * {letter-spacing: normal; line-height: inherit;}
.sc-content-block-quick-insert {display: none !important;}
div.actionMenu ul.dnn_mact > li.actionMenuMove > ul li {height: auto !important;}
.eds_galleryWrapper {padding-top: 0px !important;}
.slider-wrapper > div {background: transparent !important;}
.sc-menu {position: relative; margin: 0 0 7px !important; z-index: 999 !important;}
body .sc-menu a {margin-right: 1px !important;}
.sc-menu + h2 {margin-top: 0;}
.mark, mark {background: none;}
.menuBtn, .mobileMenuWrapper {display: none;}
.fa-facebook-f:before {content: "\f39e" !important;}
.slick-dots {margin: 0 !important;}
.slick-slide {backface-visibility: hidden;} 
.DNNEmptyPane {padding: 0 !important;}
.youtubeEmbed {position: relative;padding-bottom: 56.25%;height: 0;width: 100%}
.youtubeEmbed iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.clearBtn {background: none;color: inherit;border: none;padding: 0;font: inherit;cursor: pointer;outline: inherit;transition: all 0.3s ease;}
.linkADA {height: 1px;width: 1px;position: absolute;overflow: hidden;top: -10px;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.Field.fullWidth textarea, .Field.fullWidth input, .Field.fullWidth .Field-Container-Wide {width: 100% !important;}
.bgImg {background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;}
.listToolbar {padding-bottom: 50px;}
.listToolbar + .listToolbar {margin-top: -37px;}
.listToolbar span {padding: 0 7px 0 0;font-size: 110%;letter-spacing: 0.3px;font-weight: 700;}
.listShared {font-size: 94%;letter-spacing: 0.2px;padding: 0 0 8px;color: #bf0000;}
.adminUnpublished {color: #ff7800;background: #fff5ee;display: inline-block;max-width: fit-content;padding: 8px 12px;border-radius: 7px;border: 1px solid #ffb879;}
.white {color: #fff;}
.ModLiveFormsC > div:first-child > a {color: #ffffff !important;background: #ab0000;padding: 6px 12px 8px;border-radius: 8px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.ModLiveFormsC > div:first-child > a:hover {background: #ff0000;}



/* ----------------------------- generic ----------------------------- */

body {margin: 0; padding: 0; width: 100%; height: 100%; background: #fff; color: #003534; font-family: "Plus Jakarta Sans"; font-size: 1em;}

p, li, .contentDiv td, .Normal {font-family: 'Plus Jakarta Sans';font-size: 101%;line-height: 155%;color: #003534;letter-spacing: 0.2px;}

.contentWrapper {padding-top: 200px; padding-bottom: 200px; position: relative;}

.contentDiv li{padding: 4px 0;}
.contentDiv li:first-child {padding-top: 0;}
.contentDiv ul, .contentDiv ol{margin: 0 0 22px 30px;}
.contentDiv ul li ul li {font-size: 0.9em; line-height: 1.25em;}
.contentDiv ul li ul {margin-top: 1px; line-height: 1.2em; margin-bottom: 0;}
.contentDiv li p {line-height: 1.5em;}

strong{font-weight: 700; letter-spacing: inherit;}
em{font-style: italic; letter-spacing: inherit;}
strong em, em strong{font-style: italic; font-weight: 700;}

h1 {font-family: 'Plus Jakarta Sans';font-size: 310%;line-height: 100%;font-weight: 900;font-style: normal;color: #1B836D;margin: 0 0 44px;}
h2 {font-family: 'Plus Jakarta Sans';font-size: 260%;line-height: 100%;font-weight: 900;font-style: normal;color: #126260;margin: 0 0 36px;}
h3 {font-family: 'Plus Jakarta Sans';font-size: 190%;line-height: 100%;font-weight: 700;font-style: normal;color: #003534;margin: 0 0 23px;}
h4 {font-family: 'Plus Jakarta Sans';font-size: 160%;line-height: 100%;font-weight: 600;font-style: normal;color: #1B836D;margin: 0 0 23px;}
h5 {font-family: 'Plus Jakarta Sans';font-size: 140%;line-height: 100%;font-weight: 600;font-style: normal;color: #126260;margin: 0 0 23px;}
h6 {font-family: 'Plus Jakarta Sans';font-size: 123%;line-height: 100%;font-weight: 600;font-style: normal;color: #003534;margin: 0 0 23px;}

h1 + h2{margin-top: 35px;}
h1 + h3, h2 + h3{margin-top: 35px;}
h1 + h4, h2 + h4, h3 + h4{margin-top: 35px;}
h1 + h5, h2 + h5, h3 + h5, h4 + h5{margin-top: 35px;}
h1 + h6, h2 + h6, h3 + h6, h4 + h6, h5 + h6{margin-top: 35px;}
p + h2, ul + h2 {margin-top: 60px;}
p + h3, ul + h3 {margin-top: 45px;}

a:link, a:visited{ text-decoration: underline; color: #1a7f69; }
a:hover, a:active, a:focus{ text-decoration: none; color: #53b9a3; }
a:focus-visible, select:focus-visible, input:focus-visible, textarea:focus-visible, button:focus-visible {outline: 4px solid #ffc100 !important;}
a {transition: all 0.3s ease; letter-spacing: inherit;}

a.dnnPrimaryAction, a.dnnSecondaryAction {text-decoration: none;border: none;box-shadow: none;text-shadow: none;transition: all 0.3s ease;font-size: 90%;padding: 10px 23px;line-height: 100%;font-weight: normal;margin-right: 4px;}
a.dnnPrimaryAction {color: #fff;background: #1a7f69;}
a.dnnPrimaryAction:hover, a.dnnPrimaryAction:focus {border: none;background: #126260;}
a.dnnSecondaryAction {color: #000;background: #E6E6E6;}
a.dnnSecondaryAction:hover, a.dnnSecondaryAction:focus {color: #000;background: #BDBDBD !important;}
.dnnLoginActions a.dnnSecondaryAction {font-size: 80%;font-weight: 300;background: #F5F5F5;position: relative;right: -25px;padding: 8px 15px;}
.dnnCheckbox {margin-right: 0;}
.dnnBoxLabel {font-size: 80%;color: #616161;}
.dnnLabel {font-size: 95%;color: #000;}
.dnnLoginService input {font-family: inherit !important;font-size: 90% !important;letter-spacing: 0.6px;color: #000 !important;box-shadow: none !important;padding: 7px 10px !important;}
.dnnLoginService input[type="text"], .dnnLoginService input[type="password"] {width: 230px;}

span {letter-spacing: inherit;}
small{font-size:80%;}
ul li{list-style-type:disc;}
ul li li{list-style-type:circle;}
ul li li li{list-style-type:square;}
ol li{list-style-type:decimal;}
ol ol li{list-style-type:lower-alpha;}
ol ol ol li{list-style-type:lower-roman;}
ol ul li{list-style-type:disc;}

hr{color: #d1e9dc; background-color: #d1e9dc; border: none; height: 1px; text-align: left; margin: 25px 0; opacity: 100%;}

.skiptocontent a {background: #126260;padding: 6px 8px;position: absolute;z-index: 1025;top: -50px;left: 0;color: #fff;font-size: 95%;line-height: 150%;transition: top 1s ease-out, background 1s linear;}
.skiptocontent a:focus {top: 0;text-decoration: none;outline: 0;transition: top .1s ease-in, background .5s linear;}
.skipLink {position: absolute; top: 50px;}

.containerWidthHalf {width: 46%;margin-right: 8%;display: inline-block;vertical-align: top;}
.containerWidthHalf + .containerWidthHalf {margin-right: 0;}
.containerWidthOneThird {width: 25%;margin-right: 5%;display: inline-block;vertical-align: top;}
.containerWidthTwoThird {width: 70%;margin-right: 0;display: inline-block;vertical-align: top;}

.btnItem .sc-menu {display: block;margin-right: 20px !important;}
.btnItem, .btnItem .mainBtn {display: inline-block;}
.mainBtn {padding: 14px 0;margin: 10px 10px 10px 0;}
.mainBtn a {background: #126260;background: linear-gradient(90deg, #126260 0%, #209A80 100%);color: #fff;padding: 8px 26px 9px;border-radius: 40px;text-decoration: none;font-weight: 200;display: inline-block;letter-spacing: 0.4px;word-spacing: 2px;position: relative;z-index: 100;}
.mainBtn a:before {background: linear-gradient(90deg, #6ebdac 0%, #209A80 100%);content: '';display: block;position: absolute;inset: 0;border-radius: 40px;opacity: 0;z-index: -100;transition: opacity 0.45s;}
.mainBtn a i {font-size: 90%;padding-left: 10px;position: relative;left: 0;transition: all 0.3s ease;}
.mainBtn a:hover:before, .mainBtn a:focus-visible:before {opacity: 1;}
.mainBtn a:hover i, .mainBtn a:focus-visible i {left: 4px;}
.outlineBtn.mainBtn a {background: transparent;color: #126260;border: 1px solid #126260;font-weight:300;}
.outlineBtn.mainBtn a i {color: #209a80;}
.outlineBtn.mainBtn a:hover:before, .outlineBtn.mainBtn a:focus-visible:before {opacity: 0;}
.outlineBtn.mainBtn a:hover, .outlineBtn.mainBtn a:focus-visible {border-color: rgb(32 154 128 / 26%);background: rgb(209 233 220 / 40%);color: #003534;}


/* ------------------------- header & footer ------------------------- */

.headerWrapper {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 13px 0 170px;
    background: linear-gradient(180deg, rgb(6.275% 45.882% 37.647%) 0%, rgb(6.275% 45.882% 37.647% / 0.9990234375) 6.25%, rgb(6.275% 45.882% 37.647% / 0.9921875) 12.5%, rgb(6.275% 45.882% 37.647% / 0.9736328125) 18.75%, rgb(6.275% 45.882% 37.647% / 0.9375) 25%, rgb(6.275% 45.882% 37.647% / 0.8779296875) 31.25%, rgb(6.275% 45.882% 37.647% / 0.7890625) 37.5%, rgb(6.275% 45.882% 37.647% / 0.6650390625) 43.75%, rgb(6.275% 45.882% 37.647% / 0.5) 50%, rgb(6.275% 45.882% 37.647% / 0.3349609375) 56.25%, rgb(6.275% 45.882% 37.647% / 0.2109375) 62.5%, rgb(6.275% 45.882% 37.647% / 0.1220703125) 68.75%, rgb(6.275% 45.882% 37.647% / 0.0625) 75%, rgb(6.275% 45.882% 37.647% / 0.0263671875) 81.25%, rgb(6.275% 45.882% 37.647% / 0.0078125) 87.5%, rgb(6.275% 45.882% 37.647% / 0.0009765625) 93.75%, rgb(6.275% 45.882% 37.647% / 0) 100%);
}
.headerWrapper .setWidth {
    display: table;
    position: relative;
}
.logoWrapper {
    display: table-cell;
    vertical-align: middle;
}
.menuWrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 1%;
    white-space: nowrap;
}
.logoWrapper img {
    max-width: 200px;
}


.footerWrapper {
	background-image: linear-gradient(to right top, #d1e9dc, #b5dac8, #99cbb6, #7bbda4, #5bae94, #48a38b, #339782, #168c7a, #118174, #0f776e, #106c67, #126260);
	padding: 40px 0;
}
.footerWrapper .setWidth {
	display: flex;
  	justify-content: space-between;
  	align-items: center;
}
.footerLeftCol img {
	max-width: 200px;
}
.copyLogin {
    color: #fff;
    font-weight: 200;
    letter-spacing: 0.9px;
    font-size: 84%;
    word-spacing: 1px;
}
.copyLogin a {
    color: #fff;
    text-decoration: none;
}
.copyLogin a:hover, .copyLogin a:focus-visible {
	text-decoration: underline;
}





/* ------------------------- specific styling ------------------------- */

.whiteWrapper {padding: 160px 0;}
.ctaWrapper {padding: 160px 0;}
.heroWrapper {padding: 310px 0 0;}






/* ------------------------------ modules ------------------------------ */





/* products */

.prodWrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.prodItem {
    border-radius: 17px;
    border: 1px solid #d1e9dc;
    display: flex;
    flex-direction: column;
}
.prodTitle {
    background: rgb(209 233 220 / 60%);
    padding: 20px 23px;
    margin: 0;
    border-radius: 15px 15px 0 0;
    font-size: 180%;
    letter-spacing: 0.4px;
}
.prodContent {
    padding: 28px 23px;
    flex: 1;                   
    display: flex;
    flex-direction: column; 
}
.prodDesc {
    margin: 0 0 37px;
}
.prodBtnsWrap {
    display: flex;      
    flex-wrap: wrap;     
    gap: 4px 3px;        
    margin-top: auto;
}
.prodBtn {
    padding: 0;
    display: inline-block;
    margin: 0;
}
.prodBtn a {
    font-size: 84%;
    letter-spacing: 0;
    padding: 4px 14px;
}
.prodContent .prodBtn:first-of-type {
    margin-top: auto;
}

/* END products */




/* video text overlay */

.videoWrapper {
    position: relative;
}
.videoDiv {
    width: 100%;
    max-height: 900px;
    object-fit: cover;
    object-position: center;
}
.videoWrapper .mask {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100.4%;
    background: linear-gradient(90deg, rgb(1 78 76 / 0%) 30%, rgb(1 78 76 / 0%) 66%);
    z-index: 3;
}
.videoText {
    position: absolute;
    top: 39%;
    left: 0;
    right: 0;
    z-index: 4;
}

/* END video text overlay */



/* title & text */

.titleWidth {
    max-width: 520px;
	display: inline-block;
	width: 100%;
}
.titleTitle {
    margin-bottom: 0;
}
.titleTitle span {
    display: block;
    color: #1B836D;
    font-weight: 200;
    font-size: 78%;
    margin-bottom: 7px;
}
.titleText {
    margin: 36px 0 0;
}
.titleBtns {
    margin-top: 29px;
}
.titleArrow {
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 30px;
    padding: 100px 70px;
	display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
}
.titleTextDiv {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 57%;
}
.titleArrowDiv {
    flex: 0 0 auto;
    font-size: 350%;
    margin: 0 30px 0 40px;
    white-space: nowrap;
    color: #c5e6d4;
}
.titleBtnDiv {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
    justify-content: center;
}
.titleArrow .titleBtns {
	margin-top: 0;
	font-size: 128%;
}
.titleArrow .mainBtn a {
    padding: 12px 38px 15px;
}
.titleSideItem {
	display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
}
.titleSideLeft, .titleSideRight {
    flex: 1 1 0;
    max-width: 50%;
}
.titleSideArrowDiv {
    flex: 0 0 auto;
    margin: 0 60px 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c5e6d4;
    font-size: 450%;
}

/* END title & text */




/* home title & text */

.titleHome {
    background: rgb(0 0 0 / 8%);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 35%);
    backdrop-filter: blur(20px);
    border: 1px solid rgb(255 255 255 / 19%);
    padding: 65px 55px !important;
    display: inline-block;
    font-size: 120%;
}
.titleHome .titleWidth {
    max-width: unset;
}
.titleHome .titleTitle {
    color: #fff;
    font-size: 260%;
    line-height: 105%;
    font-weight: 900;
    font-style: normal;
}
.titleHome .titleTitle span {
    color: #fff;
}
.titleHome .titleText  {
    color: #fff;
    margin: 36px 0 0;
}
.titleHome .titleBtns {
    margin-bottom: -20px;
}
.titleHome .outlineBtn.mainBtn a {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}
.titleHome .outlineBtn.mainBtn a:hover, .titleHome .outlineBtn.mainBtn a:focus-visible {
    background: rgb(209 233 220 / 40%);
    color: #fff;
}
.titleHome .outlineBtn.mainBtn a i {
    color: #c5e6d4;
}
.titleHome .listToolbar {
    color: #fff;
}

/* END home title & text */




/* product pages */

.prodPageWrap {
    padding: 200px 0;
    border-image: fill 0 linear-gradient(rgb(1 78 76 / 0), rgb(1 78 76 / 0));
    background-attachment: fixed;
    background-position-y: 15%;
}
.prodPageItem {
    margin: 30px 0;
}
.prodPageLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none !important;
    background: rgb(0 0 0 / 15%);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 35%);
    backdrop-filter: blur(20px);
    border: 1px solid rgb(255 255 255 / 19%);
    padding: 35px 90px 35px 45px;
    gap: 70px;
}
.prodPageLink:hover, .prodPageLink:focus-visible {
    background: rgb(1 78 76 / 32%);
    backdrop-filter: blur(10px);
}
.prodPageTitle {
    color: #fff;
    font-weight: 700;
    margin: 0 0 14px;
    font-size: 209%;
}
.prodPageDesc {
    margin: 0;
    color: #fff;
}
.prodPageContent {
    flex: 1 1 auto;
    min-width: 0;
}
.prodPageArrow {
    flex: 0 0 auto;
    color: #c5e6d4;
    font-size: 450%;
}

/* END product pages */




/* page title */

.pageTitleItem {
    text-align: center;
    max-width: 810px;
    margin: 0 auto;
}
.pageTitleSubtitle {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 140%;
    font-weight: 200;
    color: #1B836D;
    display: inline-block;
    padding: 0 9px 24px;
    margin: 0 0 26px;
    border-bottom: 1px solid #d1e9dc;
}
.pageTitleTitle {
    color: #126260;
    margin: 0;
    font-size: 460%;
}
.pageTitleText {
    margin: 29px 0 0;
    font-size: 115%;
}

/* END page title */





/* forms */

.LiveForm ul.page-break-section, .LiveForm .thank-you {
    box-shadow: none !important;
    border-radius: 10px !important;
    padding: 40px !important;
    font-size: 140%;
    background: rgb(209 233 220 / 42%) !important;
    font-family: 'Plus Jakarta Sans';
}
.LiveForm .Field input, .LiveForm .Field select, .LiveForm .Field textarea {
    border: 1px solid rgb(18 98 96 / 53%) !important;
    border-radius: 10px !important;
    padding: 10px 15px !important;
    font-size: 99% !important;
    font-family: 'Plus Jakarta Sans' !important;
    color: #003534 !important;
    height: auto !important;
    line-height: 120%;
}
.LiveForm .Field input:focus-visible, .LiveForm .Field select:focus-visible, .LiveForm .Field textarea:focus-visible {
    outline: 2px solid #209A80 !important;
}
.LiveForm .Field label {
    color: #126260;
    margin: 15px 0 9px 5px !important;
    font-size: 110%;
}
.LiveForm .Field label.Field-SubLabel-Container {
    margin: 3px 4px 18px !important;
    font-family: 'Plus Jakarta Sans' !important;
    font-size: 86% !important;
    font-weight: 600;
}
.Field-Container-Wide tbody tr:last-child .Field-SubLabel-Container {
    margin-bottom: 7px !important;
}
.calcResults ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: space-between;
}
.calcResults li {
    flex: 1 1 calc(20% - 10px);
    min-width: 150px;
    box-sizing: border-box;
    background-color: #fff;
    padding: 12px 10px !important;
    border: 1px solid rgb(18 98 96 / 14%);
    list-style: none;
    border-radius: 10px;
    text-align: center;
    font-weight: 700;
    color: #209A80;
}
.calcResults li span {
    font-weight: 400;
    color: #003534;
}
.Last.Field.Text {
    padding-top: 20px !important;
}
.calcBtn p {
    background: #126260;
    color: #fff !important;
    padding: 8px 26px 9px;
    border-radius: 40px;
    text-decoration: none;
    font-weight: 200;
    display: inline-block;
    letter-spacing: 0.4px;
    word-spacing: 2px;
    position: relative;
    z-index: 100;
    margin: 45px 0 0;
    transition: all 0.3s ease;
}
.calcBtn p:hover {
    background: #209A80;
    cursor: pointer;
}
.LiveForm .Field textarea {
    padding-top: 13px !important;
    padding-bottom: 14px !important;
    min-height: 9em !important;
}
.Field.Required > label:after {
    content: "*" !important;
    color: #209A80 !important;
    font-size: 100% !important;
    font-weight: 600 !important;
    position: relative !important;
    top: 0px !important;
    padding-left: 4px !important;
}
.LiveForm input.bSubmit {
    background: #126260 !important;
    color: #fff !important;
    padding: 8px 26px 9px !important;
    border-radius: 40px !important;
    text-decoration: none;
    font-weight: 200 !important;
    display: inline-block;
    letter-spacing: 0.4px;
    word-spacing: 2px;
    position: relative;
    z-index: 100;
    margin: 30px 0 0 !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
}
.LiveForm input.bSubmit:hover, .LiveForm input.bSubmit:focus-visible {
    background: #209A80 !important;
}
.LiveForm.Default label.error {
    font-size: 80% !important;
    font-weight: 600 !important;
    padding: 0 0 0 4px;
}

/* END forms */





/* ----------------------------- responsive ----------------------------- */

@media all and (max-width: 1200px) {
    .calcResults li {flex: 1 1 calc(30% - 10px);}
    .videoText {top: 29%;}
    .titleHome .titleTitle {font-size: 240%;}
}
@media all and (max-width: 1000px) {
    .titleHome {padding: 40px 55px !important;}
    .videoText {top: 35%;}
    body {font-size:95%;}
    .titleSideArrowDiv {font-size: 300%;margin: 0 30px 0 12px;}
}
@media all and (max-width: 850px) {
	.containerWidthOneThird, .containerWidthTwoThird {width: 100%; margin-right: 0; display: block; padding: 25px 0;}
    .calcResults li {flex: 1 1 calc(45% - 10px);}
    .prodWrap {gap: 14px;}
    .prodContent {padding: 26px 19px;}
    .prodTitle {padding: 18px 20px;}
    .prodDesc {margin: 0 0 29px;}
}
@media all and (max-width: 765px) {
	.menu { display: none;}
    .menuBtn {cursor: pointer;display: inline;font-weight: 200;font-size: 128%;color: #fff;transition: all 0.3s ease;letter-spacing: 1px !important;}    
    .menuBtn:hover, .menuBtn:focus {color: #d1e9dc;}
    .menuBtn i {padding-left: 4px;padding-right: 2px; font-size: 90%;position: relative;top: 1px;}
    .closeBtn {cursor: pointer; text-align: right; font-size: 108%; color: #fff; font-weight: 300; background: #502880; padding: 7px 5%; letter-spacing: 1px !important;transition: all 0.3s ease;}
    .closeBtn i {font-size: 100%; padding-left: 2px;}
	.closeBtn:hover, .closeBtn:focus {background: #371363; }
	body {font-size:90%;}
	.containerWidthHalf{width: 100%; margin-right: 0; display: block; padding: 20px 0;}
    .headerWrapper {padding: 13px 0 100px;}
    .titleHome {padding: 30px 39px !important;font-size: 100%;}
    .logoWrapper img {max-width: 140px;}
    .videoWrapper {height: 360px;}
    .videoDiv {height: 100%;width: 100%;object-fit: cover;}
    .titleHome {padding: 27px 30px !important;}
    .titleHome .titleTitle {line-height: 95%;font-size: 210%;}
    .titleHome .titleTitle span {line-height: 100%;}
    .titleArrow, .titleSideItem {flex-direction: column;align-items: center;text-align: center;}
    .titleArrow {padding: 40px 20px;}
    .titleTextDiv,.titleBtnDiv,.titleSideLeft,.titleSideRight {max-width: 100%;}
    .titleArrowDiv, .titleSideArrowDiv {margin: 10px 0 30px; font-size: 250%; transform: rotate(90deg); }
    .titleArrowDiv {margin: 30px 0 15px;}
    .titleBtns .mainBtn {padding: 15px 0 0;margin: 0 10px;}
    .prodPageArrow {font-size: 330%;}
    .prodPageLink {padding: 30px 40px 30px 35px;}
    .prodPageWrap{padding: 140px 0;}
    .footerLeftCol img {max-width: 110px;}
    .copyLogin{font-size: 77%;}
    .prodWrap {grid-template-columns: repeat(2, 1fr);}
}

@media all and (max-width: 600px) {
	.ModDNNHTMLC td { display: block; width: 100%;}
    #Field_434_7 li {flex: 1 1 100%;}
    .LiveForm ul.page-break-section, .LiveForm .thank-you {padding: 10px !important;}
    .LiveForm .Field label {margin: 12px 0 8px 3px !important;font-size: 100%;}
    .LiveForm .Field label.Field-SubLabel-Container {font-size: 82% !important;}
    .LiveForm.Default .Field.Address table tr td {padding-right: 6px !important;}
    .LiveForm .Field input, .LiveForm .Field select, .LiveForm .Field textarea {padding: 9px 12px !important;font-size: 79% !important;}
    .calcBtn p {margin: 10px 0 0;}
    body {font-size:87%;}
    .prodPageLink {padding: 28px 23px 28px 30px;gap: 25px;}

}

@media all and (max-width: 500px) {
    .titleHome {padding: 22px 22px !important;}
    .prodPageArrow {font-size: 240%;}
    .prodPageLink {padding: 24px 16px 26px 22px;gap: 12px;}
    .footerWrapper .setWidth {display: block;}
    .footerLeftCol {padding-bottom: 20px;}
    .prodWrap {grid-template-columns: repeat(1, 1fr);gap: 32px;}
    .ctaWrapper {padding: 0 0 110px;}
    .pageTitleTitle {font-size: 350%;letter-spacing: -0.6px;}
    .pageTitleItem {text-align: left;}
    .pageTitleText{font-size: 105%;}
    .heroWrapper {padding: 230px 0 0;}
    .titleText {margin: 26px 0 0;}
    .titleTitle span {margin-bottom: 4px;}
    .prodPageWrap {padding: 60px 0;}
    .prodPageTitle {margin: 0 0 11px;font-size: 190%;}
    .whiteWrapper {padding: 110px 0;}
    .footerWrapper {padding: 30px 0;}
    .pageTitleSubtitle {font-size: 130%;padding: 0 3px 24px;}
    .contentWrapper {padding-top: 150px;padding-bottom: 150px;}
}