body {margin: 0;padding: 70px 0 0 0;font-family: 'Roboto-Regular';font-size: 16px;}* {box-sizing: border-box;}::-moz-selection {color: var(--color-white);background: var(--color-orange);}::selection {color: var(--color-white);background: var(--color-orange);}img.bg-image-original {height: 100%;width: 100%;position: absolute;left: 0;top: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity = 0);opacity: 0;}.dspNone {display: none !important;}.show-on-mobile {display: none;}.hide-on-mobile {display: flex;}.ico-unchecked, .ico-checked {margin: 3px 3px 0 0;width: 16px;height: 16px;}.uppercase {text-transform: uppercase;}.dflex {display: flex;}.flex-row {flex-direction: row;}.flex-col {flex-direction: column;}.flex-1 {flex: 1;}.justify-content-sb {justify-content: space-between;}.justify-content-fs {justify-content: flex-start;}.justify-content-fe {justify-content: flex-end;}.justify-content-center {justify-content: center;}.align-items-center {align-items: center;}.align-items-fs {align-items: flex-start;}.align-items-fe {align-items: flex-end;}.bbottom {border-bottom: var(--color-light-gray3) 1px solid;}.btop {border-top: var(--color-light-gray3) 1px solid;}.gap-1 {gap: 10px;}.gap-15 {gap: 15px;}.container {width: 1440px;display: flex;flex-direction: column;}section {display: flex;justify-content: center;align-items: center;padding: 75px 0;position: relative;}section.gray {background-color: var(--color-light-gray1);}section.gray2 {background-color: var(--color-light-gray2);}.breadcrumb {padding: 5px;display: flex;flex-direction: row;gap: 10px;align-items: center;}.centered-content h2 {text-align: center;}.centered-content p {color: var(--color-text);text-align: center;font-size: 18px;padding: 0 25%;line-height: 28px;}.button-set {padding-top: 20px;display: flex;gap: 15px;}.centered-content .button-set {justify-content: center;}#topbar {z-index: 100;position: fixed;top: 0;width: 100%;background-color: var(--color-white);align-items: center;height:70px;padding: 0px 10px 0 20px;box-shadow: 0 0 5px var(--color-light-gray4);display: flex;flex-direction: row;justify-content: space-between;}#topbar span.icon {display: flex;font-size: 20px;width: 26px;height: 26px;justify-content: center;align-items: center;margin-bottom: -3px;background-color: var(--color-blue2);margin-right: 10px;color: var(--color-white);border-radius: 50%;}#topbar span {font-family: 'ProductSans-Regular';font-size: 24px;letter-spacing: .5px;font-weight: 400;margin: 0 30px 0 0;padding: 0;color: var(--color-blue2);}#topbar span span {color: var(--color-blue2);}#topbar .buttons {display: flex;gap: 15px;}#topbar nav {display: flex;}#snackbar {visibility: hidden;min-width: 250px;border-radius: 6px;font-size: 14px;margin-left: -125px;color: var(--color-white);text-align: center;padding: 16px;position: fixed;z-index: 1000;left: 50%;top: 30px;}#snackbar.info {background-color: var(--color-text);}#snackbar.error {background-color: var(--color-error);}#snackbar.show {visibility: visible;-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;animation: fadein 0.5s, fadeout 0.5s 2.5s;}@-webkit-keyframes fadein {from {top: 0;opacity: 0;}to {top: 30px;opacity: 1;}}@keyframes fadein {from {top: 0;opacity: 0;}to {top: 30px;opacity: 1;}}@-webkit-keyframes fadeout {from {top: 30px;opacity: 1;}to {top: 0;opacity: 0;}}@keyframes fadeout {from {top: 30px;opacity: 1;}to {top: 0;opacity: 0;}}.text-align-center {text-align: center;}h1 {margin: 0;padding: 0;color: var(--color-text);font-size: 54px;line-height: 120%;font-family: 'ProductSans-Bold';}h2 {color: var(--color-text);font-family: 'ProductSans-Medium';font-size: 40px;line-height: 50px;font-weight: 300;letter-spacing: -.5px;margin: 0;}h2.limited {padding: 0 15%;}h3 {color: var(--color-gray1);font-family: 'ProductSans-Medium';font-size: 24px;line-height: 30px;font-weight: 300;letter-spacing: -.5px;margin: 0;}a:link, a:visited {color: var(--color-link);text-decoration: none;cursor: pointer;}a:hover {text-decoration: underline;}a.red:link, a.red:visited {color: var(--color-error);text-decoration: none;cursor: pointer;}a.red:hover {text-decoration: underline;}a.btn {text-decoration: none;}#topbar nav a:link, #topbar nav a:visited {font-family: 'ProductSans-Regular';font-weight: 400;color: var(--color-gray1);font-size: 15px;text-decoration: none;padding: 25px 25px;margin-bottom: -3.5px;}#topbar nav a:hover {color: var(--color-text);border-bottom: #f19e38 2px solid;}#topbar nav a.active {color: var(--color-link);border-bottom: var(--color-link) 2px solid;}.btn {transition: all .5s;padding: 10px 20px;border: transparent 1px solid;cursor: pointer;border-radius: 3px;font-family: 'ProductSans-Regular';font-size: 15px;text-decoration: none;}.btn.transparent {background-color: var(--color-white);color: var(--color-link);}.btn.transparent:hover {background-color: #f9f9f9;color: var(--color-gray1);border: var(--color-light-gray3) 1px solid;}.btn.primary {background-color: var(--color-link);border: var(--color-link) 1px solid;color: var(--color-white);}.btn.primary:hover {background-color: var(--color-blue1-hover);}.btn.dark {background-color: var(--color-text);border: var(--color-text) 1px solid;color: var(--color-white);}.btn.dark:hover {background-color: var(--color-green);border: var(--color-green) 1px solid;}.btn.whiteblue {background-color: var(--color-white);border: #dadce1 1px solid;color: var(--color-link);}.btn.whiteblue:hover {background-color: transparent;border: var(--color-blue1) 1px solid;}.breadcrumb span, .breadcrumb a:link, .breadcrumb a:visited {text-decoration: none;font-size: 12px;color: var(--color-text);}.breadcrumb a:hover {color: var(--color-link);}#promo-container {padding-bottom: 75px;}#promo {flex: 1;margin-top: 40px;}.text-image {padding: 0 10%;}.text-image.custom-padding {padding: 0 90px;}.text-image.more-space {padding: 50px 10%;}.text-image {padding: 0 10%;}.text-image.reverse .row {flex-direction: row-reverse;}.text-image .text .subtitle {display: flex;color: var(--color-gray1);align-items: center;}.text-image .text .subtitle span {color: var(--color-promo-icon);font-size: 22px;margin-right: 7px;}.text-image .text .subtitle label {font-family: 'ProductSans-Regular';font-size: 16px;letter-spacing: .5px;color: var(--color-gray2);}.text-image .text {display: flex;flex-direction: column;justify-content: center;}.text-image .text h1 {margin: 10px 0;}.text-image .text p {font-family: Roboto-Regular;font-size: 17px;color: var(--color-gray1);line-height: 28px;}.text-image .text p.info {font-family: Roboto-Regular;font-size: 12px;color: var(--color-gray2);line-height: 18px;padding: 25px 100px 0 0;}.text-image .image {display: flex;justify-content: center;align-items: center;}.text-image .image img {max-width: 90%;border-radius: 6px;}#services {flex: 1;padding: 0 10%;padding: 125px 0;}#services.inner {padding: 0;}.box-content .box-container {flex-wrap: wrap;display: flex;flex-direction: row;justify-content: center;gap: 25px;align-items: flex-start;margin-top: 60px;}.box-content .box-container .box {width: 368px;margin-bottom: 25px;}.box-content .box-container .box .image-container {height: 180px;width: 100%;border: var(--color-light-gray3) 1px solid;border-radius: 10px;overflow: hidden;position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;}.box-content .box-container .box .image-container img {}.box-content .box-container .box h3 {padding: 0 30px;margin: 35px 0 10px 0;text-align: center;font-family: 'ProductSans-Medium';color: var(--color-text);font-size: 20px;font-weight: 400;}.box-content .box-container .box h3.min-60 {min-height: 60px;}.box-content .box-container .box a:link, .box-container .box a:visited {display: flex;padding: 0;color: var(--color-gray1);text-align: center;font-size: 18px;line-height: 28px;}.box-content .box-container .box a:hover {text-decoration: none;color: var(--color-link);}#callme .container {width: 900px;}#callme .container h2 {text-align: center;}#callme .container p {text-align: center;margin-bottom: 20px;color: var(--color-gray1);text-align: center;font-size: 18px;line-height: 28px;}#callme .container .callme-form {display: flex;flex-direction: row;}#callme .container .callme-form input {display: flex;flex: 1;}#mdn .container {width: 1200px;}#mdn .container h2 {text-align: center;}#mdn .container p {text-align: center;margin-bottom: 20px;color: var(--color-gray1);text-align: center;font-size: 18px;line-height: 28px;}#mdn .container .mdn-form {display: flex;flex-direction: row;margin-top: 50px;}#mdn .container .mdn-form .frow div {display: flex;flex: 1;}#mdn .container .mdn-form input {display: flex;flex: 1;}#mdn .container .mdn-form .frow {padding: 0 5px;}#footer {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 75px 0;position: relative;background-color: var(--color-light-gray2);}#footer .container {padding: 0 10%;flex-direction: column;justify-content: center;align-items: center;}#footer .container.social {flex-direction: column;margin-top: -20px;}#footer .container.social div {gap: 40px;display: flex;flex-direction: row;justify-content: center;padding-bottom: 50px;}#footer .container.social div a img {width: 26px;opacity: .7;}#footer .container .footer-logo-area {display: flex;width: 300px;flex-direction: column;opacity: 1;align-items: center;}#footer .container .footer-logo-area .footer-logo {display: flex;align-items: center;}#footer .container .footer-logo-area .footer-logo span.icon {display: flex;font-size: 20px;width: 26px;height: 26px;justify-content: center;align-items: center;margin-bottom: -3px;background-color: var(--color-gray2);margin-right: 10px;color: var(--color-white);border-radius: 50%;}#footer .container .footer-logo-area .footer-logo label {font-family: 'ProductSans-Regular';font-size: 24px;letter-spacing: .5px;font-weight: 400;margin: 0 30px 0 0;padding: 0;color: var(--color-gray3);}#footer .container .footer-logo-area .footer-logo label span {color: var(--color-gray3);}#footer .container .footer-logo-area label {font-family: 'ProductSans-Regular';font-size: 12px;color: var(--color-gray-2);text-align: center;padding: 10px 30px;}#footer .container .links {display: flex;flex: 1;flex-direction: column;margin-top: 25px;}#footer .container .links div {gap: 15px;margin-bottom: 10px;font-size: 14px;color: var(--color-text);opacity: .7;display: flex;justify-content: center;}#footer .container .links div:first-child {gap: 25px;}#footer .container .links div a:link, #footer .container .links div a:visited {color: var(--color-text);text-decoration: none;}#footer .container .links div a:hover {color: var(--color-link);text-decoration: underline;}.embedded-video {width: 80%;height: 280px;box-shadow: 0 0 35px 0px #999999;border-radius: 10px;background-color: #000000;}#products .text-image {padding: 100px 0;}#products .container {padding: 0 5%;}#madewithlove {padding-top: 15px;}#madewithlove img {height: 28px;}.mtab-container {display: flex;flex-direction: row;border: #d4d4d4 1px solid;border-radius: 6px;}.mtab-container.white {background-color: #ffffff;}.mtab-container label {padding: 25px 10px;display: flex;flex: 1;cursor: pointer;font-size: 14px;justify-content: center;}.mtab-container label:first {border-left: unset;}.mtab-container label.selected {border-bottom: var(--color-blue1) 2px solid;color: var(--color-blue1);}.mtab-content {padding: 30px;border: #d4d4d4 1px solid;border-top: unset;border-radius: 0 0 6px 6px;}.mtab-content.white {background-color: #ffffff;}.services-container {margin-top: 50px;}.services-container h3 {color: var(--color-link);border-left: var(--color-orange) 3px solid;padding-left: 12px;}.services-container p {margin: 20px 0 50px 0;padding-left: 15px;font-size: 17px;color: var(--color-gray1);line-height: 28px;}.services-container .text-image:last-child p {margin-bottom: 0;}.home-page-blog {position: relative;flex-direction: column;border-bottom: #e8e8e8 1px solid;padding: 100px 0;}.line-div, .line-div2 {position: absolute;top: 0;left: 0;right: 0;background-repeat: repeat-x;background-position: top;background-image: url(../img/color-bar.png);height: 3px;}.line-div2 {top: unset;bottom: 0;background-image: url(../img/color-bar2.png);}.blog-detail {display: flex;flex-direction: column;}.blog-detail .container {width: 1240px;flex-direction: column;display: flex;}.blog-detail .container.content {flex-direction: row;display: flex;}.blog-detail .container .header h1 {font-size: 44px;letter-spacing: -1px;}.blog-detail .container .header .info {display: flex;flex-direction: row;align-items: center;margin: 5px 0 30px 0;}.blog-detail .container .header .info label {margin-left: 10px;display: flex;align-items: center;font-size: 12px;}.blog-detail .container .header .info label i {color: #666666;font-size: 20px;margin-right: 5px;margin-top: -3px;}.blog-detail .container .header .info a:link, .blog-detail .container .header .info a:visited {text-decoration: none;background-color: #ffcc00;padding: 7px;border-radius: 4px;font-size: 12px;color: #242424;}.blog-detail .container .header .info a:hover {color: #0052cc;}.blog-detail .container .detail {display: flex;flex-direction: column;flex: 1;padding-right: 20px;}.blog-detail .container .detail img.cover {max-width: 100%;border-radius: 8px;margin-bottom: 20px;border: #e8e8e8 1px solid;}.blog-detail .container .detail .content p {line-height: 26px;}.blog-detail .container .detail .content h3, .blog-detail .container .detail .content h2 {color: var(--color-link);border-left: var(--color-orange) 3px solid;padding-left: 12px;font-size: 24px;line-height: 30px;font-weight: 300;letter-spacing: -.5px;margin-top: 25px;}.blog-detail .container .action-col {width: 350px;margin-left: 25px;}.action-col .widget {border: #ECF6FA 1px solid;background-color: #ECF6FA;border-radius: 8px;padding: 20px;margin-bottom: 30px;flex-direction: column;}.action-col .widget input {font-size: 15px;padding: 15px 15px;border-radius: 6px;border: #d4d4d4 1px solid;width: 100%;}.action-col .widget .query {position: relative;}.action-col .widget .query i {position: absolute;cursor: pointer;right: 5px;top: 15px;}.action-col .widget h2 {margin: 0 0 20px 0;font-size: 26px;line-height: unset;}.action-col .widget h2 span {background-color: #cc0001;height: 3px;width: 35px;border-radius: 1.5px;margin-top: 3px;display: flex;}.action-col .widget i {color: #05a6d2;margin-right: 7px;font-size: 22px;}.action-col .widget a:link, .action-col .widget a:visited {text-decoration: none;font-family: 'ProductSans-Regular';display: flex;margin-bottom: 10px;align-items: flex-start;color: #242424;font-size: 16px;}.action-col .widget a:hover {color: #05a6d2;}.action-col .widget a span i {display: flex;height: 3px;background-color: #05a6d2;border-radius: 1.5px;margin-top: 5px;transition: all .5s;width: 0;}.action-col .widget a:hover span i {width: 100%;}.tags {display: flex;gap: 6px;flex-wrap: wrap;flex-direction: row;align-items: center;margin-top: 35px;padding-top: 20px;border-top: #e8e8e8 1px solid;}.tags span {font-size: 14px;margin-right: 5px;}a.tag:link, a.tag:visited {white-space: nowrap;transition: all.5s;padding: 4px 8px;background-color: #bca0da;font-size: 12px;text-decoration: none;color: #ffffff;border-radius: 4px;}a.tag:hover {background-color: #9673bb;}.pagination {display: flex;align-items: center;justify-content: center;padding-top: 50px;gap: 10px;}.pagination a:link, .pagination a:visited {display: flex;width: 42px;height: 42px;border-radius: 50%;align-items: center;justify-content: center;text-decoration: none;}.pagination a:hover {background-color: #e8e8e8;}.pagination a.active {background-color: #0052cc;color: #ffffff;}.callme-icon {z-index: 200000;transition: all .75s;cursor: pointer;display: flex;flex-direction: row;align-items: center;justify-content: center;width: 72px;height: 72px;position: fixed;right: 25px;bottom: -100%;background-color: #242424;border-radius: 50%;box-shadow: 0 0px 10px #9a9a9a;}.callme-icon img {width: 32px;}.callme-icon.show {bottom: 24px;}.callme-container {z-index: 200000;position: fixed;right: 10px;bottom: -120%;width: 400px;max-width: 100%;transition: all .75s;}.callme-container.show {bottom: 0;}.callme-container .content {padding: 25px 5px;background-color: #ffffff;border-radius: 7px 7px 0 0;border: #d4d4d4 1px solid;box-shadow: #cccccc 0 0 10px;}.callme-container .content h3 {margin: 0;padding: 0 15px;color: #242424;font-size: 30px;}.callme-container .content .frow label {padding: 0 15px;line-height: auto;}.callme-container input[type], .callme-container textarea, .callme-container select {border: var(--color-light-gray3) 2px solid;}.callme-container input[type]:focus, .callme-container textarea:focus {border: #0052cc 2px solid;}.callme-container .button-set {display: flex;flex-direction: row;justify-content: space-between;padding: 5px 20px;}.callme-container .button-set .btn {font-size: 13px;}.criteria-row {width: 1154px;justify-self: center;max-width: 100%;}.criteria-row a {text-decoration: none;}.criteria-row label {position: relative;background-color: #e8e8e8;padding: 7px 15px 7px 12px;border-radius: 4px;font-size: 14px;color: #242424;}.criteria-row img {width: 20px;position: absolute;right: -8px;cursor: pointer;top: -8px;}.ref-grid {width: 1330px;justify-self: center;display: flex;flex-direction: row;flex-wrap: wrap;margin: 50px 0;position: relative;gap: 10px;}.ref-grid .ref-box {overflow: hidden;position: relative;width: 300px;height: 300px;display: flex;border: #e8e8e8 2px solid;}.ref-grid .ref-box:hover .content {bottom: 0;align-items: center;justify-content: center;display: flex;}.ref-grid .ref-box .content {display: flex;flex-direction: column;transition: all .5s;position: absolute;width: 300px;height: 300px;overflow: hidden;bottom: -120%;}.ref-grid .ref-box .content .shadow {position: absolute;background-color: #242424;left: 0;right: 0;bottom: 0;top: 0;opacity: .8;}.ref-grid .ref-box:hover .content label {position: relative;color: #ffffff;font-family: 'ProductSans-Light';font-size: 12px;letter-spacing: 2px;}.ref-grid .ref-box:hover .content h3 {position: relative;color: #ffffff;font-size: 20px;padding: 0 60px;text-align: center;font-family: 'ProductSans-Light';letter-spacing: 0.5px;}.ref-grid .ref-box:hover .content a {position: relative;text-decoration: none;color: #e8e8e8;font-family: 'ProductSans-Light';margin-top: 15px;letter-spacing: 1px;}