@charset "UTF-8";
abbr[title] { text-decoration: underline; text-decoration: underline dotted; }

audio:not([controls]) { display: none; }

b, strong { font-weight: bolder; }

button { -webkit-appearance: button; overflow: visible; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; }

button, select { text-transform: none; }

details { display: block; }

hr { overflow: visible; }

html { -ms-overflow-style: -ms-autohiding-scrollbar; overflow-y: scroll; -webkit-text-size-adjust: 100%; }

input { -webkit-border-radius: 0; }

input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; }

input[type=number] { width: auto; }

input[type=search] { -webkit-appearance: textfield; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }

main { display: block; }

pre { overflow: auto; }

progress { display: inline-block; }

summary { display: block; }

svg:not(:root) { overflow: hidden; }

template { display: none; }

textarea { overflow: auto; }

[hidden] { display: none; }

*, :after, :before { box-sizing: inherit; }

* { font-size: inherit; line-height: inherit; }

:after, :before { text-decoration: inherit; vertical-align: inherit; }

button, input, select, textarea { font-family: inherit; font-style: inherit; font-weight: inherit; }

* { margin: 0; padding: 0; }

*, :after, :before { border-style: solid; border-width: 0; }

[tabindex], a, area, button, input, label, select, textarea { -ms-touch-action: manipulation; touch-action: manipulation; }

select { -moz-appearance: none; -webkit-appearance: none; }

select::-ms-expand { display: none; }

select::-ms-value { color: currentColor; }

svg { fill: currentColor; }

[aria-busy=true] { cursor: progress; }

[aria-controls] { cursor: pointer; }

[aria-disabled] { cursor: default; }

[hidden][aria-hidden=false] { clip: rect(0 0 0 0); display: inherit; position: absolute; }

[hidden][aria-hidden=false]:focus { clip: auto; }

* { background-repeat: no-repeat; }

:root { background-color: #fff; box-sizing: border-box; color: #000; cursor: default; font: 100%/1.5 sans-serif; }

a { text-decoration: none; }

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

button, input, select, textarea { background-color: transparent; color: inherit; }

[type=button], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=reset], [type=search], [type=submit], [type=tel], [type=text], [type=time], [type=url], [type=week], button, select, textarea { min-height: 1.5em; }

code, kbd, pre, samp { font-family: monospace, monospace; }

nav ol, nav ul { list-style: none; }

small { font-size: 75%; }

table { border-collapse: collapse; border-spacing: 0; }

textarea { resize: vertical; }

::-moz-selection { background-color: #b3d4fc; color: #fff; text-shadow: none; }

::selection { background-color: #b3d4fc; color: #fff; text-shadow: none; }

@font-face { font-family: Icomoon; font-style: normal; font-weight: 400; src: url(../fonts/icomoon/icomoon.woff) format("woff"), url(../fonts/icomoon/icomoon.eot) format("eot"), url(../fonts/icomoon/icomoon.ttf) format("truetype"); }
#compare-table-headers .toggle-note { text-align: left; }

.gen-home .page-content, .gen-learn .page-content { font-family: HarmoniaSans, "HelveticaThai", "HelveticaThai", "Harmonia Sans Pro",-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif; }

.gen-home .page-content button, .gen-learn .page-content button { transition: color 0.3s linear; }

.gen-home .page-content input, .gen-home .page-content select, .gen-home .page-content textarea, .gen-learn .page-content input, .gen-learn .page-content select, .gen-learn .page-content textarea { font-size: 16px; line-height: 24px; }

.gen-home .page-content input[type=password], .gen-home .page-content input[type=text], .gen-home .page-content textarea, .gen-learn .page-content input[type=password], .gen-learn .page-content input[type=text], .gen-learn .page-content textarea { border-bottom: 1px solid #dbdbdb; }

.gen-home .page-content input[type=checkbox], .gen-home .page-content input[type=radio], .gen-home .page-content input[type=submit], .gen-learn .page-content input[type=checkbox], .gen-learn .page-content input[type=radio], .gen-learn .page-content input[type=submit] { width: auto; }

.gen-home .page-content label, .gen-learn .page-content label { display: block; }

.gen-home .page-content h1, .gen-home .page-content h2, .gen-home .page-content h3, .gen-home .page-content h4, .gen-home .page-content h5, .gen-home .page-content h6, .gen-learn .page-content h1, .gen-learn .page-content h2, .gen-learn .page-content h3, .gen-learn .page-content h4, .gen-learn .page-content h5, .gen-learn .page-content h6 { font-family: HarmoniaSans, "HelveticaThai", "HelveticaThai", "Harmonia Sans Pro",-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif; font-weight: 700; margin-bottom: 22.5px; }

.gen-home .page-content h1:last-child, .gen-home .page-content h2:last-child, .gen-home .page-content h3:last-child, .gen-home .page-content h4:last-child, .gen-home .page-content h5:last-child, .gen-home .page-content h6:last-child, .gen-learn .page-content h1:last-child, .gen-learn .page-content h2:last-child, .gen-learn .page-content h3:last-child, .gen-learn .page-content h4:last-child, .gen-learn .page-content h5:last-child, .gen-learn .page-content h6:last-child { margin-bottom: 0; }

.gen-home .page-content h1, .gen-learn .page-content h1 { font-size: 40px; line-height: 55px; }

@media (min-width: 768px) { .gen-home .page-content h1, .gen-learn .page-content h1 { font-size: 60px; line-height: 70px; } }
.gen-home .page-content h2, .gen-learn .page-content h2 { font-size: 38px; line-height: 42px; }

@media (min-width: 768px) { .gen-home .page-content h2, .gen-learn .page-content h2 { font-size: 44px; line-height: 48px; letter-spacing: 0.5px; } }
.gen-home .page-content h3, .gen-learn .page-content h3 { font-size: 20px; line-height: 26px; }

@media (min-width: 768px) { .gen-home .page-content h3, .gen-learn .page-content h3 { font-size: 24px; line-height: 30px; } }
.gen-home .page-content h4, .gen-learn .page-content h4 { font-size: 16px; line-height: 24px; }

@media (min-width: 768px) { .gen-home .page-content h4, .gen-learn .page-content h4 { font-size: 18px; line-height: 26px; } }
.gen-home .page-content img, .gen-learn .page-content img { width: 100%; font-style: italic; vertical-align: middle; height: auto; display: block; border: 0; }

.gen-home .page-content a, .gen-learn .page-content a { color: #64a70b; transition: color .3s linear; text-decoration: none; }

.gen-home .page-content a img, .gen-learn .page-content a img { transition: opacity 0.3s linear; }

.gen-home .page-content a:hover img, .gen-learn .page-content a:hover img { opacity: 0.75; }

.gen-home .page-content a:focus, .gen-learn .page-content a:focus { outline-color: #64a70b; }

.gen-home .page-content .button, .gen-learn .page-content .button { display: inline-block; transition-property: all; background-color: #64a70b; border: 1px solid #64a70b; border-radius: 2px; color: #fff; padding: 7.5px 15px; text-align: center; }

@media (min-width: 768px) { .gen-home .page-content .button, .gen-learn .page-content .button { padding: 7.5px 22.5px; } }
.gen-home .page-content .button:hover, .gen-learn .page-content .button:hover { background-color: #579802; }

.gen-home .page-content .button ~ .button, .gen-learn .page-content .button ~ .button { margin-top: 10px; }

.gen-home .page-content .button--outline, .gen-learn .page-content .button--outline { display: inline-block; transition-property: all; background-color: transparent; border: 1px solid #64a70b; color: #64a70b; }

.gen-home .page-content .button--outline:hover, .gen-learn .page-content .button--outline:hover { background-color: #64a70b; border-color: #64a70b; color: #fff; }

.gen-home .page-content .button--secondary, .gen-learn .page-content .button--secondary { display: inline-block; transition-property: all; background-color: transparent; border: none; color: #222; padding: 0 5px 0 0; text-align: left; }

.gen-home .page-content .button--secondary span:before, .gen-learn .page-content .button--secondary span:before { color: #64a70b; font-size: 50%; margin-left: 5px; overflow: visible; top: 0; transition: transform .3s linear; width: 0; }

.gen-home .page-content .button--secondary:hover, .gen-learn .page-content .button--secondary:hover { background-color: transparent; color: #222; }

.gen-home .page-content .button--white, .gen-learn .page-content .button--white { display: inline-block; transition-property: all; background-color: rgba(0, 0, 0, 0.2); border: 1px solid #fff; }

.gen-home .page-content .button--white:hover, .gen-learn .page-content .button--white:hover { background-color: #64a70b; border-color: #64a70b; color: #fff; }

.gen-home .page-content .button-wrapper + .button-wrapper, .gen-learn .page-content .button-wrapper + .button-wrapper { margin-top: 10px; }

.gen-home .page-content .video-trigger, .gen-learn .page-content .video-trigger { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; width: 100%; }

@media (max-width: 767px) { .gen-home .page-content .video-trigger, .gen-learn .page-content .video-trigger { display: inline-block; width: auto; } }
@media (max-width: 767px) { .gen-home .page-content .video-trigger img, .gen-learn .page-content .video-trigger img { display: block; margin: 0 auto 15px !important; }
  .gen-home .page-content .video-trigger img + .video-trigger__inner .video-trigger__text, .gen-learn .page-content .video-trigger img + .video-trigger__inner .video-trigger__text { font-size: 18px; }
  .gen-home .page-content .video-trigger img + .video-trigger__inner .video-trigger__icon:before, .gen-learn .page-content .video-trigger img + .video-trigger__inner .video-trigger__icon:before { font-size: 22px; margin-top: -4px; } }
@media (min-width: 768px) { .gen-home .page-content .video-trigger img, .gen-learn .page-content .video-trigger img { width: 50%; }
  .gen-home .page-content .video-trigger img + .video-trigger__inner, .gen-learn .page-content .video-trigger img + .video-trigger__inner { padding-right: 30px; } }
.gen-home .page-content .video-trigger__inner, .gen-learn .page-content .video-trigger__inner { display: -ms-flexbox; display: flex; position: relative; }

.gen-home .page-content .video-trigger img, .gen-learn .page-content .video-trigger img { margin-right: 15px; width: 200px; }

@media (min-width: 768px) { .gen-home .page-content .video-trigger img, .gen-learn .page-content .video-trigger img { width: 140px; } }
.gen-home .page-content .video-trigger__text, .gen-learn .page-content .video-trigger__text { transition: all .3s linear; position: relative; }

.gen-home .page-content .video-trigger__icon, .gen-home .page-content .video-trigger__icon:before, .gen-learn .page-content .video-trigger__icon, .gen-learn .page-content .video-trigger__icon:before { transition: all 0.3s linear; }

.gen-home .page-content .video-trigger__icon:before, .gen-learn .page-content .video-trigger__icon:before { display: inline-block; font-size: 20px; height: 24px; line-height: 24px; margin-top: -12px; padding-left: 2px; position: absolute; right: 0; text-align: center; top: 50%; width: 24px; }

.gen-home .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon { display: inline-block; transition-property: all; background-color: #64a70b; border: 1px solid #64a70b; border-radius: 2px; color: #fff; padding: 7.5px 15px; text-align: center; -ms-flex-align: center; align-items: center; background-color: #4e8828; border-top-left-radius: 0; border-bottom-left-radius: 0; border-color: #4e8828; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-left: 7.5px; padding-right: 7.5px; }

@media (min-width: 768px) { .gen-home .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon { padding: 7.5px 22.5px; } }
.gen-home .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon:hover, .gen-learn .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon:hover { background-color: #579802; }

.gen-home .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon ~ .button, .gen-learn .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon ~ .button { margin-top: 10px; }

@media (min-width: 768px) { .gen-home .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon { padding-left: 7.5px; padding-right: 7.5px; } }
.gen-home .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon:before, .gen-learn .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon:before { content: "\e90e"; font-size: 16px; margin-top: -3px; position: relative; top: 0; }

.gen-home .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__text, .gen-learn .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__text { display: inline-block; transition-property: all; background-color: #64a70b; border: 1px solid #64a70b; border-radius: 2px; color: #fff; padding: 7.5px 15px; text-align: center; border-top-right-radius: 0; border-bottom-right-radius: 0; white-space: nowrap; }

@media (min-width: 768px) { .gen-home .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__text, .gen-learn .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__text { padding: 7.5px 22.5px; min-width: 280px; }
  .gen-home .page-content .button-know, .gen-learn .page-content .button-know, .gen-home .page-content .button--white, .gen-learn .page-content .button--white { min-width: 320px; } }
.gen-home .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__text:hover, .gen-learn .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__text:hover { background-color: #579802; }

.gen-home .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__text ~ .button, .gen-learn .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__text ~ .button { margin-top: 10px; }

.gen-home .page-content .video-trigger:hover .video-trigger__inner:first-child .video-trigger__text, .gen-learn .page-content .video-trigger:hover .video-trigger__inner:first-child .video-trigger__text { background-color: #579802; color: #fff; }

.gen-home .page-content .video-trigger:hover img + .video-trigger__inner .video-trigger__icon:before, .gen-learn .page-content .video-trigger:hover img + .video-trigger__inner .video-trigger__icon:before { -ms-transform: translateX(5px); transform: translateX(5px); }

@media (max-width: 1022px) { .gen-home .page-content .video-trigger, .gen-learn .page-content .video-trigger { -ms-flex-pack: center; justify-content: center; } }
@media (max-width: 767px) { .gen-home .page-content .video-trigger__inner, .gen-learn .page-content .video-trigger__inner { padding-right: 0; }
  .gen-home .page-content .video-trigger__inner:first-child, .gen-learn .page-content .video-trigger__inner:first-child { width: 100%; }
  .gen-home .page-content .video-trigger__text, .gen-learn .page-content .video-trigger__text { width: 100%; }
  .gen-home .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__text, .gen-learn .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__text { min-width: 0; }
  .gen-home .page-content .button--white, .gen-learn .page-content .button--white { min-width: 0; } }
.gen-home .page-content dl, .gen-home .page-content ol, .gen-home .page-content ul, .gen-learn .page-content dl, .gen-learn .page-content ol, .gen-learn .page-content ul { margin-left: 30px; }

.gen-home .page-content td, .gen-home .page-content th, .gen-home .page-content tr, .gen-learn .page-content td, .gen-learn .page-content th, .gen-learn .page-content tr { padding: 15px; }

.gen-home .page-content em, .gen-learn .page-content em { font-style: normal; }

.gen-home .page-content strong, .gen-learn .page-content strong { font-weight: 700; }

.gen-home .page-content p { color: #747474; margin-bottom: 22.5px; }

.gen-learn .page-content p { color: #747474; }

.gen-home .page-content p:last-child, .gen-learn .page-content p:last-child { margin-bottom: 0; }

@media (max-width: 767px) { .gen-home .page-content p, .gen-learn .page-content p { font-size: 14px; line-height: 20px; } }
.gen-home .page-content sup, .gen-learn .page-content sup { font-size: 70%; font-weight: 400; line-height: inherit; position: relative; top: -1px; vertical-align: top; }

.gen-home .span-1, .gen-learn .span-1 { width: 100%; }

.gen-home .span-1.center, .gen-learn .span-1.center { margin-left: 0; }

@media (min-width: 480px) { .gen-home .span-1, .gen-learn .span-1 { width: 5.71429%; }
  .gen-home .span-1.center, .gen-learn .span-1.center { margin-left: 47.14286%; } }
.gen-home .push-1, .gen-learn .push-1 { margin-left: 8.57143%; }

.gen-home .pull-1, .gen-learn .pull-1 { margin-left: -8.57143%; }

.gen-home .span-2, .gen-learn .span-2 { width: 100%; }

.gen-home .span-2.center, .gen-learn .span-2.center { margin-left: 0; }

@media (min-width: 480px) { .gen-home .span-2, .gen-learn .span-2 { width: 14.28571%; }
  .gen-home .span-2.center, .gen-learn .span-2.center { margin-left: 42.85714%; } }
.gen-home .push-2, .gen-learn .push-2 { margin-left: 17.14286%; }

.gen-home .pull-2, .gen-learn .pull-2 { margin-left: -17.14286%; }

.gen-home .span-3, .gen-learn .span-3 { width: 100%; }

.gen-home .span-3.center, .gen-learn .span-3.center { margin-left: 0; }

@media (min-width: 480px) { .gen-home .span-3, .gen-learn .span-3 { width: 22.85714%; }
  .gen-home .span-3 .span-3.center, .gen-learn .span-3 .span-3.center { margin-left: 38.57143%; } }
.gen-home .push-3, .gen-learn .push-3 { margin-left: 25.71429%; }

.gen-home .pull-3, .gen-learn .pull-3 { margin-left: -25.71429%; }

.gen-home .span-4, .gen-learn .span-4 { width: 100%; }

.gen-home .span-4.center, .gen-learn .span-4.center { margin-left: 0; }

@media (min-width: 480px) { .gen-home .span-4, .gen-learn .span-4 { width: 31.42857%; }
  .gen-home .span-4 .span-4.center, .gen-learn .span-4 .span-4.center { margin-left: 34.28571%; } }
.gen-home .push-4, .gen-learn .push-4 { margin-left: 34.28571%; }

.gen-home .pull-4, .gen-learn .pull-4 { margin-left: -34.28571%; }

.gen-home .span-5, .gen-learn .span-5 { width: 100%; }

.gen-home .span-5.center, .gen-learn .span-5.center { margin-left: 0; }

@media (min-width: 480px) { .gen-home .span-5, .gen-learn .span-5 { width: 40%; }
  .gen-home .span-5.center, .gen-learn .span-5.center { margin-left: 30%; } }
.gen-home .push-5, .gen-learn .push-5 { margin-left: 42.85714%; }

.gen-home .pull-5, .gen-learn .pull-5 { margin-left: -42.85714%; }

.gen-home .span-6, .gen-learn .span-6 { width: 100%; }

.gen-home .span-6.center, .gen-learn .span-6.center { margin-left: 0; }

@media (min-width: 480px) { .gen-home .span-6, .gen-learn .span-6 { width: 48.57143%; }
  .gen-home .span-6 .span-6.center, .gen-learn .span-6 .span-6.center { margin-left: 25.71429%; } }
.gen-home .push-6, .gen-learn .push-6 { margin-left: 51.42857%; }

.gen-home .pull-6, .gen-learn .pull-6 { margin-left: -51.42857%; }

.gen-home .span-7, .gen-learn .span-7 { width: 100%; }

.gen-home .span-7.center, .gen-learn .span-7.center { margin-left: 0; }

@media (min-width: 480px) { .gen-home .span-7, .gen-learn .span-7 { width: 57.14286%; }
  .gen-home .span-7.center, .gen-learn .span-7.center { margin-left: 21.42857%; } }
.gen-home .push-7, .gen-learn .push-7 { margin-left: 60%; }

.gen-home .pull-7, .gen-learn .pull-7 { margin-left: -60%; }

.gen-home .span-8, .gen-learn .span-8 { width: 100%; }

.gen-home .span-8.center, .gen-learn .span-8.center { margin-left: 0; }

@media (min-width: 480px) { .gen-home .span-8, .gen-learn .span-8 { width: 65.71429%; }
  .gen-home .span-8.center, .gen-learn .span-8.center { margin-left: 17.14286%; } }
.gen-home .push-8, .gen-learn .push-8 { margin-left: 68.57143%; }

.gen-home .pull-8, .gen-learn .pull-8 { margin-left: -68.57143%; }

.gen-home .span-9, .gen-learn .span-9 { width: 100%; }

.gen-home .span-9.center, .gen-learn .span-9.center { margin-left: 0; }

@media (min-width: 480px) { .gen-home .span-9, .gen-learn .span-9 { width: 74.28571%; }
  .gen-home .span-9.center, .gen-learn .span-9.center { margin-left: 12.85714%; } }
.gen-home .push-9, .gen-learn .push-9 { margin-left: 77.14286%; }

.gen-home .pull-9, .gen-learn .pull-9 { margin-left: -77.14286%; }

.gen-home .span-10, .gen-learn .span-10 { width: 100%; }

.gen-home .span-10.center, .gen-learn .span-10.center { margin-left: 0; }

@media (min-width: 480px) { .gen-home .span-10, .gen-learn .span-10 { width: 82.85714%; }
  .gen-home .span-10.center, .gen-learn .span-10.center { margin-left: 8.57143%; } }
.gen-home .push-10, .gen-learn .push-10 { margin-left: 85.71429%; }

.gen-home .pull-10, .gen-learn .pull-10 { margin-left: -85.71429%; }

.gen-home .span-11, .gen-learn .span-11 { width: 100%; }

.gen-home .span-11.center, .gen-learn .span-11.center { margin-left: 0; }

@media (min-width: 480px) { .gen-home .span-11, .gen-learn .span-11 { width: 91.42857%; }
  .gen-home .span-11.center, .gen-learn .span-11.center { margin-left: 4.28571%; } }
.gen-home .push-11, .gen-learn .push-11 { margin-left: 94.28571%; }

.gen-home .pull-11, .gen-learn .pull-11 { margin-left: -94.28571%; }

.gen-home .span-12, .gen-learn .span-12 { width: 100%; }

.gen-home .span-12.center, .gen-learn .span-12.center { margin-left: 0; }

@media (min-width: 480px) { .gen-home .span-12, .gen-learn .span-12 { width: 100%; }
  .gen-home .span-12.center, .gen-learn .span-12.center { margin-left: 0; } }
.gen-home .push-12, .gen-learn .push-12 { margin-left: 102.85714%; }

.gen-home .pull-12, .gen-learn .pull-12 { margin-left: -102.85714%; }

@media (min-width: 240px) { .gen-home .span-1\@mobile, .gen-learn .span-1\@mobile { width: 5.71429%; }
  .gen-home .span-1\@mobile.center, .gen-learn .span-1\@mobile.center { margin-left: 47.14286%; }
  .gen-home .push-1\@mobile, .gen-learn .push-1\@mobile { margin-left: 8.57143%; }
  .gen-home .pull-1\@mobile, .gen-learn .pull-1\@mobile { margin-left: -8.57143%; }
  .gen-home .span-2\@mobile, .gen-learn .span-2\@mobile { width: 14.28571%; }
  .gen-home .span-2\@mobile.center, .gen-learn .span-2\@mobile.center { margin-left: 42.85714%; }
  .gen-home .push-2\@mobile, .gen-learn .push-2\@mobile { margin-left: 17.14286%; }
  .gen-home .pull-2\@mobile, .gen-learn .pull-2\@mobile { margin-left: -17.14286%; }
  .gen-home .span-3\@mobile, .gen-learn .span-3\@mobile { width: 22.85714%; }
  .gen-home .span-3\@mobile.center, .gen-learn .span-3\@mobile.center { margin-left: 38.57143%; }
  .gen-home .push-3\@mobile, .gen-learn .push-3\@mobile { margin-left: 25.71429%; }
  .gen-home .pull-3\@mobile, .gen-learn .pull-3\@mobile { margin-left: -25.71429%; }
  .gen-home .span-4\@mobile, .gen-learn .span-4\@mobile { width: 31.42857%; }
  .gen-home .push-4\@mobile, .gen-home .span-4\@mobile.center, .gen-learn .push-4\@mobile, .gen-learn .span-4\@mobile.center { margin-left: 34.28571%; }
  .gen-home .pull-4\@mobile, .gen-learn .pull-4\@mobile { margin-left: -34.28571%; }
  .gen-home .span-5\@mobile, .gen-learn .span-5\@mobile { width: 40%; }
  .gen-home .span-5\@mobile.center, .gen-learn .span-5\@mobile.center { margin-left: 30%; }
  .gen-home .push-5\@mobile, .gen-learn .push-5\@mobile { margin-left: 42.85714%; }
  .gen-home .pull-5\@mobile, .gen-learn .pull-5\@mobile { margin-left: -42.85714%; }
  .gen-home .span-6\@mobile, .gen-learn .span-6\@mobile { width: 48.57143%; }
  .gen-home .span-6\@mobile.center, .gen-learn .span-6\@mobile.center { margin-left: 25.71429%; }
  .gen-home .push-6\@mobile, .gen-learn .push-6\@mobile { margin-left: 51.42857%; }
  .gen-home .pull-6\@mobile, .gen-learn .pull-6\@mobile { margin-left: -51.42857%; }
  .gen-home .span-7\@mobile, .gen-learn .span-7\@mobile { width: 57.14286%; }
  .gen-home .span-7\@mobile.center, .gen-learn .span-7\@mobile.center { margin-left: 21.42857%; }
  .gen-home .push-7\@mobile, .gen-learn .push-7\@mobile { margin-left: 60%; }
  .gen-home .pull-7\@mobile, .gen-learn .pull-7\@mobile { margin-left: -60%; }
  .gen-home .span-8\@mobile, .gen-learn .span-8\@mobile { width: 65.71429%; }
  .gen-home .span-8\@mobile.center, .gen-learn .span-8\@mobile.center { margin-left: 17.14286%; }
  .gen-home .push-8\@mobile, .gen-learn .push-8\@mobile { margin-left: 68.57143%; }
  .gen-home .pull-8\@mobile, .gen-learn .pull-8\@mobile { margin-left: -68.57143%; }
  .gen-home .span-9\@mobile, .gen-learn .span-9\@mobile { width: 74.28571%; }
  .gen-home .span-9\@mobile.center, .gen-learn .span-9\@mobile.center { margin-left: 12.85714%; }
  .gen-home .push-9\@mobile, .gen-learn .push-9\@mobile { margin-left: 77.14286%; }
  .gen-home .pull-9\@mobile, .gen-learn .pull-9\@mobile { margin-left: -77.14286%; }
  .gen-home .span-10\@mobile, .gen-learn .span-10\@mobile { width: 82.85714%; }
  .gen-home .span-10\@mobile.center, .gen-learn .span-10\@mobile.center { margin-left: 8.57143%; }
  .gen-home .push-10\@mobile, .gen-learn .push-10\@mobile { margin-left: 85.71429%; }
  .gen-home .pull-10\@mobile, .gen-learn .pull-10\@mobile { margin-left: -85.71429%; }
  .gen-home .span-11\@mobile, .gen-learn .span-11\@mobile { width: 91.42857%; }
  .gen-home .span-11\@mobile.center, .gen-learn .span-11\@mobile.center { margin-left: 4.28571%; }
  .gen-home .push-11\@mobile, .gen-learn .push-11\@mobile { margin-left: 94.28571%; }
  .gen-home .pull-11\@mobile, .gen-learn .pull-11\@mobile { margin-left: -94.28571%; }
  .gen-home .span-12\@mobile, .gen-learn .span-12\@mobile { width: 100%; }
  .gen-home .span-12\@mobile.center, .gen-learn .span-12\@mobile.center { margin-left: 0; }
  .gen-home .push-12\@mobile, .gen-learn .push-12\@mobile { margin-left: 102.85714%; }
  .gen-home .pull-12\@mobile, .gen-learn .pull-12\@mobile { margin-left: -102.85714%; } }
@media (min-width: 768px) { .gen-home .span-1\@tablet, .gen-learn .span-1\@tablet { width: 5.71429%; }
  .gen-home .span-1\@tablet.center, .gen-learn .span-1\@tablet.center { margin-left: 47.14286%; }
  .gen-home .push-1\@tablet, .gen-learn .push-1\@tablet { margin-left: 8.57143%; }
  .gen-home .pull-1\@tablet, .gen-learn .pull-1\@tablet { margin-left: -8.57143%; }
  .gen-home .span-2\@tablet, .gen-learn .span-2\@tablet { width: 14.28571%; }
  .gen-home .span-2\@tablet.center, .gen-learn .span-2\@tablet.center { margin-left: 42.85714%; }
  .gen-home .push-2\@tablet, .gen-learn .push-2\@tablet { margin-left: 17.14286%; }
  .gen-home .pull-2\@tablet, .gen-learn .pull-2\@tablet { margin-left: -17.14286%; }
  .gen-home .span-3\@tablet, .gen-learn .span-3\@tablet { width: 22.85714%; }
  .gen-home .span-3\@tablet.center, .gen-learn .span-3\@tablet.center { margin-left: 38.57143%; }
  .gen-home .push-3\@tablet, .gen-learn .push-3\@tablet { margin-left: 25.71429%; }
  .gen-home .pull-3\@tablet, .gen-learn .pull-3\@tablet { margin-left: -25.71429%; }
  .gen-home .span-4\@tablet, .gen-learn .span-4\@tablet { width: 31.42857%; }
  .gen-home .push-4\@tablet, .gen-home .span-4\@tablet.center, .gen-learn .push-4\@tablet, .gen-learn .span-4\@tablet.center { margin-left: 34.28571%; }
  .gen-home .pull-4\@tablet, .gen-learn .pull-4\@tablet { margin-left: -34.28571%; }
  .gen-home .span-5\@tablet, .gen-learn .span-5\@tablet { width: 40%; }
  .gen-home .span-5\@tablet.center, .gen-learn .span-5\@tablet.center { margin-left: 30%; }
  .gen-home .push-5\@tablet, .gen-learn .push-5\@tablet { margin-left: 42.85714%; }
  .gen-home .pull-5\@tablet, .gen-learn .pull-5\@tablet { margin-left: -42.85714%; }
  .gen-home .span-6\@tablet, .gen-learn .span-6\@tablet { width: 48.57143%; }
  .gen-home .span-6\@tablet.center, .gen-learn .span-6\@tablet.center { margin-left: 25.71429%; }
  .gen-home .push-6\@tablet, .gen-learn .push-6\@tablet { margin-left: 51.42857%; }
  .gen-home .pull-6\@tablet, .gen-learn .pull-6\@tablet { margin-left: -51.42857%; }
  .gen-home .span-7\@tablet, .gen-learn .span-7\@tablet { width: 57.14286%; }
  .gen-home .span-7\@tablet.center, .gen-learn .span-7\@tablet.center { margin-left: 21.42857%; }
  .gen-home .push-7\@tablet, .gen-learn .push-7\@tablet { margin-left: 60%; }
  .gen-home .pull-7\@tablet, .gen-learn .pull-7\@tablet { margin-left: -60%; }
  .gen-home .span-8\@tablet, .gen-learn .span-8\@tablet { width: 65.71429%; }
  .gen-home .span-8\@tablet.center, .gen-learn .span-8\@tablet.center { margin-left: 17.14286%; }
  .gen-home .push-8\@tablet, .gen-learn .push-8\@tablet { margin-left: 68.57143%; }
  .gen-home .pull-8\@tablet, .gen-learn .pull-8\@tablet { margin-left: -68.57143%; }
  .gen-home .span-9\@tablet, .gen-learn .span-9\@tablet { width: 74.28571%; }
  .gen-home .span-9\@tablet.center, .gen-learn .span-9\@tablet.center { margin-left: 12.85714%; }
  .gen-home .push-9\@tablet, .gen-learn .push-9\@tablet { margin-left: 77.14286%; }
  .gen-home .pull-9\@tablet, .gen-learn .pull-9\@tablet { margin-left: -77.14286%; }
  .gen-home .span-10\@tablet, .gen-learn .span-10\@tablet { width: 82.85714%; }
  .gen-home .span-10\@tablet.center, .gen-learn .span-10\@tablet.center { margin-left: 8.57143%; }
  .gen-home .push-10\@tablet, .gen-learn .push-10\@tablet { margin-left: 85.71429%; }
  .gen-home .pull-10\@tablet, .gen-learn .pull-10\@tablet { margin-left: -85.71429%; }
  .gen-home .span-11\@tablet, .gen-learn .span-11\@tablet { width: 91.42857%; }
  .gen-home .span-11\@tablet.center, .gen-learn .span-11\@tablet.center { margin-left: 4.28571%; }
  .gen-home .push-11\@tablet, .gen-learn .push-11\@tablet { margin-left: 94.28571%; }
  .gen-home .pull-11\@tablet, .gen-learn .pull-11\@tablet { margin-left: -94.28571%; }
  .gen-home .span-12\@tablet, .gen-learn .span-12\@tablet { width: 100%; }
  .gen-home .span-12\@tablet.center, .gen-learn .span-12\@tablet.center { margin-left: 0; }
  .gen-home .push-12\@tablet, .gen-learn .push-12\@tablet { margin-left: 102.85714%; }
  .gen-home .pull-12\@tablet, .gen-learn .pull-12\@tablet { margin-left: -102.85714%; } }
@media (min-width: 1023px) { .gen-home .span-1\@large-tablet, .gen-learn .span-1\@large-tablet { width: 5.71429%; }
  .gen-home .span-1\@large-tablet.center, .gen-learn .span-1\@large-tablet.center { margin-left: 47.14286%; }
  .gen-home .push-1\@large-tablet, .gen-learn .push-1\@large-tablet { margin-left: 8.57143%; }
  .gen-home .pull-1\@large-tablet, .gen-learn .pull-1\@large-tablet { margin-left: -8.57143%; }
  .gen-home .span-2\@large-tablet, .gen-learn .span-2\@large-tablet { width: 14.28571%; }
  .gen-home .span-2\@large-tablet.center, .gen-learn .span-2\@large-tablet.center { margin-left: 42.85714%; }
  .gen-home .push-2\@large-tablet, .gen-learn .push-2\@large-tablet { margin-left: 17.14286%; }
  .gen-home .pull-2\@large-tablet, .gen-learn .pull-2\@large-tablet { margin-left: -17.14286%; }
  .gen-home .span-3\@large-tablet, .gen-learn .span-3\@large-tablet { width: 22.85714%; }
  .gen-home .span-3\@large-tablet.center, .gen-learn .span-3\@large-tablet.center { margin-left: 38.57143%; }
  .gen-home .push-3\@large-tablet, .gen-learn .push-3\@large-tablet { margin-left: 25.71429%; }
  .gen-home .pull-3\@large-tablet, .gen-learn .pull-3\@large-tablet { margin-left: -25.71429%; }
  .gen-home .span-4\@large-tablet, .gen-learn .span-4\@large-tablet { width: 31.42857%; }
  .gen-home .push-4\@large-tablet, .gen-home .span-4\@large-tablet.center, .gen-learn .push-4\@large-tablet, .gen-learn .span-4\@large-tablet.center { margin-left: 34.28571%; }
  .gen-home .pull-4\@large-tablet, .gen-learn .pull-4\@large-tablet { margin-left: -34.28571%; }
  .gen-home .span-5\@large-tablet, .gen-learn .span-5\@large-tablet { width: 40%; }
  .gen-home .span-5\@large-tablet.center, .gen-learn .span-5\@large-tablet.center { margin-left: 30%; }
  .gen-home .push-5\@large-tablet, .gen-learn .push-5\@large-tablet { margin-left: 42.85714%; }
  .gen-home .pull-5\@large-tablet, .gen-learn .pull-5\@large-tablet { margin-left: -42.85714%; }
  .gen-home .span-6\@large-tablet, .gen-learn .span-6\@large-tablet { width: 48.57143%; }
  .gen-home .span-6\@large-tablet.center, .gen-learn .span-6\@large-tablet.center { margin-left: 25.71429%; }
  .gen-home .push-6\@large-tablet, .gen-learn .push-6\@large-tablet { margin-left: 51.42857%; }
  .gen-home .pull-6\@large-tablet, .gen-learn .pull-6\@large-tablet { margin-left: -51.42857%; }
  .gen-home .span-7\@large-tablet, .gen-learn .span-7\@large-tablet { width: 57.14286%; }
  .gen-home .span-7\@large-tablet.center, .gen-learn .span-7\@large-tablet.center { margin-left: 21.42857%; }
  .gen-home .push-7\@large-tablet, .gen-learn .push-7\@large-tablet { margin-left: 60%; }
  .gen-home .pull-7\@large-tablet, .gen-learn .pull-7\@large-tablet { margin-left: -60%; }
  .gen-home .span-8\@large-tablet, .gen-learn .span-8\@large-tablet { width: 65.71429%; }
  .gen-home .span-8\@large-tablet.center, .gen-learn .span-8\@large-tablet.center { margin-left: 17.14286%; }
  .gen-home .push-8\@large-tablet, .gen-learn .push-8\@large-tablet { margin-left: 68.57143%; }
  .gen-home .pull-8\@large-tablet, .gen-learn .pull-8\@large-tablet { margin-left: -68.57143%; }
  .gen-home .span-9\@large-tablet, .gen-learn .span-9\@large-tablet { width: 74.28571%; }
  .gen-home .span-9\@large-tablet.center, .gen-learn .span-9\@large-tablet.center { margin-left: 12.85714%; }
  .gen-home .push-9\@large-tablet, .gen-learn .push-9\@large-tablet { margin-left: 77.14286%; }
  .gen-home .pull-9\@large-tablet, .gen-learn .pull-9\@large-tablet { margin-left: -77.14286%; }
  .gen-home .span-10\@large-tablet, .gen-learn .span-10\@large-tablet { width: 82.85714%; }
  .gen-home .span-10\@large-tablet.center, .gen-learn .span-10\@large-tablet.center { margin-left: 8.57143%; }
  .gen-home .push-10\@large-tablet, .gen-learn .push-10\@large-tablet { margin-left: 85.71429%; }
  .gen-home .pull-10\@large-tablet, .gen-learn .pull-10\@large-tablet { margin-left: -85.71429%; }
  .gen-home .span-11\@large-tablet, .gen-learn .span-11\@large-tablet { width: 91.42857%; }
  .gen-home .span-11\@large-tablet.center, .gen-learn .span-11\@large-tablet.center { margin-left: 4.28571%; }
  .gen-home .push-11\@large-tablet, .gen-learn .push-11\@large-tablet { margin-left: 94.28571%; }
  .gen-home .pull-11\@large-tablet, .gen-learn .pull-11\@large-tablet { margin-left: -94.28571%; }
  .gen-home .span-12\@large-tablet, .gen-learn .span-12\@large-tablet { width: 100%; }
  .gen-home .span-12\@large-tablet.center, .gen-learn .span-12\@large-tablet.center { margin-left: 0; }
  .gen-home .push-12\@large-tablet, .gen-learn .push-12\@large-tablet { margin-left: 102.85714%; }
  .gen-home .pull-12\@large-tablet, .gen-learn .pull-12\@large-tablet { margin-left: -102.85714%; } }
@media (min-width: 1200px) { .gen-home .span-1\@desktop, .gen-learn .span-1\@desktop { width: 5.71429%; }
  .gen-home .span-1\@desktop.center, .gen-learn .span-1\@desktop.center { margin-left: 47.14286%; }
  .gen-home .push-1\@desktop, .gen-learn .push-1\@desktop { margin-left: 8.57143%; }
  .gen-home .pull-1\@desktop, .gen-learn .pull-1\@desktop { margin-left: -8.57143%; }
  .gen-home .span-2\@desktop, .gen-learn .span-2\@desktop { width: 14.28571%; }
  .gen-home .span-2\@desktop.center, .gen-learn .span-2\@desktop.center { margin-left: 42.85714%; }
  .gen-home .push-2\@desktop, .gen-learn .push-2\@desktop { margin-left: 17.14286%; }
  .gen-home .pull-2\@desktop, .gen-learn .pull-2\@desktop { margin-left: -17.14286%; }
  .gen-home .span-3\@desktop, .gen-learn .span-3\@desktop { width: 22.85714%; }
  .gen-home .span-3\@desktop.center, .gen-learn .span-3\@desktop.center { margin-left: 38.57143%; }
  .gen-home .push-3\@desktop, .gen-learn .push-3\@desktop { margin-left: 25.71429%; }
  .gen-home .pull-3\@desktop, .gen-learn .pull-3\@desktop { margin-left: -25.71429%; }
  .gen-home .span-4\@desktop, .gen-learn .span-4\@desktop { width: 31.42857%; }
  .gen-home .push-4\@desktop, .gen-home .span-4\@desktop.center, .gen-learn .push-4\@desktop, .gen-learn .span-4\@desktop.center { margin-left: 34.28571%; }
  .gen-home .pull-4\@desktop, .gen-learn .pull-4\@desktop { margin-left: -34.28571%; }
  .gen-home .span-5\@desktop, .gen-learn .span-5\@desktop { width: 40%; }
  .gen-home .span-5\@desktop.center, .gen-learn .span-5\@desktop.center { margin-left: 30%; }
  .gen-home .push-5\@desktop, .gen-learn .push-5\@desktop { margin-left: 42.85714%; }
  .gen-home .pull-5\@desktop, .gen-learn .pull-5\@desktop { margin-left: -42.85714%; }
  .gen-home .span-6\@desktop, .gen-learn .span-6\@desktop { width: 48.57143%; }
  .gen-home .span-6\@desktop.center, .gen-learn .span-6\@desktop.center { margin-left: 25.71429%; }
  .gen-home .push-6\@desktop, .gen-learn .push-6\@desktop { margin-left: 51.42857%; }
  .gen-home .pull-6\@desktop, .gen-learn .pull-6\@desktop { margin-left: -51.42857%; }
  .gen-home .span-7\@desktop, .gen-learn .span-7\@desktop { width: 57.14286%; }
  .gen-home .span-7\@desktop.center, .gen-learn .span-7\@desktop.center { margin-left: 21.42857%; }
  .gen-home .push-7\@desktop, .gen-learn .push-7\@desktop { margin-left: 60%; }
  .gen-home .pull-7\@desktop, .gen-learn .pull-7\@desktop { margin-left: -60%; }
  .gen-home .span-8\@desktop, .gen-learn .span-8\@desktop { width: 65.71429%; }
  .gen-home .span-8\@desktop.center, .gen-learn .span-8\@desktop.center { margin-left: 17.14286%; }
  .gen-home .push-8\@desktop, .gen-learn .push-8\@desktop { margin-left: 68.57143%; }
  .gen-home .pull-8\@desktop, .gen-learn .pull-8\@desktop { margin-left: -68.57143%; }
  .gen-home .span-9\@desktop, .gen-learn .span-9\@desktop { width: 74.28571%; }
  .gen-home .span-9\@desktop.center, .gen-learn .span-9\@desktop.center { margin-left: 12.85714%; }
  .gen-home .push-9\@desktop, .gen-learn .push-9\@desktop { margin-left: 77.14286%; }
  .gen-home .pull-9\@desktop, .gen-learn .pull-9\@desktop { margin-left: -77.14286%; }
  .gen-home .span-10\@desktop, .gen-learn .span-10\@desktop { width: 82.85714%; }
  .gen-home .span-10\@desktop.center, .gen-learn .span-10\@desktop.center { margin-left: 8.57143%; }
  .gen-home .push-10\@desktop, .gen-learn .push-10\@desktop { margin-left: 85.71429%; }
  .gen-home .pull-10\@desktop, .gen-learn .pull-10\@desktop { margin-left: -85.71429%; }
  .gen-home .span-11\@desktop, .gen-learn .span-11\@desktop { width: 91.42857%; }
  .gen-home .span-11\@desktop.center, .gen-learn .span-11\@desktop.center { margin-left: 4.28571%; }
  .gen-home .push-11\@desktop, .gen-learn .push-11\@desktop { margin-left: 94.28571%; }
  .gen-home .pull-11\@desktop, .gen-learn .pull-11\@desktop { margin-left: -94.28571%; }
  .gen-home .span-12\@desktop, .gen-learn .span-12\@desktop { width: 100%; }
  .gen-home .span-12\@desktop.center, .gen-learn .span-12\@desktop.center { margin-left: 0; }
  .gen-home .push-12\@desktop, .gen-learn .push-12\@desktop { margin-left: 102.85714%; }
  .gen-home .pull-12\@desktop, .gen-learn .pull-12\@desktop { margin-left: -102.85714%; } }
.gen-home .remove-center, .gen-learn .remove-center { margin-right: 0; }

.gen-home .row, .gen-learn .row { display: block; }

.gen-home .row:after, .gen-learn .row:after { content: "" !important; display: block !important; clear: both !important; }

.gen-home [class^=span-], .gen-learn [class^=span-] { float: left; margin-right: 2.85714%; }

.gen-home [class^=span-]:last-child, .gen-learn [class^=span-]:last-child { margin-right: 0; }

.gen-home .clearfix:after, .gen-learn .clearfix:after { content: "" !important; display: block !important; clear: both !important; }

.gen-home .hidden, .gen-learn .hidden { border: 0; clip: rect(0, 0, 0, 0); height: 1px; left: -10000px; margin: -1px; overflow: hidden; padding: 0; position: absolute; top: auto; width: 1px; }

.gen-home .reveal-adjust *, .gen-learn .reveal-adjust * { -ms-transform: none !important; transform: none !important; z-index: auto !important; }

.gen-home .reveal-adjust .reveal, .gen-learn .reveal-adjust .reveal { background-color: #fff !important; outline: 1px solid red; position: relative; z-index: 3000 !important; }

.gen-home .reveal-adjust .reveal-overlay, .gen-learn .reveal-adjust .reveal-overlay { background-color: #000; bottom: 0; height: 100%; left: 0; opacity: .5; position: fixed; right: 0; top: 0; width: 100%; z-index: 2000; }

.gen-home [class*=" icon-"]:before, .gen-home [class^=icon-]:before, .gen-learn [class*=" icon-"]:before, .gen-learn [class^=icon-]:before { display: inline-block; font-family: Icomoon; font-size: inherit; font-style: normal; font-weight: 400; position: relative; font-variant: normal; speak: none; text-transform: none; top: -3px; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.gen-home .icon-arrow-d:before, .gen-learn .icon-arrow-d:before { content: ""; }

.gen-home .icon-arrow-l:before, .gen-learn .icon-arrow-l:before { content: ""; }

.gen-home .icon-arrow-r:before, .gen-learn .icon-arrow-r:before { content: ""; }

.gen-home .icon-arrow-u:before, .gen-learn .icon-arrow-u:before { content: ""; }

.gen-home .icon-cart:before, .gen-learn .icon-cart:before { content: ""; }

.gen-home .icon-checkmark:before, .gen-home .icon-true:before, .gen-learn .icon-checkmark:before, .gen-learn .icon-true:before { content: ""; }

.gen-home .icon-circle-arrow-r:before, .gen-learn .icon-circle-arrow-r:before { content: ""; }

.gen-home .icon-close:before, .gen-learn .icon-close:before { content: ""; }

.gen-home .icon-dash:before, .gen-home .icon-false:before, .gen-learn .icon-dash:before, .gen-learn .icon-false:before { content: ""; }

.gen-home .icon-facebook:before, .gen-learn .icon-facebook:before { content: ""; }

.gen-home .icon-instagram:before, .gen-learn .icon-instagram:before { content: ""; }

.gen-home .icon-linkedin:before, .gen-learn .icon-linkedin:before { content: ""; }

.gen-home .icon-menu:before, .gen-learn .icon-menu:before { content: ""; }

.gen-home .icon-search:before, .gen-learn .icon-search:before { content: ""; }

.gen-home .icon-solid-arrow-r:before, .gen-learn .icon-solid-arrow-r:before { content: ""; }

.gen-home .icon-twitter:before, .gen-learn .icon-twitter:before { content: ""; }

.gen-home .icon-youtube:before, .gen-learn .icon-youtube:before { content: ""; }

.gen-home .wrapper, .gen-learn .wrapper { margin: 0 auto; max-width: 1400px; width: 100%; padding-right: 30px; padding-left: 30px; }

@media (min-width: 480px) and (max-width: 767px) { .gen-home .wrapper, .gen-learn .wrapper { padding-right: 45px; padding-left: 45px; } }
@media (min-width: 768px) and (max-width: 1399px) { .gen-home .wrapper, .gen-learn .wrapper { padding-right: 60px; padding-left: 60px; } }
.gen-home .modaal-noscroll, .gen-learn .modaal-noscroll { overflow: hidden; }

.gen-home .modaal-accessible-hide, .gen-learn .modaal-accessible-hide { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }

.gen-home .modaal-overlay, .gen-learn .modaal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; opacity: 0; }

.gen-home .modaal-wrapper, .gen-learn .modaal-wrapper { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; overflow: auto; opacity: 1; box-sizing: border-box; -webkit-overflow-scrolling: touch; transition: all 0.3s ease-in-out; }

.gen-home .modaal-wrapper *, .gen-learn .modaal-wrapper * { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; }

.gen-home .modaal-wrapper .modaal-close, .gen-learn .modaal-wrapper .modaal-close { border: none; background: transparent; padding: 0; -webkit-appearance: none; }

.gen-home .modaal-wrapper.modaal-start_none, .gen-learn .modaal-wrapper.modaal-start_none { display: none; opacity: 1; }

.gen-home .modaal-wrapper.modaal-start_fade, .gen-learn .modaal-wrapper.modaal-start_fade { opacity: 0; }

.gen-home .modaal-wrapper [tabindex="0"], .gen-learn .modaal-wrapper [tabindex="0"] { outline: none !important; }

.gen-home .modaal-wrapper.modaal-fullscreen, .gen-learn .modaal-wrapper.modaal-fullscreen { overflow: hidden; }

.gen-home .modaal-outer-wrapper, .gen-learn .modaal-outer-wrapper { display: table; position: relative; width: 100%; height: 100%; }

.gen-home .modaal-fullscreen .modaal-outer-wrapper, .gen-learn .modaal-fullscreen .modaal-outer-wrapper { display: block; }

.gen-home .modaal-inner-wrapper, .gen-learn .modaal-inner-wrapper { display: table-cell; width: 100%; height: 100%; position: relative; vertical-align: middle; text-align: center; padding: 80px 25px; }

.gen-home .modaal-fullscreen .modaal-inner-wrapper, .gen-learn .modaal-fullscreen .modaal-inner-wrapper { padding: 0; display: block; vertical-align: top; }

.gen-home .modaal-container, .gen-learn .modaal-container { position: relative; display: inline-block; width: 100%; margin: auto; text-align: left; color: #000; max-width: 1000px; border-radius: 0; background: #fff; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); cursor: auto; }

.gen-home .modaal-container.is_loading, .gen-learn .modaal-container.is_loading { height: 100px; width: 100px; overflow: hidden; }

.gen-home .modaal-fullscreen .modaal-container, .gen-learn .modaal-fullscreen .modaal-container { max-width: none; height: 100%; overflow: auto; }

.gen-home .modaal-close, .gen-learn .modaal-close { position: fixed; right: 20px; top: 20px; color: #fff; cursor: pointer; opacity: 1; width: 50px; height: 50px; background: transparent; border-radius: 100%; transition: all 0.2s ease-in-out; }

.gen-home .modaal-close:focus, .gen-home .modaal-close:hover, .gen-learn .modaal-close:focus, .gen-learn .modaal-close:hover { outline: none; background: #fff; }

.gen-home .modaal-close:focus:after, .gen-home .modaal-close:focus:before, .gen-home .modaal-close:hover:after, .gen-home .modaal-close:hover:before, .gen-learn .modaal-close:focus:after, .gen-learn .modaal-close:focus:before, .gen-learn .modaal-close:hover:after, .gen-learn .modaal-close:hover:before { background: #b93d0c; }

.gen-home .modaal-close span, .gen-learn .modaal-close span { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }

.gen-home .modaal-close:after, .gen-home .modaal-close:before, .gen-learn .modaal-close:after, .gen-learn .modaal-close:before { display: block; content: " "; position: absolute; top: 14px; left: 23px; width: 4px; height: 22px; border-radius: 4px; background: #fff; transition: background 0.2s ease-in-out; }

.gen-home .modaal-close:before, .gen-learn .modaal-close:before { -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.gen-home .modaal-close:after, .gen-learn .modaal-close:after { -ms-transform: rotate(45deg); transform: rotate(45deg); }

.gen-home .modaal-fullscreen .modaal-close, .gen-learn .modaal-fullscreen .modaal-close { background: #afb7bc; right: 10px; top: 10px; }

.gen-home .modaal-content-container, .gen-learn .modaal-content-container { padding: 30px; }

.gen-home .modaal-confirm-wrap, .gen-learn .modaal-confirm-wrap { padding: 30px 0 0; text-align: center; font-size: 0; }

.gen-home .modaal-confirm-btn, .gen-learn .modaal-confirm-btn { font-size: 14px; display: inline-block; margin: 0 10px; vertical-align: middle; cursor: pointer; border: none; background: transparent; }

.gen-home .modaal-confirm-btn.modaal-ok, .gen-learn .modaal-confirm-btn.modaal-ok { padding: 10px 15px; color: #fff; background: #555; border-radius: 3px; transition: background 0.2s ease-in-out; }

.gen-home .modaal-confirm-btn.modaal-ok:hover, .gen-learn .modaal-confirm-btn.modaal-ok:hover { background: #2f2f2f; }

.gen-home .modaal-confirm-btn.modaal-cancel, .gen-learn .modaal-confirm-btn.modaal-cancel { text-decoration: underline; }

.gen-home .modaal-confirm-btn.modaal-cancel:hover, .gen-learn .modaal-confirm-btn.modaal-cancel:hover { text-decoration: none; color: #2f2f2f; }

@keyframes a { 0% { opacity: 0; }
  to { opacity: 1; } }
.gen-home .modaal-instagram .modaal-container, .gen-learn .modaal-instagram .modaal-container { width: auto; background: transparent; box-shadow: none !important; }

.gen-home .modaal-instagram .modaal-content-container, .gen-learn .modaal-instagram .modaal-content-container { padding: 0; background: transparent; }

.gen-home .modaal-instagram .modaal-content-container > blockquote, .gen-learn .modaal-instagram .modaal-content-container > blockquote { width: 1px !important; height: 1px !important; opacity: 0 !important; }

.gen-home .modaal-instagram iframe, .gen-learn .modaal-instagram iframe { opacity: 0; margin: -6px !important; border-radius: 0 !important; width: 1000px !important; max-width: 800px !important; box-shadow: none !important; animation: a 1s linear forwards; }

.gen-home .modaal-image .modaal-inner-wrapper, .gen-learn .modaal-image .modaal-inner-wrapper { padding-left: 140px; padding-right: 140px; }

.gen-home .modaal-image .modaal-container, .gen-learn .modaal-image .modaal-container { width: auto; max-width: 100%; }

.gen-home .modaal-gallery-wrap, .gen-learn .modaal-gallery-wrap { position: relative; color: #fff; }

.gen-home .modaal-gallery-item, .gen-learn .modaal-gallery-item { display: none; }

.gen-home .modaal-gallery-item.is_active, .gen-home .modaal-gallery-item img, .gen-learn .modaal-gallery-item.is_active, .gen-learn .modaal-gallery-item img { display: block; }

.gen-home .modaal-gallery-label, .gen-learn .modaal-gallery-label { position: absolute; left: 0; width: 100%; margin: 20px 0 0; font-size: 18px; text-align: center; color: #fff; }

.gen-home .modaal-gallery-label:focus, .gen-learn .modaal-gallery-label:focus { outline: none; }

.gen-home .modaal-gallery-control, .gen-learn .modaal-gallery-control { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; cursor: pointer; color: #fff; width: 50px; height: 50px; background: transparent; border: none; border-radius: 100%; transition: all 0.2s ease-in-out; }

.gen-home .modaal-gallery-control.is_hidden, .gen-learn .modaal-gallery-control.is_hidden { opacity: 0; cursor: default; }

.gen-home .modaal-gallery-control:focus, .gen-home .modaal-gallery-control:hover, .gen-learn .modaal-gallery-control:focus, .gen-learn .modaal-gallery-control:hover { outline: none; background: #fff; }

.gen-home .modaal-gallery-control:focus:after, .gen-home .modaal-gallery-control:focus:before, .gen-home .modaal-gallery-control:hover:after, .gen-home .modaal-gallery-control:hover:before, .gen-learn .modaal-gallery-control:focus:after, .gen-learn .modaal-gallery-control:focus:before, .gen-learn .modaal-gallery-control:hover:after, .gen-learn .modaal-gallery-control:hover:before { background: #afb7bc; }

.gen-home .modaal-gallery-control span, .gen-learn .modaal-gallery-control span { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }

.gen-home .modaal-gallery-control:after, .gen-home .modaal-gallery-control:before, .gen-learn .modaal-gallery-control:after, .gen-learn .modaal-gallery-control:before { display: block; content: " "; position: absolute; top: 16px; left: 25px; width: 4px; height: 18px; border-radius: 4px; background: #fff; transition: background 0.2s ease-in-out; }

.gen-home .modaal-gallery-control:before, .gen-learn .modaal-gallery-control:before { margin: -5px 0 0; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.gen-home .modaal-gallery-control:after, .gen-learn .modaal-gallery-control:after { margin: 5px 0 0; -ms-transform: rotate(45deg); transform: rotate(45deg); }

.gen-home .modaal-gallery-next, .gen-learn .modaal-gallery-next { left: 100%; margin-left: 40px; }

.gen-home .modaal-gallery-prev, .gen-learn .modaal-gallery-prev { right: 100%; margin-right: 40px; }

.gen-home .modaal-gallery-prev:after, .gen-home .modaal-gallery-prev:before, .gen-learn .modaal-gallery-prev:after, .gen-learn .modaal-gallery-prev:before { left: 22px; }

.gen-home .modaal-gallery-prev:before, .gen-learn .modaal-gallery-prev:before { margin: 5px 0 0; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.gen-home .modaal-gallery-prev:after, .gen-learn .modaal-gallery-prev:after { margin: -5px 0 0; -ms-transform: rotate(45deg); transform: rotate(45deg); }

.gen-home .modaal-video-wrap, .gen-learn .modaal-video-wrap { margin: auto 50px; position: relative; }

.gen-home .modaal-video-container, .gen-learn .modaal-video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background: #000; max-width: 1300px; margin-left: auto; margin-right: auto; }

.gen-home .modaal-video-container embed, .gen-home .modaal-video-container iframe, .gen-home .modaal-video-container object, .gen-learn .modaal-video-container embed, .gen-learn .modaal-video-container iframe, .gen-learn .modaal-video-container object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.gen-home .modaal-iframe .modaal-content, .gen-learn .modaal-iframe .modaal-content { width: 100%; height: 100%; }

.gen-home .modaal-iframe-elem, .gen-learn .modaal-iframe-elem { width: 100%; height: 100%; display: block; }

@media only screen and (min-width: 1400px) { .gen-home .modaal-video-container, .gen-learn .modaal-video-container { padding-bottom: 0; height: 731px; } }
@media only screen and (max-width: 1140px) { .gen-home .modaal-image .modaal-inner-wrapper, .gen-learn .modaal-image .modaal-inner-wrapper { padding-left: 25px; padding-right: 25px; }
  .gen-home .modaal-gallery-control, .gen-learn .modaal-gallery-control { top: auto; bottom: 20px; -ms-transform: none; transform: none; background: rgba(0, 0, 0, 0.7); }
  .gen-home .modaal-gallery-control:after, .gen-home .modaal-gallery-control:before, .gen-learn .modaal-gallery-control:after, .gen-learn .modaal-gallery-control:before { background: #fff; }
  .gen-home .modaal-gallery-next, .gen-learn .modaal-gallery-next { left: auto; right: 20px; }
  .gen-home .modaal-gallery-prev, .gen-learn .modaal-gallery-prev { left: 20px; right: auto; } }
@media screen and (max-width: 900px) { .gen-home .modaal-instagram iframe, .gen-learn .modaal-instagram iframe { width: 500px !important; } }
@media screen and (max-height: 1100px) { .gen-home .modaal-instagram iframe, .gen-learn .modaal-instagram iframe { width: 700px !important; } }
@media screen and (max-height: 1000px) { .gen-home .modaal-inner-wrapper, .gen-learn .modaal-inner-wrapper { padding-top: 60px; padding-bottom: 60px; }
  .gen-home .modaal-instagram iframe, .gen-learn .modaal-instagram iframe { width: 600px !important; } }
@media screen and (max-height: 900px) { .gen-home .modaal-instagram iframe, .gen-learn .modaal-instagram iframe { width: 500px !important; }
  .gen-home .modaal-video-container, .gen-learn .modaal-video-container { max-width: 900px; max-height: 510px; } }
@media only screen and (max-width: 600px) { .gen-home .modaal-instagram iframe, .gen-learn .modaal-instagram iframe { width: 280px !important; } }
@media only screen and (max-height: 820px) { .gen-home .modaal-gallery-label, .gen-learn .modaal-gallery-label { display: none; } }
.gen-home .modaal-loading-spinner, .gen-learn .modaal-loading-spinner { background: none; position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; margin: -100px 0 0 -100px; -ms-transform: scale(0.25); transform: scale(0.25); }

@keyframes b { 0% { opacity: 1; -ms-transform: scale(1.5); transform: scale(1.5); }
  to { opacity: .1; -ms-transform: scale(1); transform: scale(1); } }
.gen-home .modaal-loading-spinner > div, .gen-learn .modaal-loading-spinner > div { width: 24px; height: 24px; margin-left: 4px; margin-top: 4px; position: absolute; }

.gen-home .modaal-loading-spinner > div > div, .gen-learn .modaal-loading-spinner > div > div { width: 100%; height: 100%; border-radius: 15px; background: #fff; }

.gen-home .modaal-loading-spinner > div:first-of-type > div, .gen-learn .modaal-loading-spinner > div:first-of-type > div { animation: b 1s linear infinite; animation-delay: 0s; }

.gen-home .modaal-loading-spinner > div:nth-of-type(2) > div, .gen-home .modaal-loading-spinner > div:nth-of-type(3) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(2) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(3) > div { -ms-animation: b 1s linear infinite; -moz-animation: b 1s linear infinite; -webkit-animation: b 1s linear infinite; -o-animation: b 1s linear infinite; }

.gen-home .modaal-loading-spinner > div:first-of-type, .gen-learn .modaal-loading-spinner > div:first-of-type { -ms-transform: translate(84px, 84px) rotate(45deg) translate(70px); transform: translate(84px, 84px) rotate(45deg) translate(70px); }

.gen-home .modaal-loading-spinner > div:nth-of-type(2) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(2) > div { animation: b 1s linear infinite; animation-delay: 0.12s; }

.gen-home .modaal-loading-spinner > div:nth-of-type(2), .gen-learn .modaal-loading-spinner > div:nth-of-type(2) { -ms-transform: translate(84px, 84px) rotate(90deg) translate(70px); transform: translate(84px, 84px) rotate(90deg) translate(70px); }

.gen-home .modaal-loading-spinner > div:nth-of-type(3) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(3) > div { animation: b 1s linear infinite; animation-delay: 0.25s; }

.gen-home .modaal-loading-spinner > div:nth-of-type(4) > div, .gen-home .modaal-loading-spinner > div:nth-of-type(5) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(4) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(5) > div { -ms-animation: b 1s linear infinite; -moz-animation: b 1s linear infinite; -webkit-animation: b 1s linear infinite; -o-animation: b 1s linear infinite; }

.gen-home .modaal-loading-spinner > div:nth-of-type(3), .gen-learn .modaal-loading-spinner > div:nth-of-type(3) { -ms-transform: translate(84px, 84px) rotate(135deg) translate(70px); transform: translate(84px, 84px) rotate(135deg) translate(70px); }

.gen-home .modaal-loading-spinner > div:nth-of-type(4) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(4) > div { animation: b 1s linear infinite; animation-delay: 0.37s; }

.gen-home .modaal-loading-spinner > div:nth-of-type(4), .gen-learn .modaal-loading-spinner > div:nth-of-type(4) { -ms-transform: translate(84px, 84px) rotate(180deg) translate(70px); transform: translate(84px, 84px) rotate(180deg) translate(70px); }

.gen-home .modaal-loading-spinner > div:nth-of-type(5) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(5) > div { animation: b 1s linear infinite; animation-delay: 0.5s; }

.gen-home .modaal-loading-spinner > div:nth-of-type(6) > div, .gen-home .modaal-loading-spinner > div:nth-of-type(7) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(6) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(7) > div { -ms-animation: b 1s linear infinite; -moz-animation: b 1s linear infinite; -webkit-animation: b 1s linear infinite; -o-animation: b 1s linear infinite; }

.gen-home .modaal-loading-spinner > div:nth-of-type(5), .gen-learn .modaal-loading-spinner > div:nth-of-type(5) { -ms-transform: translate(84px, 84px) rotate(225deg) translate(70px); transform: translate(84px, 84px) rotate(225deg) translate(70px); }

.gen-home .modaal-loading-spinner > div:nth-of-type(6) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(6) > div { animation: b 1s linear infinite; animation-delay: 0.62s; }

.gen-home .modaal-loading-spinner > div:nth-of-type(6), .gen-learn .modaal-loading-spinner > div:nth-of-type(6) { -ms-transform: translate(84px, 84px) rotate(270deg) translate(70px); transform: translate(84px, 84px) rotate(270deg) translate(70px); }

.gen-home .modaal-loading-spinner > div:nth-of-type(7) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(7) > div { animation: b 1s linear infinite; animation-delay: 0.75s; }

.gen-home .modaal-loading-spinner > div:nth-of-type(7), .gen-learn .modaal-loading-spinner > div:nth-of-type(7) { -ms-transform: translate(84px, 84px) rotate(315deg) translate(70px); transform: translate(84px, 84px) rotate(315deg) translate(70px); }

.gen-home .modaal-loading-spinner > div:nth-of-type(8) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(8) > div { animation: b 1s linear infinite; animation-delay: 0.87s; }

.gen-home .modaal-loading-spinner > div:nth-of-type(8), .gen-learn .modaal-loading-spinner > div:nth-of-type(8) { -ms-transform: translate(84px, 84px) rotate(1turn) translate(70px); transform: translate(84px, 84px) rotate(1turn) translate(70px); }

.gen-home .modaal-close:before, .gen-learn .modaal-close:before { display: none; }

.gen-home .modaal-close:after, .gen-learn .modaal-close:after { background: transparent; content: "\e905"; display: inline-block; font-family: Icomoon; font-size: inherit; font-style: normal; font-weight: 400; position: relative; font-variant: normal; speak: none; text-transform: none; top: -3px; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; left: 0; -ms-transform: none; transform: none; width: 50px; }

.gen-home .modaal-close:focus:after, .gen-home .modaal-close:hover:after, .gen-learn .modaal-close:focus:after, .gen-learn .modaal-close:hover:after { background: transparent; color: #64a70b; }

@media (max-width: 767px) { .gen-home .modaal-video-wrap, .gen-learn .modaal-video-wrap { margin: auto 0; } }
.gen-home .slick-slider, .gen-learn .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.gen-home .slick-list, .gen-learn .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.gen-home .slick-list:focus, .gen-learn .slick-list:focus { outline: none; }

.gen-home .slick-list.dragging, .gen-learn .slick-list.dragging { cursor: pointer; cursor: hand; }

.gen-home .slick-slider .slick-list, .gen-home .slick-slider .slick-track, .gen-learn .slick-slider .slick-list, .gen-learn .slick-slider .slick-track { -ms-transform: translateZ(0); transform: translateZ(0); }

.gen-home .slick-track, .gen-learn .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.gen-home .slick-track:after, .gen-home .slick-track:before, .gen-learn .slick-track:after, .gen-learn .slick-track:before { content: ""; display: table; }

.gen-home .slick-track:after, .gen-learn .slick-track:after { clear: both; }

.slick-loading .gen-home .slick-track, .slick-loading .gen-learn .slick-track { visibility: hidden; }

.gen-home .slick-slide, .gen-learn .slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir=rtl] .gen-home .slick-slide, [dir=rtl] .gen-learn .slick-slide { float: right; }

.gen-home .slick-slide img, .gen-learn .slick-slide img { display: block; }

.gen-home .slick-slide.slick-loading img, .gen-learn .slick-slide.slick-loading img { display: none; }

.gen-home .slick-slide.dragging img, .gen-learn .slick-slide.dragging img { pointer-events: none; }

.slick-initialized .gen-home .slick-slide, .slick-initialized .gen-learn .slick-slide { display: block; }

.slick-loading .gen-home .slick-slide, .slick-loading .gen-learn .slick-slide { visibility: hidden; }

.slick-vertical .gen-home .slick-slide, .slick-vertical .gen-learn .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.gen-home .slick-arrow.slick-hidden, .gen-learn .slick-arrow.slick-hidden { display: none; }

.gen-home .slick-loading .slick-list, .gen-learn .slick-loading .slick-list { background: #fff url(/images/ajax-loader.gif) 50% no-repeat; }

.gen-home .slick-next, .gen-home .slick-prev, .gen-learn .slick-next, .gen-learn .slick-prev { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0; border: none; outline: none; }

.gen-home .slick-next:focus, .gen-home .slick-next:hover, .gen-home .slick-prev:focus, .gen-home .slick-prev:hover, .gen-learn .slick-next:focus, .gen-learn .slick-next:hover, .gen-learn .slick-prev:focus, .gen-learn .slick-prev:hover { outline: none; background: transparent; color: transparent; }

.gen-home .slick-next:focus:before, .gen-home .slick-next:hover:before, .gen-home .slick-prev:focus:before, .gen-home .slick-prev:hover:before, .gen-learn .slick-next:focus:before, .gen-learn .slick-next:hover:before, .gen-learn .slick-prev:focus:before, .gen-learn .slick-prev:hover:before { opacity: 0.75; }

.gen-home .slick-next.slick-disabled:before, .gen-home .slick-prev.slick-disabled:before, .gen-learn .slick-next.slick-disabled:before, .gen-learn .slick-prev.slick-disabled:before { opacity: 0.25; }

.gen-home .slick-next:before, .gen-home .slick-prev:before, .gen-learn .slick-next:before, .gen-learn .slick-prev:before { font-family: Icomoon; font-size: 20px; line-height: 1; color: #fff; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.gen-home .slick-prev, .gen-learn .slick-prev { left: -25px; }

[dir=rtl] .gen-home .slick-prev, [dir=rtl] .gen-learn .slick-prev { right: -25px; }

.gen-home .slick-prev:before, .gen-learn .slick-prev:before { content: ""; }

[dir=rtl] .gen-home .slick-prev:before, [dir=rtl] .gen-learn .slick-prev:before { content: ""; }

.gen-home .slick-next, .gen-learn .slick-next { right: -25px; }

[dir=rtl] .gen-home .slick-next, [dir=rtl] .gen-learn .slick-next { left: -25px; }

.gen-home .slick-next:before, .gen-learn .slick-next:before { content: ""; }

[dir=rtl] .gen-home .slick-next:before, [dir=rtl] .gen-learn .slick-next:before { content: ""; }

.gen-home .slick-dotted .slick-slider, .gen-learn .slick-dotted .slick-slider { margin-bottom: 30px; }

.gen-home .slick-dots, .gen-learn .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }

.gen-home .slick-dots li, .gen-learn .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.gen-home .slick-dots li button, .gen-learn .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }

.gen-home .slick-dots li button:focus, .gen-home .slick-dots li button:hover, .gen-learn .slick-dots li button:focus, .gen-learn .slick-dots li button:hover { outline: none; }

.gen-home .slick-dots li button:focus:before, .gen-home .slick-dots li button:hover:before, .gen-learn .slick-dots li button:focus:before, .gen-learn .slick-dots li button:hover:before { opacity: 0.75; }

.gen-home .slick-dots li button:before, .gen-learn .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\e900"; width: 20px; height: 20px; font-family: Icomoon; font-size: 6px; line-height: 20px; text-align: center; color: #888; opacity: .25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.gen-home .slick-dots li.slick-active button:before, .gen-learn .slick-dots li.slick-active button:before { color: #64a70b; opacity: 1; }

.gen-home .slick-arrow, .gen-learn .slick-arrow { z-index: 2; }

.gen-home .slick-arrow:before, .gen-learn .slick-arrow:before { color: #64a70b; display: block; font-size: 24px; text-align: center; }

.gen-home .slick-arrow:hover:before, .gen-learn .slick-arrow:hover:before { color: #579802; opacity: 1; }

.gen-home .slick-arrow.slick-disabled:before, .gen-learn .slick-arrow.slick-disabled:before { color: #b4b4b4; opacity: 1; }

.gen-home .slick-arrow.slick-disabled:hover:before, .gen-learn .slick-arrow.slick-disabled:hover:before { color: #b4b4b4; }

.gen-home .slick-prev, .gen-learn .slick-prev { left: -30px; }

[dir=rtl] .gen-home .slick-prev, [dir=rtl] .gen-learn .slick-prev { left: auto; right: -30px; }

.gen-home .slick-next, .gen-learn .slick-next { right: -30px; }

[dir=rtl] .gen-home .slick-next, [dir=rtl] .gen-learn .slick-next { left: -30px; right: auto; }

.gen-home .slick-dots li button, .gen-learn .slick-dots li button { background-color: #888; border-radius: 100%; transition: background-color 0.3s linear; }

.gen-home .slick-dots li button:before, .gen-learn .slick-dots li button:before { display: none; }

.gen-home .slick-dots li.slick-active button, .gen-home .slick-dots li button:hover, .gen-learn .slick-dots li.slick-active button, .gen-learn .slick-dots li button:hover { background-color: #64a70b; }

.gen-home .slick-dots li, .gen-home .slick-dots li button, .gen-learn .slick-dots li, .gen-learn .slick-dots li button { height: 10px; width: 10px; }

.gen-home .carousel-pagination, .gen-learn .carousel-pagination { -ms-flex-align: center; align-items: center; display: none; -ms-flex-pack: center; justify-content: center; margin-top: 15px; }

.gen-home .carousel-pagination .slick-arrow, .gen-home .carousel-pagination .slick-dots, .gen-learn .carousel-pagination .slick-arrow, .gen-learn .carousel-pagination .slick-dots { position: relative; }

.gen-home .carousel-pagination .slick-arrow, .gen-learn .carousel-pagination .slick-arrow { height: auto; width: auto; top: auto; -ms-transform: none; transform: none; }

.gen-home .carousel-pagination .slick-dots, .gen-learn .carousel-pagination .slick-dots { bottom: auto; line-height: 0; margin: 0; padding: 0 22.5px; }

.gen-home .carousel-pagination .slick-dots li button, .gen-learn .carousel-pagination .slick-dots li button { background-color: #b4b4b4; }

.gen-home .carousel-pagination .slick-dots li.slick-active button, .gen-learn .carousel-pagination .slick-dots li.slick-active button { background-color: #64a70b; }

.gen-home .carousel-pagination .slick-dots li:not(.slick-active):hover button, .gen-learn .carousel-pagination .slick-dots li:not(.slick-active):hover button { background-color: #579802; }

.gen-home .carousel-pagination .slick-prev, .gen-learn .carousel-pagination .slick-prev { left: auto; }

.gen-home .carousel-pagination .slick-next, .gen-learn .carousel-pagination .slick-next { right: auto; }

.gen-home [dir=rtl] .slick-next, .gen-home [dir=rtl] .slick-prev, .gen-learn [dir=rtl] .slick-next, .gen-learn [dir=rtl] .slick-prev { left: auto; right: auto; }

.gen-home .slick-initialized + .carousel-pagination, .gen-learn .slick-initialized + .carousel-pagination { display: -ms-flexbox; display: flex; }

.gen-home .download-badges, .gen-learn .download-badges { margin: 0 auto; width: 100%; }

.gen-home .download-badges a, .gen-learn .download-badges a { display: inline-block; vertical-align: middle; }

.gen-home .download-badges a:first-child, .gen-learn .download-badges a:first-child { height: 62px; width: 188px; }

.gen-home .download-badges a:first-child img, .gen-learn .download-badges a:first-child img { margin: 10px; }

.gen-home .download-badges a:last-child, .gen-learn .download-badges a:last-child { height: 66px; width: 170px; }

.gen-home .download-badges img, .gen-learn .download-badges img { max-width: 170px; }

.gen-home .logo, .gen-learn .logo { display: block; max-width: 125px; }

.global-footer .gen-home .logo img, .global-footer .gen-learn .logo img, .global-header .gen-home .logo img, .global-header .gen-learn .logo img { display: block; }

.global-footer .gen-home .logo, .global-footer .gen-learn .logo { margin: 0 0 15px; }

.global-footer .gen-home .logo img, .global-footer .gen-learn .logo img { width: 100%; }

@media (min-width: 900px) { .global-footer .gen-home .logo, .global-footer .gen-learn .logo { margin: 0; } }
.global-header .gen-home .logo, .global-header .gen-learn .logo { max-width: 40px; }

@media (min-width: 900px) { .global-header .gen-home .logo, .global-header .gen-learn .logo { max-width: 50px; } }
.gen-home .skip-link, .gen-learn .skip-link { border: 0; clip: rect(0, 0, 0, 0); height: 1px; left: -10000px; margin: -1px; overflow: hidden; padding: 0; position: absolute; top: auto; width: 1px; }

.gen-home .skip-link:focus, .gen-learn .skip-link:focus { background-color: #fff; clip: auto; display: block !important; height: auto; left: 15px; padding: 7.5px 15px; top: 15px; width: auto; z-index: 6; }

.gen-home .col-4 td, .gen-home .col-4 th, .gen-learn .col-4 td, .gen-learn .col-4 th { width: 25%; }

.gen-home .throbber, .gen-learn .throbber { display: none; }

.gen-home .throbber.throbber--active, .gen-learn .throbber.throbber--active { color: #64a70b; display: block; font-size: 4px; margin: 0; width: 6px; height: 6px; border-radius: 50%; position: absolute; right: 0; text-indent: -9999em; top: 15px; animation: c 1.3s infinite linear; -ms-transform: translateZ(0); transform: translateZ(0); }

@keyframes c { 0%,to { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
  12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em, 0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em; }
  62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
  75% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0; }
  87.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 0.2em; } }
.gen-home .toggle, .gen-learn .toggle { text-align: left; }

@media (min-width: 1200px) { label.gen-home .toggle__container, label.gen-learn .toggle__container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } }
.gen-home .toggle__text, .gen-home .toggle__toggle, .gen-learn .toggle__text, .gen-learn .toggle__toggle { margin-bottom: 7.5px; }

.gen-home .toggle__text, .gen-learn .toggle__text { color: #696969; display: block; font-weight: 400; }

@media (min-width: 1200px) { .gen-home .toggle__text, .gen-learn .toggle__text { margin-right: 15px; } }
.gen-home .toggle__toggle, .gen-learn .toggle__toggle { background-color: #696969; border-radius: 25px; display: block; height: 25px; position: relative; transition: all .3s linear; width: 50px; }

.gen-home .toggle__toggle:after, .gen-learn .toggle__toggle:after { background-color: #fff; border-radius: 100%; content: ""; height: 19px; left: 3px; position: absolute; transition: all .3s linear; top: 3px; width: 19px; }

.gen-home .toggle__toggle:hover, .gen-learn .toggle__toggle:hover { cursor: pointer; }

.gen-home .toggle input:focus + label .toggle__toggle, .gen-learn .toggle input:focus + label .toggle__toggle { box-shadow: 0 0 5px 2px #64a70b; }

.gen-home .toggle input:checked + label .toggle__toggle, .gen-learn .toggle input:checked + label .toggle__toggle { background-color: #64a70b; }

.gen-home .toggle input:checked + label .toggle__toggle:after, .gen-learn .toggle input:checked + label .toggle__toggle:after { -ms-transform: translateX(25px); transform: translateX(25px); }

.gen-home .countdown-clock, .gen-learn .countdown-clock { display: -ms-flexbox; display: flex; margin: 15px 0 22.5px; -ms-flex-pack: center; justify-content: center; }

.gen-home .countdown-clock__col, .gen-learn .countdown-clock__col { margin: 0 10px; text-align: center; }

.gen-home .countdown-clock__number, .gen-learn .countdown-clock__number { color: #64a70b; font-size: 24px; font-weight: 700; }

.gen-home .countdown-clock__label, .gen-learn .countdown-clock__label { color: #747474; font-size: 12px; }

.gen-home .featured-block__content, .gen-home .featured-block__image, .gen-learn .featured-block__content, .gen-learn .featured-block__image { position: relative; }

@media (min-width: 1100px) { .gen-home .featured-block__content, .gen-home .featured-block__image, .gen-learn .featured-block__content, .gen-learn .featured-block__image { width: 50%; } }
.gen-home .featured-block__content p, .gen-learn .featured-block__content p { font-size: 16px; line-height: 26px; }

.gen-home .featured-block__content__disclaimer, .gen-learn .featured-block__content__disclaimer { display: block; margin-top: 30px; color: #747474; }

@media (min-width: 1100px) { .gen-home .featured-block__content__disclaimer, .gen-learn .featured-block__content__disclaimer { margin-top: 60px; } }
.gen-home .featured-block__content__inner, .gen-learn .featured-block__content__inner { padding: 30px; text-align: center; }

@media (min-width: 1100px) { .gen-home .featured-block__content__inner, .gen-learn .featured-block__content__inner { padding: 75px; text-align: left; } }
@media (min-width: 1100px) { .gen-home .featured-block__row, .gen-learn .featured-block__row { -ms-flex-align: center; align-items: center; clear: both; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; position: relative; width: 100%; }
  .gen-home .featured-block__row:nth-child(2n), .gen-learn .featured-block__row:nth-child(2n) { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } }
.gen-home .featured-block--basic .featured-block__content h3, .gen-learn .featured-block--basic .featured-block__content h3 { font-size: 16px; line-height: 24px; }

@media (min-width: 768px) { .gen-home .featured-block--basic .featured-block__content h3, .gen-learn .featured-block--basic .featured-block__content h3 { font-size: 18px; line-height: 26px; } }
.gen-home .featured-block--basic .featured-block__content .button, .gen-home .featured-block--basic .featured-block__content p, .gen-learn .featured-block--basic .featured-block__content .button, .gen-learn .featured-block--basic .featured-block__content p { font-size: 16px; line-height: 20px; }

.gen-learn .featured-block--basic .featured-block__content .featured-block__content__cta, .gen-home .featured-block--basic .featured-block__content .featured-block__content__cta { padding-top: 1.5rem; }

@media (min-width: 768px) { .gen-home .featured-block--basic .featured-block__content .button, .gen-home .featured-block--basic .featured-block__content p, .gen-learn .featured-block--basic .featured-block__content .button, .gen-learn .featured-block--basic .featured-block__content p { font-size: 18px; line-height: 26px; } }
@media (min-width: 1100px) { .gen-home .featured-block--basic .featured-block__row, .gen-learn .featured-block--basic .featured-block__row { -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin: 75px 0; }
  .gen-home .featured-block--basic .featured-block__row:nth-child(2n), .gen-learn .featured-block--basic .featured-block__row:nth-child(2n) { -ms-flex-direction: row; flex-direction: row; } }
@media (max-width: 1099px) { .gen-home .featured-block--basic .featured-block__image, .gen-learn .featured-block--basic .featured-block__image { display: none; } }
.gen-home .featured-block--basic .featured-block__image__mobile, .gen-learn .featured-block--basic .featured-block__image__mobile { margin: 15px 0; }

@media (min-width: 1100px) { .gen-home .featured-block--basic .featured-block__image__mobile, .gen-learn .featured-block--basic .featured-block__image__mobile { display: none; } }
@media (max-width: 1099px) { .gen-home .featured-block--basic .featured-block__content__inner, .gen-learn .featured-block--basic .featured-block__content__inner { padding-left: 0; padding-right: 0; }
  .gen-home .featured-block--basic .video-trigger, .gen-learn .featured-block--basic .video-trigger { -ms-flex-pack: center; justify-content: center; } }
@media (max-width: 1099px) { .gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger { -ms-flex-pack: center; justify-content: center; } }
.gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__text, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__text { width: 100%; }

.gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child { padding-right: 0; }

.gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child .video-trigger__icon, .gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child .video-trigger__text, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child .video-trigger__text { background-color: transparent; color: #64a70b; }

.gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child .video-trigger__icon { border-color: #64a70b; margin-left: -1px; }

.gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__icon, .gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__text, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__text { background-color: #64a70b; }

.gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__icon:before, .gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__text, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__icon:before, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__text { color: #fff; }

.gen-home .notification-banner, .gen-learn .notification-banner { background-color: #fff; height: 45px; overflow: hidden; transition: all 0.3s linear; }

.gen-home .notification-banner p, .gen-learn .notification-banner p { color: #222; }

.headroom--not-top .gen-home .notification-banner, .headroom--not-top .gen-learn .notification-banner { height: 0; }

[data-nav-open=true] .headroom--not-top .gen-home .notification-banner, [data-nav-open=true] .headroom--not-top .gen-learn .notification-banner { height: auto; }

.gen-home .notification-banner .wrapper, .gen-learn .notification-banner .wrapper { padding-bottom: 10px; padding-top: 10px; }

.gen-home .scroll-nav, .gen-learn .scroll-nav { background-color: #fff; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.08); left: 0; line-height: 18px; position: fixed; top: 0; width: 100%; z-index: 5; }

@media (min-width: 1023px) { .gen-home .scroll-nav, .gen-learn .scroll-nav { font-size: 18px; line-height: 22px; } }
.gen-home .scroll-nav table, .gen-learn .scroll-nav table { width: 100%; }

.gen-home .scroll-nav table th, .gen-home .scroll-nav table tr, .gen-learn .scroll-nav table th, .gen-learn .scroll-nav table tr { padding-bottom: 0; padding-top: 0; }

.gen-home .scroll-nav table th:first-child, .gen-learn .scroll-nav table th:first-child { padding-left: 0; }

.gen-home .scroll-nav table th:nth-child(2), .gen-home .scroll-nav table th:nth-child(3), .gen-home .scroll-nav table th:nth-child(4), .gen-learn .scroll-nav table th:nth-child(2), .gen-learn .scroll-nav table th:nth-child(3), .gen-learn .scroll-nav table th:nth-child(4) { padding-left: 30px; padding-right: 30px; }

.gen-home .scroll-nav table th:nth-child(3), .gen-home .scroll-nav table th:nth-child(4), .gen-learn .scroll-nav table th:nth-child(3), .gen-learn .scroll-nav table th:nth-child(4) { border-left: 1px solid #f4f4f4; }

.gen-home .scroll-nav table th, .gen-home .scroll-nav table th p, .gen-learn .scroll-nav table th, .gen-learn .scroll-nav table th p { color: #222; }

.gen-home .scroll-nav .wrapper, .gen-learn .scroll-nav .wrapper { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 15px; padding-top: 15px; }

.gen-home .scroll-nav__cta .button, .gen-learn .scroll-nav__cta .button { white-space: nowrap; }

.gen-home .scroll-nav ul, .gen-learn .scroll-nav ul { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; margin: 0; padding: 0; }

.gen-home .scroll-nav ul li, .gen-learn .scroll-nav ul li { list-style-type: none; padding: 0 15px; text-align: center; }

.gen-home .scroll-nav ul a, .gen-learn .scroll-nav ul a { color: #222; display: block; font-weight: 700; position: relative; }

.gen-home .scroll-nav ul a:hover, .gen-learn .scroll-nav ul a:hover { color: #579802; }

.gen-home .scroll-nav ul a.scroll-active:before, .gen-learn .scroll-nav ul a.scroll-active:before { background-color: #64a70b; bottom: -7.5px; content: ""; height: 4px; left: 0; position: absolute; width: 100%; }

.gen-home .scroll-nav__logo, .gen-learn .scroll-nav__logo { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; }

.gen-home .scroll-nav__logo img, .gen-learn .scroll-nav__logo img { display: block; margin-right: 15px; width: 40px; }

.gen-home .scroll-nav__logo p, .gen-learn .scroll-nav__logo p { color: #222; }

.gen-home .scroll-nav--compare, .gen-learn .scroll-nav--compare { display: none; }

.gen-home .scroll-nav--compare table, .gen-learn .scroll-nav--compare table { table-layout: fixed; }

.gen-home .scroll-nav--compare td:first-child, .gen-home .scroll-nav--compare th:first-child, .gen-learn .scroll-nav--compare td:first-child, .gen-learn .scroll-nav--compare th:first-child { width: 40%; }

@media (min-width: 1023px) { .gen-home .scroll-nav--compare td:first-child, .gen-home .scroll-nav--compare th:first-child, .gen-learn .scroll-nav--compare td:first-child, .gen-learn .scroll-nav--compare th:first-child { width: 335px; } }
@media (max-width: 767px) { .gen-home .scroll-nav--utility, .gen-learn .scroll-nav--utility { display: none; } }
@media (min-width: 1023px) { .gen-home .scroll-nav--utility .scroll-nav__logo, .gen-learn .scroll-nav--utility .scroll-nav__logo { width: 30%; } }
.gen-home .scroll-nav--utility .scroll-nav__logo a, .gen-learn .scroll-nav--utility .scroll-nav__logo a { margin-right: 4%; }

.gen-home .scroll-nav--utility .scroll-nav__logo img, .gen-learn .scroll-nav--utility .scroll-nav__logo img { margin-right: 0; }

.gen-home .promotions-carousel .slick-slide, .gen-home .social-carousel .slick-slide, .gen-learn .social-carousel .slick-slide { display: block; }

.gen-home .social-carousel__slide, .gen-learn .social-carousel__slide { position: relative; }

.gen-home .social-carousel__slide:focus .social-carousel__hover, .gen-home .social-carousel__slide:hover .social-carousel__hover, .gen-learn .social-carousel__slide:focus .social-carousel__hover, .gen-learn .social-carousel__slide:hover .social-carousel__hover { opacity: 1; }

@media (min-width: 768px) { .gen-home .social-carousel__slide, .gen-learn .social-carousel__slide { width: 33.3%; } }
.gen-home .social-carousel__slide p, .gen-learn .social-carousel__slide p { color: #fff; }

@media (min-width: 1023px) { .gen-home .social-carousel__slide p, .gen-learn .social-carousel__slide p { font-size: 20px; line-height: 24px; } }
.gen-home .social-carousel__content, .gen-learn .social-carousel__content { padding: 15px 30px; text-align: center; }

@media (min-width: 768px) and (max-width: 1022px) { .gen-home .social-carousel__content, .gen-learn .social-carousel__content { padding: 30px; } }
@media (min-width: 1023px) { .gen-home .social-carousel__content, .gen-learn .social-carousel__content { padding: 60px; } }
.gen-home .social-carousel__icon, .gen-learn .social-carousel__icon { left: 15px; position: absolute; top: 15px; }

.gen-home .social-carousel__icon:before, .gen-learn .social-carousel__icon:before { color: #fff; font-size: 29px; }

.gen-home .social-carousel__hover, .gen-learn .social-carousel__hover { -ms-flex-align: center; align-items: center; background-color: rgba(100, 167, 11, 0.75); display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; height: 100%; -ms-flex-pack: center; justify-content: center; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; }

.gen-home .social-follow, .gen-learn .social-follow { margin: 15px 0 0; padding: 0; text-align: left; width: 100%; }

@media (min-width: 768px) { .gen-home .social-follow, .gen-learn .social-follow { margin-top: 0; text-align: right; } }
.gen-home .social-follow li, .gen-learn .social-follow li { display: inline-block; list-style-type: none; margin: 0 7.5px; }

@media (max-width: 767px) { .gen-home .social-follow li:first-child, .gen-learn .social-follow li:first-child { margin-left: 0; } }
.gen-home .social-follow li a, .gen-learn .social-follow li a { color: #222; height: 32px; line-height: 32px; position: relative; text-align: center; width: 32px; }

.gen-home .social-follow li a span:not(.hidden), .gen-learn .social-follow li a span:not(.hidden) { display: inline-block; position: relative; vertical-align: middle; z-index: 1; }

.gen-home .social-follow li a span:not(.hidden):after, .gen-learn .social-follow li a span:not(.hidden):after { background-color: #64a70b; border-radius: 100%; content: ""; height: 32px; left: 50%; line-height: 32px; opacity: 0; position: absolute; top: 40%; transition: opacity .3s linear; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 32px; z-index: -1; }

.gen-home .social-follow li a span:not(.hidden).icon-facebook:after, .gen-learn .social-follow li a span:not(.hidden).icon-facebook:after { background-color: #3b5998; }

.gen-home .social-follow li a span:not(.hidden).icon-instagram:after, .gen-learn .social-follow li a span:not(.hidden).icon-instagram:after { background-color: #13548c; }

.gen-home .social-follow li a span:not(.hidden).icon-linkedin:after, .gen-learn .social-follow li a span:not(.hidden).icon-linkedin:after { background-color: #0077b5; }

.gen-home .social-follow li a span:not(.hidden).icon-twitter:after, .gen-learn .social-follow li a span:not(.hidden).icon-twitter:after { background-color: #1da1f2; }

.gen-home .social-follow li a span:not(.hidden).icon-youtube:after, .gen-learn .social-follow li a span:not(.hidden).icon-youtube:after { background-color: #e52d27; }

.gen-home .social-follow li a:hover, .gen-learn .social-follow li a:hover { color: #fff; }

.gen-home .social-follow li a:hover span:not(.hidden):after, .gen-learn .social-follow li a:hover span:not(.hidden):after { opacity: 1; }

.gen-home .card--category, .gen-learn .card--category { border-radius: 5px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.08); margin-bottom: 30px; overflow: hidden; }

@media (min-width: 768px) { .gen-home .card--category, .gen-learn .card--category { margin-bottom: 0; } }
@media (min-width: 768px) { .gen-home .card--category:hover .card__image img, .gen-learn .card--category:hover .card__image img { -ms-transform: scale(1.1); transform: scale(1.1); }
  .gen-home .card--category:hover .card__info .button--secondary, .gen-home .card--category:hover .card__info .button--secondary .icon-arrow-r:before, .gen-learn .card--category:hover .card__info .button--secondary, .gen-learn .card--category:hover .card__info .button--secondary .icon-arrow-r:before { color: #64a70b; }
  .gen-home .card--category:hover .card__info .button--secondary.hover-blue, .gen-home .card--category:hover .card__info .button--secondary.hover-blue .icon-arrow-r:before, .gen-learn .card--category:hover .card__info .button--secondary.hover-blue, .gen-learn .card--category:hover .card__info .button--secondary.hover-blue .icon-arrow-r:before { color: #1aa2dc; } }
.gen-home .card--category .card__description, .gen-learn .card--category .card__description { margin-bottom: 0; }

.gen-home .card--category .card__flag, .gen-learn .card--category .card__flag { position: relative; top: 0; }

.gen-home .card--category .card__flag-container, .gen-learn .card--category .card__flag-container { display: block; margin-bottom: 7.5px; }

.gen-home .card--category .card__image, .gen-learn .card--category .card__image { overflow: hidden; position: relative; }

.gen-home .card--category .card__image img, .gen-learn .card--category .card__image img { position: relative; transition: all 0.3s linear; }

.gen-home .card--category .card__info, .gen-learn .card--category .card__info { padding: 15px; position: absolute; z-index: 1; }

.gen-home .card--category .card__info .button, .gen-home .card--category .card__info p, .gen-learn .card--category .card__info .button, .gen-learn .card--category .card__info p { color: #fff; }

.gen-home .card--category .card__info .button, .gen-learn .card--category .card__info .button { font-size: 16px; line-height: 24px; font-weight: 700; letter-spacing: 0.5px; }

@media (min-width: 768px) { .gen-home .card--category .card__info .button, .gen-learn .card--category .card__info .button { font-size: 18px; line-height: 26px; line-height: 24px; } }
.gen-home .card--category .card__info .button span:before, .gen-learn .card--category .card__info .button span:before { font-size: 85%; }

.gen-home .card--category .card__info .button:hover, .gen-learn .card--category .card__info .button:hover { color: #64a70b; }

.gen-home .card--category .card__info .card__description, .gen-learn .card--category .card__info .card__description { margin-top: -3px; }

.gen-home .card--category .card__content, .gen-learn .card--category .card__content { padding: 30px 30px 0; }

.gen-home .card--category .card__content h3, .gen-learn .card--category .card__content h3 { font-size: 24px; line-height: 26px; margin-bottom: 7.5px; }

@media (min-width: 768px) { .gen-home .card--category .card__content h3, .gen-learn .card--category .card__content h3 { font-size: 28px; line-height: 28px; } }
.gen-home .card--category .card__content h4, .gen-learn .card--category .card__content h4 { margin-bottom: 7.5px; }

.gen-home .card--category .card__content .button, .gen-learn .card--category .card__content .button { width: 100%; }

.gen-home .card--category .card__content .card__description, .gen-learn .card--category .card__content .card__description { margin-bottom: 30px; }

.gen-home .card--category .card__cta, .gen-learn .card--category .card__cta { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-top: auto; padding: 0 30px 30px; }

.gen-home .card--category .card__cta a, .gen-learn .card--category .card__cta a { display: block; }

.gen-home .card--category .card__price, .gen-learn .card--category .card__price { font-weight: 400; margin-top: 7.5px; }

.gen-home .card--category .card__title, .gen-learn .card--category .card__title { font-weight: 400; }

.gen-home .card--compare, .gen-learn .card--compare { border-radius: 5px; position: relative; }

.gen-home .card--compare.card--product:before, .gen-learn .card--compare.card--product:before { border: 2px solid #64a70b; border-radius: 4px; box-shadow: none; height: 100%; top: 0; }

@media (max-width: 767px) { .gen-home .card--compare.card--product:before, .gen-learn .card--compare.card--product:before { z-index: 0; } }
.gen-home .card--compare:after, .gen-learn .card--compare:after { display: inline-block; font-family: Icomoon; font-size: inherit; font-style: normal; font-weight: 400; position: relative; font-variant: normal; speak: none; text-transform: none; top: -3px; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #64a70b; border-radius: 4px; color: #fff; content: "\e905"; display: none; height: 20px; font-size: 12px; left: auto; line-height: 20px; position: absolute; right: -3.75px; text-align: center; top: -2.5px; width: 20px; z-index: 1; }

.gen-home .card--compare.selected:after, .gen-home .card--compare.selected:before, .gen-learn .card--compare.selected:after, .gen-learn .card--compare.selected:before { display: block; }

.gen-home .card--compare .card__content, .gen-learn .card--compare .card__content { text-align: center; }

.gen-home .card--compare .card__flag, .gen-learn .card--compare .card__flag { left: 50%; top: -7.5px; -ms-transform: translateX(-50%); transform: translateX(-50%); }

.gen-home .card--compare .card__flag + h4, .gen-learn .card--compare .card__flag + h4 { margin-top: 15px; }

.gen-home .card--compare.card--product .card__title, .gen-learn .card--compare.card--product .card__title { font-size: 16px; line-height: 24px; text-align: center; }

@media (min-width: 768px) { .gen-home .card--compare.card--product .card__title, .gen-learn .card--compare.card--product .card__title { font-size: 18px; line-height: 26px; } }
@media (max-width: 767px) { .gen-home .card--compare.card--product .card__cta, .gen-home .card--compare.card--product .card__price, .gen-home .card--compare.card--product .card__title, .gen-learn .card--compare.card--product .card__cta, .gen-learn .card--compare.card--product .card__price, .gen-learn .card--compare.card--product .card__title { font-size: 14px; line-height: 16px; } }
.gen-home .compare__chart .card--compare, .gen-learn .compare__chart .card--compare { margin: 0 auto; max-width: 265px; }

@media (max-width: 767px) { .gen-home .compare__chart .card--compare, .gen-learn .compare__chart .card--compare { padding: 0; } }
.gen-home .compare__chart .card--compare:focus:before, .gen-home .compare__chart .card--compare:hover:before, .gen-learn .compare__chart .card--compare:focus:before, .gen-learn .compare__chart .card--compare:hover:before { display: none; }

.gen-home .compare__chart .card--compare .card__content, .gen-home .compare__chart .card--compare .card__cta, .gen-learn .compare__chart .card--compare .card__content, .gen-learn .compare__chart .card--compare .card__cta { text-align: left; }

.gen-home .compare__chart .card--compare .card__cta .button, .gen-learn .compare__chart .card--compare .card__cta .button { color: #64a70b; text-align: left; }

.gen-home .compare__chart .card--compare .card__cta .button:hover, .gen-home .compare__chart .card--compare .card__cta .button:hover .icon-arrow-r:before, .gen-learn .compare__chart .card--compare .card__cta .button:hover, .gen-learn .compare__chart .card--compare .card__cta .button:hover .icon-arrow-r:before { color: #579802; }

.gen-home .compare__chart .card--compare .card__flag, .gen-learn .compare__chart .card--compare .card__flag { left: 0; -ms-transform: none; transform: none; top: 7.5px; }

.gen-home .compare__chart .card--compare .card__price, .gen-learn .compare__chart .card--compare .card__price { margin-bottom: 0; }

.gen-home .compare__chart .card--compare .card__title, .gen-learn .compare__chart .card--compare .card__title { margin-bottom: 0; margin-top: 30px; text-align: left; }

.gen-home .card--coupon.card, .gen-learn .card--coupon.card { max-width: none; }

@media (min-width: 768px) { .gen-home .card--coupon.card, .gen-learn .card--coupon.card { max-width: 49%; } }
@media (min-width: 480px) { .gen-home .card--coupon.card, .gen-learn .card--coupon.card { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } }
.gen-home .card--coupon, .gen-learn .card--coupon { border: 2px dashed #dbdbdb; border-radius: 2px; display: -ms-flexbox; display: flex; float: none; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding: 37.5px; position: relative; width: 100%; }

.gen-home .card--coupon:hover, .gen-learn .card--coupon:hover { border-style: solid; }

.slick-slide .gen-home .card--coupon, .slick-slide .gen-learn .card--coupon { display: -ms-flexbox !important; display: flex !important; }

.gen-home .card--coupon .card__content, .gen-home .card--coupon .card__image, .gen-learn .card--coupon .card__content, .gen-learn .card--coupon .card__image { width: 50%; width: calc(50% - 15px); }

.gen-home .card--coupon .card__content, .gen-learn .card--coupon .card__content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-right: 15px; padding-top: 15px; }

.gen-home .card--coupon .card__content > div:first-child, .gen-learn .card--coupon .card__content > div:first-child { margin: auto 0; }

.gen-home .card--coupon .card__content > div:last-child, .gen-learn .card--coupon .card__content > div:last-child { margin-top: auto; }

.gen-home .card--coupon .card__image, .gen-learn .card--coupon .card__image { margin-left: 15px; }

@media (min-width: 768px) { .gen-home .card--coupon, .gen-learn .card--coupon { padding: 15px; width: 49%; }
  .gen-home .card--coupon ~ .card--coupon, .gen-learn .card--coupon ~ .card--coupon { margin-left: 2%; }
  .gen-home .card--coupon:first-child:nth-last-child(3), .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(3), .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon { width: 32.3333%; }
  .gen-home .card--coupon:first-child:nth-last-child(4), .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(4), .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon { width: 24%; }
  .gen-home .card--coupon:first-child:nth-last-child(3), .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon, .gen-home .card--coupon:first-child:nth-last-child(4), .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(3), .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(4), .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon { -ms-flex-direction: column; flex-direction: column; }
  .gen-home .card--coupon:first-child:nth-last-child(3) .card__content, .gen-home .card--coupon:first-child:nth-last-child(3) .card__image, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__content, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__image, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__content, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__image, .gen-home .card--coupon:first-child:nth-last-child(4) .card__content, .gen-home .card--coupon:first-child:nth-last-child(4) .card__image, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__content, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__image, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__content, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__image, .gen-learn .card--coupon:first-child:nth-last-child(3) .card__content, .gen-learn .card--coupon:first-child:nth-last-child(3) .card__image, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__image, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__image, .gen-learn .card--coupon:first-child:nth-last-child(4) .card__content, .gen-learn .card--coupon:first-child:nth-last-child(4) .card__image, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__image, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__image { margin-left: 0; margin-right: 0; width: 100%; }
  .gen-home .card--coupon:first-child:nth-last-child(3) .card__content, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__content, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__content, .gen-home .card--coupon:first-child:nth-last-child(4) .card__content, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__content, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(3) .card__content, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(4) .card__content, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__content { -ms-flex-positive: 2; flex-grow: 2; margin-top: 15px; }
  .gen-home .card--coupon:first-child:nth-last-child(3) .card__content > div:first-child, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__content > div:first-child, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__content > div:first-child, .gen-home .card--coupon:first-child:nth-last-child(4) .card__content > div:first-child, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__content > div:first-child, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__content > div:first-child, .gen-learn .card--coupon:first-child:nth-last-child(3) .card__content > div:first-child, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__content > div:first-child, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__content > div:first-child, .gen-learn .card--coupon:first-child:nth-last-child(4) .card__content > div:first-child, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__content > div:first-child, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__content > div:first-child { margin: 0 0 15px; } }
.gen-home .card--coupon .card__title, .gen-learn .card--coupon .card__title { color: #222; font-size: 30px; line-height: 38px; margin-bottom: 0; }

.gen-home .card--coupon .card__description, .gen-learn .card--coupon .card__description { display: inline-block; transition-property: all; background-color: transparent; border: none; color: #222; padding: 0 5px 0 0; text-align: left; font-size: 16px; line-height: 24px; font-weight: 400; }

.gen-home .card--coupon .card__description span:before, .gen-learn .card--coupon .card__description span:before { color: #64a70b; font-size: 50%; margin-left: 5px; overflow: visible; top: 0; transition: transform .3s linear; width: 0; }

.gen-home .card--coupon .card__description:hover, .gen-learn .card--coupon .card__description:hover { background-color: transparent; color: #222; }

@media (min-width: 768px) { .gen-home .card--coupon .card__description, .gen-learn .card--coupon .card__description { font-size: 18px; line-height: 26px; } }
.gen-home .card--coupon .card__description em, .gen-learn .card--coupon .card__description em { color: #12a2dc; }

.gen-home .card--coupon .card__description, .gen-home .card--coupon .card__description:hover, .gen-learn .card--coupon .card__description, .gen-learn .card--coupon .card__description:hover { color: #747474; }

.gen-home .card--coupon:after, .gen-learn .card--coupon:after { display: inline-block; font-family: Icomoon; font-size: inherit; font-style: normal; font-weight: 400; position: relative; font-variant: normal; speak: none; text-transform: none; top: -3px; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; content: "\e902"; font-size: 12px; left: 7px; position: absolute; top: 2px; z-index: 1; }

.gen-home .card--coupon:before, .gen-learn .card--coupon:before { border-color: #64a70b transparent transparent; border-style: solid; border-width: 50px 50px 0 0; content: ""; height: 0; left: -2px; position: absolute; top: -2px; width: 0; z-index: 1; }

@media (max-width: 479px) { .gen-home .card--coupon, .gen-learn .card--coupon { -ms-flex-direction: column; flex-direction: column; padding: 15px; }
  .gen-home .card--coupon .card__content, .gen-home .card--coupon .card__image, .gen-learn .card--coupon .card__content, .gen-learn .card--coupon .card__image { width: 100%; }
  .gen-home .card--coupon .card__image, .gen-learn .card--coupon .card__image { margin-left: 0; } }
.gen-home .card--feature, .gen-learn .card--feature { margin-bottom: 60px; }

@media (max-width: 767px) { .gen-home .card--feature:last-child, .gen-learn .card--feature:last-child { margin-bottom: 0; } }
@media (min-width: 768px) { .gen-home .card--feature, .gen-learn .card--feature { margin-bottom: 0; }
  .gen-home .card--feature:nth-child(2), .gen-learn .card--feature:nth-child(2) { -ms-flex-order: -1; order: -1; } }
.gen-home .card--feature:before, .gen-learn .card--feature:before { background-color: #fff; bottom: -30px; border-radius: 2px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.08); content: ""; display: none; height: 90%; left: 0; position: absolute; width: 100%; z-index: -1; }

@media (min-width: 1023px) { .gen-home .card--feature:before, .gen-learn .card--feature:before { height: 83%; } }
.gen-home .card--feature:first-child:before, .gen-learn .card--feature:first-child:before { height: 103%; }

@media (min-width: 1023px) { .gen-home .card--feature:first-child:before, .gen-learn .card--feature:first-child:before { height: 100%; } }
.gen-home .card--feature .card__content, .gen-learn .card--feature .card__content { padding: 0; text-align: center; }

@media (min-width: 768px) { .gen-home .card--feature .card__content, .gen-learn .card--feature .card__content { padding-left: 22.5px; padding-right: 22.5px; } }
@media (min-width: 1023px) { .gen-home .card--feature .card__content, .gen-learn .card--feature .card__content { padding-left: 30px; padding-right: 30px; } }
@media (min-width: 1200px) { .gen-home .card--feature .card__content, .gen-learn .card--feature .card__content { padding-left: 45px; padding-right: 45px; } }
@media (min-width: 768px) { .gen-home .card--feature .card__cta, .gen-learn .card--feature .card__cta { opacity: 0; visibility: hidden; } }
@media (max-width: 767px) { .gen-home .card--feature .card__cta .button, .gen-learn .card--feature .card__cta .button { width: 100%; } }
.gen-home .card--feature .card__cta a ~ a, .gen-learn .card--feature .card__cta a ~ a { margin-top: 22.5px; }

.gen-home .card--feature .card__cta a:not(.button), .gen-learn .card--feature .card__cta a:not(.button) { display: block; }

.gen-home .card--feature .card__description, .gen-learn .card--feature .card__description { margin-bottom: 15px; }

@media (min-width: 768px) and (max-width: 1023px) { .gen-home .card--feature .card__description, .gen-learn .card--feature .card__description { font-size: 14px; line-height: 20px; } }
.gen-home .card--feature .card__flag, .gen-learn .card--feature .card__flag { left: 10%; top: 46%; }

@media (max-width: 767px) { .gen-home .card--feature .card__flag, .gen-learn .card--feature .card__flag { left: 0; top: 12%; } }
.gen-home .card--feature .card__image, .gen-learn .card--feature .card__image { margin-left: auto; margin-right: auto; position: relative; width: 75%; }

.gen-home .card--feature .card__image__active, .gen-home .card--feature .card__image__hover, .gen-learn .card--feature .card__image__active, .gen-learn .card--feature .card__image__hover { transition: none; }

.gen-home .card--feature .card__image__hover, .gen-learn .card--feature .card__image__hover { left: 0; opacity: 0; position: absolute; bottom: 0; visibility: hidden; width: 100%; }

@media (min-width: 768px) { .gen-home .card--feature .card__image__inner, .gen-learn .card--feature .card__image__inner { height: 0; padding-bottom: 151.33333333%; width: 100%; }
  .gen-home .card--feature .card__image__active, .gen-learn .card--feature .card__image__active { left: 0; position: absolute; bottom: 0; width: 100%; } }
.gen-home .card--feature .card__price, .gen-learn .card--feature .card__price { color: #222; font-weight: 400; margin-bottom: 7.5px; }

.gen-home .card--feature .card__title, .gen-learn .card--feature .card__title { display: inline-block; transition-property: all; background-color: transparent; border: none; color: #222; padding: 0 5px 0 0; text-align: left; font-size: 20px; line-height: 26px; margin-bottom: 7.5px; margin-top: 15px; text-align: center; }

.gen-home .card--feature .card__title span:before, .gen-learn .card--feature .card__title span:before { color: #64a70b; font-size: 50%; margin-left: 5px; overflow: visible; top: 0; transition: transform .3s linear; width: 0; }

.gen-home .card--feature .card__title:hover, .gen-learn .card--feature .card__title:hover { background-color: transparent; color: #222; }

@media (min-width: 768px) { .gen-home .card--feature .card__title, .gen-learn .card--feature .card__title { font-size: 24px; line-height: 30px; } }
@media (min-width: 768px) and (max-width: 1023px) { .gen-home .card--feature .card__title, .gen-learn .card--feature .card__title { font-size: 20px; line-height: 26px; } }
@media (min-width: 768px) { .gen-home .card--feature:focus:before, .gen-home .card--feature:hover:before, .gen-learn .card--feature:focus:before, .gen-learn .card--feature:hover:before { display: block; }
  .gen-home .card--feature:focus .card__image__active, .gen-home .card--feature:hover .card__image__active, .gen-learn .card--feature:focus .card__image__active, .gen-learn .card--feature:hover .card__image__active { opacity: 0; visibility: hidden; }
  .gen-home .card--feature:focus .card__cta, .gen-home .card--feature:focus .card__image__hover, .gen-home .card--feature:hover .card__cta, .gen-home .card--feature:hover .card__image__hover, .gen-learn .card--feature:focus .card__cta, .gen-learn .card--feature:focus .card__image__hover, .gen-learn .card--feature:hover .card__cta, .gen-learn .card--feature:hover .card__image__hover { opacity: 1; visibility: visible; } }
.gen-home .card--product, .gen-learn .card--product { padding: 15px; transition: all 0.3s linear; }

.gen-home .card--product:before, .gen-learn .card--product:before { border-radius: 2px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.08); content: ""; display: none; height: calc(100% - 30px); left: 0; position: absolute; top: 30px; width: 100%; z-index: -1; }

.gen-home .card--product:hover img, .gen-learn .card--product:hover img { opacity: 1 !important; }

.gen-home .card--product:hover .icon-arrow-r:before, .gen-learn .card--product:hover .icon-arrow-r:before { -ms-transform: translateX(5px); transform: translateX(5px); }

.gen-home .card--product .card__description, .gen-learn .card--product .card__description { font-size: 14px; line-height: 22px; }

.gen-home .card--product .card__title, .gen-learn .card--product .card__title { display: inline-block; transition-property: all; background-color: transparent; border: none; color: #222; padding: 0 5px 0 0; text-align: left; font-size: 20px; line-height: 26px; margin-bottom: 0; margin-top: 15px; }

.gen-home .card--product .card__title span:before, .gen-learn .card--product .card__title span:before { color: #64a70b; font-size: 50%; margin-left: 5px; overflow: visible; top: 0; transition: transform .3s linear; width: 0; }

.gen-home .card--product .card__title:hover, .gen-learn .card--product .card__title:hover { background-color: transparent; color: #222; }

@media (min-width: 768px) { .gen-home .card--product .card__title, .gen-learn .card--product .card__title { font-size: 24px; line-height: 30px; } }
.gen-home .card--product .card__price, .gen-learn .card--product .card__price { color: #222; font-weight: 400; margin-bottom: 15px; }

a.gen-home .card--product:focus:before, a.gen-home .card--product:hover:before, a.gen-learn .card--product:focus:before, a.gen-learn .card--product:hover:before { display: block; }

a.gen-home .card--product:focus img, a.gen-home .card--product:hover img, a.gen-learn .card--product:focus img, a.gen-learn .card--product:hover img { opacity: 1; }

.gen-home .card--quiz, .gen-learn .card--quiz { background-color: #64a70b; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; margin: 45px 7.5px 0; padding: 60px 30px; position: relative; }

.gen-home .card--quiz h3, .gen-home .card--quiz p, .gen-learn .card--quiz h3, .gen-learn .card--quiz p { color: #fff; }

.gen-home .card--quiz h3, .gen-learn .card--quiz h3 { font-size: 24px; line-height: 28px; }

@media (min-width: 768px) { .gen-home .card--quiz h3, .gen-learn .card--quiz h3 { font-size: 36px; line-height: 36px; } }
.gen-home .card--quiz .button:not(.button--secondary), .gen-learn .card--quiz .button:not(.button--secondary) { background-color: #fff; border-color: #fff; color: #64a70b; width: 100%; }

.gen-home .card--quiz .button:not(.button--secondary):hover, .gen-learn .card--quiz .button:not(.button--secondary):hover { background-color: #579802; color: #fff; }

.gen-home .card--quiz .button.button--secondary, .gen-home .card--quiz .button.button--secondary span:before, .gen-learn .card--quiz .button.button--secondary, .gen-learn .card--quiz .button.button--secondary span:before { color: #fff; }

.gen-home .card, .gen-learn .card { color: #222; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; }

.gen-home .card__content, .gen-learn .card__content { position: relative; }

.gen-home .card__flag, .gen-learn .card__flag { background-color: #64a70b; border-radius: 2px; color: #fff; font-size: 12px; line-height: 19px; font-weight: 400; letter-spacing: .5px; padding: 0 3.75px; position: absolute; top: -30px; z-index: 1; }

.gen-home .card__title, .gen-learn .card__title { display: block; }

.gen-home .language-selector, .gen-learn .language-selector { margin: 15px 0; position: relative; }

.gen-home .language-selector__current, .gen-home .language-selector__select, .gen-learn .language-selector__current, .gen-learn .language-selector__select { display: inline-block; vertical-align: middle; }

.gen-home .language-selector__current, .gen-learn .language-selector__current { border-right: 1px solid #dbdbdb; margin-right: 15px; padding-right: 15px; }

.gen-home .language-selector__current img, .gen-learn .language-selector__current img { border-radius: 100%; margin-right: 7.5px; max-width: 35px; }

.gen-home .language-selector__current img, .gen-home .language-selector__current p, .gen-learn .language-selector__current img, .gen-learn .language-selector__current p { display: inline-block; vertical-align: middle; }

.gen-home .language-selector__current p, .gen-learn .language-selector__current p { color: #222; font-weight: 700; }

.gen-home .language-selector__dropdown, .gen-learn .language-selector__dropdown { background-color: #fff; max-height: 0; overflow: hidden; transition: all 0.4s cubic-bezier(0, 1, 0, 1); width: 100%; visibility: hidden; }

.gen-home .language-selector__dropdown[aria-hidden=false], .gen-learn .language-selector__dropdown[aria-hidden=false] { max-height: 500px; transition-timing-function: cubic-bezier(0.25, 0, 1, 0); visibility: visible; }

.gen-home .language-selector__dropdown[aria-hidden=false] ul, .gen-learn .language-selector__dropdown[aria-hidden=false] ul { margin: 0; max-height: 470px; overflow: auto; padding: 15px 30px; }

@media (min-width: 768px) { .gen-home .language-selector__dropdown, .gen-learn .language-selector__dropdown { box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.08); bottom: 100%; position: absolute; right: 0; z-index: 3; } }
.gen-home .language-selector__dropdown li, .gen-learn .language-selector__dropdown li { list-style-type: none; }

.gen-home .language-selector__dropdown li a, .gen-learn .language-selector__dropdown li a { color: #747474; display: block; padding: 3.75px 0; }

.gen-home .language-selector__dropdown li a:hover, .gen-learn .language-selector__dropdown li a:hover { color: #64a70b; text-decoration: underline; }

.gen-home .language-selector__select button, .gen-learn .language-selector__select button { position: relative; }

.gen-home .language-selector__select button .icon-arrow-d:before, .gen-learn .language-selector__select button .icon-arrow-d:before { color: #64a70b; font-size: 12px; top: -1px; }

.gen-home .language-selector__select button[aria-expanded=true] .icon-arrow-d:before, .gen-learn .language-selector__select button[aria-expanded=true] .icon-arrow-d:before { -ms-transform: rotate(180deg); transform: rotate(180deg); }

@media (max-width: 767px) { .gen-home .mailing-list, .gen-learn .mailing-list { margin: 30px 0; } }
.gen-home .global-footer__mobile-toggle[aria-expanded=true] .icon-arrow-d:before, .gen-learn .global-footer__mobile-toggle[aria-expanded=true] .icon-arrow-d:before { -ms-transform: rotate(180deg); transform: rotate(180deg); }

@media (min-width: 768px) { .gen-home .global-footer__mobile-toggle, .gen-learn .global-footer__mobile-toggle { display: none; } }
@media (min-width: 768px) { .gen-home .global-footer__group + .global-footer__group, .gen-learn .global-footer__group + .global-footer__group { margin-top: 30px; } }
.gen-home .global-footer__group ul, .gen-learn .global-footer__group ul { margin: 0; padding: 0; }

.gen-home .global-footer__group li, .gen-learn .global-footer__group li { list-style-type: none; }

.gen-home .global-footer__group li ~ li, .gen-learn .global-footer__group li ~ li { margin-top: 3.75px; }

.gen-home .global-footer__group li a, .gen-learn .global-footer__group li a { color: #747474; }

.gen-home .global-footer__group li a:hover, .gen-learn .global-footer__group li a:hover { color: #64a70b; text-decoration: underline; }

.gen-home .global-footer__group h2, .gen-learn .global-footer__group h2 { font-size: 20px; line-height: 26px; font-weight: 700; margin-bottom: 15px; }

.gen-home .global-footer__group h2 a, .gen-learn .global-footer__group h2 a { color: #222; }

.gen-home .global-footer__group h2 a:hover, .gen-learn .global-footer__group h2 a:hover { color: #64a70b; text-decoration: underline; }

@media (max-width: 767px) { .gen-home .global-footer__group, .gen-learn .global-footer__group { border-bottom: 1px solid #dbdbdb; }
  .gen-home .global-footer__group ul, .gen-learn .global-footer__group ul { max-height: 0; overflow: hidden; transition: all 0.4s cubic-bezier(0, 1, 0, 1); visibility: hidden; }
  .gen-home .global-footer__group ul[aria-hidden=false], .gen-learn .global-footer__group ul[aria-hidden=false] { max-height: 400px; transition-timing-function: cubic-bezier(0.25, 0, 1, 0); visibility: visible; }
  .gen-home .global-footer__group li a, .gen-learn .global-footer__group li a { display: block; padding: 3.75px 0; }
  .gen-home .global-footer__group li:last-child, .gen-learn .global-footer__group li:last-child { margin-bottom: 15px; }
  .gen-home .global-footer__group h2, .gen-learn .global-footer__group h2 { display: block; margin-bottom: 0; padding: 15px 30px 15px 0; position: relative; width: 100%; }
  .gen-home .global-footer__group h2 button, .gen-learn .global-footer__group h2 button { height: 54px; padding: 15px; position: absolute; right: -15px; top: 0; width: 54px; }
  .gen-home .global-footer__group h2 button .icon-arrow-d:before, .gen-learn .global-footer__group h2 button .icon-arrow-d:before { color: #64a70b; top: -1px; } }
.gen-home .global-footer__utility, .gen-learn .global-footer__utility { font-size: 12px; line-height: 20px; padding-bottom: 30px; padding-top: 30px; }

.gen-home .global-footer__utility ul, .gen-learn .global-footer__utility ul { margin: 0 0 15px; padding: 0; width: 100%; }

.gen-home .global-footer__utility li, .gen-learn .global-footer__utility li { display: inline-block; list-style-type: none; margin-bottom: 7.5px; margin-right: 15px; }

.gen-home .global-footer__utility p, .gen-learn .global-footer__utility p { margin-bottom: 22.5px; }

.gen-home .global-footer__utility a, .gen-learn .global-footer__utility a { color: #747474; }

.gen-home .global-footer__utility a:hover, .gen-learn .global-footer__utility a:hover { color: #64a70b; text-decoration: underline; }

@media (min-width: 768px) { .gen-home .global-footer__utility p, .gen-home .global-footer__utility ul, .gen-learn .global-footer__utility p, .gen-learn .global-footer__utility ul { margin-bottom: 7.5px; }
  .gen-home .global-footer__utility li, .gen-learn .global-footer__utility li { margin-bottom: 0; } }
@media (min-width: 1160px) { .gen-home .global-footer__utility p, .gen-home .global-footer__utility ul, .gen-learn .global-footer__utility p, .gen-learn .global-footer__utility ul { margin-bottom: 0; }
  .gen-home .global-footer__utility .global-footer__copyright, .gen-home .global-footer__utility ul, .gen-learn .global-footer__utility .global-footer__copyright, .gen-learn .global-footer__utility ul { float: left; }
  .gen-home .global-footer__utility .global-footer__regulatory, .gen-learn .global-footer__utility .global-footer__regulatory { float: right; text-align: right; width: 72%; width: calc(100% - 320px); } }
.gen-home .flyout, .gen-learn .flyout { background-color: #fff; max-height: 0; opacity: 0; overflow: hidden; transition: all .3s linear; visibility: hidden; }

.gen-home .flyout li, .gen-learn .flyout li { list-style-type: none; }

.gen-home .flyout__link, .gen-learn .flyout__link { font-size: 20px; line-height: 26px; font-weight: 700; margin-bottom: 0; }

.gen-home .flyout[aria-hidden=false], .gen-learn .flyout[aria-hidden=false] { max-height: 1000px; opacity: 1; visibility: visible; }

@media (max-width: 899px) { .gen-home .flyout, .gen-learn .flyout { background-color: #55910e; }
  .gen-home .flyout .wrapper, .gen-learn .flyout .wrapper { padding: 0; }
  .gen-home .flyout__col a, .gen-learn .flyout__col a { color: #fff; }
  .gen-home .flyout__children li, .gen-home .flyout__col, .gen-learn .flyout__children li, .gen-learn .flyout__col { position: relative; width: 100%; }
  .gen-home .flyout__children li ~ li:before, .gen-home .flyout__col ~ .flyout__col:before, .gen-learn .flyout__children li ~ li:before, .gen-learn .flyout__col ~ .flyout__col:before { background-color: rgba(219, 219, 219, 0.2); content: ""; display: block !important; height: 1px; left: 30px; position: absolute; top: 0; width: 90%; width: calc(100% - 60px); }
  .gen-home .flyout__link, .gen-home .flyout__toggle, .gen-learn .flyout__link, .gen-learn .flyout__toggle { display: block; }
  .gen-home .flyout__link, .gen-learn .flyout__link { padding: 15px 60px 15px 45px; width: 100%; }
  .gen-home .flyout__toggle, .gen-learn .flyout__toggle { padding: 15px 30px 15px 15px; position: absolute; right: 0; top: 0; }
  .gen-home .flyout__toggle .icon-arrow-d:before, .gen-learn .flyout__toggle .icon-arrow-d:before { top: 0; }
  .gen-home .flyout__toggle[aria-expanded=true] .icon-arrow-d:before, .gen-learn .flyout__toggle[aria-expanded=true] .icon-arrow-d:before { -ms-transform: rotate(180deg); transform: rotate(180deg); }
  .gen-home .flyout__children, .gen-learn .flyout__children { background-color: #4e8828; max-height: 0; overflow: hidden; visibility: hidden; }
  .gen-home .flyout__children[aria-hidden=false], .gen-learn .flyout__children[aria-hidden=false] { max-height: 1000px; visibility: visible; }
  .gen-home .flyout__children a, .gen-learn .flyout__children a { display: block; padding: 15px 60px; } }
@media (max-width: 899px) and (min-width: 480px) { .gen-home .flyout__children li ~ li:before, .gen-home .flyout__col ~ .flyout__col:before, .gen-learn .flyout__children li ~ li:before, .gen-learn .flyout__col ~ .flyout__col:before { left: 45px; width: 80%; width: calc(100% - 90px); } }
@media (max-width: 899px) and (min-width: 480px) { .gen-home .flyout__link, .gen-learn .flyout__link { padding-left: 60px; } }
@media (max-width: 899px) and (min-width: 480px) { .gen-home .flyout__toggle, .gen-learn .flyout__toggle { padding-right: 45px; } }
@media (max-width: 899px) and (min-width: 480px) { .gen-home .flyout__children a, .gen-learn .flyout__children a { padding: 15px 75px; } }
@media (min-width: 900px) { .gen-home .flyout, .gen-learn .flyout { box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.08); left: 0; padding: 30px; position: fixed; width: 100%; }
  .global-header ul.gen-home .flyout__children, .global-header ul.gen-learn .flyout__children { margin-top: 15px; }
  .gen-home .flyout__children > li ~ li, .gen-learn .flyout__children > li ~ li { margin-top: 3.75px; }
  .gen-home .flyout__children a, .gen-learn .flyout__children a { color: #747474; font-size: 15px; }
  .gen-home .flyout__link, .gen-learn .flyout__link { font-size: 18px; }
  .global-header .gen-home .flyout__link, .global-header .gen-learn .flyout__link { color: #222; }
  .global-header .gen-home .flyout a:hover, .global-header .gen-learn .flyout a:hover { color: #64a70b; text-decoration: underline; }
  .gen-home .flyout .row, .gen-learn .flyout .row { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
  .gen-home .flyout__toggle, .gen-learn .flyout__toggle { display: none; }
  .gen-home .flyout__col + .flyout__col, .gen-learn .flyout__col + .flyout__col { margin-left: 2.85714%; } }
.gen-home .global-header__logo, .gen-learn .global-header__logo { padding: 15px 0; }

@media (min-width: 900px) { .gen-home .global-header__logo, .gen-learn .global-header__logo { padding: 22.5px 0; } }
.gen-home .global-header__cart, .gen-learn .global-header__cart { position: absolute; right: 0; top: 27px; }

@media (min-width: 900px) { .gen-home .global-header__cart, .gen-learn .global-header__cart { top: 19.5px; -ms-transform: none; transform: none; } }
.gen-home .mini-cart__link, .gen-learn .mini-cart__link { position: relative; transition-property: opacity; }

.global-header .gen-home .mini-cart__link, .global-header .gen-learn .mini-cart__link { color: #fff; }

.gen-home .mini-cart__link:hover, .gen-learn .mini-cart__link:hover { opacity: 0.75; }

.gen-home .mini-cart__link .icon-cart:before, .gen-learn .mini-cart__link .icon-cart:before { font-size: 28px; }

@media (min-width: 900px) { .gen-home .mini-cart__link .icon-cart:before, .gen-learn .mini-cart__link .icon-cart:before { font-size: 20px; } }
.gen-home .mini-cart__quantity, .gen-learn .mini-cart__quantity { background-color: #222; border-radius: 100%; color: #fff; font-size: 12px; height: 18px; line-height: 18px; position: absolute; right: -7.5px; text-align: center; top: -7.5px; width: 18px; }

.gen-home .global-header__mobile-toggle, .gen-learn .global-header__mobile-toggle { margin-right: 15px; }

.gen-home .global-header__mobile-toggle button, .gen-learn .global-header__mobile-toggle button { color: #fff; }

.gen-home .global-header__mobile-toggle .icon-menu, .gen-learn .global-header__mobile-toggle .icon-menu { display: block; text-align: center; width: 24px; }

.gen-home .global-header__mobile-toggle .icon-menu:before, .gen-learn .global-header__mobile-toggle .icon-menu:before { font-size: 26px; top: 0; }

@media (min-width: 900px) { .gen-home .global-header__mobile-toggle, .gen-learn .global-header__mobile-toggle { display: none; } }
.gen-home .global-header__mobile-toggle .menu__toggle[aria-expanded=true] .icon-menu:before, .gen-learn .global-header__mobile-toggle .menu__toggle[aria-expanded=true] .icon-menu:before { content: "\e905"; font-size: 20px; }

@media (max-width: 899px) { .gen-home .menu__text-desktop, .gen-learn .menu__text-desktop { display: none; }
  .gen-home .global-header__right, .gen-learn .global-header__right { background-color: #fff; display: none; left: 0; height: 90%; overflow: auto; position: fixed; width: 100%; }
  .gen-home .global-header__right[aria-hidden=false], .gen-learn .global-header__right[aria-hidden=false] { display: block; }
  .gen-home .global-header__logo, .gen-home .global-header__mobile-toggle, .gen-learn .global-header__logo, .gen-learn .global-header__mobile-toggle { display: inline-block; vertical-align: middle; }
  .gen-home html[data-nav-open=true], .gen-home html[data-nav-open=true] body, .gen-learn html[data-nav-open=true], .gen-learn html[data-nav-open=true] body { height: 100%; left: 0; overflow: hidden; position: fixed; top: 0; width: 100%; } }
.gen-home .global-header__primary ul, .gen-learn .global-header__primary ul { margin: 0; padding: 0; }

.gen-home .global-header__primary .menu__toggle[aria-expanded=true] .icon-arrow-d:before, .gen-learn .global-header__primary .menu__toggle[aria-expanded=true] .icon-arrow-d:before { -ms-transform: rotate(180deg); transform: rotate(180deg); }

@media (max-width: 899px) { .gen-home .global-header__primary, .gen-learn .global-header__primary { background-color: #64a70b; }
  .gen-home .global-header__primary > ul > li, .gen-learn .global-header__primary > ul > li { position: relative; width: 100%; }
  .gen-home .global-header__primary > ul > li ~ li:before, .gen-learn .global-header__primary > ul > li ~ li:before { background-color: rgba(219, 219, 219, 0.2); content: ""; height: 1px; left: 30px; position: absolute; top: 0; width: 90%; width: calc(100% - 60px); }
  .gen-home .global-header__primary .menu__link, .gen-home .global-header__primary .menu__toggle, .gen-learn .global-header__primary .menu__link, .gen-learn .global-header__primary .menu__toggle { color: #fff; display: block; }
  .gen-home .global-header__primary .menu__link, .gen-learn .global-header__primary .menu__link { padding: 15px 60px 15px 30px; width: 100%; }
  .gen-home .global-header__primary .menu__toggle, .gen-learn .global-header__primary .menu__toggle { padding: 15px 30px 15px 15px; position: absolute; right: 0; top: 0; }
  .gen-home .global-header__primary .menu__toggle .icon-arrow-d:before, .gen-learn .global-header__primary .menu__toggle .icon-arrow-d:before { top: 0; } }
@media (max-width: 899px) and (min-width: 480px) { .gen-home .global-header__primary > ul > li ~ li:before, .gen-learn .global-header__primary > ul > li ~ li:before { left: 45px; width: 80%; width: calc(100% - 90px); } }
@media (max-width: 899px) and (min-width: 480px) { .gen-home .global-header__primary .menu__link, .gen-learn .global-header__primary .menu__link { padding-left: 45px; } }
@media (max-width: 899px) and (min-width: 480px) { .gen-home .global-header__primary .menu__toggle, .gen-learn .global-header__primary .menu__toggle { padding-right: 45px; } }
@media (min-width: 900px) { .gen-home .global-header__primary, .gen-learn .global-header__primary { z-index: 1; }
  .gen-home .global-header__primary .menu__link, .gen-home .global-header__primary .menu__toggle, .gen-learn .global-header__primary .menu__link, .gen-learn .global-header__primary .menu__toggle { color: #fff; padding: 15px 0 22.5px; position: relative; }
  .gen-home .global-header__primary .menu__link:after, .gen-home .global-header__primary .menu__toggle:after, .gen-learn .global-header__primary .menu__link:after, .gen-learn .global-header__primary .menu__toggle:after { background-color: #fff; content: ""; display: block; height: 0; left: 0; overflow: hidden; position: absolute; transition: height .3s linear; width: 100%; }
  .gen-home .global-header__primary .menu__link:hover:after, .gen-home .global-header__primary .menu__toggle:hover:after, .gen-learn .global-header__primary .menu__link:hover:after, .gen-learn .global-header__primary .menu__toggle:hover:after { height: 3px; }
  .gen-home .global-header__primary .menu__link:after, .gen-learn .global-header__primary .menu__link:after { top: calc(100% - 18px); }
  .gen-home .global-header__primary .menu__toggle, .gen-learn .global-header__primary .menu__toggle { display: block; position: relative; }
  .gen-home .global-header__primary .menu__toggle .icon-arrow-d:before, .gen-learn .global-header__primary .menu__toggle .icon-arrow-d:before { font-size: 11px; top: -1px; }
  .gen-home .global-header__primary .menu__toggle:after, .gen-learn .global-header__primary .menu__toggle:after { top: calc(100% - 22.5px); }
  .gen-home .global-header__primary .menu__toggle span, .gen-learn .global-header__primary .menu__toggle span { display: inline-block; }
  .gen-home .global-header__primary .menu__has-children .menu__link, .gen-home .global-header__primary .menu__has-children .menu__toggle .hidden, .gen-learn .global-header__primary .menu__has-children .menu__link, .gen-learn .global-header__primary .menu__has-children .menu__toggle .hidden { display: none; }
  .gen-home .global-header__primary > ul > li, .gen-learn .global-header__primary > ul > li { display: inline-block; list-style-type: none; margin-right: 2.85714%; position: relative; }
  .gen-home .global-header__primary > ul > li:last-child, .gen-learn .global-header__primary > ul > li:last-child { margin-right: 0; }
  .gen-home .global-header__primary > ul > li.active .menu__link:after, .gen-home .global-header__primary > ul > li.active .menu__toggle:after, .gen-learn .global-header__primary > ul > li.active .menu__link:after, .gen-learn .global-header__primary > ul > li.active .menu__toggle:after { height: 3px; } }
@media (min-width: 900px) and (max-width: 900px) { .gen-home .global-header__primary > ul > li, .gen-learn .global-header__primary > ul > li { margin-right: 2.5%; }
  .gen-home .global-header__primary .menu__link, .gen-home .global-header__primary .menu__toggle, .gen-learn .global-header__primary .menu__link, .gen-learn .global-header__primary .menu__toggle { font-size: 14px; } }
@media (min-width: 900px) { .gen-home .global-header__search, .gen-learn .global-header__search { bottom: -30px; position: absolute; right: -30px; } }
.gen-home .search, .gen-learn .search { position: relative; }

.gen-home .search__container, .gen-learn .search__container { background-color: #fff; border-radius: 2px; margin-top: 15px; position: relative; }

@media (min-width: 900px) { .gen-home .search__container, .gen-learn .search__container { margin-right: 15px; margin-top: 0; overflow: hidden; position: absolute; right: 100%; top: -7.5px; width: 0; }
  .gen-home .search__container[aria-hidden=false], .gen-learn .search__container[aria-hidden=false] { width: 230px; } }
.gen-home .search__input, .gen-learn .search__input { padding: 7.5px 0; margin: 0 15px; width: 90%; width: calc(100% - 30px); }

.gen-home .search__input input, .gen-learn .search__input input { padding-right: 30px; width: 100%; }

.gen-home .search__submit, .gen-learn .search__submit { margin: 7.5px 0 7.5px 7.5px; position: absolute; right: 15px; top: 0; }

.gen-home .search__submit:hover, .gen-learn .search__submit:hover { color: #64a70b; cursor: pointer; }

.gen-home .search__input, .gen-home .search__submit, .gen-learn .search__input, .gen-learn .search__submit { display: inline-block; vertical-align: middle; }

.gen-home .search__toggle button, .gen-learn .search__toggle button { color: #fff; transition-property: opacity; }

.gen-home .search__toggle button:hover, .gen-learn .search__toggle button:hover { opacity: 0.75; }

.gen-home .search__toggle button .icon-search:before, .gen-learn .search__toggle button .icon-search:before { font-size: 18px; top: -2px; }

.gen-home .search__toggle button[aria-expanded=true] .icon-search:before, .gen-learn .search__toggle button[aria-expanded=true] .icon-search:before { content: ""; }

@media (max-width: 899px) { .gen-home .search__toggle, .gen-learn .search__toggle { display: none; } }
.gen-home .global-header__utility, .gen-learn .global-header__utility { padding: 15px 30px; }

@media (min-width: 480px) and (max-width: 899px) { .gen-home .global-header__utility, .gen-learn .global-header__utility { padding-left: 45px; padding-right: 45px; } }
@media (max-width: 899px) { .gen-home .global-header__utility, .gen-learn .global-header__utility { background-color: #fff; }
  .gen-home .global-header__utility-links, .gen-learn .global-header__utility-links { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; text-align: center; }
  .gen-home .global-header__utility-links a, .gen-learn .global-header__utility-links a { display: inline-block; transition-property: all; background-color: #64a70b; border: 1px solid #64a70b; border-radius: 2px; color: #fff; padding: 7.5px 15px; text-align: center; width: 48%; }
  .gen-home .global-header__utility-links a:hover, .gen-learn .global-header__utility-links a:hover { background-color: #579802; }
  .gen-home .global-header__utility-links a ~ .button, .gen-learn .global-header__utility-links a ~ .button { margin-top: 10px; } }
@media (max-width: 899px) and (min-width: 768px) { .gen-home .global-header__utility-links a, .gen-learn .global-header__utility-links a { padding: 7.5px 22.5px; } }
@media (min-width: 900px) { .gen-home .global-header__utility, .gen-learn .global-header__utility { padding: 0; position: absolute; right: 30px; text-align: right; top: -15px; width: 100%; }
  .gen-home .global-header__utility-links, .gen-learn .global-header__utility-links { float: right; font-size: 14px; }
  .gen-home .global-header__utility-links a, .gen-learn .global-header__utility-links a { color: #fff; }
  .gen-home .global-header__utility-links a:hover, .gen-learn .global-header__utility-links a:hover { text-decoration: underline; }
  .gen-home .global-header__utility-links a ~ a, .gen-learn .global-header__utility-links a ~ a { margin-left: 15px; } }
@media (min-width: 900px) and (max-width: 900px) { .gen-home .global-header__utility-links, .gen-learn .global-header__utility-links { font-size: 12px; } }
.gen-home .accordion, .gen-learn .accordion { margin: 30px auto 60px; }

.gen-home .accordion__header, .gen-learn .accordion__header { margin-bottom: 22.5px; }

.gen-home .accordion__content, .gen-learn .accordion__content { display: none; margin-bottom: 15px; color: #747474; }

.gen-home .accordion__content[aria-hidden=false], .gen-learn .accordion__content[aria-hidden=false] { display: block; }

.gen-home .accordion__image, .gen-learn .accordion__image { margin-bottom: 15px; }

.gen-home .accordion__item > h3, .gen-learn .accordion__item > h3 { position: relative; padding-right: 40px; }
.gen-home .accordion__item > h3:after, .gen-learn .accordion__item > h3:after { content: "\e900"; display: inline-block; font-family: Icomoon; font-size: 15px; font-style: normal; font-weight: 400; position: absolute; font-variant: normal; speak: none; text-transform: none; color: #579802; top: 0; right: 0; vertical-align: middle; -webkit-font-smoothing: antialiased; }
.gen-home .accordion__item.open > h3:after, .gen-learn .accordion__item.open > h3:after { content: "\e903"; }

.gen-home .accordion__item ~ .accordion__item, .gen-learn .accordion__item ~ .accordion__item { padding-top: 10px; border-top: 1px solid #dbdbdb; }

.gen-home .accordion__left, .gen-learn .accordion__left { display: none; }

.gen-home .accordion__toggle h3, .gen-learn .accordion__toggle h3 { display: inline-block; transition-property: all; background-color: transparent; border: none; color: #222; padding: 0 5px 0 0; text-align: left; display: block; font-size: 18px; padding-bottom: 15px; padding-right: 60px; padding-top: 15px; position: relative; transition: color .3s linear; width: 100%; }

.gen-home .accordion__toggle h3 span:before, .gen-learn .accordion__toggle h3 span:before { color: #64a70b; font-size: 50%; margin-left: 5px; overflow: visible; top: 0; transition: transform .3s linear; width: 0; }

.gen-home .accordion__toggle h3:hover, .gen-learn .accordion__toggle h3:hover { background-color: transparent; color: #222; }

.gen-home .accordion__toggle h3 span, .gen-learn .accordion__toggle h3 span { position: absolute; right: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }

.gen-home .accordion__toggle h3 span:before, .gen-learn .accordion__toggle h3 span:before { font-size: 65%; margin-left: 0; width: auto; }

.gen-home .accordion__toggle[aria-expanded=true] h3 span, .gen-learn .accordion__toggle[aria-expanded=true] h3 span { -ms-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); }

.gen-home .accordion__toggle:hover h3, .gen-learn .accordion__toggle:hover h3 { color: #64a70b; }

.gen-home .accordion__toggle:hover h3 span:before, .gen-learn .accordion__toggle:hover h3 span:before { -ms-transform: none; transform: none; }

@media (min-width: 768px) and (max-width: 1022px) { .gen-home .accordion__content__inner, .gen-learn .accordion__content__inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
  .gen-home .accordion__image, .gen-home .accordion__text, .gen-learn .accordion__image, .gen-learn .accordion__text { width: 48%; }
  .gen-home .accordion__image, .gen-learn .accordion__image { margin-bottom: 0; } }
@media (min-width: 1023px) { .gen-home .accordion .row, .gen-learn .accordion .row { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 0; position: relative; }
  .gen-home .accordion__left, .gen-learn .accordion__left { display: block; width: 40%; }
  .gen-home .accordion__right, .gen-learn .accordion__right { padding: 60px 0 60px 60px; width: 60%; }
  .gen-home .accordion__image, .gen-learn .accordion__image { left: 0; margin-bottom: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 40%; } }
@media (min-width: 1100px) { .gen-home .accordion__image, .gen-home .accordion__left, .gen-home .accordion__right, .gen-learn .accordion__image, .gen-learn .accordion__left, .gen-learn .accordion__right { width: 50%; }
  .gen-home .accordion__right, .gen-learn .accordion__right { padding-right: 60px; } }
@media (min-width: 768px) { .gen-home .card-container .row, .gen-learn .card-container .row { display: -ms-flexbox; display: flex; padding: 0; } }
.gen-home .card-container__header, .gen-learn .card-container__header { margin-bottom: 60px; text-align: center; }

.gen-home .card-container__footer, .gen-learn .card-container__footer { margin-top: 30px; }

.gen-home .card-container--gutter, .gen-learn .card-container--gutter { margin: 75px 0; }

.gen-home .card-container--gutter .wrapper, .gen-learn .card-container--gutter .wrapper { position: relative; }

.gen-home .card-container--gutter .row, .gen-learn .card-container--gutter .row { padding: 0; }

@media (min-width: 768px) { .gen-home .card-container--gutter .row, .gen-learn .card-container--gutter .row { display: -ms-flexbox; display: flex; } }
.gen-home .card-container--gutter .card-container__header, .gen-learn .card-container--gutter .card-container__header { margin-bottom: 45px; }

@media (min-width: 1024px) { .gen-home .card-container--gutter .card-container__header, .gen-learn .card-container--gutter .card-container__header { position: relative; }
  .gen-home .card-container--gutter .card-container__header:after, .gen-learn .card-container--gutter .card-container__header:after { content: url(/presentation/product-launch/images/cutouts.png); position: absolute; top: -220px; right: 0; } }
@media (min-width: 768px) { .gen-home .card-container--gutter .card, .gen-learn .card-container--gutter .card { width: 49%; }
  .gen-home .card-container--gutter .card ~ .card, .gen-learn .card-container--gutter .card ~ .card { margin-left: 2%; }
  .gen-home .card-container--gutter .card:first-child:nth-last-child(3), .gen-home .card-container--gutter .card:first-child:nth-last-child(3) ~ .card, .gen-learn .card-container--gutter .card:first-child:nth-last-child(3), .gen-learn .card-container--gutter .card:first-child:nth-last-child(3) ~ .card { width: 32.3333%; }
  .gen-home .card-container--gutter .card:first-child:nth-last-child(4), .gen-home .card-container--gutter .card:first-child:nth-last-child(4) ~ .card, .gen-learn .card-container--gutter .card:first-child:nth-last-child(4), .gen-learn .card-container--gutter .card:first-child:nth-last-child(4) ~ .card { width: 24%; } }
@media (min-width: 1023px) { .gen-home .card-container--gutter .card ~ .card, .gen-learn .card-container--gutter .card ~ .card { margin-left: 30px; } }
@media (max-width: 767px) { .gen-home .card-container--no-gutter .row, .gen-learn .card-container--no-gutter .row { padding: 0; } }
.gen-home .card-container--no-gutter .card-container__header, .gen-learn .card-container--no-gutter .card-container__header { margin-bottom: 0; }

.gen-home .card-container--no-gutter .wrapper, .gen-learn .card-container--no-gutter .wrapper { position: relative; }

@media (min-width: 768px) { .gen-home .card-container--no-gutter .wrapper:before, .gen-learn .card-container--no-gutter .wrapper:before { background-image: url(/presentation/product-launch/images/background-feature.jpg); background-position: top; background-repeat: no-repeat; background-size: contain; content: ""; height: 100%; left: 0; position: absolute; top: 7%; width: 100%; z-index: -1; } }
@media (min-width: 768px) and (min-width: 1023px) { .gen-home .card-container--no-gutter .wrapper:before, .gen-learn .card-container--no-gutter .wrapper:before { top: -25px; } }
.gen-home .card-container--no-gutter .card, .gen-learn .card-container--no-gutter .card { width: 100%; }

@media (min-width: 768px) { .gen-home .card-container--no-gutter .card:first-child:nth-last-child(2), .gen-home .card-container--no-gutter .card:first-child:nth-last-child(2) ~ .card, .gen-learn .card-container--no-gutter .card:first-child:nth-last-child(2), .gen-learn .card-container--no-gutter .card:first-child:nth-last-child(2) ~ .card { width: 50%; }
  .gen-home .card-container--no-gutter .card:first-child:nth-last-child(3), .gen-home .card-container--no-gutter .card:first-child:nth-last-child(3) ~ .card, .gen-learn .card-container--no-gutter .card:first-child:nth-last-child(3), .gen-learn .card-container--no-gutter .card:first-child:nth-last-child(3) ~ .card { width: 33.3333%; } }
.gen-home .hero + .card-container--gutter, .gen-learn .hero + .card-container--gutter { margin-top: 15px; }

@media (min-width: 1023px) { .gen-home .hero + .card-container--gutter, .gen-learn .hero + .card-container--gutter { margin-top: 60px; } }
@media (min-width: 1023px) { .gen-home .hero + .card-container--no-gutter .card-container__header, .gen-learn .hero + .card-container--no-gutter .card-container__header { padding-top: 60px; } }
@media (max-width: 1022px) { .gen-home .compare__chart th, .gen-home .compare__group-body td, .gen-learn .compare__chart th, .gen-learn .compare__group-body td { width: 33.3%; }
  .gen-home .compare__chart th:nth-child(4), .gen-home .compare__group-body td:nth-child(4), .gen-learn .compare__chart th:nth-child(4), .gen-learn .compare__group-body td:nth-child(4) { display: none; }
  .gen-home .compare__chart, .gen-learn .compare__chart { width: 100%; } }
.gen-home .compare__chart, .gen-learn .compare__chart { display: none; }

.gen-home .compare__chart table, .gen-learn .compare__chart table { table-layout: fixed; width: 100%; }

.gen-home .compare__chart thead th, .gen-learn .compare__chart thead th { vertical-align: top; }

.gen-home .compare__chart thead th:first-child, .gen-learn .compare__chart thead th:first-child { vertical-align: bottom; }

.gen-home .compare__chart thead th:nth-child(3), .gen-home .compare__chart thead th:nth-child(4), .gen-learn .compare__chart thead th:nth-child(3), .gen-learn .compare__chart thead th:nth-child(4) { border-left: 1px solid #f4f4f4; }

.gen-home .compare #compare-table-headers td:first-child, .gen-home .compare #compare-table-headers th:first-child, .gen-home .compare__group-body td:first-child, .gen-home .compare__group-body th:first-child, .gen-learn .compare #compare-table-headers td:first-child, .gen-learn .compare #compare-table-headers th:first-child, .gen-learn .compare__group-body td:first-child, .gen-learn .compare__group-body th:first-child { width: 40%; }

@media (min-width: 1023px) { .gen-home .compare #compare-table-headers td:first-child, .gen-home .compare #compare-table-headers th:first-child, .gen-home .compare__group-body td:first-child, .gen-home .compare__group-body th:first-child, .gen-learn .compare #compare-table-headers td:first-child, .gen-learn .compare #compare-table-headers th:first-child, .gen-learn .compare__group-body td:first-child, .gen-learn .compare__group-body th:first-child { width: 335px; } }
.gen-home .compare__group-body, .gen-learn .compare__group-body { position: relative; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.08); }

.gen-home .compare__group-body th, .gen-learn .compare__group-body th { text-align: left; }

.gen-home .compare__group-body td, .gen-learn .compare__group-body td { text-align: center; }

.gen-home .compare__group-body td:nth-child(3), .gen-home .compare__group-body td:nth-child(4), .gen-learn .compare__group-body td:nth-child(3), .gen-learn .compare__group-body td:nth-child(4) { border-left: 1px solid #f4f4f4; }

.gen-home .compare__group-body td p, .gen-learn .compare__group-body td p { color: #222; }

.gen-home .compare__group-body td .icon-checkmark:before, .gen-home .compare__group-body td .icon-dash:before, .gen-learn .compare__group-body td .icon-checkmark:before, .gen-learn .compare__group-body td .icon-dash:before { font-size: 20px; }

.gen-home .compare__group-body td .icon-checkmark, .gen-learn .compare__group-body td .icon-checkmark { color: #64a70b; }

.gen-home .compare__group-body td .icon-dash, .gen-learn .compare__group-body td .icon-dash { color: #747474; }

.gen-home .compare__group-body tr ~ tr, .gen-learn .compare__group-body tr ~ tr { border-top: 1px solid #f4f4f4; }

.gen-home .compare__group-header, .gen-learn .compare__group-header { text-align: left; }

.gen-home .compare__row-heading, .gen-learn .compare__row-heading { position: relative; }

@media (min-width: 768px) { .gen-home .compare__row-heading, .gen-learn .compare__row-heading { padding-right: 30px; } }
@media (max-width: 767px) { .gen-home .compare__row-heading .compare__tooltip, .gen-home .compare__row-heading h4, .gen-learn .compare__row-heading .compare__tooltip, .gen-learn .compare__row-heading h4 { font-size: 14px; line-height: 16px; } }
.gen-home .compare__row-heading h4, .gen-learn .compare__row-heading h4 { display: inline; margin-right: 7.5px; }

.gen-home .compare__tooltip, .gen-learn .compare__tooltip { display: inline-block; margin-left: 6px; position: absolute; }

.gen-home .compare__tooltip input:focus ~ .compare__tooltip__content, .gen-home .compare__tooltip input:hover ~ .compare__tooltip__content, .gen-learn .compare__tooltip input:focus ~ .compare__tooltip__content, .gen-learn .compare__tooltip input:hover ~ .compare__tooltip__content { opacity: 1; visibility: visible; }

.gen-home .compare__tooltip input:focus + label, .gen-learn .compare__tooltip input:focus + label { box-shadow: 0 0 5px 2px #64a70b; }

.gen-home .compare__tooltip label, .gen-learn .compare__tooltip label { background-color: #64a70b; border-radius: 100%; color: #fff; display: inline-block; height: 20px; font-weight: 500; line-height: 20px; text-align: center; transition: background-color .3s linear; width: 20px; }

.gen-home .compare__tooltip label:hover, .gen-learn .compare__tooltip label:hover { background-color: #579802; cursor: pointer; }

.gen-home .compare__tooltip__content, .gen-learn .compare__tooltip__content { background-color: #64a70b; border-radius: 4px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.08); left: 200%; opacity: 0; padding: 15px; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); transition: all .3s linear; visibility: hidden; width: 200px; z-index: 1; }

.gen-home .compare__tooltip__content:before, .gen-learn .compare__tooltip__content:before { border-color: transparent #64a70b transparent transparent; border-style: solid; border-width: 8px 15px 8px 0; content: ""; height: 0; left: -15px; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 0; }

.gen-home .compare__tooltip__content, .gen-home .compare__tooltip__content p, .gen-learn .compare__tooltip__content, .gen-learn .compare__tooltip__content p { color: #fff; }

.gen-home .compare__tooltip__content p, .gen-learn .compare__tooltip__content p { font-weight: 400; margin: 0; }

.gen-home .compare, .gen-learn .compare { margin: 75px 0; }

.gen-home .compare__header, .gen-learn .compare__header { text-align: center; }

.gen-home .compare__header p, .gen-learn .compare__header p { font-size: 16px; line-height: 24px; margin-bottom: 7.5px; }

@media (min-width: 768px) { .gen-home .compare__header p, .gen-learn .compare__header p { font-size: 18px; line-height: 26px; } }
.gen-home .compare__header__cta .button--secondary, .gen-learn .compare__header__cta .button--secondary { color: #64a70b; margin-bottom: 7.5px; margin-top: 0; }

.gen-home .compare__header__cta .button--secondary:hover, .gen-learn .compare__header__cta .button--secondary:hover { color: #579802; }

@media (max-width: 1022px) { .gen-home .compare__header__cta .button--secondary, .gen-learn .compare__header__cta .button--secondary { display: block; text-align: center; } }
@media (min-width: 1023px) { .gen-home .compare__header__cta .button--secondary, .gen-learn .compare__header__cta .button--secondary { margin-right: 15px; }
  .gen-home .compare__header__cta .button--secondary:last-child, .gen-learn .compare__header__cta .button--secondary:last-child { margin-right: 0; } }
@media (max-width: 1022px) { .gen-home .compare__instructions--desktop, .gen-learn .compare__instructions--desktop { display: none; } }
@media (min-width: 1023px) { .gen-home .compare__instructions--mobile, .gen-learn .compare__instructions--mobile { display: none; } }
.gen-home .compare__mobile-cta, .gen-learn .compare__mobile-cta { margin-top: 30px; text-align: center; }

@media (min-width: 1023px) { .gen-home .compare__mobile-cta, .gen-learn .compare__mobile-cta { display: none; } }
@media (max-width: 767px) { .gen-home .compare__mobile-cta a, .gen-learn .compare__mobile-cta a { width: 100%; } }
.gen-home .compare__selection-container + .compare__mobile-cta, .gen-learn .compare__selection-container + .compare__mobile-cta { margin-top: 45px; }

.gen-home .compare #compare-reset, .gen-home .compare #compare-start, .gen-learn .compare #compare-reset, .gen-learn .compare #compare-start { display: none; }

.gen-home .compare__selection-container, .gen-learn .compare__selection-container { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: center; margin: 30px 0; }

.gen-home .compare__selection-container .card, .gen-learn .compare__selection-container .card { width: 50%; }

@media (min-width: 1023px) { .gen-home .compare__selection-container .card, .gen-learn .compare__selection-container .card { width: 20%; margin: 0 15px; } }
@media (min-width: 1300px) { .gen-home .compare__selection-container .card, .gen-learn .compare__selection-container .card { width: 18%; margin: 0 5px; } }
.gen-home .coupons, .gen-learn .coupons { margin: 75px 0; position: relative; width: 100%; }

.gen-home .coupons__carousel, .gen-learn .coupons__carousel { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; }

.gen-home .data-action, .gen-learn .data-action { margin: 75px 0; }

.gen-home .data-action:first-child, .gen-learn .data-action:first-child { margin-top: 0; }

.gen-home .data-action__button, .gen-learn .data-action__button { display: inline-block; margin-top: 15px; padding-right: 45px; position: relative; }

.gen-home .data-action__button button[disabled], .gen-learn .data-action__button button[disabled] { background-color: #747474; border-color: #747474; display: none; }

.gen-home .data-action__button button[disabled]:hover, .gen-learn .data-action__button button[disabled]:hover { background-color: #747474; border-color: #747474; }

.gen-home .data-action__error, .gen-home .data-action__stored, .gen-home .data-action__success, .gen-learn .data-action__error, .gen-learn .data-action__stored, .gen-learn .data-action__success { display: none; }

.gen-home .data-action__modal, .gen-learn .data-action__modal { background-color: rgba(0, 0, 0, 0.75); bottom: 0; height: 100%; display: none; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 7; }

.gen-home .data-action__modal[aria-hidden=false], .gen-learn .data-action__modal[aria-hidden=false] { display: block; }

.gen-home .data-action__modal__cta, .gen-learn .data-action__modal__cta { margin-top: 30px; text-align: right; }

.gen-home .data-action__modal__cta .delete-cancel, .gen-learn .data-action__modal__cta .delete-cancel { border: none; }

.gen-home .data-action__modal__cta .delete-cancel:hover, .gen-learn .data-action__modal__cta .delete-cancel:hover { background-color: transparent; color: #579802; }

.gen-home .data-action__modal__inner, .gen-learn .data-action__modal__inner { background-color: #fff; max-height: 80%; max-width: 80%; left: 50%; padding: 30px; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.gen-home .data-action-modal--open, .gen-learn .data-action-modal--open { overflow: hidden; }

.gen-home .data-action-modal--open .page-content, .gen-learn .data-action-modal--open .page-content { z-index: 1; }

.gen-home .featured-block, .gen-learn .featured-block { clear: both; margin: 60px auto 30px; position: relative; width: 100%; }

@media (min-width: 768px) and (max-width: 1099px) { .gen-home .featured-block, .gen-learn .featured-block { width: 85%; } }
.gen-home .featured-block__inner, .gen-learn .featured-block__inner { box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.08); }

.gen-home .featured-block:not(.featured-block--basic) .featured-block__inner, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__inner { border-radius: 5px; overflow: hidden; }

.gen-home .featured-block--basic .featured-block__inner, .gen-learn .featured-block--basic .featured-block__inner { box-shadow: none; }

.gen-home .featured-block .video-trigger, .gen-learn .featured-block .video-trigger { display: inline-block; max-width: 100%; width: auto; }

.gen-home .featured-block .button-row, .gen-home .featured-block .video-trigger__inner:first-child, .gen-learn .featured-block .button-row, .gen-learn .featured-block .video-trigger__inner:first-child { max-width: 100%; width: 320px; }

@media (max-width: 1099px) { .gen-home .featured-block .button-row, .gen-home .featured-block .video-trigger__inner:first-child, .gen-learn .featured-block .button-row, .gen-learn .featured-block .video-trigger__inner:first-child { margin: 0 auto; } }
.gen-home .featured-block .button-row .button, .gen-learn .featured-block .button-row .button { width: 100%; }

@media (max-width: 767px) { .gen-home .featured-block .button-row, .gen-home .featured-block .video-trigger, .gen-home .featured-block .video-trigger__inner:first-child, .gen-learn .featured-block .button-row, .gen-learn .featured-block .video-trigger, .gen-learn .featured-block .video-trigger__inner:first-child { width: 100%; } }
.gen-home .featured-products, .gen-learn .featured-products { margin: 75px 0; clear: both; float: none; position: relative; width: 100%; }

@media (max-width: 1399px) { .gen-home .featured-products .wrapper, .gen-learn .featured-products .wrapper { padding: 0; width: 100%; }
  .gen-home .featured-products__content, .gen-home .featured-products__header, .gen-learn .featured-products__content, .gen-learn .featured-products__header { padding-right: 30px; padding-left: 30px; }
  .gen-home .featured-products__child-carousel, .gen-learn .featured-products__child-carousel { padding-left: 30px; } }
@media (max-width: 1399px) and (min-width: 480px) and (max-width: 767px) { .gen-home .featured-products__content, .gen-home .featured-products__header, .gen-learn .featured-products__content, .gen-learn .featured-products__header { padding-right: 45px; padding-left: 45px; } }
@media (max-width: 1399px) and (min-width: 768px) and (max-width: 1399px) { .gen-home .featured-products__content, .gen-home .featured-products__header, .gen-learn .featured-products__content, .gen-learn .featured-products__header { padding-right: 60px; padding-left: 60px; } }
@media (max-width: 1399px) and (min-width: 480px) and (max-width: 767px) { .gen-home .featured-products__child-carousel, .gen-learn .featured-products__child-carousel { padding-left: 45px; } }
@media (max-width: 1399px) and (min-width: 768px) and (max-width: 1399px) { .gen-home .featured-products__child-carousel, .gen-learn .featured-products__child-carousel { padding-left: 60px; } }
@media (min-width: 768px) { .gen-home .featured-products__content, .gen-learn .featured-products__content { margin-top: 60px; } }
.gen-home .featured-products__content .button--secondary, .gen-learn .featured-products__content .button--secondary { color: #64a70b; }

.gen-home .featured-products__content h3, .gen-learn .featured-products__content h3 { font-size: 48px; line-height: 50px; }

.gen-home .featured-products__content p, .gen-learn .featured-products__content p { margin-bottom: 42px; }

.gen-home .featured-products__content .button, .gen-learn .featured-products__content .button { width: 100%; }

@media (min-width: 768px) { .gen-home .featured-products__content .button, .gen-learn .featured-products__content .button { max-width: 300px; padding-left: 15px; padding-right: 15px; } }
.gen-home .featured-products__content .button ~ .button, .gen-learn .featured-products__content .button ~ .button { margin-top: 10px; }

@media (max-width: 767px) { .gen-home .featured-products__content h3, .gen-learn .featured-products__content h3 { text-align: center; }
  .gen-home .featured-products__content .featured-products__disclaimer, .gen-home .featured-products__content p, .gen-learn .featured-products__content .featured-products__disclaimer, .gen-learn .featured-products__content p { display: none; }
  .gen-home .featured-products__content .button, .gen-learn .featured-products__content .button { display: block; margin: 0 auto; } }
@media (min-width: 768px) { .gen-home .featured-products__child-carousel, .gen-home .featured-products__content, .gen-learn .featured-products__child-carousel, .gen-learn .featured-products__content { float: left; }
  .gen-home .featured-products__content, .gen-learn .featured-products__content { padding-right: 30px; width: 50%; }
  .gen-home .featured-products__child-carousel, .gen-learn .featured-products__child-carousel { width: 50%; } }
@media (min-width: 1025px) { .gen-home .featured-products__child-carousel, .gen-home .featured-products__content, .gen-learn .featured-products__child-carousel, .gen-learn .featured-products__content { float: left; }
  .gen-home .featured-products__content, .gen-learn .featured-products__content { padding-right: 30px; width: 33.33%; }
  .gen-home .featured-products__child-carousel, .gen-learn .featured-products__child-carousel { width: 66.66%; } }
.gen-home .featured-products__disclaimer, .gen-learn .featured-products__disclaimer { margin-top: 30px; }

.gen-home .featured-products__header h2, .gen-learn .featured-products__header h2 { font-size: 20px; line-height: 26px; }

@media (min-width: 768px) { .gen-home .featured-products__header h2, .gen-learn .featured-products__header h2 { font-size: 24px; line-height: 30px; } }
@media (min-width: 768px) { .gen-home .featured-products__header, .gen-learn .featured-products__header { display: table; width: 100%; }
  .gen-home .featured-products__header .featured-products__pagination, .gen-home .featured-products__header h2, .gen-learn .featured-products__header .featured-products__pagination, .gen-learn .featured-products__header h2 { display: table-cell; vertical-align: top; }
  .gen-home .featured-products__header h2, .gen-learn .featured-products__header h2 { width: 33.33%; }
  .gen-home .featured-products__header .featured-products__pagination, .gen-learn .featured-products__header .featured-products__pagination { padding-left: 5%; width: 66.66%; } }
.gen-home .featured-products__pagination > .slick-dots, .gen-learn .featured-products__pagination > .slick-dots { bottom: auto; display: table; position: relative; text-align: left; width: 100%; }

@media (min-width: 768px) { .gen-home .featured-products__pagination > .slick-dots, .gen-learn .featured-products__pagination > .slick-dots { text-align: right; } }
.gen-home .featured-products__pagination > .slick-dots li, .gen-learn .featured-products__pagination > .slick-dots li { display: table-cell; }

.gen-home .featured-products__pagination > .slick-dots li, .gen-home .featured-products__pagination > .slick-dots li button, .gen-learn .featured-products__pagination > .slick-dots li, .gen-learn .featured-products__pagination > .slick-dots li button { height: auto; width: auto; }

.gen-home .featured-products__pagination > .slick-dots li button, .gen-learn .featured-products__pagination > .slick-dots li button { background-color: transparent; border-radius: 0; color: #000; display: inline-block; font-size: 16px; line-height: 24px; margin-right: 7.5px; position: relative; text-align: left; }

.gen-home .featured-products__pagination > .slick-dots li button:before, .gen-learn .featured-products__pagination > .slick-dots li button:before { background-color: #64a70b; border-radius: 5%; content: ""; display: block; height: 0; left: 0; position: absolute; top: 100%; transition: height .3s linear; width: 100%; }

@media (min-width: 1023px) { .gen-home .featured-products__pagination > .slick-dots li button, .gen-learn .featured-products__pagination > .slick-dots li button { margin-right: 0; } }
.gen-home .featured-products__pagination > .slick-dots li.slick-active button:before, .gen-home .featured-products__pagination > .slick-dots li button:hover:before, .gen-learn .featured-products__pagination > .slick-dots li.slick-active button:before, .gen-learn .featured-products__pagination > .slick-dots li button:hover:before { height: 3px; opacity: 1; }

.gen-home .featured-products__pagination > .slick-dots li.slick-active button, .gen-learn .featured-products__pagination > .slick-dots li.slick-active button { font-weight: 700; }

.gen-home .global-footer, .gen-learn .global-footer { background-color: #f4f4f4; font-size: 16px; line-height: 24px; padding-top: 60px; }

.gen-home .global-footer__middle, .gen-home .global-footer__top, .gen-learn .global-footer__middle, .gen-learn .global-footer__top { padding-bottom: 30px; padding-top: 30px; }

.gen-home .global-footer__middle, .gen-learn .global-footer__middle { padding-bottom: 60px; }

@media (min-width: 768px) { .gen-home .global-footer__middle__left, .gen-learn .global-footer__middle__left { width: 100%; }
  .gen-home .global-footer__middle__right, .gen-learn .global-footer__middle__right { margin-top: 45px; width: 305px; } }
@media (min-width: 1023px) { .gen-home .global-footer__middle__left, .gen-home .global-footer__middle__right, .gen-learn .global-footer__middle__left, .gen-learn .global-footer__middle__right { float: left; }
  .gen-home .global-footer__middle__left, .gen-learn .global-footer__middle__left { margin-right: 2.85714%; width: 74.28571%; width: calc(97.14286% - 305px); }
  .gen-home .global-footer__middle__right, .gen-learn .global-footer__middle__right { margin-top: 0; width: 305px; } }
@media (max-width: 767px) { .gen-home .global-footer__top, .gen-learn .global-footer__top { padding-bottom: 0; } }
.gen-home .global-header, .gen-learn .global-header { background-color: #64a70b; font-size: 16px; line-height: 24px; position: relative; transition: all .3s linear; width: 100%; z-index: 4; }

.gen-home .global-header.headroom--not-top, .gen-learn .global-header.headroom--not-top { left: 0; position: fixed; top: 0; }

.gen-home .global-header.headroom--not-top + *, .gen-learn .global-header.headroom--not-top + * { margin-top: 94px; }

[data-nav-open=true] .gen-home .global-header.headroom--not-top, [data-nav-open=true] .gen-learn .global-header.headroom--not-top { position: relative; }

[data-nav-open=true] .gen-home .global-header.headroom--not-top + *, [data-nav-open=true] .gen-learn .global-header.headroom--not-top + * { margin-top: 0; }

.gen-home .global-header__container > .wrapper > .row, .gen-learn .global-header__container > .wrapper > .row { position: relative; }

@media (min-width: 900px) { .gen-home .global-header__container > .wrapper > .row, .gen-learn .global-header__container > .wrapper > .row { -ms-flex-align: end; align-items: flex-end; display: -ms-flexbox; display: flex; }
  .gen-home .global-header__container > .wrapper > .row .global-header__left, .gen-home .global-header__container > .wrapper > .row .global-header__right, .gen-learn .global-header__container > .wrapper > .row .global-header__left, .gen-learn .global-header__container > .wrapper > .row .global-header__right { float: none; } }
@media (min-width: 900px) { .gen-home .global-header__left, .gen-learn .global-header__left { margin-right: 4%; width: 50px; }
  .gen-home .global-header__right, .gen-learn .global-header__right { position: relative; width: 90%; width: calc(96% - 50px); } }
.gen-home .hero, .gen-learn .hero { clear: both; font-family: HarmoniaSans, "HelveticaThai", "HelveticaThai", "Harmonia Sans Pro",-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif; position: relative; overflow: hidden; text-align: center; z-index: 0; }

@media (min-width: 1023px) { .gen-home .hero, .gen-learn .hero { display: -ms-flexbox; display: flex; min-height: 580px; text-align: left; }
  .gen-home .hero__image.js-video-playing .hero__background-video, .gen-learn .hero__image.js-video-playing .hero__background-video { right: -20px; } }
@media (min-width: 1350px) { .gen-home .hero__image.js-video-playing .hero__background-video, .gen-learn .hero__image.js-video-playing .hero__background-video { right: 0; } }
@media (min-width: 1500px) { .gen-home .hero, .gen-learn .hero { display: -ms-flexbox; display: flex; min-height: 600px; text-align: left; }
  .gen-home .hero__image.js-video-playing .hero__background-video, .gen-learn .hero__image.js-video-playing .hero__background-video { right: 0; } }
.gen-home .hero .video-trigger, .gen-learn .hero .video-trigger { outline: none; }

.gen-home .hero.has-secondary-cta .hero__cta, .gen-learn .hero.has-secondary-cta .hero__cta { max-width: 100%; padding: 0; width: 320px; }

@media (max-width: 1022px) { .gen-home .hero.has-secondary-cta .hero__cta, .gen-learn .hero.has-secondary-cta .hero__cta { margin: 0 auto; } }
@media (min-width: 768px) { .gen-home .hero.has-secondary-cta .hero__cta, .gen-learn .hero.has-secondary-cta .hero__cta { width: 335px; } }
.gen-home .hero.has-secondary-cta .hero__cta .button-row, .gen-learn .hero.has-secondary-cta .hero__cta .button-row { max-width: 100%; }

.gen-home .hero.has-secondary-cta .hero__video + .button-row, .gen-learn .hero.has-secondary-cta .hero__video + .button-row { margin-top: -15px; }

@media (min-width: 1200px) { .gen-home .hero.has-secondary-cta .hero__inner, .gen-learn .hero.has-secondary-cta .hero__inner { max-width: 50%; } }
.gen-home .hero.has-secondary-cta .video-trigger, .gen-learn .hero.has-secondary-cta .video-trigger { display: inline-block; width: auto; }

@media (max-width: 1022px) { .gen-home .hero__content, .gen-learn .hero__content { padding-right: 30px; padding-left: 30px; } }
@media (max-width: 1022px) and (min-width: 480px) and (max-width: 767px) { .gen-home .hero__content, .gen-learn .hero__content { padding-right: 45px; padding-left: 45px; } }
@media (max-width: 1022px) and (min-width: 768px) and (max-width: 1399px) { .gen-home .hero__content, .gen-learn .hero__content { padding-right: 60px; padding-left: 60px; } }
.gen-home .hero__content h2, .gen-learn .hero__content h2 { font-size: 20px; line-height: 26px; }

@media (min-width: 768px) { .gen-home .hero__content h2, .gen-learn .hero__content h2 { font-size: 43px; line-height: 57px;    padding: 10px 0 3px; } }
@media (min-width: 1023px) { .gen-home .hero__content, .gen-learn .hero__content { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; padding-left: 60px; padding-right: 60px; }
  .gen-home .hero__content, .gen-home .hero__content p, .gen-learn .hero__content, .gen-learn .hero__content p { color: #fff; } }
@media (max-width: 767px) { .gen-home .hero:not(.hero--callout) .button-row .button, .gen-learn .hero:not(.hero--callout) .button-row .button, .gen-home .hero.has-secondary-cta .video-trigger, .gen-learn .hero.has-secondary-cta .video-trigger { width: 100%; }
  .gen-home .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__text, .gen-learn .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__text { width: 100%; display: block; } }
@media (max-width: 340px) { .gen-home .hero.has-secondary-cta .hero__cta, .gen-learn .hero.has-secondary-cta .hero__cta { width: 100%; }
  .gen-home .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon { display: none; } }
.gen-home .hero__cta, .gen-learn .hero__cta { margin-bottom: 0; margin-top: 30px; padding: 0 15px; }

@media (min-width: 1023px) { .gen-home .hero__cta, .gen-learn .hero__cta { padding: 0; } }
.gen-home .hero__cta .button-wrapper + .button-wrapper, .gen-learn .hero__cta .button-wrapper + .button-wrapper { margin-top: 15px; }

@media (max-width: 1022px) { .gen-home .hero__cta .button--white, .gen-learn .hero__cta .button--white { border-color: #64a70b; color: #64a70b; } }
.gen-home .hero__image, .gen-learn .hero__image { display: none; }

@media (min-width: 1023px) { .gen-home .hero__image, .gen-learn .hero__image { display: block; height: 83%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
  .gen-home .hero__image img, .gen-learn .hero__image img { left: 50%; max-width: none; min-height: 100%; min-width: 100%; position: absolute; top: 50%; transition: all .3s linear; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; } }
.gen-home .hero__image--mobile, .gen-learn .hero__image--mobile { position: relative; }

@media (min-width: 1023px) { .gen-home .hero__image--mobile, .gen-learn .hero__image--mobile { display: none; } }
@media (max-width: 1024px) { .gen-home .hero__image--mobile:after, .gen-learn .hero__image--mobile:after { content: ""; position: absolute; bottom: -50px; right: 8px; width: 110px; height: 110px; display: block; background: url(/presentation/product-launch/images/cutouts.png); background-size: contain; background-position: 50%; } }
.gen-home .hero__image .hero__background-video, .gen-learn .hero__image .hero__background-video { height: 0; right: 0; opacity: 0; padding-bottom: 42.6742532%; position: absolute; top: 0; transition: all .3s linear; width: 100%; }

.gen-home .hero__image .hero__background-video iframe, .gen-learn .hero__image .hero__background-video iframe { height: 100%; right: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }

@media (min-width: 1023px) { .gen-home .hero__image .hero__background-video, .gen-learn .hero__image .hero__background-video { min-height: 100%; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .gen-home .hero__image .hero__background-video iframe, .gen-learn .hero__image .hero__background-video iframe { min-width: 1405px; top: 0; -ms-transform: none; transform: none; } }
.gen-home .hero__image.js-video-playing .hero__background-video, .gen-learn .hero__image.js-video-playing .hero__background-video { opacity: 1; }

.gen-home .hero__inner, .gen-learn .hero__inner { padding: 60px 0; }

@media (min-width: 1023px) { .gen-home .hero__inner, .gen-learn .hero__inner { max-width: 60%; } }
@media (max-width: 1022px) { .gen-home .hero__inner p, .gen-learn .hero__inner p { font-size: 16px; line-height: 24px; } }
.gen-home .hero__modal-trigger img + .video-trigger__inner .video-trigger__icon:before, .gen-home .hero__modal-trigger img + .video-trigger__inner .video-trigger__text, .gen-learn .hero__modal-trigger img + .video-trigger__inner .video-trigger__icon:before, .gen-learn .hero__modal-trigger img + .video-trigger__inner .video-trigger__text { color: #fff; }

@media (max-width: 1022px) { .gen-home .hero__modal-trigger img + .video-trigger__inner .video-trigger__icon:before, .gen-home .hero__modal-trigger img + .video-trigger__inner .video-trigger__text, .gen-learn .hero__modal-trigger img + .video-trigger__inner .video-trigger__icon:before, .gen-learn .hero__modal-trigger img + .video-trigger__inner .video-trigger__text { color: #64a70b; } }
@media (max-width: 1022px) { .gen-home .hero__modal-trigger img + .video-trigger__inner, .gen-learn .hero__modal-trigger img + .video-trigger__inner { display: block; text-align: center; }
  .gen-home .hero__modal-trigger img + .video-trigger__inner .video-trigger__icon:before, .gen-learn .hero__modal-trigger img + .video-trigger__inner .video-trigger__icon:before { position: relative; margin-top: 0; }
  .gen-home .hero__modal-trigger img + .video-trigger__inner .video-trigger__text, .gen-learn .hero__modal-trigger img + .video-trigger__inner .video-trigger__text { width: auto !important; } }
.gen-home .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__icon, .gen-home .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__text, .gen-learn .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__text { background-color: #fff; }

.gen-home .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__icon { background-color: #4e8828; border-color: #4e8828; }

.gen-home .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__icon:before, .gen-learn .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__icon:before { color: #fff; }

.gen-home .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__text, .gen-learn .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__text { color: #64a70b; }

.gen-home .hero__modal-trigger:hover img + .video-trigger__inner .video-trigger__icon:before, .gen-learn .hero__modal-trigger:hover img + .video-trigger__inner .video-trigger__icon:before { -ms-transform: translateX(5px); transform: translateX(5px); }

.gen-home .hero__video, .gen-learn .hero__video { margin: 30px 0; }

@media (min-width: 768px) and (max-width: 1022px) { .gen-home .hero:not(.hero--callout) .video-trigger img + .video-trigger__inner, .gen-learn .hero:not(.hero--callout) .video-trigger img + .video-trigger__inner { padding-right: 0; } }
.gen-home .hero:not(.hero--callout) .button-row, .gen-learn .hero:not(.hero--callout) .button-row { max-width: 300px; }

@media (max-width: 1022px) { .gen-home .hero:not(.hero--callout) .button-row, .gen-learn .hero:not(.hero--callout) .button-row { margin: 0 auto; } }
.gen-home .hero:not(.hero--callout) .button-row .button, .gen-learn .hero:not(.hero--callout) .button-row .button { max-width: 100%; }

.gen-home .hero--callout, .gen-learn .hero--callout { margin-left: auto; margin-right: auto; max-width: 1340px; }

@media (min-width: 1023px) { .gen-home .hero--callout, .gen-learn .hero--callout { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; min-height: 410px; } }
.gen-home .hero--callout .hero__content h2, .gen-learn .hero--callout .hero__content h2 { font-size: 38px; line-height: 42px; }

@media (min-width: 768px) { .gen-home .hero--callout .hero__content h2, .gen-learn .hero--callout .hero__content h2 { font-size: 44px; line-height: 48px; } }
.gen-home .hero--callout .hero__content p, .gen-learn .hero--callout .hero__content p { font-size: 16px; line-height: 24px; }

@media (min-width: 768px) { .gen-home .hero--callout .hero__content p, .gen-learn .hero--callout .hero__content p { font-size: 18px; line-height: 26px; } }
@media (max-width: 767px) { .gen-home .hero--callout .hero__cta, .gen-learn .hero--callout .hero__cta { padding-left: 0; padding-right: 0; }
  .gen-home .hero--callout .hero__cta .button, .gen-learn .hero--callout .hero__cta .button { width: 100%; } }
@media (max-width: 1022px) { .gen-home .hero--callout .hero__inner, .gen-learn .hero--callout .hero__inner { padding-bottom: 0; } }
@media (min-width: 1023px) { .gen-home .hero--callout .hero__inner, .gen-learn .hero--callout .hero__inner { max-width: 45%; } }
@media (min-width: 1023px) { .gen-home .hero--right .hero__content, .gen-learn .hero--right .hero__content { display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .gen-home .hero--right .hero__image, .gen-learn .hero--right .hero__image { -ms-flex-pack: start; justify-content: flex-start; }
  .gen-home .hero--right .hero__image img, .gen-learn .hero--right .hero__image img { left: 25%; -ms-transform: translate(-25%, -50%); transform: translate(-25%, -50%); } }
.gen-home .hero--full-width, .gen-learn .hero--full-width { max-width: none; }

@media (min-width: 1023px) { .gen-home .hero--full-width, .gen-learn .hero--full-width { min-height: 500px; } }
@media (min-width: 1200px) { .gen-home .hero--full-width, .gen-learn .hero--full-width { min-height: 600px; }
  .gen-home .hero--full-width .hero__content p, .gen-learn .hero--full-width .hero__content p { font-size: 16px; line-height: 24px; } }
.gen-home .hero--has-bg, .gen-learn .hero--has-bg { background-size: cover; background-position: 50%; border-radius: 4px; }

@media (max-width: 1400px) { .gen-home .hero--has-bg, .gen-learn .hero--has-bg { margin-left: 15px; margin-right: 15px; } }
@media (max-width: 1022px) { .gen-home .hero--has-bg, .gen-learn .hero--has-bg { background-image: none !important; } }
@media (min-width: 1023px) and (max-width: 1199px) { .gen-home .hero--has-bg, .gen-learn .hero--has-bg { min-height: 350px; } }
@media (max-width: 768px) { .gen-home .hero--has-bg .hero__content, .gen-learn .hero--has-bg .hero__content { padding-left: 15px; padding-right: 15px; } }
@media (min-width: 1200px) { .gen-home .hero--has-bg .hero__inner, .gen-learn .hero--has-bg .hero__inner { padding-left: 45px; padding-right: 45px; } }
.gen-home .hero--has-bg .hero__image, .gen-learn .hero--has-bg .hero__image { display: none; }

.gen-home .hero--has-bg .hero__image--mobile, .gen-learn .hero--has-bg .hero__image--mobile { border-radius: 4px; overflow: hidden; }

.gen-home .icon-callouts, .gen-learn .icon-callouts { clear: both; margin: 75px 0; }

@media (max-width: 767px) { .gen-home .icon-callouts__item + .icon-callouts__item, .gen-learn .icon-callouts__item + .icon-callouts__item { margin-top: 30px; } }
.gen-home .icon-callouts__content, .gen-learn .icon-callouts__content { float: left; padding: 0 30px; width: 90%; width: calc(100% - 40px); }

@media (min-width: 768px) and (max-width: 1023px) { .gen-home .icon-callouts__content, .gen-learn .icon-callouts__content { padding: 0 15px; } }
.gen-home .icon-callouts__content h2, .gen-learn .icon-callouts__content h2 { font-size: 20px; line-height: 26px; }

@media (min-width: 768px) { .gen-home .icon-callouts__content h2, .gen-learn .icon-callouts__content h2 { font-size: 24px; line-height: 30px; } }
.gen-home .icon-callouts__content h2 a, .gen-learn .icon-callouts__content h2 a { display: inline-block; transition-property: all; background-color: transparent; border: none; color: #222; padding: 0 5px 0 0; text-align: left; }

.gen-home .icon-callouts__content h2 a span:before, .gen-learn .icon-callouts__content h2 a span:before { color: #64a70b; font-size: 50%; margin-left: 5px; overflow: visible; top: 0; transition: transform .3s linear; width: 0; }

.gen-home .icon-callouts__content h2 a:hover, .gen-learn .icon-callouts__content h2 a:hover { background-color: transparent; color: #222; }

.gen-home .icon-callouts__image, .gen-learn .icon-callouts__image { float: left; width: 40px; }

.gen-home .icon-callouts--featured .row, .gen-learn .icon-callouts--featured .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; padding: 0; }

.gen-home .icon-callouts--featured .row .icon-callouts__item, .gen-learn .icon-callouts--featured .row .icon-callouts__item { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 0; width: 100%; }

@media (max-width: 767px) { .gen-home .icon-callouts--featured .row .icon-callouts__item + .icon-callouts__item, .gen-learn .icon-callouts--featured .row .icon-callouts__item + .icon-callouts__item { margin-top: 0; } }
@media (min-width: 480px) and (max-width: 1022px) { .gen-home .icon-callouts--featured .row .icon-callouts__item, .gen-learn .icon-callouts--featured .row .icon-callouts__item { width: 48%; }
  .gen-home .icon-callouts--featured .row .icon-callouts__item:nth-child(2n), .gen-learn .icon-callouts--featured .row .icon-callouts__item:nth-child(2n) { margin-left: 2%; } }
@media (min-width: 1023px) { .gen-home .icon-callouts--featured .row .icon-callouts__item, .gen-learn .icon-callouts--featured .row .icon-callouts__item { width: 23%; }
  .gen-home .icon-callouts--featured .row .icon-callouts__item ~ .icon-callouts__item, .gen-learn .icon-callouts--featured .row .icon-callouts__item ~ .icon-callouts__item { margin-left: 2%; } }
.gen-home .icon-callouts--featured .row .icon-callouts__image, .gen-learn .icon-callouts--featured .row .icon-callouts__image { width: auto; }

.gen-home .icon-callouts--featured .row .icon-callouts__image img, .gen-learn .icon-callouts--featured .row .icon-callouts__image img { height: 66px; width: auto; }

.gen-home .icon-callouts--featured .row .icon-callouts__content, .gen-learn .icon-callouts--featured .row .icon-callouts__content { padding: 0 15px; width: 90%; }

.gen-home .icon-callouts--featured .row .icon-callouts__content h2, .gen-learn .icon-callouts--featured .row .icon-callouts__content h2 { font-size: 16px; line-height: 24px; }

@media (min-width: 768px) { .gen-home .icon-callouts--featured .row .icon-callouts__content h2, .gen-learn .icon-callouts--featured .row .icon-callouts__content h2 { font-size: 18px; line-height: 26px; } }
.gen-home .icon-callouts--horizontal, .gen-learn .icon-callouts--horizontal { border-top: 1px solid #dbdbdb; padding-top: 90px; }

.gen-home .icon-callouts--large-image, .gen-learn .icon-callouts--large-image { border-top: 0; padding-top: 0; }

.gen-home .icon-callouts--large-image .icon-callouts__image, .gen-learn .icon-callouts--large-image .icon-callouts__image { width: 75px; }

.gen-home .icon-callouts--large-image .icon-callouts__content, .gen-learn .icon-callouts--large-image .icon-callouts__content { width: 80%; width: calc(100% - 75px); }

.gen-home .icon-callouts--large-image .icon-callouts__content h2, .gen-learn .icon-callouts--large-image .icon-callouts__content h2 { font-size: 16px; line-height: 24px; }

@media (min-width: 768px) { .gen-home .icon-callouts--large-image .icon-callouts__content h2, .gen-learn .icon-callouts--large-image .icon-callouts__content h2 { font-size: 18px; line-height: 26px; } }
@media (min-width: 768px) { .gen-home .icon-callouts--vertical, .gen-learn .icon-callouts--vertical { text-align: center; }
  .gen-home .icon-callouts--vertical .icon-callouts__content, .gen-learn .icon-callouts--vertical .icon-callouts__content { margin-top: 15px; width: 100%; }
  .gen-home .icon-callouts--vertical .icon-callouts__image, .gen-learn .icon-callouts--vertical .icon-callouts__image { float: none; margin: 0 auto; max-width: 150px; width: auto; } }
@media (max-width: 767px) { .gen-home .icon-callouts--vertical .icon-callouts__item, .gen-learn .icon-callouts--vertical .icon-callouts__item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
  .gen-home .icon-callouts--vertical .icon-callouts__item + .icon-callouts__item, .gen-learn .icon-callouts--vertical .icon-callouts__item + .icon-callouts__item { border-top: 1px solid #dbdbdb; margin-top: 15px; padding-top: 15px; }
  .gen-home .icon-callouts--vertical .icon-callouts__content, .gen-home .icon-callouts--vertical .icon-callouts__image, .gen-learn .icon-callouts--vertical .icon-callouts__content, .gen-learn .icon-callouts--vertical .icon-callouts__image { float: none; } }
.gen-home .industry, .gen-learn .industry { margin: 75px 0; width: 100%; }

.gen-home .industry__logo, .gen-learn .industry__logo { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; height: 100px; margin-bottom: 15px; }

.gen-home .industry__logo img, .gen-learn .industry__logo img { max-width: 100%; margin: 0 auto; width: auto; }

.gen-home .industry .slick-arrow, .gen-learn .industry .slick-arrow { opacity: 0; }

.gen-home .industry .slick-arrow:focus, .gen-learn .industry .slick-arrow:focus { opacity: 1; }

.gen-home .industry .slick-prev, .gen-learn .industry .slick-prev { left: 0; }

[dir=rtl] .gen-home .industry .slick-prev, [dir=rtl] .gen-learn .industry .slick-prev { left: auto; right: 0; }

.gen-home .industry .slick-next, .gen-learn .industry .slick-next { right: 0; }

[dir=rtl] .gen-home .industry .slick-next, [dir=rtl] .gen-learn .industry .slick-next { left: 0; right: auto; }

.gen-home .industry .slick-slide, .gen-learn .industry .slick-slide { max-width: 300px; display: block; }

.gen-home .industry__slide, .gen-learn .industry__slide { padding: 0 15px; text-align: center; }

@media (min-width: 1200px) { .gen-home .industry, .gen-learn .industry { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin: 90px auto; max-width: 1400px; padding-left: 15px; padding-right: 15px; width: 100%; }
  .gen-home .industry__slide, .gen-learn .industry__slide { -ms-flex: 1; flex: 1; } }
.gen-home .page-header .primary-nav-right .search-box form, .gen-learn .page-header .primary-nav-right .search-box form { display: inherit; width: 100%; }

.gen-home .product-carousel, .gen-learn .product-carousel { padding-bottom: 30px !important; }

@media (min-width: 1400px) { .gen-home .product-carousel, .gen-learn .product-carousel { padding: 0 60px; position: relative; right: -30px; } }
.gen-home .product-carousel__pagination, .gen-learn .product-carousel__pagination { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }

@media (min-width: 768px) { .gen-home .product-carousel__pagination, .gen-learn .product-carousel__pagination { margin: 0 auto; max-width: 75%; } }
.gen-home .product-carousel__slide, .gen-learn .product-carousel__slide { padding-bottom: 30px; padding-top: 30px; flex-direction: column; }
.gen-home .product-carousel__slide .card__title, .gen-learn .product-carousel__slide .card__title { margin-bottom: 0; }
.gen-home .product-carousel__slide .card__title a, .gen-learn .product-carousel__slide .card__title a { color: #222; }
.gen-home .product-carousel__slide .card__title a:hover .icon-arrow-r, .gen-learn .product-carousel__slide .card__title a:hover .icon-arrow-r { color: #64a70b; }
.gen-home .product-carousel__slide .card__price, .gen-learn .product-carousel__slide .card__price { margin-bottom: 15px; }

.gen-home .product-carousel .carousel-pagination, .gen-learn .product-carousel .carousel-pagination { margin-top: 0; }

.gen-home .product-carousel .slick-slide, .gen-home .product-carousel .slick-slide > div, .gen-home .product-carousel .slick-track, .gen-learn .product-carousel .slick-slide, .gen-learn .product-carousel .slick-slide > div, .gen-learn .product-carousel .slick-track { display: -ms-flexbox; display: flex; }

.gen-home .product-carousel__slide, .gen-learn .product-carousel__slide { display: -ms-flexbox !important; display: flex !important; }

.gen-home .product-carousel__slide .card, .gen-learn .product-carousel__slide .card { width: 100%; }

.gen-home .product-carousel .slick-slide, .gen-learn .product-carousel .slick-slide { float: none; height: auto; padding: 0 15px; }

.gen-home .product-teaser, .gen-learn .product-teaser { background-color: #fff; font-family: HarmoniaSans, "HelveticaThai", "HelveticaThai", "Harmonia Sans Pro",-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif; overflow: hidden; position: relative; text-align: center; }

.gen-home .product-teaser *, .gen-learn .product-teaser * { box-sizing: border-box; }

.gen-home .product-teaser h1, .gen-learn .product-teaser h1 { font-size: 50px; line-height: 55px; margin-bottom: 15px; }

@media (min-width: 768px) { .gen-home .product-teaser h1, .gen-learn .product-teaser h1 { font-size: 60px; line-height: 70px; } }
@media (max-width: 479px) { .gen-home .product-teaser h1, .gen-learn .product-teaser h1 { font-size: 42px; line-height: 50px; } }
.gen-home .product-teaser p, .gen-learn .product-teaser p { color: #747474; font-size: 16px; line-height: 24px; }

@media (min-width: 768px) { .gen-home .product-teaser p, .gen-learn .product-teaser p { font-size: 18px; line-height: 26px; } }
.gen-home .product-teaser sup, .gen-learn .product-teaser sup { font-size: 60%; position: relative; top: -1%; }

.gen-home .product-teaser__background, .gen-learn .product-teaser__background { height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 2; }

.gen-home .product-teaser__background__left, .gen-home .product-teaser__background__right, .gen-learn .product-teaser__background__left, .gen-learn .product-teaser__background__right { position: absolute; top: 30px; width: 400px; }

@media (min-width: 768px) { .gen-home .product-teaser__background__left, .gen-home .product-teaser__background__right, .gen-learn .product-teaser__background__left, .gen-learn .product-teaser__background__right { top: 0; width: 600px; } }
.gen-home .product-teaser__background__left, .gen-learn .product-teaser__background__left { right: 80%; }

@media (min-width: 768px) { .gen-home .product-teaser__background__left, .gen-learn .product-teaser__background__left { right: 90%; } }
.gen-home .product-teaser__background__right, .gen-learn .product-teaser__background__right { left: 80%; }

@media (min-width: 768px) { .gen-home .product-teaser__background__right, .gen-learn .product-teaser__background__right { left: 90%; } }
.gen-home .product-teaser__container, .gen-learn .product-teaser__container { margin: 0 auto; max-width: 700px; padding-top: 15px; position: relative; width: 100%; }

.gen-home .product-teaser__content, .gen-home .product-teaser__countdown, .gen-learn .product-teaser__content, .gen-learn .product-teaser__countdown { position: relative; z-index: 3; }

@media (max-width: 767px) and (min-width: 480px) { .gen-home .product-teaser__content, .gen-home .product-teaser__countdown, .gen-learn .product-teaser__content, .gen-learn .product-teaser__countdown { padding: 0 15%; } }
.gen-home .product-teaser__cta, .gen-learn .product-teaser__cta { margin: 15px 0; }

.gen-home .product-teaser__cta .btn, .gen-learn .product-teaser__cta .btn { font-weight: 700; padding-left: 60px; padding-right: 60px; }

.gen-home .product-teaser__cta div, .gen-learn .product-teaser__cta div { max-width: 277px; overflow: hidden; }

@media (max-width: 767px) { .gen-home .product-teaser__cta div, .gen-learn .product-teaser__cta div { margin: 30px auto 0; } }
@media (min-width: 768px) { .gen-home .product-teaser__cta, .gen-learn .product-teaser__cta { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }
  .gen-home .product-teaser__cta .btn, .gen-learn .product-teaser__cta .btn { margin-right: 15px; }
  .gen-home .product-teaser__cta div, .gen-learn .product-teaser__cta div { margin-left: 15px; } }
.gen-home .product-teaser__image, .gen-learn .product-teaser__image { margin: 0 auto; max-width: 680px; z-index: 1; }

.gen-home .product-teaser__background, .gen-home .product-teaser__content, .gen-home .product-teaser__countdown, .gen-learn .product-teaser__background, .gen-learn .product-teaser__content, .gen-learn .product-teaser__countdown { opacity: 0; transition: all 0.9s ease-in; }

.gen-home .product-teaser__content, .gen-learn .product-teaser__content { transition-duration: 1s; overflow: hidden; }

.gen-home .product-teaser__content > *, .gen-learn .product-teaser__content > * { -ms-transform: translateY(100%); transform: translateY(100%); transition: all 1.4s ease-out; }

.gen-home .product-teaser__image, .gen-learn .product-teaser__image { -ms-transform: translateY(100%); transform: translateY(100%); transition: all 1.9s ease-out; }

.gen-home .product-teaser.load-in, .gen-home .product-teaser.load-in .product-teaser__background, .gen-home .product-teaser.load-in .product-teaser__content, .gen-home .product-teaser.load-in .product-teaser__countdown, .gen-learn .product-teaser.load-in, .gen-learn .product-teaser.load-in .product-teaser__background, .gen-learn .product-teaser.load-in .product-teaser__content, .gen-learn .product-teaser.load-in .product-teaser__countdown { opacity: 1; }

.gen-home .product-teaser.load-in .product-teaser__content, .gen-learn .product-teaser.load-in .product-teaser__content { transition-delay: 0.5s; }

.gen-home .product-teaser.load-in .product-teaser__content > *, .gen-learn .product-teaser.load-in .product-teaser__content > * { -ms-transform: translateY(0); transform: translateY(0); }

.gen-home .product-teaser.load-in .product-teaser__countdown, .gen-learn .product-teaser.load-in .product-teaser__countdown { transition-delay: 0.3s; }

.gen-home .product-teaser.load-in .product-teaser__image, .gen-learn .product-teaser.load-in .product-teaser__image { -ms-transform: translateY(0); transform: translateY(0); transition-delay: 1.4s; }

.gen-home .promotions-carousel, .gen-home .social-carousel, .gen-learn .social-carousel { margin: 75px 0; }

.gen-home .promotion-carousel__header, .gen-home .social-carousel__header, .gen-learn .social-carousel__header { margin-bottom: 30px; text-align: center; }

.gen-home .social-carousel__header h2, .gen-learn .social-carousel__header h2 { margin-bottom: 0; }

.gen-home .social-carousel__header h2 + p, .gen-learn .social-carousel__header h2 + p { margin-top: 7.5px; }

.gen-home .social-carousel__container, .gen-learn .social-carousel__container { padding-bottom: 15px; }

.gen-home .user-action__item, .gen-learn .user-action__item { margin: 30px 0; }

.gen-home .user-action__item:first-child, .gen-learn .user-action__item:first-child { margin-top: 0; }

.gen-home .user-action__item a:hover, .gen-learn .user-action__item a:hover { color: #579802; }

.gen-home .user-action__screen, .gen-learn .user-action__screen { margin-top: 15px; }

.headroom--not-top + .page-content .gen-home .scroll_nav, .headroom--not-top + .page-content .gen-learn .scroll_nav { top: 94px; }

.headroom--not-top + .page-content .gen-home .scroll-spy, .headroom--not-top + .page-content .gen-learn .scroll-spy { top: 94px; z-index: 4; }

.gen-home .hero__image--mobile:after { content: ""; position: absolute; bottom: -50px; right: 8px; width: 110px; height: 110px; display: block; background: url(/presentation/product-launch/images/cutouts.png); background-position-x: 0; background-position-y: 0; background-size: auto auto; background-size: contain; background-position: 50%; }

.gen-learn .card-container__header:before { background-image: url(/presentation/product-launch/images/snowflake-green.png); background-position: top; background-repeat: no-repeat; background-size: contain; content: ""; height: 62px; width: 100%; z-index: -1; display: block; position: static; max-width: 940px; margin: -40px auto 20px; }

@media (max-width: 1024px) { .gen-learn .card-container__header:before { display: none; } }
.gen-learn .hero.has-secondary-cta .hero__image--mobile:after { background-image: url(/presentation/product-launch/images/snowflake-green.png); background-position: 50%; background-repeat: no-repeat; background-size: cover; content: ""; height: 62px; width: 100%; max-width: 940px; z-index: -1; display: block; position: static; margin: 10px auto -60px; }

.gen-learn .communityFooterBG, .gen-learn .page-footer { position: relative; z-index: 1; }

.optanon-alert-box-wrapper .optanon-alert-box-button-middle { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-appearance: none; -moz-appearance: none; border: 1px solid transparent; border-radius: 2px; display: inline-block; font-family: inherit; font-size: 14px; line-height: 16px; padding: 0; text-decoration: none; transition-duration: .3s; transition-property: background,border-color,color; vertical-align: top; margin: 0; margin-bottom: 15px; }

.optanon-alert-box-wrapper .optanon-alert-box-button-middle .accept-cookies-button { padding: 6px 12px; display: inline-block; background: #4e8828; border-color: #4e8828; color: #fff; }

.optanon-alert-box-wrapper .optanon-alert-box-button-middle .accept-cookies-button:hover { background: #64a70b; border-color: #64a70b; color: #fff; }

.optanon-alert-box-wrapper .optanon-alert-box-button-middle .accept-cookies-button:focus { outline: none; background: #64a70b; border-color: #64a70b; color: #fff; }

.optanon-alert-box-wrapper .optanon-alert-box-bg { padding-bottom: 4px; background: #fff; box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.25); padding-top: 12px; border-top: 1px solid #ccc; }

.optanon-alert-box-wrapper .optanon-alert-box-bottom-top { height: 0; background: #fff; }


.roombafeature .card__price {visibility:hidden;}