.gl-wrap:after {
    content: "";
    display: table;
    clear: both
}
.gl-wrap.dark {
    background-color: #333;
    color: #fff
}
.gl-wrap.dark h1, .gl-wrap.dark h2, .gl-wrap.dark h3, .gl-wrap.dark h4, .gl-wrap.dark h5 {
    color: #fff
}

@media screen and (max-width:750px) {
.gl-wrap {
    padding: 0 1rem
}
}
.gl-main {
    padding: 40px 0;
    padding: 4rem 0;
    float: left;
    width: 70%
}

@media screen and (max-width:750px) {
.gl-main {
    width: 100%;
    float: none;
    padding-bottom: 0
}
}
.gl-sidebar {
    padding: 40px 0;
    padding: 4rem 0;
    width: 25%;
    margin-left: 5%;
    float: left
}

@media screen and (max-width:750px) {
.gl-sidebar {
    width: 100%;
    margin-left: 0;
    float: none
}
}
.gl-hide {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px)
}
.gl-iframe {
    position: relative;
    height: 0;
    padding-bottom: 56.25%
}
.gl-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.gl-richtext p {
    margin-bottom: 20px;
    margin-bottom: 2rem;
    line-height: 24px;
    line-height: 2.4rem
}
.gl-richtext a {
    font-weight: 700;
    color: #c00;
    opacity: .8
}
.gl-richtext a:hover {
    opacity: 1;
    border-bottom: 1px solid #bbb;
    text-decoration: none
}
.gl-richtext a img {
    display: block
}
.gl-richtext ul {
    list-style-type: square;
    padding-left: 1.1em;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    line-height: 24px;
    line-height: 2.4rem
}
.gl-richtext img {
    margin: 0 20px;
    margin: 0 2rem
}

@media screen and (max-width:750px) {
.gl-richtext img {
    display: block;
    float: none!important;
    max-width: 350px;
    margin: 2rem auto;
    width: 100%
}
}
.gl-richtext h2 {
    font-size: 28px;
    font-size: 2.8rem
}
.gl-richtext h3 {
    font-size: 24px;
    font-size: 2.4rem
}
.gl-richtext h4 {
    font-size: 22px;
    font-size: 2.2rem
}
.gl-richtext h5 {
    font-size: 18px;
    font-size: 1.8rem
}
.gl-richtext strong {
    font-weight: 700
}
.gl-richtext em {
    font-style: italic
}
.gl-table table {
    width: 100%
}
.gl-table td {
    padding: 18px;
    padding: 1.8rem;
    border: 1px solid #bbb
}

.gl-form, .gl-form .EditingFormTable {
    width: 100%
}
.gl-form .WatermarkText {
    color: #bbb
}
.gl-form input[type=email], .gl-form input[type=password], .gl-form input[type=text] {
    display: block;
    height: 46px;
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
    padding: 10px;
    padding: 1rem;
    padding-right: 30px;
    padding-right: 3rem;
    border: 1px solid #bbb;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 0 3px #fff, 0 1px 1px rgba(0,0,0,.1);
    -webkit-transition: border .25s ease;
    -o-transition: border .25s ease;
    transition: border .25s ease;
    outline: none
}
.gl-form input[type=email]:disabled, .gl-form input[type=password]:disabled, .gl-form input[type=text]:disabled {
    background-color: #eee;
    -webkit-box-shadow: none;
    box-shadow: none
}
.gl-form input[type=email]:focus, .gl-form input[type=password]:focus, .gl-form input[type=text]:focus {
    border: 1px solid #000
}
.gl-form input[type=submit] {
    display: inline-block;
    background-color: #ef4135;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
.gl-form input[type=submit]:hover {
    background-color: #ed2b1d;
    text-decoration: none
}
.gl-form .ErrorLabel {
    display: block;
    margin-bottom: 30px;
    margin-bottom: 3rem;
    color: #c00
}
.gl-form .EditingFormErrorLabel {
    display: block;
    color: #c00;
    margin-top: 10px;
    margin-top: 1rem
}
.gl-form .editing-form-control-nested-control.Error input {
    border-color: #c00;
    background: url(../../images/sprite.svg#cross-red);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: right 10px center;
    background-position: right 1rem center
}
.gl-form .editing-form-control-nested-control.Error textarea {
    border-color: #c00;
    background: url(../../images/sprite.svg#cross-red);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: right 10px center;
    background-position: right 1rem center;
    background: #fff;
    resize: vertical
}
.gl-form .editing-form-control-nested-control.Error .textarea, .gl-form .editing-form-control-nested-control.Error select {
    border: 1px solid #c00
}
.gl-form .password-strength {
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.gl-form .EditingFormValueCell {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    float: left
}
.gl-form .EditingFormValueCell .Error .textarea {
    border: 1px solid #c00
}
.gl-form .FieldLabel {
    display: block;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    float: left
}
.gl-form .EditingFormButtonLeftCell {
    display: none
}
.gl-form .required:after {
    content: "*";
    color: #c00;
    margin-left: 5px;
    margin-left: .5rem
}
.gl-form .textarea, .gl-form textarea {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
    padding: 10px;
    padding: 1rem;
    padding-right: 30px;
    padding-right: 3rem;
    border: 1px solid #bbb;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 0 3px #fff, 0 1px 1px rgba(0,0,0,.1);
    -webkit-transition: border .25s ease;
    -o-transition: border .25s ease;
    transition: border .25s ease;
    outline: none;
    height: 200px;
    height: 20rem;
    resize: vertical
}
.gl-form .textarea:disabled, .gl-form textarea:disabled {
    background-color: #eee;
    -webkit-box-shadow: none;
    box-shadow: none
}
.gl-form .textarea:focus, .gl-form textarea:focus {
    border: 1px solid #000
}
.mad-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.mad-container:after {
    content: "";
    display: table;
    clear: both
}
.mad-item {
    width: 22%;
    float: left;
    margin: 0 2% 40px;
    margin: 0 2% 4rem
}
.mad-item:hover .mad-icon {
    border: 1px solid #c00
}
.mad-item:hover .mad-item-title {
    color: #c00
}

@media screen and (min-width:1025px) {
.mad-item:nth-of-type(4n+1) {
    margin-left: 0
}
.mad-item:nth-of-type(4n) {
    margin-right: 0
}
}

@media screen and (min-width:751px) and (max-width:1024px) {
.mad-item {
    width: 30.6666666667%
}
.mad-item:nth-of-type(3n+1) {
    margin-left: 0
}
.mad-item:nth-of-type(3n) {
    margin-right: 0
}
}

@media screen and (max-width:750px) {
.mad-item {
    width: 48%
}
.mad-item:nth-of-type(odd) {
    margin-left: 0
}
.mad-item:nth-of-type(2n) {
    margin-right: 0
}
}

@media screen and (max-width:430px) {
.mad-item {
    width: 100%;
    margin-left: 0;
    margin-right: 0
}
}
.mad-link {
    cursor: pointer
}
.mad-link:hover {
    text-decoration: none
}
.mad-icon {
    font-size: 180px;
    font-size: 18rem;
    border: 1px solid #999;
    text-align: center;
    padding: 20px 0;
    padding: 2rem 0
}

@media screen and (max-width:750px) {
.mad-icon {
    font-size: 14rem
}
}
.mad-item-title {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    font-weight: 400;
    padding: 20px 0 14px;
    padding: 2rem 0 1.4rem;
    border-bottom: 1px solid #999
}
.mad-item-desc {
    font-size: 16px;
    font-size: 1.6rem
}
.apr-title {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.apr-title {
    font-size: 3rem
}
}
.apr-table h3 {
    font-weight: 700;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    color: #5c5c5c;
    word-wrap: break-word
}
.apr-table p {
    margin-bottom: 14px;
    margin-bottom: 1.4rem;
    word-wrap: break-word
}
.apr-row:after {
    content: "";
    display: table;
    clear: both
}
.apr-column {
    float: right
}
.apr-column:first-child {
    float: left
}

@media screen and (max-width:750px) {
.apr-column {
    width: 25%;
    font-size: 1.4rem;
    padding: 0 .3rem
}
}

@media screen and (max-width:750px) {
.apr-column-product {
    width: 25%
}
}
.apr-column-serial {
    width: 16.6666666667%
}

@media screen and (max-width:750px) {
.apr-column-serial {
    width: 25%
}
}
.apr-column-purchase-date {
    width: 16.6666666667%
}

@media screen and (max-width:750px) {
.apr-column-purchase-date {
    width: 25%
}
}
.apr-column-purchase-place {
    width: 16.6666666667%
}

@media screen and (max-width:750px) {
.apr-column-purchase-place {
    width: 25%
}
}
.et-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.et-heading {
    font-size: 3rem
}
}
.et-blog-description, .et-logo {
    margin-bottom: 40px;
    margin-bottom: 4rem
}
.et-item {
    display: block;
    margin-bottom: 30px;
    margin-bottom: 3rem;
    padding-bottom: 30px;
    padding-bottom: 3rem;
    min-height: 160px;
    border-bottom: 1px solid #999
}
.et-teaser-img-container {
    float: left;
    max-width: 180px
}

@media screen and (max-width:750px) {
.et-teaser-img-container {
    display: none
}
}
.et-teaser-img {
    width: 100%;
    max-height: 130px
}
.et-post-info {
    padding-left: 195px;
    padding-left: 19.5rem
}

@media screen and (max-width:750px) {
.et-post-info {
    padding-left: 0
}
}
.et-title {
    display: block;
    font-weight: 700;
    color: #666
}
.et-summary, .et-title {
    margin-bottom: 10px;
    margin-bottom: 1rem
}
.et-right-heading {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.et-tags {
    display: block
}
.et-right-item {
    margin-bottom: 30px;
    margin-bottom: 3rem
}

@media screen and (max-width:750px) {
.et-right-item {
    display: none
}
}
.et-right-tags {
    color: #666;
    font-weight: 700
}
.et-right-tags .TagCloud span {
    display: inline-block
}
.et-archive-month, .et-right-tags .TagCloud span {
    margin-bottom: 5px;
    margin-bottom: .5rem
}
.et-highlight {
    font-weight: 700;
    color: #c00
}

@media screen and (max-width:750px) {
.et-search-container {
    display: block
}
}
.et-search-box {
    position: relative;
    width: 300px;
    margin-bottom: 30px;
    margin-bottom: 3rem
}
.et-search-box .control-label, .et-search-box label {
    display: none
}
.et-search-box .et-search-placeholder {
    color: #999
}
.et-search-box input[type=text] {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
    padding: 10px;
    padding: 1rem;
    padding-right: 30px;
    padding-right: 3rem;
    border: 1px solid #bbb;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 0 3px #fff, 0 1px 1px rgba(0,0,0,.1);
    -webkit-transition: border .25s ease;
    -o-transition: border .25s ease;
    transition: border .25s ease;
    outline: none
}
.et-search-box input[type=text]:disabled {
    background-color: #eee;
    -webkit-box-shadow: none;
    box-shadow: none
}
.et-search-box input[type=text]:focus {
    border: 1px solid #000
}
.et-search-box input[type=submit] {
    position: absolute;
    right: 0;
    top: 0;
    width: 15%;
    height: 100%;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 0;
    z-index: 2
}

@media screen and (max-width:750px) {
.et-search-box input[type=submit] {
    width: 10%
}
}
.et-search-box:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 26px;
    font-size: 2.6rem
}

@media screen and (max-width:750px) {
.et-search-box {
    width: 100%
}
}
.et-recent-posts {
    list-style-type: square;
    padding-left: 20px;
    padding-left: 2rem
}
.et-recent-post {
    margin-bottom: 5px;
    margin-bottom: .5rem
}
.etp-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.etp-heading {
    font-size: 3rem
}
}
.etp-date {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.ets-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.ets-heading {
    font-size: 3rem
}
}
.ets-search-box {
    position: relative;
    width: 300px;
    margin-bottom: 30px;
    margin-bottom: 3rem
}
.ets-search-box .control-label {
    display: none
}
.ets-search-box .ets-search-placeholder {
    color: #999
}
.ets-search-box input[type=text] {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
    padding: 10px;
    padding: 1rem;
    padding-right: 30px;
    padding-right: 3rem;
    border: 1px solid #bbb;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 0 3px #fff, 0 1px 1px rgba(0,0,0,.1);
    -webkit-transition: border .25s ease;
    -o-transition: border .25s ease;
    transition: border .25s ease;
    outline: none
}
.ets-search-box input[type=text]:disabled {
    background-color: #eee;
    -webkit-box-shadow: none;
    box-shadow: none
}
.ets-search-box input[type=text]:focus {
    border: 1px solid #000
}
.ets-search-box input[type=submit] {
    position: absolute;
    right: 0;
    top: 0;
    width: 15%;
    height: 100%;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 0;
    z-index: 2
}

@media screen and (max-width:750px) {
.ets-search-box input[type=submit] {
    width: 10%
}
}
.ets-search-box:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    position: absolute;
    right: 1%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    font-size: 1.6rem
}

@media screen and (max-width:750px) {
.ets-search-box {
    width: 100%
}
}
.cup-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.cup-heading {
    font-size: 3rem
}
}
.cup-contact-us .FormButton {
    display: inline-block;
    background-color: #ef4135;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
.cup-contact-us .FormButton:hover {
    background-color: #ed2b1d;
    text-decoration: none
}
.cup-contact-us .dc-form {
    margin-bottom: 40px;
    margin-bottom: 4rem
}
.cup-form {
    width: 100%
}
.cup-form input[type=password], .cup-form input[type=text] {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
    padding: 10px;
    padding: 1rem;
    padding-right: 30px;
    padding-right: 3rem;
    border: 1px solid #bbb;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 0 3px #fff, 0 1px 1px rgba(0,0,0,.1);
    -webkit-transition: border .25s ease;
    -o-transition: border .25s ease;
    transition: border .25s ease;
    outline: none
}
.cup-form input[type=password]:disabled, .cup-form input[type=text]:disabled {
    background-color: #eee;
    -webkit-box-shadow: none;
    box-shadow: none
}
.cup-form input[type=password]:focus, .cup-form input[type=text]:focus {
    border: 1px solid #000
}
.cup-form .ErrorLabel {
    display: block;
    margin-bottom: 30px;
    margin-bottom: 3rem;
    color: #c00
}
.cup-form .EditingFormErrorLabel {
    display: block;
    color: #c00;
    margin-top: 10px;
    margin-top: 1rem
}
.cup-form .editing-form-control-nested-control.Error input {
    border-color: #c00;
    background: url(../../images/sprite.svg#cross-red);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: right 10px center;
    background-position: right 1rem center
}
.cup-form .editing-form-control-nested-control.Error .cup-textarea, .cup-form .editing-form-control-nested-control.Error select {
    border: 1px solid #c00
}
.cup-form .password-strength {
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.cup-textarea {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
    padding: 10px;
    padding: 1rem;
    padding-right: 30px;
    padding-right: 3rem;
    border: 1px solid #bbb;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 0 3px #fff, 0 1px 1px rgba(0,0,0,.1);
    -webkit-transition: border .25s ease;
    -o-transition: border .25s ease;
    transition: border .25s ease;
    outline: none;
    height: 200px;
    height: 20rem
}
.cup-textarea:disabled {
    background-color: #eee;
    -webkit-box-shadow: none;
    box-shadow: none
}
.cup-textarea:focus {
    border: 1px solid #000
}
.cup-row:after {
    content: "";
    display: table;
    clear: both
}
.cup-field-half {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    float: left
}
.cup-field-half:first-child {
    margin-left: 0
}

@media screen and (max-width:750px) {
.cup-field-half {
    width: 100%;
    float: none;
    margin-left: 0
}
}
.cup-field-full {
    width: 100%;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    float: left
}
.cup-label {
    display: block;
    margin-bottom: 10px;
    margin-bottom: 1rem
}
.cup-required:after {
    content: "*";
    color: #c00;
    margin-left: 5px;
    margin-left: .5rem
}
.cup-description {
    margin-bottom: 30px;
    margin-bottom: 3rem
}
.cups-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.cups-heading {
    font-size: 3rem
}
}
.dc-contact {
    padding: 40px 0;
    padding: 4rem 0
}
.dc-contact input[type=checkbox] {
    display: inline-block;
    margin-left: 0;
    margin-right: 10px;
    margin-right: 1rem
}
.dc-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.dc-heading {
    font-size: 3rem
}
}
.dc-row {
    margin-top: 20px;
    margin-top: 2rem
}
.dc-row:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (max-width:750px) {
.dc-row {
    margin-top: 1rem
}
}
.dc-row:first-child {
    margin-top: 0
}
.dc-col {
    width: 49%;
    margin-left: 2%;
    float: left
}

@media screen and (max-width:750px) {
.dc-col {
    width: 100%;
    margin-left: 0;
    float: none;
    margin-top: 1rem
}
.dc-col:first-child {
    margin-top: 0
}
}
.dc-col:nth-child(odd) {
    margin-left: 0
}
.dc-field .EditingFormLabel {
    display: inline-block;
    margin-bottom: 10px;
    margin-bottom: 1rem
}
.dc-field input[type=radio] {
    margin-right: 20px;
    margin-right: 2rem;
    margin-top: 10px;
    margin-top: 1rem
}
.dc-field input[type=radio]:first-of-type {
    margin-top: 0
}
.dc-checkbox {
    margin-bottom: 10px;
    margin-bottom: 1rem
}
.dc-checkbox .EditingFormControlNestedControl, .dc-checkbox label {
    display: inline-block
}
.di-distributors {
    padding: 40px 0;
    padding: 4rem 0
}
.di-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.di-heading {
    font-size: 3rem
}
}
.di-group {
    color: #838383
}
.di-group:first-child {
    border-top: 1px solid #e4e4e5
}
.di-group-name {
    font-weight: 700;
    display: block;
    padding: 18px 0;
    padding: 1.8rem 0;
    border-bottom: 1px solid #e4e4e5;
    text-decoration: none;
    cursor: pointer
}
.di-group-name.acr-open {
    color: #000
}
.di-group-name.acr-open:after {
    content: "";
    font-family: Icons;
    display: inline-block
}
.di-group-name.acr-open:hover {
    color: #000
}
.di-group-name:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    float: right;
    margin: -6px 0 0 10px;
    margin: -6px 0 0 1rem;
    font-size: 26px;
    font-size: 2.6rem
}
.di-group-name:hover {
    color: #c00
}
.di-distributor {
    width: 32%;
    min-height: 115px;
    margin-left: 2%;
    margin-top: 20px;
    margin-top: 2rem;
    position: relative
}

@media screen and (min-width:1025px) {
.di-distributor:nth-child(-n+3) {
    margin-top: 0
}
.di-distributor:nth-child(3n+1) {
    margin-left: 0
}
}

@media screen and (min-width:751px) and (max-width:1024px) {
.di-distributor {
    width: 49%;
    margin-left: 2%
}
.di-distributor:nth-child(odd) {
    margin-left: 0
}
}

@media screen and (max-width:750px) {
.di-distributor {
    width: 100%;
    min-height: auto;
    margin-left: 0;
    float: none
}
}
.di-name {
    font-weight: 700
}
.di-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}
.di-desc {
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.di-detail {
    padding: 20px 0;
    padding: 2rem 0;
    color: #000
}
.di-detail:after {
    content: "";
    display: table;
    clear: both
}
.di-address {
    padding-bottom: 50px;
    padding-bottom: 5rem;
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.di-contact-me {
    display: inline-block;
    padding: 13px 40px;
    padding: 1.3rem 4rem;
    background: #e4e4e5;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
    color: #666;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    margin-bottom: 10px;
    margin-bottom: 1rem
}
.di-contact-me:hover {
    background-color: #c00;
    text-decoration: none;
    color: #fff
}
.di-cta {
    position: absolute;
    bottom: 0
}
.di-contact-dist {
    display: inline-block;
    padding: 13px 40px;
    padding: 1.3rem 4rem;
    background: #e4e4e5;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
    color: #666;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
.di-contact-dist:hover {
    background-color: #c00;
    text-decoration: none;
    color: #fff
}
.ev-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem;
    margin-bottom: 0
}

@media screen and (max-width:750px) {
.ev-heading {
    font-size: 3rem
}
}
.ev-subheading {
    font-size: 16px;
    font-size: 1.6rem;
    color: #666;
    margin-bottom: 40px;
    margin-bottom: 4rem
}
.ev-main {
    padding: 40px 0;
    padding: 4rem 0;
    float: left;
    width: 70%
}

@media screen and (max-width:750px) {
.ev-main {
    width: 100%;
    float: none
}
}
.ev-sidebar {
    padding: 40px 0;
    padding: 4rem 0;
    float: left;
    width: 25%;
    margin-left: 5%
}

@media screen and (max-width:750px) {
.ev-sidebar {
    width: 100%;
    float: none;
    margin-left: 0
}
}
.ev-address, .ev-details {
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.evs-events {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}
.evs-events:after {
    content: "";
    display: table;
    clear: both
}
.evs-main {
    padding: 40px 0;
    padding: 4rem 0;
    width: 70%;
    float: left
}

@media screen and (max-width:750px) {
.evs-main {
    width: 100%;
    float: none;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}
}
.evs-sidebar {
    padding: 40px 0;
    padding: 4rem 0;
    width: 25%;
    margin-left: 5%;
    float: left
}

@media screen and (max-width:750px) {
.evs-sidebar {
    width: 100%;
    margin-left: 0;
    float: none;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}
}
.evs-filter {
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.evs-label {
    display: block;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700
}
.evs-text-field {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
    padding: 10px;
    padding: 1rem;
    padding-right: 30px;
    padding-right: 3rem;
    border: 1px solid #bbb;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 0 3px #fff, 0 1px 1px rgba(0,0,0,.1);
    -webkit-transition: border .25s ease;
    -o-transition: border .25s ease;
    transition: border .25s ease;
    outline: none
}
.evs-text-field:disabled {
    background-color: #eee;
    -webkit-box-shadow: none;
    box-shadow: none
}
.evs-text-field:focus {
    border: 1px solid #000
}
.evs-filter-submit input[type=submit] {
    display: inline-block;
    background-color: #ef4135;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
.evs-filter-submit input[type=submit]:hover {
    background-color: #ed2b1d;
    text-decoration: none
}
.evs-event {
    position: relative;
    margin: 20px 0;
    margin: 2rem 0;
    padding: 20px 0;
    padding: 2rem 0;
    border-bottom: 1px solid #999
}
.evs-summary {
    overflow: hidden;
    color: #000;
    line-height: 20px;
    line-height: 2rem
}
.evs-footer {
    text-align: right
}
.evs-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.evs-heading {
    font-size: 3rem
}
}
.evs-title {
    color: #666;
    font-weight: 700;
    min-height: 32px;
    min-height: 3.2rem
}
.evs-date-container {
    position: relative;
    float: left;
    width: 140px
}

@media screen and (max-width:750px) {
.evs-date-container {
    float: none;
    margin-bottom: 3rem;
    width: 100%
}
}
.evs-filters {
    margin: 20px 0;
    margin: 2rem 0
}
.evs-calendar, .evs-date {
    text-align: center
}
.evs-calendar {
    display: block
}
.evs-calendar:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    color: #bbb;
    font-size: 70px;
    font-size: 7rem
}
.evs-event-listings {
    width: 70%
}

@media screen and (max-width:750px) {
.evs-event-listings {
    width: 100%
}
}
.evs-info {
    float: left;
    width: 78%;
    margin-left: 50px;
    margin-left: 5rem
}

@media screen and (min-width:751px) and (max-width:1024px) {
.evs-info {
    width: 68%
}
}

@media screen and (max-width:750px) {
.evs-info {
    width: 80%;
    margin: 2rem 0 0
}
}
.evs-button {
    margin-top: 20px;
    margin-top: 2rem;
    display: inline-block;
    background-color: #ef4135;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
.evs-button:hover {
    background-color: #ed2b1d;
    text-decoration: none
}
.hm-banner-carousel {
    overflow-y: visible;
    position: relative;
    background-color: #bbb
}
.hm-banner-carousel .hm-chevron-container {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    width: 100%;
    bottom: 50%
}
.hm-banner-carousel .pagination {
    position: absolute;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 0;
    padding-top: 0;
    top: 94%
}

@media screen and (max-width:750px) {
.hm-banner-carousel .pagination {
    background: #eee;
    position: relative;
    top: 100%
}
}
.hm-banner-carousel .swipe {
    max-width: 100%;
    height: 400px;
    margin: 0 auto
}

@media screen and (max-width:750px) {
.hm-banner-carousel {
    background-color: #fff
}
}
.hm-chevron {
    display: none;
    position: absolute;
    width: 100px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 36
}
.hm-chevron-left {
    left: 0;
    padding: 0 25px;
    padding: 0 2.5rem
}
.hm-chevron-left:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 44px;
    font-size: 4.4rem
}
.hm-chevron-right {
    right: 0;
    padding: 0 25px;
    padding: 0 2.5rem
}
.hm-chevron-right:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 44px;
    font-size: 4.4rem
}
.hm-banner-slider {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    overflow: hidden
}

@media screen and (max-width:750px) {
.hm-banner-slider {
    height: 200px;
    overflow: visible
}
}
.hm-slider-info-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1280px;
    max-width: 128rem;
    margin: 100px auto;
    padding: 0 30px;
    padding: 0 3rem
}
.hm-slider-info-container:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (max-width:750px) {
.hm-slider-info-container {
    top: 100%;
    width: 100%;
    height: 200px;
    padding: 0 1rem;
    margin: 0;
    background: #eee
}
}

@media screen and (max-width:750px) {
.hm-slider-info {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 90%;
    margin: 0 auto;
    padding: 1.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
}

@media screen and (min-width:751px) and (max-width:1024px) {
.hm-slider-info {
    max-width: 40rem;
    padding: 2rem;
    background: hsla(0,0%,93%,.6)
}
}

@media screen and (min-width:1025px) {
.hm-slider-info {
    max-width: 50rem;
    padding: 2rem;
    background: hsla(0,0%,93%,.6)
}
}
.hm-slider-btn-container {
    margin-top: 20px;
    margin-top: 2rem
}

@media screen and (max-width:750px) {
.hm-slider-btn-container {
    margin: 0
}
}
.hm-slider-btn-container, .hm-slider-subtitle, .hm-slider-title {
    z-index: 3;
    position: relative;
    color: #000
}
.hm-slider-subtitle, .hm-slider-title {
    margin-bottom: 10px;
    margin-bottom: 1rem;
    text-align: left
}
.hm-slider-btn {
    display: inline-block;
    background-color: #ef4135;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    padding: 15px 30px;
    padding: 1.5rem 3rem;
    opacity: .9
}
.hm-slider-btn:hover {
    background-color: #ed2b1d;
    text-decoration: none
}
.hm-slider-title {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 0 0 10px;
    margin: 0 0 1rem
}

@media screen and (min-width:751px) and (max-width:1024px) {
.hm-slider-title {
    font-size: 3rem
}
}

@media screen and (min-width:1025px) {
.hm-slider-title {
    font-size: 3.5rem
}
}
.hm-slider-subtitle {
    font-size: 24px;
    font-size: 2.4rem;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    font-style: italic
}

@media screen and (max-width:750px) {
.hm-slider-subtitle {
    white-space: normal;
    font-size: 1.8rem
}
}
.vc-video-carousel.vc-home {
    max-width: 100%;
    max-height: 390px;
    margin-bottom: 50px;
    margin-bottom: 5rem
}
.hm-heading, .vc-home .pagination {
    position: relative
}
.hm-heading {
    padding: 30px 0;
    padding: 3rem 0;
    font-size: 32px;
    font-size: 3.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-bottom: 40px;
    margin-bottom: 4rem;
    margin-bottom: 0;
    z-index: 8
}

@media screen and (max-width:750px) {
.hm-heading {
    font-size: 2.6rem
}
}
.hm-applications {
    text-align: justify;
    padding: 40px 0;
    padding: 4rem 0;
    letter-spacing: -.31em
}
.hm-applications:after {
    display: inline-block;
    content: "";
    width: 100%
}

@media screen and (min-width:751px) and (max-width:1024px) {
.hm-applications {
    padding-bottom: 0;
    text-align: center
}
}

@media screen and (max-width:750px) {
.hm-applications {
    padding-bottom: 0;
    text-align: center
}
}
.hm-application {
    width: 14.25%;
    display: inline-block;
    text-align: center;
    padding: 0 15px;
    padding: 0 1.5rem;
    vertical-align: top
}

@media screen and (min-width:751px) and (max-width:1024px) {
.hm-application {
    margin-bottom: 2.6rem;
    width: 25%;
    padding: 0 1rem
}
}

@media screen and (max-width:750px) {
.hm-application {
    margin-bottom: 2.6rem;
    width: 50%;
    padding: 0 1rem
}
}
.hm-application-link {
    display: block;
    letter-spacing: normal
}
.hm-application-heading {
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 16px;
    margin-top: 1.6rem
}

@media screen and (max-width:600px) {
.hm-application-heading {
    font-size: 1.4rem;
    margin-top: 1.2rem
}
}
.hm-application-image {
    width: 100%
}
.hm-events {
    float: left;
    width: 47.5%;
    margin-left: 5%
}
.hm-news-heading-container, .hm-products-heading-container {
    height: 90px;
    background-color: #eee;
    overflow: hidden
}
.hm-news-heading, .hm-products-heading {
    padding: 30px 0;
    padding: 3rem 0;
    font-size: 32px;
    font-size: 3.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.hm-news-heading, .hm-products-heading {
    font-size: 2.6rem;
    width: 100%;
    float: none
}
}
.hm-articles, .hm-vc-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto
}
.hm-articles::-webkit-scrollbar-track, .hm-vc-wrap::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
border-radius:8px;
background-color:#f5f5f5
}
.hm-articles::-webkit-scrollbar, .hm-vc-wrap::-webkit-scrollbar {
-webkit-appearance:none;
width:6px;
height:6px;
background-color:#f5f5f5
}
.hm-articles::-webkit-scrollbar-thumb, .hm-vc-wrap::-webkit-scrollbar-thumb {
border-radius:8px;
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
background-color:#bbb
}

@media screen and (min-width:1025px) {
.hm-articles, .hm-vc-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 32rem 32rem;
    overflow-x: visible
}
}

@media screen and (min-width:1025px) {
.hm-vc-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}
}

@media screen and (max-width:750px) {
.hm-articles, .hm-products {
    margin-bottom: 2rem
}
}
.hm-news-article {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 60%;
    height: 320px;
    height: 32rem
}
.hm-news-article::-webkit-scrollbar {
display:none
}

@media screen and (min-width:751px) and (max-width:1024px) {
.hm-news-article {
    width: 32rem
}
}

@media screen and (min-width:1025px) {
.hm-news-article {
    width: 100%;
    height: 100%
}
.hm-news-article:first-child {
    grid-area: 1/1/3/3
}
.hm-news-article:first-child .hm-news-link .hm-news-image {
    height: 75%;
    width: 100%
}
.hm-news-article:first-child .hm-news-link .hm-news-content {
    height: 25%;
    width: 100%
}
.hm-news-article:nth-child(2) {
    grid-area: 1/3/2/4
}
}

@media screen and (min-width:1025px) and (min-width:1025px) {
.hm-news-article:nth-child(2) .hm-news-title {
    font-size: 2rem
}
}

@media screen and (min-width:1025px) {
.hm-news-article:nth-child(2) .hm-news-link .hm-news-content, .hm-news-article:nth-child(2) .hm-news-link .hm-news-image {
    margin-left: 5%
}
.hm-news-article:nth-child(3) {
    grid-area: 1/4/2/5
}
}

@media screen and (min-width:1025px) and (min-width:1025px) {
.hm-news-article:nth-child(3) .hm-news-title {
    font-size: 2rem
}
}

@media screen and (min-width:1025px) {
.hm-news-article:nth-child(3) .hm-news-link .hm-news-content, .hm-news-article:nth-child(3) .hm-news-link .hm-news-image {
    margin-left: 5%
}
.hm-news-article:nth-child(4) {
    grid-area: 2/3/3/4
}
}

@media screen and (min-width:1025px) and (min-width:1025px) {
.hm-news-article:nth-child(4) .hm-news-title {
    font-size: 2rem
}
}

@media screen and (min-width:1025px) {
.hm-news-article:nth-child(4) .hm-news-link .hm-news-content, .hm-news-article:nth-child(4) .hm-news-link .hm-news-image {
    margin-left: 5%
}
.hm-news-article:nth-child(5) {
    grid-area: 2/4/3/5
}
}

@media screen and (min-width:1025px) and (min-width:1025px) {
.hm-news-article:nth-child(5) .hm-news-title {
    font-size: 2rem
}
}

@media screen and (min-width:1025px) {
.hm-news-article:nth-child(5) .hm-news-link .hm-news-content, .hm-news-article:nth-child(5) .hm-news-link .hm-news-image {
    margin-left: 5%
}
.hm-news-article:nth-child(6) {
    display: none
}
}

@media (-ms-high-contrast:none) {
.hm-articles {
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: 320px 320px
}
.hm-news-article:first-child {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2
}
.hm-news-article:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1
}
.hm-news-article:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1
}
.hm-news-article:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1
}
.hm-news-article:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1
}
}
.hm-products-article {
    border-bottom: 1px solid #ddd;
    overflow: hidden
}
.hm-products-article:last-of-type {
    border-bottom: none
}

@media screen and (max-width:750px) {
.hm-products-article:nth-of-type(n+3) {
    display: none
}
.hm-products-article:nth-of-type(2) {
    border-bottom: none
}
}
.hm-news-wrapper {
    padding: 0
}
.hm-news-img, .hm-products-img {
    display: block;
    max-width: 100%
}
.hm-news-title, .hm-products-title {
    font-size: 20px;
    font-size: 2rem;
    margin: 10px 10px 0;
    margin: 1rem 1rem 0;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media screen and (min-width:751px) and (max-width:1024px) {
.hm-news-title, .hm-products-title {
    font-size: 2.4rem
}
}

@media screen and (min-width:1025px) {
.hm-news-title, .hm-products-title {
    font-size: 2.6rem
}
}

@media screen and (min-width:1025px) {
.hm-news-title-0 {
    -webkit-line-clamp: 3
}
}
.hm-news-date {
    margin: auto 10px 10px;
    margin: auto 1rem 1rem;
    text-align: right;
    color: #fff;
    font-style: italic
}
.hm-news-link {
    height: 300px;
    height: 30rem
}

@media screen and (min-width:1025px) {
.hm-news-link {
    width: 100%;
    height: 100%
}
}
.hm-news-link, .hm-products-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 0 0;
    padding: 2rem 0 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.hm-news-link:after, .hm-products-link:after {
    content: "";
    display: table;
    clear: both
}
.hm-news-link .hm-news-summary, .hm-products-link .hm-news-summary {
    display: none
}
.hm-news-link:hover, .hm-news-link:hover .hm-news-summary, .hm-news-link:hover .hm-news-title, .hm-news-link:hover .hm-products-summary, .hm-news-link:hover .hm-products-title, .hm-products-link:hover, .hm-products-link:hover .hm-news-summary, .hm-products-link:hover .hm-news-title, .hm-products-link:hover .hm-products-summary, .hm-products-link:hover .hm-products-title {
    text-decoration: none
}
.hm-mobile-title {
    padding: 30px 0;
    padding: 3rem 0;
    font-size: 32px;
    font-size: 3.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-bottom: 40px;
    margin-bottom: 4rem;
    display: none;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw
}

@media screen and (max-width:750px) {
.hm-mobile-title {
    font-size: 2.6rem;
    display: block;
    margin-bottom: 2rem
}
}
.hm-news-btn-container {
    margin-top: 30px;
    min-height: 100px
}
.hm-news-btn-container, .hm-products-btn-container {
    text-align: center
}
.hm-news-btn, .hm-products-btn {
    display: inline-block;
    background-color: #5c5c5c;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
.hm-news-btn:hover, .hm-products-btn:hover {
    background-color: #c00;
    text-decoration: none
}
.hm-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.hm-columns:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (max-width:750px) {
.hm-columns {
    display: block
}
}
.hm-left {
    width: 100%;
    float: none
}

@media screen and (min-width:1025px) {
.hm-left {
    width: 48%;
    float: left
}
}
.hm-right {
    width: 100%;
    float: none
}

@media screen and (min-width:1025px) {
.hm-right {
    width: 48%;
    float: right
}
}
.hm-news-link:hover .hm-news-content {
    background: #333;
    -webkit-transition: .2s ease-in-out;
    -o-transition: ease-in-out .2s;
    transition: .2s ease-in-out
}
.hm-news-content, .hm-products-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #c00
}
.hm-news-content:after, .hm-products-content:after {
    content: "";
    display: table;
    clear: both
}
.hm-news-content:hover, .hm-products-content:hover {
    background: #333
}
.hm-blog-content {
    background: #999;
    color: #333
}
.hm-blog-content:hover {
    background: #333;
    color: #fff
}
.hm-news-content, .hm-news-image {
    height: 42%;
    width: 95%
}
.hm-news-image {
    height: 58%
}
.hm-products-image {
    width: 20%;
    float: left;
    margin-left: 4%
}
.hm-products-content {
    width: 76%;
    margin-left: 4%;
    float: left
}

@media screen and (max-width:750px) {
.hm-products-content {
    width: 76%;
    margin-left: 4%
}
}
.hm-search-container {
    padding: 20px 0;
    padding: 2rem 0
}

@media screen and (min-width:1025px) {
.hm-search-container {
    padding: 4rem 0
}
}
.hm-search .searchBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.hm-search-heading {
    padding: 30px 0;
    padding: 3rem 0;
    font-size: 32px;
    font-size: 3.2rem;
    text-align: center
}

@media screen and (max-width:750px) {
.hm-search-heading {
    font-size: 2.6rem
}
}
.hm-search-textbox {
    height: 40px;
    height: 4rem;
    padding-left: 37.5px;
    padding-left: 3.75rem;
    font-size: 16px;
    font-size: 1.6rem
}
.hm-search {
    position: relative;
    width: 350px;
    margin: 0 auto
}
.hm-search:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    color: #000;
    position: absolute;
    padding: 6px 8px;
    padding: .6rem .8rem;
    top: 0;
    font-size: 24px;
    font-size: 2.4rem
}

@media screen and (min-width:751px) and (max-width:1024px) {
.hm-search {
    width: 400px
}
}

@media screen and (min-width:1025px) {
.hm-search {
    width: 450px
}
}
.hm-search-button {
    width: 150px;
    margin: 15px auto;
    display: inline-block;
    background-color: #ef4135;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
.hm-search-button:hover {
    background-color: #ed2b1d;
    text-decoration: none
}
.hm-register-btn {
    display: inline-block;
    background-color: #ef4135;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    width: 100%;
    margin: 30px 0;
    text-align: center;
    background-color: #797979
}
.hm-register-btn:hover {
    background-color: #ed2b1d;
    text-decoration: none
}
.hm-register-btn:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 10px
}
.na-title {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.na-title {
    font-size: 3rem
}
}
.na-main-image {
    float: left;
    margin: 0 10px 25px 0;
    margin: 0 1rem 2.5rem 0
}

@media screen and (max-width:750px) {
.na-main-image {
    float: none;
    display: block;
    margin: 0 auto 2rem;
    max-width: 350px;
    width: 100%
}
}
.ne-title {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.ne-title {
    font-size: 3rem
}
}
.ne-intro {
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.ne-listing-container {
    border-bottom: 1px solid #000;
    padding: 20px 0;
    padding: 2rem 0
}
.ne-listing-container:after {
    content: "";
    display: table;
    clear: both
}
.ne-listing-content {
    display: inline-block;
    float: right
}
.ne-listing-title {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.ne-listing-button {
    display: inline-block;
    background-color: #ef4135;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    float: right;
    margin-top: 20px;
    margin-top: 2rem;
    padding: 12px 16px;
    padding: 1.2rem 1.6rem
}
.ne-listing-button:hover {
    background-color: #ed2b1d;
    text-decoration: none
}

@media screen and (max-width:750px) {
.ne-listing-button {
    float: left
}
}
.ne-listing-image {
    float: left;
    margin: 0 20px 20px 0;
    margin: 0 2rem 2rem 0;
    max-width: 150px
}

@media screen and (max-width:750px) {
.ne-listing-image {
    display: none
}
}
.cal-categories {
    padding-top: 40px;
    padding-top: 4rem
}
.cal-category-items, .cal-products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}
.cal-category-items:after, .cal-products:after {
    content: "";
    display: table;
    clear: both
}
.cal-category-items, .cal-product-section {
    margin-bottom: 50px;
    margin-bottom: 5rem
}
.cal-category, .cal-product {
    float: left;
    margin-top: 20px;
    margin-top: 2rem
}

@media screen and (min-width:1025px) {
.cal-category, .cal-product {
    width: 18%;
    margin-left: 2.5%
}
.cal-category:nth-child(-n+5), .cal-product:nth-child(-n+5) {
    margin-top: 0
}
.cal-category:nth-child(5n+1), .cal-product:nth-child(5n+1) {
    margin-left: 0
}
}

@media screen and (min-width:751px) and (max-width:1024px) {
.cal-category, .cal-product {
    width: 23.5%;
    margin-left: 2%
}
.cal-category:nth-child(-n+4), .cal-product:nth-child(-n+4) {
    margin-top: 0
}
.cal-category:nth-child(4n+1), .cal-product:nth-child(4n+1) {
    margin-left: 0
}
}

@media screen and (max-width:750px) {
.cal-category, .cal-product {
    width: 49%;
    margin-left: 2%
}
.cal-category:nth-child(-n+2), .cal-product:nth-child(-n+2) {
    margin-top: 0
}
.cal-category:nth-child(odd), .cal-product:nth-child(odd) {
    margin-left: 0
}
}
.cal-title {
    min-height: 36px;
    min-height: 3.6rem;
    margin: 20px 0;
    margin: 2rem 0;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    color: #666
}

@media screen and (max-width:550px) {
.cal-title {
    min-height: .1rem
}
}
.cal-title:hover {
    text-decoration: underline
}
.cal-image {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    margin-bottom: 1rem
}
.cal-info {
    padding: 10px 0;
    padding: 1rem 0;
    border-top: 1px solid #ddd;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666
}
.cal-heading-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    margin-bottom: 4rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:750px) {
.cal-heading-container {
    display: block
}
}
.cal-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem;
    margin-bottom: 20px;
    margin-bottom: 2rem
}

@media screen and (max-width:750px) {
.cal-heading {
    font-size: 3rem;
    width: 100%;
    display: block
}
}
.cal-product-category-heading {
    font-size: 34px;
    font-size: 3.4rem;
    margin-bottom: 30px;
    margin-bottom: 3rem
}
.cal-name {
    font-weight: 700
}
.cal-product-code {
    margin-bottom: 10px;
    margin-bottom: 1rem
}
.cal-subcategories {
    background-color: #faf9f9;
    margin: 10px 0 0
}
.cal-sub-item {
    padding: 5px 10px;
    padding: .5rem 1rem
}
.cal-sub-item a {
    color: #000
}
.cd-catalogue-driver {
    border: 1px solid #ddd;
    max-width: 375px
}
.cd-catalogue-driver:nth-child(n+2) {
    margin-top: 20px;
    margin-top: 2rem
}

@media screen and (max-width:750px) {
.cd-catalogue-driver {
    wdith: 100%;
    text-align: left
}
}
.cd-title-container {
    margin: auto 0;
    padding: 0 10px;
    padding: 0 1rem
}
.cd-image-container {
    width: 120px
}
.cd-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.cd-image {
    height: 100%
}
.cd-catalogue-driver .gl-richtext p {
    margin-bottom: 0;
    color: inherit
}
.pr-product {
    padding: 40px 0;
    padding: 4rem 0
}
.pr-name {
    margin-bottom: 40px;
    margin-bottom: 4rem;
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    color: #797979
}
.pr-detail:after {
    content: "";
    display: table;
    clear: both
}
.pr-discontinued {
    display: inline-block;
    color: #ef4135
}
.pr-left-panel {
    width: 37%;
    float: left
}
.pr-left-panel:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (max-width:750px) {
.pr-left-panel {
    width: 100%;
    float: none
}
}
.pr-images {
    min-height: 100px;
    min-height: 10rem
}

@media screen and (min-width:1025px) {
.pr-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
}
.pr-main-image {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    margin-bottom: 1rem
}

@media screen and (min-width:1025px) {
.pr-main-image {
    width: 78%;
    margin-left: 5%;
    float: right;
    margin-bottom: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}
}

@media screen and (max-width:750px) {
.pr-main-image {
    max-width: 350px;
    margin: 0 auto;
    margin-bottom: 1rem
}
}
.pr-zoomable:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 20px;
    color: #666;
    position: absolute;
    top: 10px;
    right: 10px
}
.drift-zoom-pane {
    max-height: 500px;
    z-index: 999999;
    -webkit-box-shadow: 0 6px 18px rgba(0,0,0,.3);
    box-shadow: 0 6px 18px rgba(0,0,0,.3);
    background: #fff
}
.pr-image {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #ddd
}
.pr-image-loading {
    opacity: .8;
    -webkit-filter: grayscale(1) blur(5px);
    filter: grayscale(1) blur(5px)
}
.pr-thumbnails {
    position: relative;
    width: 100%
}

@media screen and (min-width:1025px) {
.pr-thumbnails {
    width: 17%;
    float: left;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}
}
.pr-slides {
    height: 100%
}
.pr-thumbnail {
    position: relative;
    display: inline-block;
    border: 1px solid #ddd;
    cursor: pointer;
    overflow: hidden;
    width: 23.5%;
    margin-left: 2%;
    opacity: .6;
    -webkit-transition: opacity .25s ease, border-color .25s ease;
    -o-transition: opacity .25s ease, border-color .25s ease;
    transition: opacity .25s ease, border-color .25s ease
}

@media screen and (min-width:1025px) {
.pr-thumbnail {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-top: 19.5%
}
.pr-thumbnail:first-child {
    margin-top: 0
}
}
.pr-thumbnail:nth-child(4n+1) {
    margin-left: 0
}
.pr-thumbnail-active, .pr-thumbnail:hover {
    border-color: rgba(0,0,0,.4)
}
.pr-thumbnail-active {
    opacity: 1
}
.pr-slides {
    overflow: hidden
}

@media screen and (min-width:1025px) {
.pr-slides {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}
}

@media screen and (max-width:750px) {
.pr-slides {
    max-width: 350px;
    margin: 0 auto
}
}
.pr-slide-wrap {
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    -o-transition: transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease;
    white-space: nowrap;
    font-size: 0
}

@media screen and (min-width:1025px) {
.pr-slide-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}
}
.pr-slide {
    display: inline-block
}

@media screen and (min-width:1025px) {
.pr-slide {
    display: block
}
.pr-slide:not(:first-child) {
    margin-top: 19.5%
}
}
.pr-product-documents-cont {
    clear: both;
    padding-top: 40px;
    padding-top: 4rem;
    padding-bottom: 5px;
    padding-bottom: .5rem
}

@media screen and (min-width:1025px) {
.pr-product-documents-cont {
    width: 78%;
    float: right
}
}
.pr-product-documents-title {
    font-size: 18px;
    font-size: 1.8rem;
    padding-bottom: 17px;
    padding-bottom: 1.7rem
}
.pr-product-documents:after {
    content: "";
    display: table;
    clear: both
}
.pr-nav {
    position: absolute;
    width: 116%;
    height: 100%;
    left: -8%;
    top: 0;
    pointer-events: none
}

@media screen and (min-width:1025px) {
.pr-nav {
    left: 0;
    top: -8%;
    width: 100%;
    height: 116%
}
}

@media screen and (max-width:750px) {
.pr-nav {
    left: 0;
    width: 100%;
    max-width: 42rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}
}
.pr-button {
    position: absolute;
    width: 8%;
    height: 100%;
    pointer-events: auto;
    cursor: pointer;
    -webkit-transition: opacity .25s ease, background-color .25s ease;
    -o-transition: opacity .25s ease, background-color .25s ease;
    transition: opacity .25s ease, background-color .25s ease;
    will-change: opacity
}

@media screen and (min-width:1025px) {
.pr-button {
    width: 100%;
    height: 8%;
    left: 0
}
}
.pr-button:after {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 18px;
    font-size: 1.8rem
}

@media screen and (min-width:1025px) {
.pr-button:after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg)
}
}
.pr-button:hover {
    opacity: .6
}
.pr-button-prev {
    left: 0
}

@media screen and (max-width:750px) {
.pr-button-prev {
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0,0%,100%,.2)));
    background: -webkit-linear-gradient(left, #fff, hsla(0,0%,100%,.2));
    background: -o-linear-gradient(left, #fff 0, hsla(0,0%,100%,.2) 100%);
    background: linear-gradient(90deg, #fff 0, hsla(0,0%,100%,.2))
}
}
.pr-button-prev:after {
    content: "";
    font-family: Icons;
    display: inline-block
}
.pr-button-next {
    right: 0
}

@media screen and (min-width:1025px) {
.pr-button-next {
    bottom: 0
}
}

@media screen and (max-width:750px) {
.pr-button-next {
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(hsla(0,0%,100%,.2)));
    background: -webkit-linear-gradient(right, #fff, hsla(0,0%,100%,.2));
    background: -o-linear-gradient(right, #fff 0, hsla(0,0%,100%,.2) 100%);
    background: linear-gradient(270deg, #fff 0, hsla(0,0%,100%,.2))
}
}
.pr-button-next:after {
    content: "";
    font-family: Icons;
    display: inline-block
}
.pr-button-hidden {
    visibility: hidden;
    opacity: 0
}
.pr-selected {
    border: 1px solid #000
}
.pr-tabber {
    position: relative;
    width: 60%;
    margin-left: 3%;
    float: left
}

@media screen and (max-width:750px) {
.pr-tabber {
    width: 100%;
    margin-left: 0;
    margin-top: 2rem;
    float: none
}
}
.pr-pages .tb-page-active {
    display: block
}
.pr-pages .tb-page-hidden {
    display: none
}
.pr-page {
    color: #333
}

@media screen and (max-width:750px) {
.pr-page {
    padding: 1rem 0
}
}
.pr-page iframe {
    max-width: 100%
}
.pr-tabs {
    border-bottom: 1px solid #ddd
}
.pr-tabs .tb-tab-active {
    color: #333;
    border-bottom: 3px solid #c00
}
.pr-tab {
    color: #666;
    display: inline-block;
    padding: 5px 10px 15px;
    padding: .5rem 1rem 1.5rem;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700
}
.pr-tab-active {
    background-color: #c00;
    color: #fff
}
.pr-overview {
    padding: 15px 0;
    padding: 1.5rem 0
}
.pr-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem;
    margin-bottom: 5px;
    margin-bottom: .5rem
}

@media screen and (max-width:750px) {
.pr-heading {
    font-size: 3rem
}
}
.pr-dl-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
    padding: 1.5rem 0
}
.pr-dl-row:after {
    content: "";
    display: table;
    clear: both
}
.pr-dl-type, .prd-dl-code {
    float: left;
    width: 30%
}
.pr-dl-type:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    padding-right: 5px;
    padding-right: .5rem
}
.prd-dl-code {
    text-align: center
}
.pr-dl-link {
    float: left;
    width: 40%;
    text-align: right
}
.pr-dl-btn {
    display: inline-block;
    padding: 13px 40px;
    padding: 1.3rem 4rem;
    background: #e4e4e5;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
    color: #666;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
.pr-dl-btn:hover {
    background-color: #c00;
    text-decoration: none;
    color: #fff
}

@media screen and (max-width:750px) {
.pr-dl-btn {
    padding: 1.3rem 2rem
}
}
.pr-dl-btn:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    margin-left: 10px;
    margin-left: 1rem
}

@media screen and (max-width:750px) {
.pr-dl-btn:after {
    display: none
}
}
.pr-buttons {
    padding: 20px 0;
    padding: 2rem 0;
    text-align: right
}

@media screen and (max-width:750px) {
.pr-buttons {
    text-align: center
}
}
.pr-ask-button {
    padding: 16px 30px;
    padding: 1.6rem 3rem;
    color: #838383;
    border: 2px solid #ddd;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .25s ease, color .25s ease;
    -o-transition: background-color .25s ease, color .25s ease;
    transition: background-color .25s ease, color .25s ease
}
.pr-ask-button:hover {
    text-decoration: none;
    background-color: #ddd
}
.pr-or {
    width: 10%;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    color: #838383
}

@media screen and (max-width:500px) {
.pr-or {
    display: block;
    width: 100%;
    padding: 1rem 0
}
}
.pr-wtb-btn {
    display: inline-block;
    background-color: #ef4135;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
.pr-wtb-btn:hover {
    background-color: #ed2b1d;
    text-decoration: none
}
.prs-products {
    padding: 40px 0;
    padding: 4rem 0
}
.prs-categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}
.prs-categories:after {
    content: "";
    display: table;
    clear: both
}
.prs-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.prs-heading {
    font-size: 3rem
}
}
.prs-category {
    float: left;
    margin-top: 20px;
    margin-top: 2rem
}

@media screen and (min-width:1025px) {
.prs-category {
    width: 23%;
    margin-left: 2%
}
.prs-category:nth-child(-n+4) {
    margin-top: 0
}
.prs-category:nth-child(4n+1) {
    margin-left: 0
}
}

@media screen and (min-width:751px) and (max-width:1024px) {
.prs-category {
    width: 49%;
    margin-left: 2%
}
.prs-category:nth-child(-n+2) {
    margin-top: 0
}
.prs-category:nth-child(odd) {
    margin-left: 0
}
}

@media screen and (max-width:750px) {
.prs-category {
    width: 49%;
    margin-left: 2%
}
.prs-category:nth-child(-n+2) {
    margin-top: 0
}
.prs-category:nth-child(odd) {
    margin-left: 0
}
}

@media screen and (max-width:550px) {
.prs-category {
    width: 100%;
    margin-left: 0
}
.prs-category, .prs-category:nth-child(-n+2) {
    margin-top: 2rem
}
}
.prs-subcategories {
    background-color: #faf9f9
}
.prs-image {
    display: block;
    width: 100%
}
.prs-title {
    min-height: 36px;
    min-height: 3.6rem;
    margin: 20px 0;
    margin: 2rem 0;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    color: #666
}

@media screen and (max-width:550px) {
.prs-title {
    min-height: .1rem
}
}
.prs-sub-item {
    padding: 5px 10px;
    padding: .5rem 1rem
}
.prs-sub-item a {
    color: #000
}
.pi-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.pi-heading {
    font-size: 3rem
}
}
.pi-title {
    font-weight: 700;
    display: block;
    padding: 18px 0;
    padding: 1.8rem 0;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    border-bottom: 1px solid #e4e4e5;
    text-decoration: none;
    cursor: pointer;
    color: #838383
}
.pi-title:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    float: right;
    margin: -6px 0 0 10px;
    margin: -6px 0 0 1rem;
    font-size: 26px;
    font-size: 2.6rem
}
.pi-title:hover {
    color: #c00
}
.pi-title.acr-open {
    color: #000
}
.pi-title.acr-open:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 26px;
    font-size: 2.6rem
}
.pi-title.acr-open .fcl-detail {
    display: block
}
.pi-download-container {
    min-height: 60px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
    margin-bottom: 4rem
}
.pi-further-info {
    margin-bottom: 30px;
    margin-bottom: 3rem
}
.pi-type {
    width: 35%;
    text-align: left;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    display: block
}
.pi-details {
    display: inline-block;
    word-break: break-all;
    width: 60%;
    text-align: left;
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.pi-btn-container {
    text-align: right;
    width: 38%;
    display: inline-block;
    vertical-align: top
}
.pi-btn {
    display: inline-block;
    padding: 10px;
    padding: 1rem;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    background-color: #999;
    color: #fff
}
.pi-btn:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    margin-right: 8px;
    margin-right: .8rem
}
.pi-icon:before {
    padding-right: 14px;
    padding-right: 1.4rem
}
.pi-contact-details {
    margin-top: 40px;
    margin-top: 4rem
}
.pi-contact-heading {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    margin-bottom: 10px;
    margin-bottom: 1rem
}
.pi-row {
    margin-top: 20px;
    margin-top: 2rem
}
.pi-row:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (max-width:750px) {
.pi-row {
    margin-top: 0
}
}
.pi-row:first-child {
    margin-top: 0
}
.pi-col {
    width: 49%;
    margin-left: 2%;
    float: left
}

@media screen and (max-width:650px) {
.pi-col {
    width: 100%;
    margin-left: 0;
    float: none;
    margin-top: 1rem
}
.pi-col:first-child {
    margin-top: 0
}
}
.pi-col:nth-child(odd) {
    margin-left: 0
}
.ca-categories {
    padding-top: 40px;
    padding-top: 4rem
}
.ca-category-items, .ca-products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}
.ca-category-items:after, .ca-products:after {
    content: "";
    display: table;
    clear: both
}
.ca-category-items, .ca-product-section {
    margin-bottom: 50px;
    margin-bottom: 5rem
}
.ca-category, .ca-product {
    float: left;
    margin-top: 20px;
    margin-top: 2rem
}
.ca-category:hover, .ca-product:hover {
    text-decoration: underline
}

@media screen and (min-width:1025px) {
.ca-category, .ca-product {
    width: 18%;
    margin-left: 2.5%
}
.ca-category:nth-child(-n+5), .ca-product:nth-child(-n+5) {
    margin-top: 0
}
.ca-category:nth-child(5n+1), .ca-product:nth-child(5n+1) {
    margin-left: 0
}
}

@media screen and (min-width:751px) and (max-width:1024px) {
.ca-category, .ca-product {
    width: 23.5%;
    margin-left: 2%
}
.ca-category:nth-child(-n+4), .ca-product:nth-child(-n+4) {
    margin-top: 0
}
.ca-category:nth-child(4n+1), .ca-product:nth-child(4n+1) {
    margin-left: 0
}
}

@media screen and (max-width:750px) {
.ca-category, .ca-product {
    width: 49%;
    margin-left: 2%
}
.ca-category:nth-child(-n+2), .ca-product:nth-child(-n+2) {
    margin-top: 0
}
.ca-category:nth-child(odd), .ca-product:nth-child(odd) {
    margin-left: 0
}
}
.ca-image {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    margin-bottom: 1rem
}
.ca-info {
    padding: 10px 0;
    padding: 1rem 0;
    border-top: 1px solid #ddd;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666
}
.ca-heading-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    margin-bottom: 4rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:750px) {
.ca-heading-container {
    display: block
}
}
.ca-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem;
    margin-bottom: 20px;
    margin-bottom: 2rem
}

@media screen and (max-width:750px) {
.ca-heading {
    font-size: 3rem;
    width: 100%;
    display: block
}
}
.ca-product-category-heading {
    font-size: 34px;
    font-size: 3.4rem;
    margin-bottom: 30px;
    margin-bottom: 3rem
}
.ca-name {
    font-weight: 700
}
.ca-product-code {
    margin-bottom: 10px;
    margin-bottom: 1rem
}
.pre-registration {
    padding: 40px 0;
    padding: 4rem 0
}
.pre-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 2.4rem;
    margin-bottom: 40px;
    margin-bottom: 2rem
}

@media screen and (max-width:750px) {
.pre-heading {
    font-size: 3rem
}
}
.pre-form .date-time-picker {
    position: relative
}
.pre-form .Error button {
    right: 25px;
    right: 2.5rem
}
.pre-form .btn-icon {
    position: absolute;
    right: 5px;
    right: .5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
    border: 0
}
.pre-form .btn-icon .sr-only {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px)
}
.pre-form .btn-icon:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 20px;
    font-size: 2rem;
    color: #999
}
.pre-fields {
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.pre-fields:after {
    content: "";
    display: table;
    clear: both
}
.pre-fields:first-child {
    margin-top: 0
}
.pre-field {
    width: 49%;
    float: left;
    margin-left: 2%
}

@media screen and (max-width:750px) {
.pre-field {
    width: 100%;
    float: none;
    margin-left: 0
}
.pre-field:first-child {
    margin-bottom: 2rem
}
}
.pre-field:nth-child(odd) {
    margin-left: 0
}
.pre-field label {
    display: block;
    margin-bottom: 10px;
    margin-bottom: 1rem
}
.pre-required label:after {
    content: "*";
    color: #c00;
    margin-left: 5px;
    margin-left: .5rem
}
.prs-message {
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.prs-details strong {
    font-weight: 700
}
.prs-details p {
    margin-bottom: 5px;
    margin-bottom: .5rem
}
.rpi-request {
    padding: 40px 0;
    padding: 4rem 0
}
.rpi-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.rpi-heading {
    font-size: 3rem
}
}
.sc-subcategory {
    padding: 40px 0;
    padding: 4rem 0
}
.sc-heading-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    margin-bottom: 4rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:750px) {
.sc-heading-container {
    display: block
}
}
.sc-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem;
    margin-bottom: 20px;
    margin-bottom: 2rem
}

@media screen and (max-width:750px) {
.sc-heading {
    font-size: 3rem;
    width: 100%;
    display: block
}
}
.sc-products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: 50px;
    margin-bottom: 5rem
}
.sc-products:after {
    content: "";
    display: table;
    clear: both
}
.sc-product {
    float: left;
    color: #000;
    margin-top: 20px;
    margin-top: 2rem
}
.sc-product:hover {
    text-decoration: underline
}

@media screen and (min-width:1025px) {
.sc-product {
    width: 18%;
    margin-left: 2.5%
}
.sc-product:nth-child(-n+5) {
    margin-top: 0
}
.sc-product:nth-child(5n+1) {
    margin-left: 0
}
}

@media screen and (min-width:751px) and (max-width:1024px) {
.sc-product {
    width: 23.5%;
    margin-left: 2%
}
.sc-product:nth-child(-n+4) {
    margin-top: 0
}
.sc-product:nth-child(4n+1) {
    margin-left: 0
}
}

@media screen and (max-width:750px) {
.sc-product {
    width: 49%;
    margin-left: 2%
}
.sc-product:nth-child(-n+2) {
    margin-top: 0
}
.sc-product:nth-child(odd) {
    margin-left: 0
}
}
.sc-image {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    margin-bottom: 1rem
}
.sc-info {
    padding: 10px 0;
    padding: 1rem 0;
    border-top: 1px solid #ddd;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666
}
.sc-name {
    font-weight: 700
}
.sc-product-code {
    margin-bottom: 10px;
    margin-bottom: 1rem
}
.frp-feature-rich-product {
    padding: 40px 0 0;
    padding: 4rem 0 0
}
.frp-feature-rich-product .pr-name {
    margin-top: 15px;
    margin-top: 1.5rem
}
.frp-overview {
    padding: 15px 0 0;
    padding: 1.5rem 0 0
}
.frp-wrapper {
    padding: 40px 0;
    padding: 4rem 0;
    padding: 0;
    max-width: 1280px
}
.frp-key-features-wrapper {
    min-height: 400px;
    display: block;
    margin: 0 auto;
    padding: 48px 0 0;
    padding: 4.8rem 0 0
}
.frp-key-features-wrapper .frp-features-title {
    text-align: center;
    font-size: 40px;
    font-size: 4rem;
    font-weight: 600;
    letter-spacing: 1
}

@media screen and (max-width:750px) {
.frp-key-features-wrapper .frp-features-title {
    font-size: 3rem
}
}
.frp-key-features-wrapper .frp-features-subtitle {
    text-align: center;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 500;
    margin-top: 10px;
    margin-top: 1rem
}
.frp-key-features-wrapper p {
    font-size: 26px;
    font-size: 2.6rem;
    padding: 0 5px 5px;
    padding: 0 .5rem .5rem;
    font-weight: 500
}

@media screen and (min-width:751px) and (max-width:1024px) {
.frp-key-features-wrapper p {
    font-size: 1.8rem
}
}

@media screen and (max-width:750px) {
.frp-key-features-wrapper p {
    font-size: 2.2rem
}
}
.frp-list-of-key-features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 24px;
    padding-top: 2.4rem;
    text-align: center;
    list-style: none
}

@media screen and (max-width:750px) {
.frp-list-of-key-features {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
}
.frp-list-of-key-features .frp-key-features-item {
    width: 22%;
    min-height: 250px;
    margin: 10px;
    margin: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:750px) {
.frp-list-of-key-features .frp-key-features-item {
    width: 80%;
    margin: 0 auto;
    min-height: 240px
}
}
.frp-list-of-key-features .frp-key-features-item:hover {
    background: #5c5c5c;
    cursor: pointer
}
.frp-list-of-key-features .frp-key-features-item:hover p {
    color: #fff
}
.frp-list-of-key-features .frp-key-features-item:hover a {
    text-decoration: none
}
.frp-key-features-item img {
    margin: 25px auto;
    margin: 2.5rem auto
}
.frp-key-features-item a {
    -ms-flex-item-align: center;
    align-self: center
}
.frp-key-features-item p {
    margin-top: 16px;
    margin-top: 1.6rem;
    margin-bottom: 0
}
.frp-svg-icon:before {
    font-size: 80px;
    font-size: 8rem
}
.frp-key-features-item:hover span:before {
    color: #fff
}
.frp-features-desc-wrapper {
    min-height: 1300px;
    margin: 0 auto;
    padding: 96px 96px 48px;
    padding: 9.6rem 9.6rem 4.8rem;
    background: #f5f5f5
}

@media screen and (max-width:750px) {
.frp-features-desc-wrapper {
    padding: 0;
    padding-bottom: 3rem
}
}
.frp-feature-desc-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 96px;
    margin-bottom: 9.6rem
}

@media screen and (max-width:750px) {
.frp-feature-desc-wrapper {
    margin-bottom: 0
}
}
.frp-feature-desc-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}
.frp-feature-desc-right .frp-feature-desc {
    padding-left: 0;
    padding-right: 80px;
    padding-right: 8rem
}

@media screen and (min-width:751px) and (max-width:1024px) {
.frp-feature-desc-right .frp-feature-desc {
    padding: 2rem 0
}
}

@media screen and (max-width:750px) {
.frp-feature-desc-right .frp-feature-desc {
    padding: 2rem 2rem 3rem
}
}

@media screen and (min-width:751px) and (max-width:1024px) {
.frp-feature-desc-right, .frp-feature-desc-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
}

@media screen and (max-width:750px) {
.frp-feature-desc-right, .frp-feature-desc-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
}
.frp-feature-desc, .frp-feature-desc-img-wrapper {
    width: 50%
}

@media screen and (min-width:751px) and (max-width:1024px) {
.frp-feature-desc, .frp-feature-desc-img-wrapper {
    width: 100%
}
}

@media screen and (max-width:750px) {
.frp-feature-desc, .frp-feature-desc-img-wrapper {
    width: 100%
}
}
.frp-feature-desc-heading {
    color: #c00;
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: 700;
    line-height: 1.6;
    padding-bottom: 8px;
    padding-bottom: .8rem
}
.frp-feature-desc-img {
    width: 100%;
    height: auto;
    margin: auto 0
}
.frp-feature-desc {
    margin: auto 0;
    line-height: 1.4;
    padding-left: 80px;
    padding-left: 8rem;
    padding-top: 150px;
    margin-top: -150px
}

@media screen and (min-width:751px) and (max-width:1024px) {
.frp-feature-desc {
    padding: 2rem 0
}
}

@media screen and (max-width:750px) {
.frp-feature-desc {
    padding: 2rem 2rem 3rem
}
}
.frp-feature-desc p {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 500
}
.frp-quote-btn {
    display: inline-block;
    background-color: #c00;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    width: 230px;
    margin: 20px;
    margin: 2rem
}
.frp-quote-btn:hover {
    background-color: #b30000;
    text-decoration: none
}
.frp-brochure-btn {
    display: inline-block;
    background-color: #5c5c5c;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    margin: 20px;
    margin: 2rem
}
.frp-brochure-btn:hover {
    background-color: #c00;
    text-decoration: none
}
.frp-btn-brochure-quote {
    text-align: center;
    margin-top: 30px;
    margin-top: 3rem;
    padding-bottom: 48px;
    padding-bottom: 4.8rem
}
.frp-btn-container {
    max-height: 150px;
    margin-top: -75px;
    margin-top: -7.5rem;
    background-color: #f5f5f5
}

@media screen and (max-width:750px) {
.frp-btn-container {
    max-height: 200px;
    margin-top: -2rem
}
}
.frp-feature-btn {
    background: #f5f5f5;
    min-height: 150px;
    margin: 0 auto
}
.frp-tabs-layout {
    text-align: right;
    border-bottom: 1px solid #ddd;
    position: relative
}

@media screen and (max-width:750px) {
.frp-tabs-layout {
    display: none
}
}
.frp-tabs-layout .tb-tab-active {
    color: #333;
    border-bottom: 3px solid #c00
}

@media screen and (max-width:750px) {
.frp-tabs-layout-mobile {
    background-color: #f5f5f5;
    padding: 20px
}
}
.frp-tabs-mobile-select {
    border: 2px solid #797979;
    background-color: #f5f5f5;
    color: #797979;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    font-weight: 700;
    text-transform: uppercase;
    display: none
}

@media screen and (max-width:750px) {
.frp-tabs-mobile-select {
    display: block
}
}
.frp-tabber {
    width: 100%;
    margin-left: 0;
    float: none
}
.frp-heading {
    color: #666;
    font-size: 22px;
    font-size: 2.2rem;
    padding-top: 5px;
    padding-top: .5rem;
    position: absolute;
    left: 40px;
    left: 4rem
}
.frp-pages .tb-page-active {
    display: block
}
.frp-pages .tb-page-hidden {
    display: none
}
.frp-page {
    color: #333
}

@media screen and (max-width:750px) {
.frp-page {
    padding: 0;
    padding-top: 1rem
}
}
.frp-page iframe {
    max-width: 100%
}
.frp-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 25px;
    padding: 2.5rem
}
.frp-description-col-left {
    width: 48%;
    float: left
}
.frp-description-col-right {
    width: 48%;
    float: right
}
.frp-tech-wrapper {
    margin-bottom: 40px;
    margin-bottom: 4rem
}
.frp-tech-wrapper-heading {
    text-align: center;
    padding-bottom: 6%
}
.frp-tech-wrapper-heading h3 {
    line-height: 2;
    font-size: 40px;
    font-size: 4rem;
    font-weight: 500
}

@media screen and (min-width:1025px) {
.frp-tech-item.active {
    background: #ddd
}
.frp-tech-item.active .frp-tech-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .5% 3.65% 2%
}
.frp-tech-item.active .frp-tech-info .frp-tech-text {
    margin: 0
}
.frp-tech-item.active .frp-tech-image-wrapper {
    height: 250px
}
.frp-tech-item.active .frp-tech-image {
    width: 250px
}
.frp-tech-item.active .frp-tech-heading {
    margin: 0 0 2rem;
    padding: 0
}
}
.frp-tech-item {
    border-bottom: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2.4em;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:750px) {
.frp-tech-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
}
.frp-tech-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 33%;
    flex: 1 0 33%
}

@media screen and (min-width:1025px) {
.frp-tech-info {
    padding-right: 2rem
}
}

@media screen and (max-width:750px) {
.frp-tech-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
}
.frp-tech-heading {
    padding: 0 50px 0 30px;
    padding: 0 5rem 0 3rem
}
.frp-tech-heading h3 {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600
}

@media screen and (max-width:750px) {
.frp-tech-heading {
    margin-bottom: 1rem;
    padding: 0;
    text-align: center
}
}

@media screen and (max-width:750px) {
.frp-tech-text {
    text-align: center;
    margin-bottom: 2rem
}
}

@media screen and (max-width:750px) {
.frp-tech-image-wrapper {
    width: 100%;
    margin-bottom: 2rem;
    overflow: auto
}
}
.frp-tech-image {
    width: 120px;
    cursor: pointer
}

@media screen and (max-width:750px) {
.frp-tech-image {
    width: 100%
}
}
.frp-tech-btn-wrapper {
    padding-top: 2%;
    text-align: center
}

@media screen and (min-width:751px) and (max-width:1024px) {
.frp-tech-btn-wrapper {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    min-width: 300px
}
}

@media screen and (min-width:1025px) {
.frp-tech-btn-wrapper {
    min-width: 300px
}
}
.frp-tech-btn {
    padding: 16px 30px;
    padding: 1.6rem 3rem;
    color: #000;
    border: 2px solid #838383;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .25s ease, color .25s ease;
    -o-transition: background-color .25s ease, color .25s ease;
    transition: background-color .25s ease, color .25s ease;
    text-align: center;
    color: #5c5c5c
}
.frp-tech-btn:hover {
    text-decoration: none;
    background-color: #838383;
    color: #fff
}

@media screen and (max-width:750px) {
.frp-tech-btn {
    max-width: 300px;
    width: 100%
}
}

@media screen and (min-width:751px) and (max-width:1024px) {
.frp-tech-btn {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 300px
}
}
.frp-tech-coming-soon {
    display: block;
    text-align: center;
    font-weight: 700;
    color: #5c5c5c;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem
}
.sys-compare-table {
    width: 90%;
    margin: 0 auto
}

@media screen and (max-width:750px) {
.sys-compare-table {
    width: 100%
}
}
.sys-compare-table .sys-comp-table-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:750px) {
.sys-compare-table .sys-comp-table-head {
    display: block
}
}
.sys-compare-table .sys-comp-table-head .sys-compare-mobile-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 66%
}
.sys-compare-table .sys-comp-table-head .sys-compare-mobile-options .sys-comp-desc {
    display: block;
    padding-top: 10px;
    padding-top: 1rem;
    width: 80%
}

@media screen and (min-width:751px) and (max-width:1024px) {
.sys-compare-table .sys-comp-table-head .sys-compare-mobile-options .sys-comp-desc {
    width: 95%
}
}

@media screen and (max-width:750px) {
.sys-compare-table .sys-comp-table-head .sys-compare-mobile-options .sys-comp-desc {
    width: 100%
}
}
.sys-compare-table .sys-comp-table-head .sys-compare-mobile-options .compare-item-choice-1, .sys-compare-table .sys-comp-table-head .sys-compare-mobile-options .compare-item-choice-2 {
    width: 50%
}

@media screen and (max-width:750px) {
.sys-compare-table .sys-comp-table-head .sys-compare-mobile-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}
.sys-compare-table .sys-comp-table-head .sys-compare-mobile-options .compare-item-choice-1, .sys-compare-table .sys-comp-table-head .sys-compare-mobile-options .compare-item-choice-2 {
    width: 50%;
    padding: 1.5rem
}
.sys-compare-table .sys-comp-table-head .sys-compare-mobile-options .compare-item-choice-1 h3, .sys-compare-table .sys-comp-table-head .sys-compare-mobile-options .compare-item-choice-2 h3 {
    font-weight: 400
}
.sys-compare-table .sys-comp-table-head .sys-compare-mobile-options .active {
    border-bottom: 2px solid #ef4135
}
.sys-compare-table .sys-comp-table-head .sys-compare-mobile-options .active h3 {
    font-weight: 600
}
}
.sys-compare-table .sys-comp-table-foot .sys-compare-buttons, .sys-compare-table .sys-comp-table-head .sys-compare-buttons {
    width: 33%
}

@media screen and (max-width:750px) {
.sys-compare-table .sys-comp-table-foot .sys-compare-buttons, .sys-compare-table .sys-comp-table-head .sys-compare-buttons {
    width: 100%;
    margin: 2rem
}
}
.sys-compare-table .sys-comp-table-foot {
    padding-bottom: 35px;
    padding-bottom: 3.5rem
}
.sys-compare-table .print-btn1:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    vertical-align: top;
    font-size: 40px;
    font-size: 4rem;
    font-weight: 100;
    margin-left: 10%
}
.sys-compare-table .print-btn1:before:hover {
text-decoration:none
}
.sys-compare-table .quote-btn {
    display: inline-block;
    background-color: #ef4135;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
.sys-compare-table .quote-btn:hover {
    background-color: #ed2b1d;
    text-decoration: none
}
.sys-compare-table .sys-comp-table-body {
    padding-bottom: 25px;
    padding-bottom: 2.5rem
}

@media screen and (max-width:750px) {
.sys-compare-table .sys-comp-table-body {
    margin-top: 2rem
}
}
.sys-compare-table .sys-comp-table-body .sys-comp-subcat {
    border-bottom: 2px solid #545454;
    padding: 20px 0 5px;
    padding: 2rem 0 .5rem
}
.sys-compare-table .sys-comp-table-body .sys-comp-subcat h4 {
    font-weight: 600;
    font-size: 18px;
    font-size: 1.8rem;
    color: #545454
}
.sys-compare-table .sys-comp-table-body .sys-comp-subcat+.sys-compare-row {
    border-top: none
}
.sys-compare-table .sys-comp-table-body .sys-compare-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #555
}
.sys-compare-table .sys-comp-table-body .sys-comp-feature {
    font-weight: 600;
    width: 33%;
    padding: 20px 0;
    padding: 2rem 0;
    color: #232323
}
.sys-compare-table .sys-comp-table-body .sys-comp-item1, .sys-compare-table .sys-comp-table-body .sys-comp-item2 {
    width: 33%;
    padding: 20px 0;
    padding: 2rem 0;
    text-align: left
}
.sys-compare-table .sys-comp-table-body .sys-comp-item1 .icon-tick:before, .sys-compare-table .sys-comp-table-body .sys-comp-item2 .icon-tick:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 30px;
    font-size: 3rem;
    color: #555;
    margin-top: -10px;
    margin-top: -1rem
}

@media screen and (max-width:750px) {
.sys-compare-table .sys-comp-table-body .hidden-content {
    display: none
}
}

@media screen and (max-width:750px) {
.sys-compare-table .sys-comp-table-body .visible-content {
    display: block;
    width: 66%;
    text-align: center
}
}
.tdl-technical-downloads {
    padding: 40px 0;
    padding: 4rem 0
}
.tdl-technical-downloads:after {
    content: "";
    display: table;
    clear: both
}
.tdl-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.tdl-heading {
    font-size: 3rem
}
}
.tds-technical-downloads {
    padding: 40px 0;
    padding: 4rem 0
}
.tds-technical-downloads:after {
    content: "";
    display: table;
    clear: both
}
.tds-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.tds-heading {
    font-size: 3rem
}
}
.fcl-faq-category-landing:after {
    content: "";
    display: table;
    clear: both
}
.fcl-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.fcl-heading {
    font-size: 3rem
}
}
.fcl-questions-list {
    border-top: 1px solid #e4e4e5;
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.fcl-questions-list.nojs .fcl-title:before {
    display: none
}
.fcl-questions-list.nojs .fcl-detail, .fcl-title {
    display: block
}
.fcl-title {
    font-weight: 700;
    padding: 18px 0;
    padding: 1.8rem 0;
    border-bottom: 1px solid #e4e4e5;
    text-decoration: none;
    cursor: pointer;
    color: #838383
}
.fcl-title:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    float: right;
    margin: -6px 0 0;
    font-size: 26px;
    font-size: 2.6rem
}
.fcl-title:hover {
    color: #c00
}
.fcl-title.acr-open {
    color: #000
}
.fcl-title.acr-open:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 26px;
    font-size: 2.6rem
}
.fcl-title.acr-open .fcl-detail {
    display: block
}
.fcl-detail {
    display: none;
    font-weight: 400;
    padding: 20px 0;
    padding: 2rem 0;
    -webkit-animation: a .2s ease-in;
    animation: a .2s ease-in;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}
.fcl-question {
    display: inline-block;
    width: 90%
}
.fcl-sub-category {
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.fcl-sub-category-list li a {
    font-weight: 700;
    display: block;
    padding: 18px 18px 18px 10px;
    padding: 1.8rem 1.8rem 1.8rem 1rem;
    border-bottom: 1px solid #e4e4e5
}
.fcl-sub-category-list li a:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    margin-right: 10px;
    font-size: 10px;
    top: -1px;
    position: relative
}
.fcl-sub-category-list li a:hover {
    color: #c00;
    text-decoration: none
}
.fcl-sub-category-heading {
    background: #eee;
    border-bottom: 1px solid #e4e4e5
}
.fcl-sub-category-heading a {
    font-size: 20px;
    font-size: 2rem;
    color: #000;
    display: block;
    padding: 20px 20px 20px 10px;
    padding: 2rem 2rem 2rem 1rem
}
.fcl-view-more, .fcl-view-more a {
    text-align: center
}
.fcl-view-more a {
    display: inline-block;
    padding: 13px 40px;
    padding: 1.3rem 4rem;
    background: #e4e4e5;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    color: #666;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
.fcl-view-more a:hover {
    background-color: #c00;
    text-decoration: none;
    color: #fff
}
.fal-landing {
    padding: 40px 0;
    padding: 4rem 0
}
.fal-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.fal-heading {
    font-size: 3rem
}
}
.fal-categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}
.fal-categories:after {
    content: "";
    display: table;
    clear: both
}
.fal-category {
    position: relative;
    padding-bottom: 40px;
    padding-bottom: 4rem;
    width: 32%;
    margin-left: 2%;
    margin-top: 40px;
    margin-top: 4rem;
    float: left
}

@media screen and (min-width:1025px) {
.fal-category:nth-child(-n+3) {
    margin-top: 0
}
.fal-category:nth-child(3n+1) {
    margin-left: 0
}
}

@media screen and (min-width:751px) and (max-width:1024px) {
.fal-category {
    width: 49%;
    margin-left: 2%
}
.fal-category:nth-child(-n+2) {
    margin-top: 0
}
.fal-category:nth-child(odd) {
    margin-left: 0
}
}

@media screen and (max-width:750px) {
.fal-category {
    width: 100%;
    margin-left: 0;
    float: none
}
.fal-category:first-child {
    margin-top: 0
}
}
.fal-title {
    display: block;
    background-color: #eee;
    color: #000;
    padding: 15px;
    padding: 1.5rem;
    font-size: 21px;
    font-size: 2.1rem
}
.fal-title:hover {
    background-color: #e9e9e9
}
.fal-subcategories {
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.fal-question, .fal-subcategory {
    position: relative;
    display: block;
    padding: 15px;
    padding: 1.5rem;
    padding-left: 30px;
    padding-left: 3rem;
    font-weight: 700;
    border-bottom: 1px solid #eee;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.fal-question:hover, .fal-subcategory:hover {
    color: #c00;
    text-decoration: none
}
.fal-question:before, .fal-subcategory:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    position: absolute;
    left: 15px;
    left: 1.5rem;
    top: 25px;
    top: 2.5rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 10px;
    font-size: 1rem;
    margin-right: 10px;
    margin-right: 1rem
}
.fal-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center
}
.fal-button {
    display: inline-block;
    padding: 13px 40px;
    padding: 1.3rem 4rem;
    background: #e4e4e5;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
    color: #666;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
.fal-button:hover {
    background-color: #c00;
    text-decoration: none;
    color: #fff
}
.cp-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.cp-heading {
    font-size: 3rem
}
}
.cp-change-password {
    padding: 40px 0;
    padding: 4rem 0
}
.cp-form {
    width: 50%
}

@media screen and (max-width:750px) {
.cp-form {
    width: 100%
}
}
.cp-form input[type=password], .cp-form input[type=text] {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
    padding: 10px;
    padding: 1rem;
    padding-right: 30px;
    padding-right: 3rem;
    border: 1px solid #bbb;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 0 3px #fff, 0 1px 1px rgba(0,0,0,.1);
    -webkit-transition: border .25s ease;
    -o-transition: border .25s ease;
    transition: border .25s ease;
    outline: none
}
.cp-form input[type=password]:disabled, .cp-form input[type=text]:disabled {
    background-color: #eee;
    -webkit-box-shadow: none;
    box-shadow: none
}
.cp-form input[type=password]:focus, .cp-form input[type=text]:focus {
    border: 1px solid #000
}
.cp-form .passw-strength-indicator, .cp-form .password-strength-text {
    display: none
}
.cp-form .editing-form-label-cell {
    margin-bottom: 10px;
    margin-bottom: 1rem
}
.cp-form .editing-form-value-cell {
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.cp-form .form-group-submit .btn {
    display: inline-block;
    background-color: #ef4135;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
.cp-form .form-group-submit .btn:hover {
    background-color: #ed2b1d;
    text-decoration: none
}
.cp-form .form-group-submit {
    margin-top: 30px;
    margin-top: 3rem
}
.cp-form .control-label:after {
    content: "*";
    color: #c00;
    margin-left: 5px;
    margin-left: .5rem
}
.cp-form .InfoLabel {
    display: block;
    margin-bottom: 30px;
    margin-bottom: 3rem
}
.lo-main {
    padding: 40px 0;
    padding: 4rem 0
}
.lo-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.lo-heading {
    font-size: 3rem
}
}
.lo-login {
    float: left;
    width: 50%;
    border-right: 1px solid #999;
    padding-right: 70px;
    padding-right: 7rem
}

@media screen and (max-width:750px) {
.lo-login {
    float: none;
    width: 100%;
    padding: 0;
    border: none;
    margin-bottom: 5rem
}
}
.lo-register {
    float: left;
    width: 50%;
    padding-left: 70px;
    padding-left: 7rem
}

@media screen and (max-width:750px) {
.lo-register {
    float: none;
    width: 100%;
    padding: 0
}
}
.lo-textbox {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 10px;
    padding: 1rem;
    padding-right: 30px;
    padding-right: 3rem;
    border: 1px solid #bbb;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 0 3px #fff, 0 1px 1px rgba(0,0,0,.1);
    -webkit-transition: border .25s ease;
    -o-transition: border .25s ease;
    transition: border .25s ease;
    outline: none;
    width: 100%
}
.lo-textbox:disabled {
    background-color: #eee;
    -webkit-box-shadow: none;
    box-shadow: none
}
.lo-textbox:focus {
    border: 1px solid #000
}
.lo-password-label, .lo-remember-me {
    margin-top: 20px;
    margin-top: 2rem
}
.lo-remember-me {
    display: block;
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.lo-remember-me input[type=checkbox], .lo-remember-me label {
    display: inline-block
}
.lo-submit {
    text-align: right;
    margin: 30px 0;
    margin: 3rem 0
}
.lo-submit input[type=submit] {
    display: inline-block;
    background-color: #ef4135;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
.lo-submit input[type=submit]:hover {
    background-color: #ed2b1d;
    text-decoration: none
}
.lo-password-link {
    display: block;
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.lo-control-label, .lo-error-label {
    display: block;
    color: #c00;
    margin-top: 5px;
    margin-top: .5rem
}
.lo-invalid {
    border-color: #c00;
    background: url(../../images/sprite.svg#cross-red);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: right 10px center;
    background-position: right 1rem center
}
.lo-label {
    display: block;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    font-weight: 700
}
.lo-password-result {
    display: block;
    margin-top: 20px;
    margin-top: 2rem
}
.lo-create-account-btn {
    display: inline-block;
    background-color: #5c5c5c;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    margin-top: 30px;
    margin-top: 3rem
}
.lo-create-account-btn:hover {
    background-color: #c00;
    text-decoration: none
}
.lo-create-account-btn a {
    color: #fff;
    text-decoration: none
}
.mp-manage-profile {
    padding: 40px 0;
    padding: 4rem 0
}
.mp-manage-profile .TabControlTable {
    display: none
}
.mp-manage-profile .InfoLabel {
    padding-bottom: 30px;
    padding-bottom: 3rem;
    display: block
}
.mp-manage-profile input[type=submit] {
    display: inline-block;
    background-color: #ef4135;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
.mp-manage-profile input[type=submit]:hover {
    background-color: #ed2b1d;
    text-decoration: none
}
.mp-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.mp-heading {
    font-size: 3rem
}
}
.ac-account {
    padding: 40px 0;
    padding: 4rem 0
}
.ac-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.ac-heading {
    font-size: 3rem
}
}
.rp-reset-password {
    padding: 40px 0;
    padding: 4rem 0
}
.rp-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.rp-heading {
    font-size: 3rem
}
}
.rp-form {
    float: left;
    width: 50%
}

@media screen and (max-width:750px) {
.rp-form {
    width: 100%
}
}
.rp-textbox {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 10px;
    padding: 1rem;
    padding-right: 30px;
    padding-right: 3rem;
    border: 1px solid #bbb;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 0 3px #fff, 0 1px 1px rgba(0,0,0,.1);
    -webkit-transition: border .25s ease;
    -o-transition: border .25s ease;
    transition: border .25s ease;
    outline: none;
    width: 100%
}
.rp-textbox:disabled {
    background-color: #eee;
    -webkit-box-shadow: none;
    box-shadow: none
}
.rp-textbox:focus {
    border: 1px solid #000
}
.rp-label {
    display: block;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    font-weight: 700
}
.ErrorLabel, .rp-error-label, .rp-form-error-label {
    display: block;
    margin-top: 10px;
    margin-top: 1rem;
    color: #c00
}
.ErrorLabel, .rp-form-error-label {
    margin: 0 0 30px;
    margin: 0 0 3rem
}
.rp-submit {
    text-align: right;
    margin: 20px 0;
    margin: 2rem 0
}
.rp-field {
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.rp-invalid {
    border-color: #c00;
    background: url(../../images/sprite.svg#cross-red);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: right 10px center;
    background-position: right 1rem center
}
.asc-title {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.asc-title {
    font-size: 3rem
}
}
.asc-dropdown, .asc-intro {
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.asc-next-container {
    text-align: right
}
.asc-next-btn {
    display: inline-block;
    background-color: #ef4135;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
.asc-next-btn:hover {
    background-color: #ed2b1d;
    text-decoration: none
}
.re-registration {
    padding: 40px 0;
    padding: 4rem 0
}
.re-registration .RegisterButton {
    display: inline-block;
    background-color: #ef4135;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
.re-registration .RegisterButton:hover {
    background-color: #ed2b1d;
    text-decoration: none
}
.re-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.re-heading {
    font-size: 3rem
}
}
.re-form {
    width: 100%;
    max-width: 800px;
    max-width: 80rem
}
.re-form input[type=password], .re-form input[type=text] {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
    padding: 10px;
    padding: 1rem;
    padding-right: 30px;
    padding-right: 3rem;
    border: 1px solid #bbb;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 0 3px #fff, 0 1px 1px rgba(0,0,0,.1);
    -webkit-transition: border .25s ease;
    -o-transition: border .25s ease;
    transition: border .25s ease;
    outline: none
}
.re-form input[type=password]:disabled, .re-form input[type=text]:disabled {
    background-color: #eee;
    -webkit-box-shadow: none;
    box-shadow: none
}
.re-form input[type=password]:focus, .re-form input[type=text]:focus {
    border: 1px solid #000
}
.re-form .ErrorLabel {
    display: block;
    margin-bottom: 30px;
    margin-bottom: 3rem;
    color: #c00
}
.re-form .EditingFormErrorLabel {
    display: block;
    color: #c00;
    margin-top: 10px;
    margin-top: 1rem
}
.re-form .editing-form-control-nested-control.Error input {
    border-color: #c00;
    background: url(../../images/sprite.svg#cross-red);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: right 10px center;
    background-position: right 1rem center
}
.re-form .editing-form-control-nested-control.Error select {
    border: 1px solid #c00
}
.re-form .password-strength {
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.re-form input[type=checkbox] {
    margin-bottom: 10px;
    margin-bottom: 1rem
}
.re-row:after {
    content: "";
    display: table;
    clear: both
}
.re-field {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    float: left
}
.re-field:first-child {
    margin-left: 0
}

@media screen and (max-width:750px) {
.re-field {
    width: 100%;
    float: none;
    margin-left: 0
}
}
.re-label {
    display: block;
    margin-bottom: 10px;
    margin-bottom: 1rem
}
.re-required:after {
    content: "*";
    color: #c00;
    margin-left: 5px;
    margin-left: .5rem
}
.re-preferences .re-label {
    margin-top: 20px;
    margin-top: 2rem
}
.re-preferences input[type=checkbox] {
    display: inline-block;
    margin-right: 20px;
    margin-right: 2rem;
    margin-top: 10px;
    margin-top: 1rem
}
.re-preferences input[type=checkbox]:first-of-type {
    margin-top: 0
}
.re-preferences label {
    display: inline-block;
    vertical-align: top;
    width: 80%;
    margin-top: 10px;
    margin-top: 1rem
}
.re-preferences label:first-of-type {
    margin-top: 0
}
.rc-confirmation {
    padding: 40px 0;
    padding: 4rem 0
}
.rc-confirmation .ErrorLabel, .rc-confirmation .InfoLabel {
    display: block;
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.rc-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.rc-heading {
    font-size: 3rem
}
}
.rs-success {
    padding: 40px 0;
    padding: 4rem 0
}
.rs-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.rs-heading {
    font-size: 3rem
}
}
.sapCRLWidget {
    margin-bottom: 0!important
}
.sapCRLWidgetContentRight {
    padding-left: 0!important
}
.sapCpTextWidget p {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.sapCpTextWidget p {
    font-size: 3rem
}
}
.sapCpLabel {
    display: inline-block;
    margin-bottom: 10px;
    margin-bottom: 1rem
}
.sapCpInputWidget {
    width: 49%;
    display: inline-block
}
.sapCpInputWidget:nth-of-type(odd) {
    margin-left: 1%
}
.sapCpInputWidget:nth-of-type(n+2) {
    margin-top: 20px;
    margin-top: 2rem
}
.sapCpInputWidget.sapCpWidgetMandatoryMissing:nth-of-type(n+4) {
    margin-top: 50px;
    margin-top: 5rem
}
.sapCpLabelRequired:after {
    content: "*";
    color: #c00;
    margin-left: 5px;
    margin-left: .5rem
}
.sapCpButton {
    margin-top: 40px;
    margin-top: 4rem;
    display: inline-block;
    background-color: #ef4135;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
.sapCpButton:hover {
    background-color: #ed2b1d;
    text-decoration: none
}
.sapCpWidgetMandatoryMissing .sapCRLWidgetContent input {
    border-color: #c00;
    background: url(../../images/sprite.svg#cross-red);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: right 10px center;
    background-position: right 1rem center
}
.sapCpWidgetMandatoryMissing .sapCRLWidgetFixContent:after {
    content: "Please enter a value.";
    position: absolute;
    margin-top: 10px;
    margin-top: 1rem;
    color: #c00
}
.sapCpButtonWidget .sapCpButtonWidgetExtraText, .sapCpContentPage:not(.sapCpMissingMandatoryField) .sapCpButtonWidget .sapCpMissingMandatoryFieldLabel, .sapCpContentPage:not(.sapCpSubmitError) .sapCpButtonWidget .sapCpErrorMessageText {
    display: none
}
.sapCpButtonWidget .sapCpSuccessMessageLabel {
    display: block;
    position: relative;
    bottom: 36px;
    left: 140px
}
.sapCpButtonWidget .sapCpButtonWidgetDownloadLink:not(.sapCpButtonWidgetDownloadLinkVisible), .sapCpContentPage:not(.sapCpSubmitCompleted) .sapCpButtonWidget .sapCpButtonWidgetDownloadLink, .sapCpContentPage:not(.sapCpSubmitCompleted) .sapCpButtonWidget .sapCpSuccessMessageLabel {
    display: none
}
.se-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.se-heading {
    font-size: 3rem
}
}
.se-filter-heading {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    margin-bottom: 10px;
    margin-bottom: 1rem
}
.se-filters {
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.se-filters label {
    margin-left: 5px;
    margin-left: .5rem
}
.se-filters .td {
    display: inline-block;
    margin-right: 30px;
    margin-right: 3rem;
    margin-bottom: 10px;
    margin-bottom: 1rem
}

@media screen and (min-width:751px) and (max-width:1024px) {
.se-filters .td {
    width: 50%;
    margin-bottom: 1rem;
    margin-right: 0
}
}

@media screen and (max-width:750px) {
.se-filters .td {
    width: 100%;
    margin-bottom: 1rem;
    margin-right: 0;
    vertical-align: top
}
}
.se-result {
    min-height: 150px;
    border-bottom: 1px solid #999;
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.se-result-content, .se-result-title {
    padding-left: 150px;
    padding-left: 15rem
}

@media screen and (max-width:750px) {
.se-result-content, .se-result-title {
    padding-left: 0
}
}
.se-result-title {
    margin-bottom: 10px;
    margin-bottom: 1rem;
    font-weight: 700
}
.se-result-content {
    padding-bottom: 20px;
    padding-bottom: 2rem
}
.se-result-image {
    float: left;
    max-height: 130px
}

@media screen and (max-width:750px) {
.se-result-image {
    display: none
}
}
.se-highlight {
    color: #c00;
    font-weight: 700
}
.se-calendar {
    display: block
}
.se-calendar:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    color: #bbb;
    font-size: 90px;
    font-size: 9rem;
    float: left;
    width: 150px;
    text-align: center;
    margin-top: -10px;
    margin-top: -1rem
}

@media screen and (max-width:750px) {
.se-calendar:before {
    display: none
}
}
.se-faq {
    display: block
}
.se-faq:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    color: #bbb;
    font-size: 90px;
    font-size: 9rem;
    float: left;
    width: 150px;
    text-align: center;
    margin-top: -10px;
    margin-top: -1rem
}

@media screen and (max-width:750px) {
.se-faq:before {
    display: none
}
}
.se-video {
    display: block
}
.se-video:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    color: #bbb;
    font-size: 110px;
    font-size: 11rem;
    float: left;
    width: 150px;
    text-align: center;
    margin-top: -20px;
    margin-top: -2rem
}

@media screen and (max-width:750px) {
.se-video:before {
    display: none
}
}
.se-technical-article {
    display: block
}
.se-technical-article:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    color: #bbb;
    font-size: 90px;
    font-size: 9rem;
    float: left;
    width: 150px;
    text-align: center;
    margin-top: -10px;
    margin-top: -1rem
}

@media screen and (max-width:750px) {
.se-technical-article:before {
    display: none
}
}
.se-software-download {
    display: block
}
.se-software-download:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    color: #bbb;
    font-size: 90px;
    font-size: 9rem;
    float: left;
    width: 150px;
    text-align: center;
    margin-top: -10px;
    margin-top: -1rem
}

@media screen and (max-width:750px) {
.se-software-download:before {
    display: none
}
}
.se-standard-content {
    display: block
}
.se-standard-content:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    color: #bbb;
    font-size: 90px;
    font-size: 9rem;
    float: left;
    width: 150px;
    text-align: center;
    margin-top: -10px;
    margin-top: -1rem
}

@media screen and (max-width:750px) {
.se-standard-content:before {
    display: none
}
}
.se-search-box {
    position: relative;
    width: 300px;
    margin-bottom: 30px;
    margin-bottom: 3rem
}
.se-search-box .control-label {
    display: none
}
.se-search-box .se-search-placeholder {
    color: #999
}
.se-search-box input[type=text] {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
    padding: 10px;
    padding: 1rem;
    padding-right: 30px;
    padding-right: 3rem;
    border: 1px solid #bbb;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 0 3px #fff, 0 1px 1px rgba(0,0,0,.1);
    -webkit-transition: border .25s ease;
    -o-transition: border .25s ease;
    transition: border .25s ease;
    outline: none
}
.se-search-box input[type=text]:disabled {
    background-color: #eee;
    -webkit-box-shadow: none;
    box-shadow: none
}
.se-search-box input[type=text]:focus {
    border: 1px solid #000
}
.se-search-box input[type=submit] {
    position: absolute;
    right: 0;
    top: 0;
    width: 15%;
    height: 100%;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 0;
    z-index: 2
}

@media screen and (max-width:750px) {
.se-search-box input[type=submit] {
    width: 10%
}
}
.se-search-box:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    position: absolute;
    right: 1%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    font-size: 1.6rem
}

@media screen and (max-width:750px) {
.se-search-box {
    width: 100%
}
}
.scp-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.scp-heading {
    font-size: 3rem
}
}
.td-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem;
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
    font-size: 30px;
    font-size: 3rem
}

@media screen and (max-width:750px) {
.td-heading {
    font-size: 3rem
}
}
.td-publication-heading {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 30px;
    margin-bottom: 3rem;
    font-style: italic
}
.td-details {
    margin-bottom: 40px;
    margin-bottom: 4rem
}
.td-article, .td-details {
    line-height: 20px;
    line-height: 2rem
}
.td-article p {
    padding: 10px 0;
    padding: 1rem 0
}
.td-date {
    margin-bottom: 40px;
    margin-bottom: 4rem;
    text-align: right;
    font-style: italic
}

@media screen and (max-width:750px) {
.td-date {
    text-align: left
}
}
.td-authors {
    font-weight: 700;
    font-style: italic;
    margin-bottom: 20px;
    margin-bottom: 2rem
}

@media screen and (max-width:750px) {
.td-authors {
    padding-bottom: 1rem
}
}
.td-button {
    display: inline-block;
    padding: 12px;
    padding: 1.2rem;
    background-color: #999;
    color: #fff
}
.td-button:after {
    margin-left: 10px;
    margin-left: 1rem
}
.td-download-link:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 8px;
    font-size: .8rem
}
.td-external-link:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem
}
.tl-technical-library {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}
.tl-technical-library:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (max-width:750px) {
.tl-main {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}
}

@media screen and (max-width:750px) {
.tl-side {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}
}
.tl-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.tl-heading {
    font-size: 3rem
}
}
.tl-document {
    margin: 40px 0;
    margin: 4rem 0;
    border-bottom: 1px solid #999
}
.tl-filters-mobile {
    display: none
}

@media screen and (max-width:750px) {
.tl-filters-mobile {
    display: inherit;
    width: 100%;
    margin-left: 0;
    float: none;
    margin-bottom: 2rem;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}
}
.tl-description {
    margin-bottom: 30px;
    margin-bottom: 3rem
}
.tl-title {
    color: #666;
    font-weight: 700;
    min-height: 32px;
    min-height: 3.2rem
}
.tl-filters {
    margin-bottom: 30px;
    margin-bottom: 3rem
}

@media screen and (max-width:750px) {
.tl-filters {
    display: none
}
}
.tl-filter {
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.tl-label {
    font-weight: 700;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    font-size: 14px;
    font-size: 1.4rem
}
.tl-summary {
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.tl-filter-submit input[type=submit] {
    display: inline-block;
    background-color: #ef4135;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
.tl-filter-submit input[type=submit]:hover {
    background-color: #ed2b1d;
    text-decoration: none
}
.tl-date {
    text-align: right;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    font-style: italic
}

@media screen and (max-width:750px) {
.tl-date {
    text-align: left
}
}
.tl-button {
    display: inline-block;
    padding: 10px;
    padding: 1rem;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    background-color: #999;
    color: #fff
}
.tl-button:after {
    margin-left: 10px;
    margin-left: 1rem
}
.tl-download-link {
    padding-right: 12px;
    padding-right: 1.2rem;
    margin-right: 10px;
    margin-right: 1rem
}
.tl-download-link:before {
    content: "";
    margin-right: 8px;
    margin-right: .8rem
}
.tl-download-link:before, .tl-external-link:after {
    font-family: Icons;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem
}
.tl-external-link:after {
    content: ""
}
.tl-highlight {
    color: #c00
}
.tl-search-box {
    position: relative;
    width: 300px;
    margin-bottom: 30px;
    margin-bottom: 3rem
}
.tl-search-box .control-label {
    display: none
}
.tl-search-box .tl-search-placeholder {
    color: #999
}
.tl-search-box input[type=text] {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
    padding: 10px;
    padding: 1rem;
    padding-right: 30px;
    padding-right: 3rem;
    border: 1px solid #bbb;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 0 3px #fff, 0 1px 1px rgba(0,0,0,.1);
    -webkit-transition: border .25s ease;
    -o-transition: border .25s ease;
    transition: border .25s ease;
    outline: none
}
.tl-search-box input[type=text]:disabled {
    background-color: #eee;
    -webkit-box-shadow: none;
    box-shadow: none
}
.tl-search-box input[type=text]:focus {
    border: 1px solid #000
}
.tl-search-box input[type=submit] {
    position: absolute;
    right: 0;
    top: 0;
    width: 15%;
    height: 100%;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 0;
    z-index: 2
}

@media screen and (max-width:750px) {
.tl-search-box input[type=submit] {
    width: 10%
}
}
.tl-search-box:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    position: absolute;
    right: 1%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    font-size: 1.6rem
}

@media screen and (max-width:750px) {
.tl-search-box {
    width: 100%
}
}
.sf-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.sf-heading {
    font-size: 3rem
}
}
.sf-information {
    margin-bottom: 30px;
    margin-bottom: 3rem
}
.sf-download-container {
    min-height: 60px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
    margin-bottom: 4rem
}
.sf-btn-container, .sf-details, .sf-type {
    width: 33%;
    display: inline-block;
    vertical-align: top
}
.sf-details {
    text-align: center
}
.sf-btn-container {
    text-align: right
}
.sf-btn {
    padding: 12px;
    padding: 1.2rem;
    background-color: #999;
    color: #fff
}
.sf-btn:after {
    margin-left: 10px;
    margin-left: 1rem;
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 8px;
    font-size: .8rem
}
.vis-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.vis-heading {
    font-size: 3rem
}
}
.vis-videos {
    padding: 40px 0;
    padding: 4rem 0
}
.vis-videos-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}
.vis-video {
    width: 22%;
    display: inline-block;
    margin-left: 4%;
    vertical-align: top;
    margin-bottom: 30px;
    margin-bottom: 3rem
}
.vis-video:nth-child(4n+1) {
    margin-left: 0
}

@media screen and (max-width:750px) {
.vis-video {
    width: 48%
}
.vis-video:nth-child(odd) {
    margin-left: 0
}
}
.vis-thumbnail {
    width: 100%;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}
.vis-thumbnail:hover {
    opacity: .75
}
.vis-title {
    letter-spacing: normal;
    font-weight: 700;
    margin-bottom: 10px;
    margin-bottom: 1rem
}
.vis-link, .vis-title {
    display: block
}
.vis-link:hover {
    color: #c00
}
.vis-filters {
    text-align: right
}

@media screen and (max-width:750px) {
.vis-filters {
    text-align: left
}
}
.vis-filter {
    width: 25%;
    display: inline-block
}

@media screen and (max-width:750px) {
.vis-filter {
    width: 100%
}
}
.vis-filter:nth-child(2) {
    margin-right: 30px;
    margin-right: 3rem
}

@media screen and (max-width:750px) {
.vis-filter:nth-child(2) {
    margin: 0 0 2rem
}
}
.vis-refine-results {
    display: inline-block;
    margin-right: 30px;
    margin-right: 3rem
}

@media screen and (max-width:750px) {
.vis-refine-results {
    margin-bottom: 1rem
}
}
.vis-filter-btn {
    display: none
}
.vi-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.vi-heading {
    font-size: 3rem
}
}
.vi-video {
    padding: 40px 0;
    padding: 4rem 0
}
.vi-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 30px;
    margin-bottom: 3rem
}
.vi-video-container embed, .vi-video-container iframe, .vi-video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.carousel-wrapper {
    height: auto;
    padding: 0
}
.progress-bar {
    height: 5px;
    background-color: #333;
    -webkit-transition: width .1s linear;
    -o-transition: width .1s linear;
    transition: width .1s linear
}
.hc-carousel-container {
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    margin: auto;
    padding-top: 10px;
    width: 100%
}
.hc-carousel-container[data-carouseltype=fader] .carousel-slide {
    -webkit-transition: opacity .5s linear, -webkit-transform .75s linear;
    transition: opacity .5s linear, -webkit-transform .75s linear;
    -o-transition: opacity .5s linear, transform .75s linear;
    transition: opacity .5s linear, transform .75s linear;
    transition: opacity .5s linear, transform .75s linear, -webkit-transform .75s linear
}
.hc-carousel-container .arrow {
    margin: auto;
    position: absolute;
    z-index: 1;
    top: 65px;
    height: 20px;
    width: 20px;
    text-align: center;
    cursor: pointer
}

@media screen and (min-width:751px) and (max-width:1024px) {
.hc-carousel-container .arrow {
    top: 95px
}
}

@media screen and (min-width:1025px) {
.hc-carousel-container .arrow {
    top: 145px
}
}

@media screen and (min-width:1025px) {
.hc-carousel-container .arrow:before {
    font-size: 60px
}
}

@media (min-width:375px) {
.hc-carousel-container .arrow.arrow-left {
    left: 2%
}
}

@media screen and (min-width:1025px) {
.hc-carousel-container .arrow.arrow-left {
    left: 4%
}
}
.hc-carousel-container .arrow.arrow-left:before {
    content: "";
    font-family: Icons;
    display: inline-block
}
.hc-carousel-container .arrow.arrow-right {
    right: 0
}

@media (min-width:375px) {
.hc-carousel-container .arrow.arrow-right {
    right: 2%
}
}

@media screen and (min-width:1025px) {
.hc-carousel-container .arrow.arrow-right {
    right: 4%
}
}
.hc-carousel-container .arrow.arrow-right:before {
    content: "";
    font-family: Icons;
    display: inline-block
}
.hc-carousel-container .slides-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto
}
.hc-carousel-container .carousel-slide {
    position: relative;
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-align: center;
    margin: auto;
    height: 100%;
    max-width: 100%;
    width: 100%
}
.hc-carousel-container div[class^=carousel-hotspot] {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
    color: #000;
    border: 1px solid #fff;
    background-color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 400
}

@media screen and (min-width:751px) and (max-width:1024px) {
.hc-carousel-container div[class^=carousel-hotspot] {
    width: 20px;
    height: 20px
}
}

@media screen and (min-width:1025px) {
.hc-carousel-container div[class^=carousel-hotspot] {
    font-size: 1.8rem;
    line-height: 2;
    width: 40px;
    height: 40px
}
}
.hc-carousel-container div[class^=carousel-hotspot]:hover {
    color: #fff;
    border: 1px solid #ef3f32;
    background-color: #ef3f32
}
.hc-carousel-container div[class^=carousel-hotspot].active {
    color: #fff;
    border: 1px solid #e00007;
    background-color: #e00007
}
.hc-carousel-container .hotspot-content {
    position: relative;
    top: 10px;
    margin-bottom: 10px;
    padding: 30px 40px;
    background-color: #545454
}
.hc-carousel-container .content-body {
    -webkit-transition: all .2s ease;
    -o-transition: .2s all ease;
    transition: all .2s ease;
    position: relative;
    height: 60px
}

@media screen and (min-width:751px) and (max-width:1024px) {
.hc-carousel-container .content-body {
    max-width: 300px;
    width: 300px;
    margin-right: 5px
}
}

@media screen and (min-width:1025px) {
.hc-carousel-container .content-body {
    max-width: 300px;
    width: 300px;
    margin-right: 8px
}
}
.hc-carousel-container .content-body .content-title-wrapper, .hc-carousel-container .content-body .hotspot-inner-content-wrapper {
    display: none
}
.hc-carousel-container .content-body.active {
    height: auto
}

@media screen and (min-width:751px) and (max-width:1024px) {
.hc-carousel-container .content-body.active .content-tab-heading {
    background-color: #fff;
    color: #3f3f3f
}
}

@media screen and (min-width:1025px) {
.hc-carousel-container .content-body.active .content-tab-heading {
    background-color: #fff;
    color: #3f3f3f
}
}
.hc-carousel-container .content-body.active .content-tab-heading:after {
    content: "";
    font-family: Icons;
    display: inline-block
}

@media (min-width:768px) {
.hc-carousel-container .content-body.active .content-tab-heading:after {
    display: none
}
}
.hc-carousel-container .content-body.active .content-title-wrapper, .hc-carousel-container .content-body.active .hotspot-inner-content-wrapper {
    display: block
}

@media screen and (max-width:750px) {
.hc-carousel-container .content-body.active .content-title-wrapper {
    display: none
}
}

@media screen and (min-width:751px) and (max-width:1024px) {
.hc-carousel-container .content-body.second-item .content-title-wrapper, .hc-carousel-container .content-body.second-item .hotspot-inner-content-wrapper {
    left: -305px
}
}

@media screen and (min-width:1025px) {
.hc-carousel-container .content-body.second-item .content-title-wrapper, .hc-carousel-container .content-body.second-item .hotspot-inner-content-wrapper {
    left: -305px
}
}

@media screen and (min-width:751px) and (max-width:1024px) {
.hc-carousel-container .tabbable.content-body .content-tab-heading {
    background-color: #3f3f3f
}
}

@media screen and (min-width:1025px) {
.hc-carousel-container .tabbable.content-body .content-tab-heading {
    background-color: #3f3f3f
}
}
.hc-carousel-container .tabbable.content-body .content-tab-heading:after {
    content: "";
    font-family: Icons;
    display: inline-block
}

@media (min-width:768px) {
.hc-carousel-container .tabbable.content-body .content-tab-heading:after {
    display: none
}
}
.hc-carousel-container .tabbable.content-body .content-media, .hc-carousel-container .tabbable.content-body .content-text, .hc-carousel-container .tabbable.content-body .content-title, .hc-carousel-container .tabbable.content-body .content-title-wrapper, .hc-carousel-container .tabbable.content-body .content-title-wrapper-mobile {
    height: 0;
    opacity: 0;
    visibility: hidden;
    margin: 0;
    padding: 0
}

@media screen and (min-width:751px) and (max-width:1024px) {
.hc-carousel-container .tabbable.content-body .content-media, .hc-carousel-container .tabbable.content-body .content-text, .hc-carousel-container .tabbable.content-body .content-title, .hc-carousel-container .tabbable.content-body .content-title-wrapper, .hc-carousel-container .tabbable.content-body .content-title-wrapper-mobile {
    height: auto;
    width: 0
}
}

@media screen and (min-width:1025px) {
.hc-carousel-container .tabbable.content-body .content-media, .hc-carousel-container .tabbable.content-body .content-text, .hc-carousel-container .tabbable.content-body .content-title, .hc-carousel-container .tabbable.content-body .content-title-wrapper, .hc-carousel-container .tabbable.content-body .content-title-wrapper-mobile {
    height: auto;
    width: 0
}
}
.hc-carousel-container .content-tab-heading {
    width: 100%;
    padding: 20px 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    text-align: left;
    margin: 0 auto;
    border-top: .5px solid #999;
    border-bottom: .5px solid #999;
    cursor: pointer
}
.hc-carousel-container .content-tab-heading:after {
    position: absolute;
    font-size: 25px;
    right: 2%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: lighter
}

@media screen and (min-width:751px) and (max-width:1024px) {
.hc-carousel-container .content-tab-heading {
    text-align: center;
    border: 0;
    margin-right: 5px
}
}

@media screen and (min-width:1025px) {
.hc-carousel-container .content-tab-heading {
    text-align: center;
    border: 0;
    margin-right: 5px
}
}
.hc-carousel-container .content-media {
    width: 280px;
    height: 200px;
    margin: 10px auto;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: .4s all ease;
    transition: all .4s ease
}

@media screen and (min-width:751px) and (max-width:1024px) {
.hc-carousel-container .content-media {
    margin-right: 0;
    float: right
}
}

@media screen and (min-width:1025px) {
.hc-carousel-container .content-media {
    float: right;
    margin-right: 0;
    width: 400px;
    height: 285px
}
}
.hc-carousel-container .content-text {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    text-align: left;
    max-width: 600px
}
.hc-carousel-container .content-text p {
    color: #fff
}
.hc-carousel-container .hotspot-tab-image {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%
}
.hc-carousel-container .hotspot-tab-image.inactive {
    display: none
}

@media screen and (min-width:751px) and (max-width:1024px) {
.hc-carousel-container .hotspot-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px
}
}

@media screen and (min-width:1025px) {
.hc-carousel-container .hotspot-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px
}
}
.hc-carousel-container .content-title-wrapper {
    position: relative;
    margin-bottom: 10px;
    border-top: 2px solid #fff;
    padding-top: 20px;
    display: none
}

@media screen and (min-width:751px) and (max-width:1024px) {
.hc-carousel-container .content-title-wrapper {
    padding-top: 28px;
    margin-bottom: 0;
    display: block
}
}

@media screen and (min-width:1025px) {
.hc-carousel-container .content-title-wrapper {
    padding-top: 28px;
    margin-bottom: 0;
    display: block
}
}
.hc-carousel-container .content-title-wrapper-mobile {
    position: relative;
    margin-bottom: 10px
}

@media screen and (min-width:751px) and (max-width:1024px) {
.hc-carousel-container .content-title-wrapper-mobile {
    display: none
}
}

@media screen and (min-width:1025px) {
.hc-carousel-container .content-title-wrapper-mobile {
    display: none
}
}
.hc-carousel-container .content-title {
    color: #fff;
    font-size: 28px;
    text-align: left
}
.hc-carousel-container .content-title:first-letter {
    font-weight: 700
}
.hc-carousel-container .content-close-btn {
    margin: -30px auto 10px;
    background-color: #e00007;
    cursor: pointer;
    text-transform: uppercase;
    width: 120px;
    height: 40px
}

@media screen and (min-width:751px) and (max-width:1024px) {
.hc-carousel-container .content-close-btn {
    position: absolute;
    top: 30px;
    right: 40px
}
}

@media screen and (min-width:1025px) {
.hc-carousel-container .content-close-btn {
    position: absolute;
    top: 30px;
    right: 40px
}
}
.hc-carousel-container .content-close-btn .close-button-text {
    color: #fff;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.hc-carousel-container .hotspot-inner-content-wrapper {
    position: relative;
    font-size: 17px
}

@media screen and (min-width:751px) and (max-width:1024px) {
.hc-carousel-container .hotspot-inner-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0
}
}

@media screen and (min-width:1025px) {
.hc-carousel-container .hotspot-inner-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0
}
}
.hc-carousel-container .hotspot-inner-content-wrapper p {
    padding-bottom: 1em
}
.hc-carousel-container .hotspot-inner-content-wrapper p[id] {
    display: none
}
.hc-carousel-container .hotspot-inner-content-wrapper strong {
    font-weight: 700
}
.hc-carousel-container .hotspot-inner-content-wrapper p strong:first-child:last-child {
    font-size: 18px
}
.hc-carousel-container .hotspot-inner-content-wrapper ul {
    list-style-type: square;
    padding-left: 18px
}
.hc-carousel-container .hotspot-inner-content-wrapper li {
    padding-bottom: .2em
}
.hc-carousel-container .carousel-slide {
    display: block;
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity .25s linear, -webkit-transform .5s linear;
    transition: opacity .25s linear, -webkit-transform .5s linear;
    -o-transition: opacity .25s linear, transform .5s linear;
    transition: opacity .25s linear, transform .5s linear;
    transition: opacity .25s linear, transform .5s linear, -webkit-transform .5s linear;
    z-index: 0
}
.hc-carousel-container .carousel-slide .carousel-image-wrapper {
    height: 150px;
    max-width: 245px;
    margin: 0 auto;
    position: relative
}

@media screen and (min-width:751px) and (max-width:1024px) {
.hc-carousel-container .carousel-slide .carousel-image-wrapper {
    height: 220px;
    max-width: 399px
}
}

@media screen and (min-width:1025px) {
.hc-carousel-container .carousel-slide .carousel-image-wrapper {
    height: 380px;
    max-width: 720px
}
}
.hc-carousel-container .carousel-slide .carousel-image-wrapper .carousel-image {
    max-height: 100%;
    position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    width: auto;
    margin: 0 auto;
    max-width: 100%;
    display: block
}
.hc-carousel-container .carousel-slide.active {
    position: relative;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    opacity: 1;
    z-index: 1
}
.hc-carousel-container .carousel-slide.left {
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    transform: translate(-100%);
    opacity: 0
}
.hc-carousel-container .carousel-slide.right {
    -webkit-transform: translate(100%);
    -ms-transform: translate(100%);
    transform: translate(100%);
    opacity: 0
}
.hc-carousel-container .ytv-container {
    position: relative;
    padding-bottom: 61.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

@media screen and (min-width:1025px) {
.hc-carousel-container .ytv-container {
    padding-bottom: 64.25%
}
}
.hc-carousel-container .ytv-iframe {
    position: absolute;
    top: 0;
    left: 0
}
.hc-carousel-container .indicator-container {
    position: absolute;
    text-align: center;
    top: 135px;
    left: 0;
    right: 0;
    z-index: 1
}

@media screen and (min-width:751px) and (max-width:1024px) {
.hc-carousel-container .indicator-container {
    top: 205px
}
}

@media screen and (min-width:1025px) {
.hc-carousel-container .indicator-container {
    top: 335px
}
}
.hc-carousel-container .carousel-indicator {
    cursor: pointer;
    display: inline-block;
    margin: 10px 4px;
    width: 15px;
    height: 15px;
    border: 2px solid #555;
    background-color: #fff;
    border-radius: 50%
}
.hc-carousel-container .carousel-indicator.active {
    background-color: #555
}
.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative
}
.swipe-wrap {
    position: relative;
    height: 100%
}
.swipe-wrap:after {
    clear: both;
    display: block
}
.swipe-wrap>* {
    float: left;
    width: 100%;
    position: relative
}
#ui-datepicker-div {
    position: relative;
    padding: 5px;
    padding: .5rem
}
#ui-datepicker-div .datetime-ui-state-default {
    color: #c00
}
#ui-datepicker-div .datetime-ui-datepicker-title {
    margin: 0
}
#ui-datepicker-div .datetime-ui-datepicker-title select {
    width: 49%;
    margin-left: 2%;
    float: left
}
#ui-datepicker-div .datetime-ui-datepicker-title select:first-child {
    margin-left: 0
}
#ui-datepicker-div .datetime-ui-datepicker-header {
    padding: 5px;
    padding: .5rem
}
.ami-icons-container {
    text-align: justify
}
.ami-icons-container:after {
    display: inline-block;
    content: "";
    width: 100%
}
.ami-item {
    vertical-align: top;
    width: 20%;
    height: 250px;
    display: inline-block;
    text-align: center;
    margin-bottom: 40px;
    margin-bottom: 4rem;
    position: relative;
    padding-bottom: 20px;
    padding-bottom: 2rem
}
.ami-item:hover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7;
    z-index: 40
}

@media screen and (max-width:750px) {
.ami-item {
    width: 40%
}
}
.ami-hover-description, .ami-item .ami-link {
    display: none
}
.ami-hover-description {
    position: absolute;
    z-index: 60;
    color: #fff;
    padding: 10px;
    padding: 1rem;
    padding-top: 20px;
    padding-top: 2rem
}
.ami-item:hover .ami-hover-description, .ami-item:hover .ami-link {
    display: block
}
.ami-link {
    position: absolute;
    display: inline-block;
    background-color: #ef4135;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    width: 90%;
    bottom: 0;
    z-index: 60;
    left: 0;
    right: 0;
    margin: 0 auto 20px;
    margin: 0 auto 2rem
}
.ami-link:hover {
    background-color: #ed2b1d;
    text-decoration: none
}
.ami-link a {
    color: #fff
}

@media screen and (min-width:751px) and (max-width:1024px) {
.ami-link {
    padding: 1.8rem 1rem
}
}

@media screen and (max-width:750px) {
.ami-link {
    padding: 1.8rem 1rem
}
}
.ami-heading {
    padding: 30px 0;
    padding: 3rem 0;
    font-size: 32px;
    font-size: 3.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.ami-heading {
    font-size: 2.6rem
}
}
.ami-icon {
    font-size: 90px;
    font-size: 9rem;
    position: relative;
    padding-bottom: 25px;
    padding-bottom: 2.5rem;
    padding-top: 10px;
    padding-top: 1rem;
    margin-bottom: 25px;
    margin-bottom: 2.5rem
}
.ami-icon:after {
    content: "";
    height: 3px;
    width: 60%;
    background-color: #c00;
    position: absolute;
    left: 20%;
    top: 100%
}
.acr-header, .acr-open+.acr-detail {
    display: block
}
.acr-header {
    color: #666;
    font-weight: 700;
    padding: 18px 0;
    padding: 1.8rem 0;
    border-top: 1px solid #e4e4e5;
    text-decoration: none;
    cursor: pointer
}
.acr-header:after {
    content: "";
    display: table;
    clear: both;
    content: "";
    font-family: Icons;
    display: inline-block;
    float: right;
    margin: -6px 1px 0 10px;
    margin: -6px 1px 0 1rem;
    font-size: 26px;
    font-size: 2.6rem
}
.acr-header:hover {
    color: #c00
}
.acr-header-open {
    color: #000
}
.acr-header-open:after {
    content: "";
    font-family: Icons;
    display: inline-block
}
.acr-header-open:hover {
    color: #000
}
.acr-panel {
    padding: 20px 0 26px;
    padding: 2rem 0 2.6rem;
    color: #000;
    line-height: 20px;
    line-height: 2rem
}
.acr-panel:after {
    content: "";
    display: table;
    clear: both
}
.acr-detail {
    display: none;
    -webkit-animation: a .2s ease-in;
    animation: a .2s ease-in;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}
@-webkit-keyframes a {
0% {
padding:0;
height:0;
-webkit-transform:scaleY(0);
transform:scaleY(0)
}
to {
padding:20px 0;
height:200px;
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}
@keyframes a {
0% {
padding:0;
height:0;
-webkit-transform:scaleY(0);
transform:scaleY(0)
}
to {
padding:20px 0;
height:200px;
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}
.bc-breadcrumbs {
    padding-top: 20px;
    padding-top: 2rem
}
.bc-breadcrumbs br {
    display: none
}
.bc-breadcrumbs .CMSBreadCrumbsLink {
    color: #838383;
    font-weight: 700
}
.bc-breadcrumbs .CMSBreadCrumbsLink:after {
    border-color: #666;
    border-style: solid;
    border-width: 0 2px 2px 0;
    border-width: 0 .2rem .2rem 0;
    content: "";
    display: inline-block;
    position: relative;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: top;
    height: 8px;
    height: .8rem;
    width: 8px;
    width: .8rem;
    border-width: 2px 2px 0 0;
    border-width: .2rem .2rem 0 0;
    vertical-align: middle;
    margin: 0 8px;
    margin: 0 .8rem
}
.bc-breadcrumbs .CMSBreadCrumbsCurrentItem {
    color: #838383
}
.cl-heading {
    color: #000;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    padding: 14px;
    padding: 1.4rem
}
.cl-list-item {
    border-top: 1px solid #ddd;
    padding: 14px 10px 14px 36px;
    padding: 1.4rem 1rem 1.4rem 3.6rem;
    position: relative;
    font-weight: 700
}
.cl-list-item:last-of-type {
    border-bottom: 1px solid #ddd
}
.cl-list-item:hover:before {
    border-color: #c00
}
.cl-link {
    color: #797979
}
.cl-link:before {
    border-color: #000;
    border-style: solid;
    border-width: 0 1.625px 1.625px 0;
    border-width: 0 .1625rem .1625rem 0;
    content: "";
    display: inline-block;
    position: relative;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: top;
    height: 6.5px;
    height: .65rem;
    width: 6.5px;
    width: .65rem;
    border-width: 1.625px 1.625px 0 0;
    border-width: .1625rem .1625rem 0 0;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    border-color: #999
}
.cl-link:hover {
    color: #c00;
    text-decoration: none
}
.cl-link:hover:before {
    border-color: #c00
}
.cu-contact {
    border: 1px solid #ddd;
    padding: 10px;
    padding: 1rem;
    margin-top: 10px;
    margin-top: 1rem
}
.cu-title {
    margin-bottom: 10px;
    margin-bottom: 1rem;
    color: #000;
    font-size: 32px;
    font-size: 3.2rem
}
.cu-address {
    line-height: 1.2
}
.cu-address, .cu-details {
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.cu-telephone {
    margin-bottom: 5px;
    margin-bottom: .5rem
}
.cu-cta {
    text-align: center
}
.cu-button {
    display: inline-block;
    background-color: #838383;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase
}
.cu-button:hover {
    background-color: #767676;
    text-decoration: none
}
.cn-container, .cn-wrap {
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    -o-transition: transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}
.cn-container {
    background-color: #fff;
    padding-top: 25px;
    padding-top: 2.5rem;
    padding-bottom: 25px;
    padding-bottom: 2.5rem;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    z-index: 100;
    will-change: transform
}
.cn-container.hidden {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}
.cn-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.cn-message {
    float: left
}
.cn-close {
    float: right;
    border: 0;
    background: none;
    cursor: pointer;
    margin-left: auto
}
.cn-close:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    color: #c00;
    font-size: 20px;
    font-size: 2rem
}
.cn-link {
    color: #c00;
    font-weight: 700
}
.cn-consentWrapper {
    background-color: #fff;
    border-top: 5px solid #333;
    padding-top: 25px;
    padding-top: 2.5rem;
    padding-bottom: 25px;
    padding-bottom: 2.5rem;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    overflow: auto;
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    -o-transition: transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    will-change: transform
}
.cn-consentWrapper.hidden {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}
.cn-consentWrapper .CookieConsent {
    text-align: center
}
.cn-consentWrapper .CookieConsent .TrackingConsent {
    display: none
}
.cn-consentWrapper .CookieConsent .ConsentButtons {
    text-align: center;
    display: block
}
.cn-consentWrapper .CookieConsent .ConsentButtons .ConsentButton {
    display: inline-block;
    background-color: #5c5c5c;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    padding: 8px 20px;
    padding: .8rem 2rem
}
.cn-consentWrapper .CookieConsent .ConsentButtons .ConsentButton:hover {
    background-color: #c00;
    text-decoration: none
}
.cn-consentWrapper .CookieConsent .ConsentButtons .ConsentButton:first-child {
    margin: 15px;
    margin: 1.5rem
}
body.no-scroll {
    overflow: hidden
}
.gss-container {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 101;
    background-color: rgba(0,0,0,.7)
}
.gss-content {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 400px;
    height: 250px;
    padding: 40px;
    text-align: center;
    background-color: #fff;
    font-size: 16px;
    font-size: 1.6rem
}

@media screen and (max-width:750px) {
.gss-content {
    max-width: 100%
}
}
.gss-button {
    display: inline-block;
    background-color: #ef4135;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    margin: 15px 10px;
    text-decoration: none;
    text-align: center;
    padding: 10px 28px;
    padding: 1rem 2.8rem
}
.gss-button:hover {
    background-color: #ed2b1d;
    text-decoration: none
}

@media screen and (max-width:750px) {
.gss-button {
    padding: 1.5rem 2.8rem
}
}
.gss-globe:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 55px;
    font-size: 5.5rem;
    display: block;
    color: rgba(0,0,0,.1);
    padding-bottom: 10px
}
.gm-wrapper {
    position: relative
}

@media screen and (max-width:750px) {
.gm-wrapper {
    display: none
}
}
.gm-info-wrapper {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99;
    background-color: #fff;
    padding: 30px;
    padding: 3rem;
    width: 40%;
    visibility: visible;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    opacity: 1
}
.gm-info-wrapper h3 {
    margin-bottom: 10px;
    margin-bottom: 1rem
}
.gm-info-wrapper-hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.gm-para {
    font-size: 16px;
    font-size: 1.6rem;
    color: #838383
}
.gm-heading {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 10px;
    margin-bottom: 1rem
}

@media screen and (max-width:750px) {
.gm-heading {
    display: none
}
}
.gm-title {
    font-size: 16px;
    font-size: 1.6rem
}
.gm-contact, .gm-title {
    color: #000;
    font-weight: 700
}
.gm-contact {
    display: inline-block;
    font-size: 18px;
    font-size: 1.8rem;
    margin-right: 30px;
    margin-right: 3rem;
    margin-top: 30px;
    margin-top: 3rem
}
.gm-email {
    font-weight: 400;
    color: #c00
}
.gm-email:hover {
    color: #666
}
.gm-hr {
    width: 60px;
    background-color: #ddd;
    height: 2px;
    display: block;
    margin-bottom: 10px
}
.map-container {
    height: 500px;
    width: 100%
}
.gm-close {
    position: absolute;
    float: right;
    top: 5px;
    top: .5rem;
    right: 10px;
    right: 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 25px;
    padding: 2.5rem;
    display: block
}
.gm-close:after, .gm-close:before, .gm-close span {
    width: 22px;
    width: 2.2rem;
    height: 3px;
    height: .3rem;
    display: block;
    background-color: #000;
    -webkit-transition: background-color .1s ease, -webkit-transform .1s ease;
    transition: background-color .1s ease, -webkit-transform .1s ease;
    -o-transition: transform .1s ease, background-color .1s ease;
    transition: transform .1s ease, background-color .1s ease;
    transition: transform .1s ease, background-color .1s ease, -webkit-transform .1s ease
}
.gm-close:after, .gm-close:before {
    content: ""
}
.gm-close span {
    margin: 5px 0;
    margin: .5rem 0;
    text-indent: -100%;
    overflow: hidden
}
.gm-close:before {
    -webkit-transform: translateY(.8rem) rotate(45deg);
    -ms-transform: translateY(.8rem) rotate(45deg);
    transform: translateY(.8rem) rotate(45deg)
}
.gm-close:after {
    -webkit-transform: translateY(-.8rem) rotate(-45deg);
    -ms-transform: translateY(-.8rem) rotate(-45deg);
    transform: translateY(-.8rem) rotate(-45deg)
}
.gm-close span {
    background-color: #fff
}
.hp-posts:after {
    content: "";
    display: table;
    clear: both
}
.hp-titles {
    padding: 30px 0;
    padding: 3rem 0;
    font-size: 32px;
    font-size: 3.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-bottom: 40px;
    margin-bottom: 4rem;
    background: #fff
}

@media screen and (max-width:750px) {
.hp-titles {
    font-size: 2.6rem;
    display: none
}
}
.hm-event-wrap {
    padding-right: 0;
    background-image: url(/assets/images/event_map.png);
    background-repeat: no-repeat;
    background-position-x: 118%;
    background-position-y: 89%;
    background-size: 500px
}

@media screen and (max-width:1024px) {
.hm-event-wrap {
    background: none
}
}
.he-events {
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.he-events {
    margin-bottom: 2rem
}
}
.he-featured-article {
    padding: 20px 0 20px 50px;
    padding: 2rem 0 2rem 5rem
}

@media screen and (max-width:750px) {
.he-featured-article {
    padding: 2rem
}
}
.he-heading {
    padding-left: 50px;
    padding-left: 5rem;
    padding: 30px 50px;
    padding: 3rem 50px;
    font-size: 32px;
    font-size: 3.2rem;
    text-align: left
}

@media screen and (max-width:750px) {
.he-heading {
    font-size: 2.2rem;
    padding: 2rem .5rem 0
}
}
.he-featured-article {
    padding: 30px 50px 0
}

@media screen and (max-width:750px) {
.he-featured-article {
    padding: 2rem .5rem 0
}
}
.he-articles {
    margin-bottom: 20px;
    margin-bottom: 2rem;
    position: relative;
    padding-left: 50px;
    padding-right: 350px
}

@media screen and (max-width:1024px) {
.he-articles {
    padding-right: 50px
}
}
.he-articles .PagerResults, .he-articles .SelectedPage, .he-articles .UnselectedPage {
    display: none
}
.he-articles .SelectedPrev, .he-articles .UnselectedPrev {
    visibility: hidden
}
.he-articles .SelectedPrev:after, .he-articles .UnselectedPrev:after {
    visibility: visible;
    cursor: pointer;
    position: absolute;
    content: "";
    font-family: Icons;
    display: inline-block;
    color: #797979;
    font-size: 50px;
    top: 30%;
    left: 0
}
.he-articles .UnselectedPrev:after {
    color: #fff
}
.he-articles .SelectedNext, .he-articles .UnselectedNext {
    visibility: hidden
}
.he-articles .SelectedNext:after, .he-articles .UnselectedNext:after {
    visibility: visible;
    cursor: pointer;
    position: absolute;
    color: #797979;
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 50px;
    top: 30%;
    right: 330px
}

@media screen and (max-width:1024px) {
.he-articles .SelectedNext:after, .he-articles .UnselectedNext:after {
    right: 30px
}
}
.he-articles .UnselectedNext:after {
    color: #fff
}
.he-articles a:hover {
    text-decoration: none
}
.he-event:hover .he-title {
    color: #c00;
    text-decoration: underline
}
.he-event-link {
    padding: 10px 40px 10px 0;
    padding: 1rem 4rem 1rem 0;
    display: block
}
.he-event-link:after {
    content: "";
    display: table;
    clear: both
}
.he-feature {
    float: left;
    text-align: center
}
.he-feature:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 70px;
    font-size: 7rem;
    display: block;
    margin-bottom: 10px;
    margin-bottom: 1rem
}

@media screen and (max-width:750px) {
.he-feature:before {
    font-size: 4rem
}
}
.he-date {
    float: left;
    color: #bbb;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    margin-top: 5px
}
.he-date:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 40px;
    font-size: 4rem;
    display: block;
    margin-bottom: 10px;
    margin-bottom: 1rem
}

@media screen and (max-width:750px) {
.he-date:before {
    font-size: 3rem
}
}
.he-dates {
    float: right
}
.he-date-from {
    text-align: right;
    font-weight: 700;
    font-size: 25px;
    font-size: 2.5rem;
    padding-top: 10px
}

@media screen and (max-width:750px) {
.he-date-from {
    float: left;
    font-size: 2rem;
    padding-top: 0
}
}
.he-date-to {
    text-align: right;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem
}

@media screen and (max-width:750px) {
.he-date-to {
    float: left;
    padding: 5px
}
}
.he-content {
    width: 60%;
    margin-left: 2%;
    float: left
}

@media screen and (max-width:750px) {
.he-content {
    width: 80%
}
}
.he-title {
    display: block;
    font-weight: 700;
    color: #fff;
    margin: 20px 0 0;
    margin: 2rem 0 0;
    text-align: left
}

@media screen and (max-width:750px) {
.he-title {
    margin: 1.3rem 0 0
}
}
.he-featured-title {
    display: block;
    font-weight: 700;
    color: #fff;
    font-size: 32px;
    font-size: 3.2rem
}

@media screen and (max-width:750px) {
.he-featured-title {
    font-size: 2.6rem
}
}
.he-buttons {
    text-align: center;
    min-height: 100px
}
.he-button {
    display: inline-block;
    background-color: #5c5c5c;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
.he-button:hover {
    background-color: #c00;
    text-decoration: none
}
.he-webinar-button {
    background-color: #ef4135;
    margin: 30px;
    margin: 3rem
}

@media screen and (-ms-high-contrast:none) {
.he-articles .SelectedNext, .he-articles .SelectedPrev, .he-articles .UnselectedNext, .he-articles .UnselectedPrev {
    visibility: visible;
    top: 50px
}
}
.htd-heading {
    padding: 30px 0;
    padding: 3rem 0;
    font-size: 32px;
    font-size: 3.2rem;
    text-align: center
}

@media screen and (max-width:750px) {
.htd-heading {
    font-size: 2.6rem
}
}
.htd-document-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}
.htd-document-link:after {
    content: "";
    display: table;
    clear: both
}
.htd-document {
    border-top: 1px solid #333;
    padding: 20px 0;
    padding: 2rem 0
}
.htd-document:first-child {
    border-top: 0
}
.htd-document:hover .htd-title {
    color: #c00;
    text-decoration: underline
}

@media screen and (max-width:750px) {
.htd-document:last-child {
    display: none
}
}
.htd-icon {
    width: 20%;
    float: left;
    color: #bbb;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center
}
.htd-icon:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    color: #333;
    font-size: 40px;
    font-size: 4rem
}
.htd-header {
    width: 78%;
    margin-left: 2%;
    float: left;
    -ms-flex-item-align: center;
    align-self: center
}

@media screen and (max-width:750px) {
.htd-header {
    width: 76%;
    margin-left: 4%
}
}
.htd-title {
    display: block;
    position: relative;
    font-size: 20px;
    font-size: 2rem
}
.htd-buttons {
    text-align: center;
    position: relative;
    min-height: 100px
}
.htd-button {
    display: inline-block;
    background-color: #5c5c5c;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.htd-button:hover {
    background-color: #c00;
    text-decoration: none
}
.hc-wrap {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100%;
    position: relative;
    padding: 0;
    height: 500px
}
.hc-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block!important
}

@media screen and (max-width:750px) {
.hc-wrap {
    background-image: none!important;
    height: auto
}
}
.hc-heading {
    padding: 0 0 30px;
    padding: 0 0 3rem;
    font-size: 32px;
    font-size: 3.2rem;
    text-align: left
}

@media screen and (max-width:750px) {
.hc-heading {
    font-size: 2.6rem;
    text-align: center
}
}
.hc-image {
    display: none
}

@media screen and (max-width:750px) {
.hc-image {
    width: 100%;
    display: block
}
}
.hc-layout {
    position: absolute;
    top: 50%;
    left: 30%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 50%
}

@media screen and (max-width:750px) {
.hc-layout {
    width: 100%;
    top: auto;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
    z-index: auto
}
}
.hc-content {
    position: relative;
    z-index: 1;
    padding: 20px 20px 0
}
.hc-content p {
    padding-bottom: 15px
}
.hc-button-container {
    margin-top: 30px;
    min-height: 100px
}

@media screen and (max-width:750px) {
.hc-button-container {
    text-align: center
}
}
.hc-button {
    padding-top: 20px;
    display: inline-block;
    background-color: #5c5c5c;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
.hc-button:hover {
    background-color: #c00;
    text-decoration: none
}
.has-wrap {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0;
    position: relative;
    padding: 0;
    height: 500px
}
.has-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block!important
}

@media screen and (max-width:1024px) {
.has-wrap {
    background-image: none!important;
    height: auto
}
}
.has-heading {
    padding: 0 0 10px;
    padding: 0 0 1rem;
    font-size: 32px;
    font-size: 3.2rem;
    text-align: left
}

@media screen and (max-width:1024px) {
.has-heading {
    font-size: 2.6rem;
    text-align: center
}
}
.has-subheading {
    padding: 0 0 20px;
    padding: 0 0 2rem;
    font-size: 20px;
    font-size: 2rem;
    text-align: left;
    color: #333
}

@media screen and (max-width:1024px) {
.has-subheading {
    font-size: 1.4rem;
    text-align: center
}
}
.has-image {
    display: none
}

@media screen and (max-width:1024px) {
.has-image {
    width: 100%;
    display: block
}
}
.has-layout {
    position: absolute;
    right: 0;
    z-index: 1;
    width: 75%
}

@media screen and (max-width:1024px) {
.has-layout {
    width: 100%;
    top: auto;
    right: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
    z-index: auto
}
}
.has-content {
    position: relative;
    z-index: 1;
    padding: 20px 20px 0
}
.has-content p {
    padding-bottom: 15px;
    padding-right: 20px
}
.has-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

@media screen and (max-width:750px) {
.has-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1
}
}
.has-button-container {
    margin-top: 50px;
    min-height: 100px
}

@media screen and (max-width:1024px) {
.has-button-container {
    text-align: center
}
}
.has-button {
    padding-top: 20px;
    display: inline-block;
    background-color: #5c5c5c;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
.has-button:hover {
    background-color: #c00;
    text-decoration: none
}
.loa-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(.8);
    transform: translate(-50%, -50%) translateZ(0) scale(.8);
    border-top: 6px solid hsla(0,0%,100%,.5);
    border-top: .6rem solid hsla(0,0%,100%,.5);
    border-right: 6px solid hsla(0,0%,100%,.5);
    border-right: .6rem solid hsla(0,0%,100%,.5);
    border-bottom: 6px solid hsla(0,0%,100%,.5);
    border-bottom: .6rem solid hsla(0,0%,100%,.5);
    border-left: 6px solid #fff;
    border-left: .6rem solid #fff;
    -webkit-animation: b 1.1s infinite linear;
    animation: b 1.1s infinite linear;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}
.loa-loader, .loa-loader:after {
    width: 50px;
    width: 5rem;
    height: 50px;
    height: 5rem;
    border-radius: 50%
}
.loa-loader-hidden {
    visibility: hidden;
    opacity: 0
}
@-webkit-keyframes b {
0% {
-webkit-transform:translate(-50%, -50%) rotate(0deg);
transform:translate(-50%, -50%) rotate(0deg)
}
to {
-webkit-transform:translate(-50%, -50%) rotate(1turn);
transform:translate(-50%, -50%) rotate(1turn)
}
}
@keyframes b {
0% {
-webkit-transform:translate(-50%, -50%) rotate(0deg);
transform:translate(-50%, -50%) rotate(0deg)
}
to {
-webkit-transform:translate(-50%, -50%) rotate(1turn);
transform:translate(-50%, -50%) rotate(1turn)
}
}
.mvp-modal-blackout {
    display: none;
    background-color: #000;
    opacity: .8;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    z-index: 110
}
.mvp-modal-blackout:before {
    content: "x";
    position: absolute;
    top: 10px;
    right: 26px;
    color: #fff;
    font-size: 30px
}
.mvp-modal-panel {
    display: none;
    background-color: #fff;
    position: fixed;
    top: 0;
    width: 80%;
    height: 0;
    padding-bottom: 46.2%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 120
}
.mvp-modal-content {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px
}
iframe#modal-video-player {
    position: relative;
    width: 100%;
    height: 100%
}
.ns-signup-text {
    display: block;
    font-style: italic
}
.ns-button, .ns-signup-text {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700
}
.ns-button {
    display: inline-block;
    background-color: #838383;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    margin-top: 10px;
    margin-top: 1rem
}
.ns-button:hover {
    background-color: #767676;
    text-decoration: none
}
.ns-email-field {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 10px;
    padding: 1rem;
    padding-right: 30px;
    padding-right: 3rem;
    border: 1px solid #bbb;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 0 3px #fff, 0 1px 1px rgba(0,0,0,.1);
    -webkit-transition: border .25s ease;
    -o-transition: border .25s ease;
    transition: border .25s ease;
    outline: none;
    border: 2px solid #fff;
    font-size: 14px;
    font-size: 1.4rem;
    height: 45px;
    width: 100%;
    margin-top: 10px;
    margin-top: 1rem
}
.ns-email-field:disabled {
    background-color: #eee;
    -webkit-box-shadow: none;
    box-shadow: none
}
.ns-email-field:focus {
    border: 1px solid #000
}
.ns-inpur-error {
    border-color: #c00;
    background: url(../../images/sprite.svg#cross-red);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: right 10px center;
    background-position: right 1rem center;
    background-color: #fff;
    margin-top: 10px;
    margin-top: 1rem
}
.ns-error-label {
    color: #c00
}
.ns-error-label, .ns-info-label {
    display: inline-block;
    margin-top: 10px;
    margin-top: 1rem
}
.ns-button-container {
    text-align: center
}
.ns-widget {
    margin-top: 20px;
    margin-top: 2rem
}
.ns-widget .ns-email-field {
    border: 1px solid #bbb
}
.ns-widget .ns-email-field:focus {
    border: 1px solid #000
}

@media screen and (max-width:750px) {
.ns-widget {
    margin-top: 3rem
}
}
.ns-footer .ns-button-container {
    text-align: none
}
.ns-footer .ns-button {
    float: left;
    width: 35%;
    padding: 12px 20px;
    padding: 1.2rem 2rem;
    height: 45px
}

@media screen and (min-width:751px) and (max-width:1024px) {
.ns-footer .ns-button {
    float: none;
    min-width: 120px;
    max-width: 150px
}
}

@media screen and (max-width:750px) {
.ns-footer .ns-button {
    float: none;
    margin-top: 0;
    width: 100%;
    max-width: 150px
}
}
.ns-footer .ns-signup-text {
    width: 250px
}

@media screen and (max-width:750px) {
.ns-footer .ns-signup-text {
    margin: 0 auto 1rem
}
}
.ns-footer .ns-email-field {
    float: left;
    width: 65%
}

@media screen and (min-width:751px) and (max-width:1024px) {
.ns-footer .ns-email-field {
    float: none;
    width: 100%
}
}

@media screen and (max-width:750px) {
.ns-footer .ns-email-field {
    float: none;
    margin: 1rem auto;
    max-width: 320px;
    width: 100%
}
}
.pg-items {
    text-align: center;
    margin: 50px 0 30px;
    margin: 5rem 0 3rem
}
.pg-items li {
    position: relative;
    display: none
}
.pg-items li.pg-component {
    display: inline-block;
    padding-bottom: 40px;
    padding-bottom: 4rem;
    margin: 0 10px;
    margin: 0 1rem
}

@media screen and (max-width:750px) {
.pg-items li.pg-component {
    margin: 0 .5rem
}
}
.pg-items li.pg-component:first-of-type {
    margin-left: 0
}
.pg-items li.pg-component:last-of-type {
    margin-right: 0
}
.pg-current-item a, .pg-current-item strong {
    background: #999;
    color: #fff
}
.pg-current-item a, .pg-current-item strong, .pg-first-page a, .pg-first-page strong, .pg-item a, .pg-item strong, .pg-last-page a, .pg-last-page strong, .pg-next-group a, .pg-next-group strong, .pg-next-page a, .pg-next-page strong, .pg-previous-page a, .pg-previous-page strong {
    position: relative;
    border: 1px solid #ddd;
    border: .1rem solid #ddd;
    border-radius: .2rem;
    padding: 10px;
    padding: 1rem;
    text-decoration: none
}
.pg-total-items, .pg-total-items-left {
    color: #999
}
.pg-total-items-left {
    text-align: left;
    width: 400px
}
.pg-page-size {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 10px
}
.pg-page-size select {
    width: 75px;
    margin-right: 10px;
    margin-right: 1rem
}
.pg-page-size label {
    padding-top: 10px
}
.prf-wrap {
    min-height: 450px
}
.prf-heading {
    font-weight: 300;
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media screen and (max-width:750px) {
.prf-heading {
    font-size: 3rem
}
}
.prf-category {
    position: relative;
    padding-bottom: 40px;
    padding-bottom: 4rem;
    width: 32%;
    margin-left: 2%;
    float: left
}

@media screen and (min-width:1025px) {
.prf-category {
    width: 49%;
    margin-left: 2%
}
.prf-category:nth-child(-n+2) {
    margin-top: 0
}
.prf-category:nth-child(odd) {
    margin-left: 0
}
}

@media screen and (min-width:751px) and (max-width:1024px) {
.prf-category {
    width: 49%;
    margin-left: 2%
}
.prf-category:nth-child(-n+2) {
    margin-top: 0
}
.prf-category:nth-child(odd) {
    margin-left: 0
}
}

@media screen and (max-width:750px) {
.prf-category {
    width: 100%;
    margin-left: 0;
    float: none
}
.prf-category:first-child {
    margin-top: 0
}
}
.prf-category input[type=checkbox] {
    display: inline-block;
    margin-right: 20px;
    margin-right: 2rem;
    margin-top: 10px;
    margin-top: 1rem
}
.prf-category input[type=checkbox]:first-of-type {
    margin-top: 0
}
.prf-category label {
    display: inline-block;
    vertical-align: top;
    width: 80%;
    margin-top: 10px;
    margin-top: 1rem
}
.prf-category label:first-of-type {
    margin-top: 0
}
.prf-category-title {
    margin-bottom: 20px;
    margin-bottom: 2rem;
    font-size: 22px;
    font-size: 2.2rem
}
.prf-category-description {
    min-height: 60px;
    margin-bottom: 12px
}
.prf-button {
    display: inline-block;
    background-color: #ef4135;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
.prf-button:hover {
    background-color: #ed2b1d;
    text-decoration: none
}
.prf-error {
    display: block;
    margin-bottom: 30px;
    margin-bottom: 3rem;
    color: #fff;
    background: #ef3f32;
    border: 1px solid #c00;
    padding: 20px
}
.prf-error li, .prf-error p {
    color: #fff
}
.ca-product-information {
    position: relative;
    margin: 20px 0;
    margin: 2rem 0;
    padding: 20px 0;
    padding: 2rem 0
}
.ca-product-information:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (max-width:1250px) {
.ca-product-information {
    display: block
}
}
.ca-product-information h3 {
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 0 30px;
    margin: 0 0 3rem
}
.ca-product-left-column, .ca-product-right-column {
    position: relative;
    width: 30%;
    color: #666;
    font-size: 14px;
    font-size: 1.4rem
}

@media screen and (max-width:1250px) {
.ca-product-left-column, .ca-product-right-column {
    display: block;
    width: 100%
}
}
.ca-product-left-column {
    max-width: 100%;
    float: left
}

@media screen and (max-width:1250px) {
.ca-product-left-column {
    margin-bottom: 2.5rem;
    width: 100%
}
}
.ca-product-right-column {
    width: 70%;
    padding-left: 30px;
    padding-left: 3rem;
    float: right
}

@media screen and (max-width:1250px) {
.ca-product-right-column {
    padding-left: 0;
    width: 100%
}
}
.pd-product-document {
    position: relative;
    padding-bottom: 8px;
    padding-bottom: .8rem
}
.pd-product-documents-title {
    margin-bottom: 20px;
    margin-bottom: 2rem;
    font-size: 22px;
    font-size: 2.2rem
}
.pd-link:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    padding-right: 14px;
    padding-right: 1.4rem
}
.pd-restricted:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    display: inline;
    font-size: 10px;
    font-size: 1rem;
    position: absolute;
    bottom: 16px;
    bottom: 1.6rem;
    margin-left: 6px;
    margin-left: .6rem;
    color: #c00
}
.rpp-related-products {
    margin-top: 30px;
    margin-top: 3rem
}
.rpp-related-product {
    vertical-align: top;
    height: 300px;
    position: relative;
    display: inline-block;
    border: 1px solid #ddd;
    cursor: pointer;
    overflow: hidden;
    width: 23%;
    margin-left: 2%;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    -webkit-transition: opacity .25s ease, border-color .25s ease;
    -o-transition: opacity .25s ease, border-color .25s ease;
    transition: opacity .25s ease, border-color .25s ease
}

@media screen and (max-width:750px) {
.rpp-related-product {
    width: 100%;
    text-align: center;
    margin-left: 0
}
}

@media screen and (min-width:751px) and (max-width:1024px) {
.rpp-related-product {
    width: 48%;
    text-align: center;
    margin-left: 0
}
.rpp-related-product:nth-child(2n) {
    margin-left: 2%
}
}

@media screen and (min-width:1025px) {
.rpp-related-product:first-child {
    margin-top: 0
}
}
.rpp-related-product:nth-child(4n+1) {
    margin-left: 0
}
.rpp-related-product:hover {
    border-color: rgba(0,0,0,.4)
}
.rpp-related-product-active {
    opacity: 1;
    border-color: rgba(0,0,0,.4)
}
.rpp-container {
    position: relative
}

@media screen and (min-width:1025px) {
.rpp-container {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}
}
.rpp-content {
    text-align: center;
    white-space: normal;
    padding: 0 10px;
    padding: 0 1rem
}
.rpp-img-container {
    text-align: center;
    margin-top: 20px;
    margin-top: 2rem
}
.rpp-img {
    height: 200px
}
.rpp-heading {
    font-size: 34px;
    font-size: 3.4rem;
    margin-bottom: 30px;
    margin-bottom: 3rem;
    margin: 30px 0;
    margin: 3rem 0
}
.rpp-name {
    font-weight: 700
}
.rpp-slides {
    overflow: hidden;
    max-width: 1050px;
    margin: 0 auto
}
.rpp-slide {
    display: inline-block;
    width: 100%
}
.rpp-slide-wrap {
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    -o-transition: transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease;
    white-space: nowrap
}
.rpp-nav {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 0;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width:751px) and (max-width:1024px) {
.rpp-nav {
    display: none
}
}

@media screen and (max-width:750px) {
.rpp-nav {
    display: none
}
}
.rpp-button {
    position: absolute;
    width: 8%;
    height: 100%;
    pointer-events: auto;
    cursor: pointer;
    -webkit-transition: opacity .25s ease, background-color .25s ease;
    -o-transition: opacity .25s ease, background-color .25s ease;
    transition: opacity .25s ease, background-color .25s ease;
    will-change: opacity
}
.rpp-button:after {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 18px;
    font-size: 1.8rem
}
.rpp-button:hover {
    opacity: .6
}
.rpp-button-prev {
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0,0%,100%,.2)));
    background: -webkit-linear-gradient(left, #fff, hsla(0,0%,100%,.2));
    background: -o-linear-gradient(left, #fff 0, hsla(0,0%,100%,.2) 100%);
    background: linear-gradient(90deg, #fff 0, hsla(0,0%,100%,.2))
}
.rpp-button-prev:after {
    content: "";
    font-family: Icons;
    display: inline-block
}
.rpp-button-next {
    right: 0;
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(hsla(0,0%,100%,.2)));
    background: -webkit-linear-gradient(right, #fff, hsla(0,0%,100%,.2));
    background: -o-linear-gradient(right, #fff 0, hsla(0,0%,100%,.2) 100%);
    background: linear-gradient(270deg, #fff 0, hsla(0,0%,100%,.2))
}
.rpp-button-next:after {
    content: "";
    font-family: Icons;
    display: inline-block
}
.rpp-button-hidden {
    visibility: hidden;
    opacity: 0
}
.sd-title {
    font-weight: 700;
    display: block;
    padding: 18px 0;
    padding: 1.8rem 0;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    border-bottom: 1px solid #e4e4e5;
    text-decoration: none;
    cursor: pointer;
    color: #838383
}
.sd-title:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    float: right;
    margin: -6px 0 0 10px;
    margin: -6px 0 0 1rem;
    font-size: 26px;
    font-size: 2.6rem
}
.sd-title:hover {
    color: #c00
}
.sd-title.acr-open {
    color: #000
}
.sd-title.acr-open:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 26px;
    font-size: 2.6rem
}
.sd-title.acr-open .fcl-detail {
    display: block
}
.sd-unauthenticated-info {
    margin: 20px 0;
    margin: 2rem 0
}
.sd-download-container {
    min-height: 60px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
    margin-bottom: 4rem
}
.sd-further-info {
    margin-bottom: 30px;
    margin-bottom: 3rem
}
.sd-type {
    width: 80%;
    text-align: left;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    display: block
}
.sd-attach-title {
    font-weight: 700
}
.sd-details {
    display: inline-block;
    word-break: break-all;
    width: 60%;
    text-align: left;
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.sd-btn-container {
    text-align: right;
    width: 38%;
    display: inline-block;
    vertical-align: top
}
.sd-btn {
    display: inline-block;
    padding: 10px;
    padding: 1rem;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    background-color: #999;
    color: #fff
}
.sd-btn:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    margin-right: 8px;
    margin-right: .8rem
}
.sd-icon:before {
    padding-right: 14px;
    padding-right: 1.4rem
}
.sd-description {
    margin-bottom: 10px;
    margin-bottom: 1rem
}
.ptk-title {
    font-weight: 700;
    display: block;
    padding: 18px 0;
    padding: 1.8rem 0;
    border-bottom: 1px solid #e4e4e5;
    text-decoration: none;
    cursor: pointer;
    color: #838383
}
.ptk-title:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    float: right;
    margin: -6px 0 0 10px;
    margin: -6px 0 0 1rem;
    font-size: 26px;
    font-size: 2.6rem
}
.ptk-title:hover {
    color: #c00
}
.ptk-title.acr-open {
    color: #000
}
.ptk-title.acr-open:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 26px;
    font-size: 2.6rem
}
.ptk-title.acr-open .fcl-detail {
    display: block
}
.ptk-accordion-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.ptk-detail {
    padding: 10px 0;
    padding: 1rem 0
}
.ptk-media-downloads {
    width: 50%
}

@media screen and (max-width:750px) {
.ptk-media-downloads {
    width: 100%
}
}
.ptk-image-download {
    float: left;
    margin-left: 2%;
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.ptk-image-download:after {
    content: "";
    display: table;
    clear: both
}
.ptk-image-download:nth-child(odd) {
    margin-left: 0
}

@media screen and (max-width:750px) {
.ptk-image-download {
    margin-left: 0;
    width: 100%
}
}
.ptk-image-link {
    position: relative;
    width: 80px;
    width: 8rem;
    height: 80px;
    height: 8rem;
    float: left;
    vertical-align: top;
    margin-right: 30px;
    margin-right: 3rem
}
.ptk-image-link:hover:after {
    background-color: #c00;
    color: #fff
}
.ptk-image-link:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    position: absolute;
    left: 100%;
    bottom: 0;
    width: 30px;
    width: 3rem;
    height: 30px;
    height: 3rem;
    text-align: center;
    line-height: 30px;
    line-height: 3rem;
    background-color: #eee
}
.ptk-image {
    display: block
}
.ptk-content {
    float: left;
    padding-left: 10px;
    padding-left: 1rem;
    vertical-align: top;
    max-width: calc(100% - 11rem)
}
.ptk-download-container {
    width: 100%
}
.ptk-download-container:after {
    content: "";
    display: table;
    clear: both
}
.ptk-type {
    width: 35%;
    text-align: left;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    display: block
}
.ptk-details {
    display: inline-block;
    word-break: break-all;
    width: 60%;
    text-align: left;
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.ptk-btn-container {
    text-align: right;
    width: 38%;
    display: inline-block;
    vertical-align: top
}
.ptk-btn {
    display: inline-block;
    padding: 10px;
    padding: 1rem;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    background-color: #999;
    color: #fff
}
.ptk-btn:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    margin-right: 8px;
    margin-right: .8rem
}
.ptk-icon:before {
    padding-right: 14px;
    padding-right: 1.4rem
}
.pdl-heading {
    font-weight: 700;
    cursor: pointer;
    color: #838383;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e4e4e5;
    padding: 10px 0;
    padding: 1rem 0
}
.pdl-heading:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    float: right;
    margin: -6px 0 0;
    font-size: 20px;
    font-size: 2rem
}
.pdl-heading:hover {
    color: #c00
}
.pdl-heading.acr-open {
    color: #000
}
.pdl-heading.acr-open:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 20px;
    font-size: 2rem
}
.ptd-title {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
    margin-bottom: 2rem
}
.ptd-technical-title {
    margin-top: 20px;
    margin-top: 2rem
}
.ptd-unauthenticated-info {
    margin: 20px 0;
    margin: 2rem 0
}
.ptd-button {
    display: inline-block;
    padding: 10px;
    padding: 1rem;
    background-color: #999;
    color: #fff
}
.ptd-button:after {
    margin-left: 10px;
    margin-left: 1rem
}
.ptd-download-link {
    padding-right: 12px;
    padding-right: 1.2rem
}
.ptd-download-link:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    margin-right: 8px;
    margin-right: .8rem
}
.ptd-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding-bottom: 10px;
    padding-bottom: 1rem;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e4e4e5
}
.ptd-download-container {
    width: 33%;
    text-align: right
}

@media screen and (max-width:750px) {
.ptd-download-container {
    width: 40%
}
}
.ptd-icon {
    width: 5%
}

@media screen and (max-width:750px) {
.ptd-icon {
    width: auto
}
}
.ptd-type {
    width: 20%;
    padding-right: 20px;
    padding-right: 2rem;
    position: relative
}

@media screen and (max-width:750px) {
.ptd-type {
    width: 90%
}
}
.ptd-desc {
    width: 42%
}

@media screen and (max-width:750px) {
.ptd-desc {
    width: 60%
}
}
.ptd-desc, .ptd-icon, .ptd-type {
    margin: auto 0
}
.ptd-brochure:before {
    content: ""
}
.ptd-brochure:before, .ptd-data-sheet:before {
    font-family: Icons;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    margin-right: 8px;
    margin-right: .8rem
}
.ptd-data-sheet:before {
    content: ""
}
.ptd-quick-start:before, .ptd-user-guide:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    margin-right: 8px;
    margin-right: .8rem
}
.ptd-technical-guide:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 18px;
    font-size: 1.8rem;
    margin-right: 8px;
    margin-right: .8rem
}
.ptd-restricted:after {
    content: "";
    font-family: Icons;
    display: inline-block;
    display: inline;
    font-size: 10px;
    font-size: 1rem;
    position: absolute;
    bottom: 8px;
    bottom: .8rem;
    margin-left: 6px;
    margin-left: .6rem;
    color: #c00
}
.pa-title {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 20px 0;
    margin: 2rem 0
}
.pa-accessories-wrapper {
    display: block;
    overflow: hidden
}
.pa-accessories-container {
    display: table;
    margin-bottom: -1px
}
.pa-accessory {
    display: table-cell;
    width: calc(50% - 2rem);
    margin-right: 20px;
    margin-right: 2rem;
    border-top: 1px solid #a4a09f;
    overflow: hidden;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

@media screen and (max-width:1024px) {
.pa-accessory {
    width: 100%;
    margin: 0
}
}
.pa-accessory.active {
    width: 100%;
    margin: 0;
    border-bottom: none;
    float: left;
    padding: 25px
}
.pa-accessory.active .pa-accessory-panel {
    width: calc(50% - 2rem);
    display: block;
    border-top: 1px solid #a4a09f;
    float: left
}

@media screen and (max-width:750px) {
.pa-accessory.active .pa-accessory-panel {
    width: 100%
}
}
.pa-accessory.active .pa-accessory-inner {
    width: 100%;
    background: #ece7e6
}

@media screen and (min-width:1025px) {
.pa-accessory.active .pa-accessory-inner {
    width: calc(50% - 2rem)
}
}
.pa-accessory.active .pr-zoom-image {
    width: 100%;
    position: relative;
    height: 250px;
    float: left;
    margin-top: 20px;
    margin-top: 2rem;
    margin-left: 10px;
    margin-left: 1rem;
    display: block
}

@media screen and (min-width:1025px) {
.pa-accessory.active .pr-zoom-image {
    width: calc(50% - 2rem)
}
}
.pa-accessory.active .pr-zoom-image:empty {
    display: none
}
.pa-accessory:nth-child(odd) {
    float: left;
    clear: left
}
.pa-accessory:nth-child(2n) {
    float: right;
    clear: right
}
.pa-accessory:first-child, .pa-accessory:nth-child(2) {
    border: 0
}
.pa-accessory-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 20px;
    padding: 2rem
}
.pa-accessory-primary-image {
    width: 30%
}
.pa-accessory-primary-image img {
    display: block;
    width: 100%;
    height: auto
}
.pa-accessory-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    margin-left: 20px;
    margin-left: 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.pa-accessory-title {
    font-weight: 700
}
.pa-accessory-partnumber {
    font-weight: 700;
    margin-top: 15px;
    margin-top: 1.5rem
}
.pa-accessory-partnumber-label {
    color: #a29f9e;
    font-weight: 400
}
.pa-accessory-panel {
    display: none
}
.pa-accessory-panel .pr-images {
    padding: 20px;
    padding: 2rem
}
.vc-video-carousel {
    padding-top: 10px;
    position: relative;
    max-width: 800px;
    margin: auto;
    margin-bottom: 30px
}
.vc-video-carousel .swipe {
    padding-left: 100px;
    padding-right: 100px
}
.vc-video-carousel .swipe img {
    max-width: 100%;
    margin: 0
}
.sm-slide-modal-content, .sv-video {
    display: none
}
.sv-title {
    text-align: center;
    font-size: 20px;
    font-size: 2rem
}
.sv-title, .sv-title:before {
    position: absolute;
    width: 100%;
    top: 0
}
.sv-title:before {
    content: "";
    display: block;
    height: 100%;
    background-color: #000;
    opacity: .5;
    left: 0;
    z-index: 59
}
.sv-title-text {
    position: relative;
    display: block;
    z-index: 60;
    padding-top: 10px;
    padding-top: 1rem;
    padding-bottom: 10px;
    padding-bottom: 1rem;
    color: #fff
}
.sv-description-text {
    font-size: 18px;
    font-size: 1.8rem
}
.pagination {
    text-align: center;
    position: absolute;
    top: 100%;
    height: 25px;
    padding-top: 10px;
    width: 100%
}
.single-item .pagination {
    display: none
}
.pager-item {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #ddd;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer
}
.pager-item.active {
    background-color: #c00
}
.vc-carousel-nav-button {
    display: block;
    position: absolute;
    width: 100px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: .8;
    text-align: center;
    cursor: pointer;
    z-index: 36
}
.vc-carousel-nav-button:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 44px;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.vc-carousel-nav-button.next {
    left: auto;
    right: 0
}
.vc-carousel-nav-button.next:before {
    content: "";
    font-family: Icons;
    display: inline-block;
    font-size: 44px
}
.single-item .vc-carousel-nav-button {
    display: none
}
.sv-slide-video {
    cursor: pointer;
    z-index: 30
}
.sv-thumbnail {
    width: 100%;
    max-height: 380px
}
.sv-slide-video:before {
    display: block;
    width: 52px;
    height: 52px;
    border-radius: 26px;
    background-color: #000;
    opacity: .8;
    border: 2px solid #aaa
}
.sv-slide-video:after, .sv-slide-video:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.sv-slide-video:after {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 17.25px;
    border-color: transparent transparent transparent #fff;
    margin-left: 2px
}
.sv-slide-video:hover:before {
    background-color: #c00
}

@media screen and (max-width:680px) {
.vc-video-carousel .swipe {
    padding-left: 75px;
    padding-right: 75px
}
.vc-carousel-nav-button {
    width: 75px
}
}

@media screen and (max-width:500px) {
.vc-video-carousel .swipe {
    padding-left: 50px;
    padding-right: 50px
}
.vc-carousel-nav-button {
    width: 50px
}
}

@media screen and (max-width:750px) {
.sv-thumbnail {
    position: relative;
    z-index: 60
}
.mv-title, .sm-content {
    display: none
}
.sv-video {
    display: block;
    max-width: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 67
}
}
.swipe-wrap.hm-vc-wrap .sv-slide-video {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 60%;
    height: 320px;
    height: 32rem;
    padding: 10px;
    padding: 1rem
}

@media screen and (max-width:600px) {
.swipe-wrap.hm-vc-wrap .sv-slide-video {
    width: 70%
}
}

@media screen and (min-width:751px) and (max-width:1024px) {
.swipe-wrap.hm-vc-wrap .sv-slide-video {
    width: 40%
}
}

@media screen and (min-width:1025px) {
.swipe-wrap.hm-vc-wrap .sv-slide-video {
    width: 33%;
    height: 34rem
}
}
.swipe-wrap.hm-vc-wrap .sv-slide-video::-webkit-scrollbar {
display:none
}
.swipe-wrap.hm-vc-wrap .sv-slide-video:after, .swipe-wrap.hm-vc-wrap .sv-slide-video:before {
    top: 25%;
    z-index: 62
}

@media screen and (min-width:1025px) {
.swipe-wrap.hm-vc-wrap .sv-slide-video:after, .swipe-wrap.hm-vc-wrap .sv-slide-video:before {
    top: 35%
}
}
.swipe-wrap.hm-vc-wrap .sv-title {
    position: static
}
.swipe-wrap.hm-vc-wrap .sv-title:before {
    display: none
}
.swipe-wrap.hm-vc-wrap .sv-title-text {
    color: #333;
    text-align: left;
    font-weight: 800
}
.vc-hm-slide {
    max-width: 1200px;
    max-width: 120rem
}
.df-heading {
    padding-bottom: 20px
}
.df-content {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}
.df-text {
    padding: 15px
}

@media screen and (max-width:750px) {
.df-text {
    padding: 5px
}
}
.df-button {
    display: inline-block;
    background-color: #ef4135;
    color: #fff;
    border: 0;
    padding: 18px 40px;
    padding: 1.8rem 4rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    margin-left: 20px;
    height: 50px
}
.df-button:hover {
    background-color: #ed2b1d;
    text-decoration: none
}
.df-DropDown {
    height: 50px
}
.df-Results {
    margin: 25px 0 10px
}
.df-Results h4 {
    font-size: 22px;
    font-size: 2.2rem
}