:root {
    --base-color: #233241;
    --base-color-blur: #23324126;
    --base-text-color: white;
    --base-font-family: "PT Sans", sans-serif;
    --base-font-size: 14px;
    --base-btn-color: #91804d;
    --base-color-active-things: #374452;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--base-font-family);
    font-family: "PT Sans", sans-serif;
    margin: 5px;
}

.column {
    padding-bottom: 10px;
}

header nav ul li a {
    font-size: var(--base-font-size);
    font-size: 14px;
}

html body {
    font-family: var(--base-font-family);
    font-family: "PT Sans", sans-serif;
    font-weight: 400;
    font-size: var(--base-font-size);
    font-size: 14px;
    background: #000;
    color: #505050;
}

    html body header {
        z-index: 100 !important;
    }

.green {
    color: #c8d018;
}

.yellow {
    color: #dda61d;
}

.red {
    color: #b13814;
}

body h1 {
    margin-top: 0px;
}

h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
    margin-top: 0;
}

h2 {
    font-size: var(--base-font-size);
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin: 0;
}

@media (max-width: 992px) {
    .f-container .row, .container .row, .container {
        width: auto;
    }
}

@media (max-width: 768px) {
    .container {
        width: auto
    }
}

.breadcrumb {
    padding-top: 15px;
    font-size: 12px;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 0;
}

.breadcrumb {
    display: none;
}


.highlight {
    color: #009de0;
}

.buttonMorePopUp, .buttonMorePopUp:link, .buttonMorePopUp:visited, .buttonMore:link, .buttonMore:visited {
    display: inline-block;
    background: var(--base-color);
    background: #233241;
    color: #fff;
    padding: 5px 15px;
    font-weight: 600;
    margin-bottom: 5px;
    border: none;
}

    .buttonMore:hover, .buttonMorePopUp:hover, .buttonMoreFull:hover {
        color: #fff;
        text-decoration: none;
        background: #009de0;
    }

.homeImgs img:first-child, .homeImgs img:last-child {
    margin: 1px 0;
}

.mhc-logos {
    display: inline;
    margin: 7em 2em 0 0;
}

    .mhc-logos img {
        max-width: 13%;
    }

.onlyMobile {
    display: none;
}

.onlyDesktop {
    display: block;
}

.floatingMobileSection {
    top: 5em;
    background-color: #000;
    width: 100%;
    padding: 0px 0 2px 0;
    margin: 0px;
    position: fixed;
    z-index: 200;
    height: 40px;
}

.hbackdrop {
    position: fixed;
    top: 0;
    left: 0;
    height: 75px;
    width: 100%;
    background-color: var(--base-color);
    background-color: #233241;
    z-index: 20000;
}

.row .teaser, .teaser-full {
    position: relative;
    background: #fff;
    background-size: 100% auto;
    padding-bottom: 15px;
    margin-bottom: 30px;
    height: auto;
}

.teaser-full {
    height: 478px;
}

    .teaser h1, .teaser p, .teaser a, .teaser-full h1, .teaser-full p {
        margin: 15px 0 0 0;
        padding-left: 15px;
        padding-right: 15px;
        display: inline-block;
    }

@media (max-width: 767px), (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait), (max-device-width: 1366px) and (orientation: landscape) .teaser, .teaser-full {
    height: auto !important;
}

.teaser .articleButtons {
    position: initial;
    bottom: 10px;
    margin-left: 15px;
}

.imageLink {
    margin: 0 !important;
    padding: 0 !important;
    display: inline !important;
}

.row .teaser-small {
    background: var(--base-color);
    background: #233241;
    color: #fff;
    height: auto;
    padding: 15px;
    padding-bottom: 60px;
}

.teaser-small .top-seller {
    text-transform: uppercase;
    font-weight: 600;
}

.teaser-small h2 {
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
}



.teaser-small a {
    color: #fff;
    font-weight: 600;
}



.buttonNow {
    display: inline-block;
    background: #008fd8;
    color: #fff;
    padding: 5px 15px;
    font-weight: 600;
    margin: 1em 10px 0 0;
    border: none;
    float: left;
}

li.menu-option-bordered-top a {
    font-size: 14px;
}

/*** ECOMMERCE SPECIFIC STYLES ***/


.ecommerce * {
    font-family: var(--base-font-family);
    font-family: "PT Sans", sans-serif;
    font-size: var(--base-font-size);
    font-size: 14px;
}

.ecommerce h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    padding: 7px;
    margin: 0 0 10px 0;
    background: var(--base-color);
    background: #233241;
    color: white;
}

.ecommerce .input-row,
.ecommerce .check-row {
    margin-bottom: 12px;
}

    .ecommerce .input-row .input-title,
    .ecommerce .check-row .check-title {
        margin-bottom: 5px;
    }

        .ecommerce .input-row .input-title label,
        .ecommerce .check-row .check-title label {
            font-weight: bold;
            margin-top: 10px;
        }

.ecommerce .check-row {
    border: 1px solid var(--base-color);
    border: 1px solid #233241;
}

.ecommerce .input-row input[type=text],
.ecommerce .input-row input[type=password],
.ecommerce .input-row input[type=number],
.ecommerce .input-row .input-password {
    border: 0 solid #ccc;
    height: 35px;
    width: 100%;
    border-bottom: 1px solid #a9a9a9;
    background: transparent;
    padding-left: 3px;
}

.ecommerce .v-select {
    background-color: #f9f9f9;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#f2f2f2));
    background-image: -webkit-linear-gradient(top,#fefefe,#f2f2f2);
    background-image: linear-gradient(to bottom,#fefefe,#f2f2f2);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe',endColorstr='#fff2f2f2',GradientType=0);
    box-shadow: 0 1px 0 rgba(0,0,0,.05), inset 0 1px 0 rgba(255,255,255,.8);
    border: 1px solid #d0d0d0;
}

@media (max-width: 768px) {
    .ecommerce .input-row.phone-code, .ecommerce .input-row.phone-number {
        width: 100% !important;
    }
}



.ecommerce .phone-number {
    width: 53.5% !important;
}

.ecommerce input:focus {
    outline: none;
}

.ecommerce .vs__selected {
    margin: 0px;
    padding: 0px;
}

.ecommerce .input-row .vs__dropdown-toggle {
    border: 0 solid #ccc;
    height: 35px;
    width: 100%;
    background: transparent;
    padding: 0;
}

.ecommerce .vs__dropdown-toggle .vs__actions button {
    background: transparent;
    margin-bottom: 0px;
    padding: 5px 5px;
}

.ecommerce .vs__dropdown-toggle .vs__actions {
    background: var(--base-color);
    background: #233241;
    padding: 8px;
    cursor: pointer;
    display: block;
}

    .ecommerce .vs__dropdown-toggle .vs__actions button.vs__clear {
        right: 26px;
        bottom: 3px;
        position: absolute;
        fill: var(--base-color);
        fill: #233241;
    }

    .ecommerce .vs__dropdown-toggle .vs__actions .vs__open-indicator {
        fill: white;
    }

.ecommerce .vs__search {
    position: absolute;
    width: 100%;
    cursor: pointer;
}

/* Firefox */
.ecommerce .input-row input[type=number] {
    -moz-appearance: textfield;
}

.ecommerce .check-row .check input[type="checkbox"] {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    width: auto;
}

    .ecommerce .check-row .check input[type="checkbox"]:checked + label:after {
        content: "";
        top: 1px;
        left: -25px;
    }

.ecommerce .check-row .check label {
    position: absolute;
    margin-left: 25px;
}

    .ecommerce .check-row .check label:before {
        position: absolute;
        top: 1px;
        left: -25px;
        content: "";
        display: inline-block;
        height: 15px;
        width: 15px;
        border: 2px solid var(--base-color);
        border: 2px solid #233241;
    }

    .ecommerce .check-row .check label:after {
        position: absolute;
        display: inline-block;
        height: 15px;
        width: 15px;
        background: var(--base-color);
        background: #233241;
        background-image: url(/media/1793/form-check.svg);
        background-repeat: no-repeat;
        background-position: center;
    }

.ecommerce .check-row .check-text {
    margin-left: 25px;
    text-align: justify;
}

.ecommerce .input-row .select-dropdown {
    border: 1px solid #ccc;
    padding: 5px 10px;
    width: 100%;
    height: 40px;
    background: #f9f9f9;
    box-sizing: border-box;
    background-image: url(/CDN/Content/images/common/dropdown-arrow-down.png);
    background-size: contain;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    -webkit-border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .ecommerce .input-row .select-dropdown:focus {
        background-image: url(/CDN/Content/images/common/dropdown-arrow-up.png);
    }

.ecommerce .error,
.ecommerce .input-row .error {
    font-size: 10px;
    color: red;
    margin-top: 5px;
    font-weight: bold;
    padding-left: 5px;
}

.ecommerce .submit-btn button.btn {
    background-color: var(--base-color);
    background-color: #233241;
    color: white;
    float: right;
    cursor: pointer;
    border-radius: 5px;
    font-weight: 600;
}

    .ecommerce .submit-btn button.btn:focus {
        background: var(--base-color);
        background: #233241;
    }

    .ecommerce .submit-btn button.btn.left {
        float: left;
    }


.ecommerce .submit-btn button:hover,
.ecommerce .btn-accept:hover {
    text-decoration: none;
}

.ecommerce .input-row.mail {
    margin-top: 20px;
}

.ecommerce .btn-accept {
    float: right;
    border: none;
    font-weight: 600 !important;
    margin: 5px 0 5px 0;
    background-color: var(--base-color);
    background: #233241;
    color: white;
    cursor: pointer;
    padding: 5px 15px;
}

    .ecommerce .btn-accept.left-button {
        float: left;
    }


.order-list button,
.account-details button,
.shopping-cart-preview button {
    display: inline-block;
    background: var(--base-color);
    background: #233241;
    color: #fff;
    padding: 5px 15px;
    font-weight: 600;
    margin-bottom: 5px;
    border: none;
}

.sweet-alert button {
    border: none;
    border-radius: 0;
    font-family: "PT Sans",sans-serif;
    font-size: 14px;
    background: var(--base-color) !important;
    background: #233241;
    padding: 5px 15px !important;
    margin-bottom: 5px !important;
    font-weight: 600;
    box-shadow: none !important;
}

    .sweet-alert button span {
        background: inherit !important;
    }

    .sweet-alert button:hover {
        color: #fff;
        text-decoration: none;
        background: #009de0 !important;
    }

.ecommerce.entityLogin, .ecommerce.accountRegistration {
    background: #fff;
}

.Password__badge, .Password__toggle {
    line-height: 0.7;
}

.ecommerce .Password__toggle button {
    background-color: transparent;
}

.Password__badge, .Password__toggle button svg {
    fill: var(--base-color);
    fill: #233241;
}

.myAccountComponent .option-wrapper .option.active {
    background-color: var(--base-color-active-things);
    background-color: #374452;
}



.product-type-item {
    background-color: #374452;
}

.myOrders .product-type-item {
    background-color: #374452;
}

    .myOrders .product-type-item span.title {
        color: #fff;
    }

.order-list button:hover,
.account-details button:hover,
.shopping-cart-preview button:hover {
    color: #fff;
    text-decoration: none;
    background: #009de0;
}

.form-group, .form-group.row {
    width: 100%;
    padding: 0px;
}

    .form-group input, .form-group select {
        border: 0 solid #ccc;
        height: 23px;
        width: 100%;
        border-bottom: 1px solid #a9a9a9;
        background: transparent;
    }

        .form-group input[type="checkbox"] {
            width: 13px;
        }

.row .clear-grid {
    padding: 0px;
}


.change-password .pass button {
    background: transparent;
    color: #404b69;
    padding: 6px 12px;
    font-weight: 600;
}

.shoppingcart .row {
    width: 100%;
    padding: 0px;
}

.ecommerce .shoppingcart .content label {
    width: auto;
}

.ecommerce .shoppingcart .vat label {
    /*font-weight: lighter;	*/
}

.shoppingcart .total-wrapper .col-md-6 {
    width: 69%;
}

.shoppingcart .total-wrapper .col-md-offset-6 {
    margin-left: 31%;
}
/******/
@media (min-width: 992px) {
    .shoppingcart .products-container .quantity-unitPrice, .grancheckout .summary-cart .quantity-unitPrice, #ngCheckout > div.chk-summary-step.ng-pristine.ng-valid > div.summary-container > ec-summary > div:nth-child(2) > div.productVisibilityContainer > div.summary.summary-checkout > div > div > div:nth-child(2) > div.col-xs-12.col-md-4 {
        width: 60%;
    }

        .shoppingcart .products-container .quantity-unitPrice .quantity select.select-quantity {
            margin: 0;
        }

    .shoppingcart .products-container .product-taxes, .grancheckout .summary-cart .product-taxes {
        width: 36%;
        margin-left: 0;
    }

        .shoppingcart .products-container .product-taxes .total,
        .grancheckout .summary-cart .product-quantity,
        .grancheckout .summary-cart .padding-0,
        .grancheckout .summary-cart .quantity-number,
        .grancheckout .summary-cart .product-price .price,
        .grancheckout .summary-cart .product-taxes .vat,
        .grancheckout .summary-cart .product-taxes .vat-price,
        .grancheckout .summary-cart .product-taxes .total,
        .grancheckout .summary-cart .product-taxes .chk-subtotal-price {
            padding: 0;
        }

        .grancheckout .summary-cart .product-taxes .vat-label,
        .grancheckout .summary-cart .product-taxes .chk-subtotal-label,
        .grancheckout .summary-cart .sum-totals .total .row {
            width: 100%;
        }

        .grancheckout .summary-cart .product-taxes .vat-label,
        .grancheckout .summary-cart .product-taxes .chk-subtotal-label {
            text-align: right;
        }

        .grancheckout .summary-cart .product-taxes .vat-price,
        .grancheckout .summary-cart .product-taxes .chk-subtotal-price {
            float: right;
            text-align: right;
        }

    .grancheckout .summary-cart .sum-totals .vat .col-md-offset-4.line,
    .grancheckout .summary-cart .sum-totals .vat .line.right,
    .grancheckout .summary-cart .sum-totals .total-ticket .col-md-offset-6.line {
        margin-left: 0;
        padding-right: 0;
    }

    .grancheckout .summary-cart .sum-totals .vat .col-md-offset-4.line {
        padding-left: 10px !important;
    }

    .grancheckout .summary-cart .sum-totals .vat .line.right,
    .grancheckout .summary-cart .sum-totals .subtotal .line.right,
    .grancheckout .summary-cart .sum-totals .total-ticket .line.right,
    .grancheckout .summary-cart .sum-totals .total .row .line.right {
        float: right;
        width: auto;
    }

    .grancheckout .summary-box .col-md-4 {
        width: 60%;
    }

    .grancheckout .summary-cart .sum-totals .total .row .line {
        padding: 0;
        margin-left: 0;
    }

    .grancheckout .summary-cart .product-price .price-label {
        width: auto;
    }

    .summary-checkout .price {
        float: left;
        text-align: left;
        display: inline-block;
    }

    .summary-checkout .quantity-number {
        text-align: left !important;
    }

    .checkout .chk-address-step fieldset > label {
        width: 90% !important;
    }

    .shoppingcart .products-container .product-taxes .total .subtotalLabel,
    .shoppingcart .products-container .product-taxes .total .price {
        width: 100%;
        text-align: right;
        padding: 0;
    }

    .shoppingcart .products-container .btn-remove .remove {
        margin: 0;
        color: #009de0;
    }

    .shoppingcart .total-wrapper .footer-tax-description {
        margin-left: 0;
    }
}

.shoppingcart .products-container label {
    font-size: 14px !important;
}
/*******/
.summary-checkout hr {
    display: none;
}

.summary-checkout .row {
    width: 100%;
    padding: 0px;
}

.summary-checkout .chk-subtotal-price {
    width: 50%;
}

.summary-checkout .quantity-number {
    text-align: right;
}

.grancheckout .summary-cart .sum-totals .vat .col-md-offset-4.line {
    padding-left: 25px;
}

.sum-totals .right {
    clear: none;
}

.ecommerce .content .sum-totals label {
    width: auto;
}

.sum-totals hr {
    display: none;
}

.ecommerce .content .btnBackSection button {
    float: left;
}

.add-to-cart-widget div.tabs .tab {
    background-color: var(--base-color);
    background-color: #233241;
}

.add-to-cart-widget .row-block {
    background-color: var(--base-color);
    background-color: #233241;
    font-family: var(--base-font-family);
    font-family: "PT Sans", sans-serif;
}

.add-to-cart-widget .mid-opacity {
    background-color: var(--base-color);
    background-color: #233241;
}

.add-to-cart-widget .products hr {
    color: var(--base-color);
    color: #233241;
}

.add-to-cart-widget .products .product {
    background-color: #a6a5b5;
}

.accordion-item {
    padding: 10px;
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 10px;
}

    .accordion-item-icon, .accordion-item img {
        display: none;
    }

    .accordion-item .title .icon {
        float: right;
        height: 20px;
        width: 20px;
        font-size: 19px !important;
        padding-right: 1px;
    }

    .accordion-item .title .iconleft {
        float: left !important;
    }

    .accordion-item .title.disabled {
        background: #eee;
        color: #999;
        cursor: text;
    }

.accordion-item-panel {
    background-color: white;
    position: relative;
    top: -4px;
    max-height: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    border-top: 0;
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
}

.accordion-item-panel-content {
    padding: 20px 15px 5px 15px;
    font-size: 12px;
}

    .accordion-item-panel-content label {
        font-weight: normal !important;
    }

.venue-selector .slick-list .slick-slide {
    padding: 0px;
}

.f1venue {
    padding: 15px 30px 20px 30px;
    height: 185px;
}

.BackgroundMouseOver .content,
.BackgroundMouseOver .contentHover {
    font-size: 20px;
}

.BackgroundMouseOver.hoverAnimation:hover img {
    -webkit-transform: none !important;
    transform: none !important;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.3" /><feFuncG type="linear" slope="0.3" /><feFuncB type="linear" slope="0.3" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(0.3);
    filter: brightness(0.3);
}

.genericButton,
.download-button {
    color: #fff;
    border-bottom-right-radius: 15px;
    padding: 5px 10px 5px 10px;
    box-shadow: 1px 6px 9px #454545;
    position: relative;
    font-size: 21px;
    font-family: var(--base-font-family);
    font-family: "PT Sans", sans-serif;
    margin: 0 auto;
    background-color: var(--base-btn-color) !important;
    background-color: #91804d;
    cursor: pointer;
    text-align: center;
}

    .genericButton:after {
        content: url(../CDN/Content/images/common/arrow-down.png);
        position: absolute;
        right: 4px;
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(0);
        filter: brightness(0);
    }

.goldButton a {
    color: white;
    text-decoration: none !important;
}

    .goldButton a:hover, .goldButton a:focus {
        color: white;
    }

.goldButton.download-button:after {
    content: none;
}

.download-button.goldButton {
    background-size: 15px;
}

.generic-request-quote {
    padding: 10px 10px 30px 10px;
    color: #000;
    background: #fff !important;
    border-radius: 5px 5px 0 0;
}

    .generic-request-quote button {
        float: right;
        margin-top: 5px;
    }

.error {
    color: #f00;
    font-size: smaller;
    display: table-cell;
}


.BackgroundMouseOver .htmlContentContainer .htmlContent br {
    display: none;
}

.BackgroundMouseOver .htmlContentContainer .content {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    -ms-grid-row-align: flex-start !important;
    align-items: flex-start !important;
    padding: 5px;
}

.f-container {
    background-size: cover;
    background-position-y: center;
}

#PageTopBanner, .smart-slider {
    margin-top: 105px;
}

@media (max-width: 992px) {
    #PageTopBanner, .smart-slider {
        margin-top: 74px;
    }
}

@media (max-width: 767px), (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait), (max-device-width: 1366px) and (orientation: landscape) {
    .teaser, .teaser-full {
        height: auto !important;
    }

    .smart-slider-wrapper {
        margin-top: 15px;
    }

    .slider .smart-slider-wrapper {
        margin-top: 0px;
    }
}

/*Hide Floating Menu Sessions Included*/
div.table-wrapper > table > tbody > tr:nth-child(3) {
    display: none;
}


/*NEWSLETTER*/

.newsletter .no-padding {
    padding: 0;
}

.newsletter .form {
    background-color: white;
}

    .newsletter .form form {
        padding: 25px;
    }

    .newsletter .form .row {
        width: auto;
        padding: 0;
    }

    .newsletter .form .title h1 {
        background: #009de0;
        color: #fff;
        font-size: 14px;
        padding: 5px 15px;
        margin: 0;
    }

    .newsletter .form .row.field {
        margin-bottom: 20px;
    }

        .newsletter .form .row.field .flex {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            .newsletter .form .row.field .flex img {
                width: 35px;
            }

            .newsletter .form .row.field .flex input[type=text] {
                border: 0.5px solid gray;
            }

            .newsletter .form .row.field .flex input[type=text], .newsletter .form .checkboxes .row.field.align-left label {
                margin-left: 25px;
                width: 100%;
                padding-left: 10px;
            }

        .newsletter .form .row.field .firstname, .newsletter .form .row.field .lastname {
            padding: 0;
        }

    .newsletter .form .checkboxes .row.field.align-left input[type=checkbox] {
        display: inline-block;
    }

    .newsletter .form .checkboxes .row.field.align-left label {
        display: inline-block;
        width: 85%;
        vertical-align: top;
    }

    .newsletter .form .checkboxes .row.field.align-left .error {
        margin-left: 50px;
    }

    .newsletter .form .footer .button-container button {
        border: none;
        background: #233241;
        color: #fff;
        margin-top: 25px;
        padding: 5px 15px;
        right: 15px;
        top: 0;
        margin-top: 15px;
        position: initial;
        float: right;
    }

    .newsletter .form .error {
        color: red;
        margin-left: 60px;
    }

.newsletter .firstname .error, .newsletter .lastname .error {
    margin-left: 60px;
}

@media (max-width: 768px) {
    .newsletter .form .row.field .firstname {
        margin-bottom: 20px;
    }
}

/************/



/*****CONTACT US (GENERIC REQUEST QUOTE)*****/

.contact-us-page .generic-request-quote {
    padding: 0;
    padding-bottom: 30px;
}

    .contact-us-page .generic-request-quote .accordion-item {
        background: #009de0;
        color: #fff;
        font-size: 14px;
        padding: 10px 15px;
        margin: 0;
        height: 44px;
        font-weight: bold;
        border-radius: 0;
        border: none;
    }

    .contact-us-page .generic-request-quote .accordion-item-panel {
        overflow: visible;
        max-height: 1126px;
        border: 0;
    }

    .contact-us-page .generic-request-quote .ng-select-container {
        width: 100%;
    }

    .contact-us-page .generic-request-quote .clear-grid-right {
        padding-right: 0;
    }

    .contact-us-page .generic-request-quote textarea {
        width: 100%;
        height: 70px;
    }

    .contact-us-page .generic-request-quote input[type=checkbox] {
        display: inline-block;
        margin-right: 20px;
        vertical-align: top;
    }

        .contact-us-page .generic-request-quote input[type=checkbox] ~ label {
            display: inline-block;
            width: 85%;
        }

    .contact-us-page .generic-request-quote button {
        border: none;
        background: #233241;
        color: #fff;
        margin-top: 25px;
        padding: 5px 15px;
        right: 15px;
        top: 0;
        position: initial;
        float: right;
        margin: 0px 15px;
    }

@media (max-width: 768px) {
    .contact-us-page .generic-request-quote .clear-grid-right {
        padding-left: 0;
    }
}

/********************/


@media (min-width: 768px) {
    .checkout .row {
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 1024px) and (orientation: portrait) {
    .onlyMobile {
        display: block !important;
    }

    .mhc-floating-menu {
        top: 10px !important;
    }
}

/*IPAD PRO PORTRAIT*/
/*@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
	.carousel-inner>.item>img, .carousel-inner>.item>a>img {
		margin-top: 0 !important;
	}
}*/

/*IPAD PORTRAIT*/
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
	.carousel-inner>.item>img, .carousel-inner>.item>a>img {
		margin-top: 110px !important;
	}
}*/

#footer {
    margin-top: 0;
}

.atp-row {
    background-color: #233241 !important;
    padding: 30px;
    color: white;
}

.atp-row-light {
    background-color: #efefef !important;
    padding: 30px;
    color: #233241;
}

.headline {
    font-size: 35px;
    font-weight: bold;
}

.introtext {
    font-size: 25px;
}

.second-level-menu {
    width: 310px !important;
}


footer .social-nav {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: space-between;
    padding: 5px;
}

footer .social-item {
    margin-right: 10px;
}

.atp-blue {
    color: #009de0 !important;
}

.atp-dark-blue {
    color: #233241 !important;
}

#Contactfield {
    z-index: 70 !important;
}

.table-wrapper {
    max-height: 300px !important;
    overflow-y: auto;
}

@media(max-width: 400px) {
    .cookiebanner-close {
        float: left !important;
        font-weight: 700 !important;
        margin-left: 30% !important;
    }

    .cookiebanner span {
        float: right !important;
    }
}
/*
@media(max-width: 768px) {
    .ecommerce .submit-btn button.btn,
    .ecommerce .submit-btn button.btn-accept,
    button.btn.btn-slanted.btn-right.btn-change-email {
        width: 100% !important;
        position: absolute;
        bottom: 0;
    }
    .ecommerce {
        position: relative;
    }
}
    */

.headerSeparator {
    height: 125px !important;
}

@media (min-width: 320px) and (max-width: 480px) {
    .headerSeparator {
        height: 111px !important;
    }
}




.steps .expirationTimer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 1em;
}

    .steps .expirationTimer .expirationTimerMsg {
        font-size: 12pt;
        margin-bottom: 20px;
        border: 2px solid var(--base-color);
        border: 2px solid #233241;
        padding: 5px 35px;
        text-align: center;
    }

        .steps .expirationTimer .expirationTimerMsg .time {
            font-size: 14pt;
            font-weight: bold;
            margin-left: 5px;
        }

.ecommerce.newshoppingcart {
    background: white;
    padding: 20px;
    padding-bottom: 50px;
}


/********* INTERNET EXPLORER compatibility *********/

select::-ms-expand {
    display: none;
}

/*--base-color*/

.step .step-header .title-wrapper .rounded-number {
    background-color: #233241;
}

.product .sessionsHeader,
.checkout-summary .summary-container .arrow-up,
.checkout-summary .summary-container .arrow-down,
.checkout-summary .summary-container .summary-content::-webkit-scrollbar-thumb,
.my-orders.mobile-mode .header-title,
.my-orders .event-order-wrapper .download-invoice,
.my-orders.mobile-mode .wrap-download-buttons .download-invoice,
.myAccountComponent .vs__actions {
    background-color: #233241;
}

.myAccountComponent .vs__actions,
.checkout-payment input[type="radio"]:checked + label:after,
.checkout-payment input[type="radio"]:not(:checked) + label:after,
.checkout-address-contact .line.active::before,
.customer-option.active::before {
    background: #233241;
}

/deep/ .btn-view-summary {
    border: 1px solid #233241;
}

.checkout-address-contact .line::before,
.customer-option::before {
    border: 2px solid #233241;
}

.checkout-login .create-account-link {
    border: 1.5px solid #233241;
}

.my-orders .order-summary-title,
.my-orders .event-order-wrapper .download-e-tickets,
.my-orders.mobile-mode .wrap-download-buttons .download-e-tickets {
    color: #233241;
}

/*--base-color-active-things*/

.myAccountComponent .option-wrapper .option.active,
h3.eventName, h3.summaryTitle  {
    color: white;
    background-color: #374452;
}

.my-orders .event-option:hover,
.my-orders .event-order-wrapper .order-item:hover {
    background-color: #dbdeee;
}

.my-orders .event-order-wrapper .order-item-content.expanded .product-type-list .product-type-item .header-panel:hover,
.myAccountComponent .option-wrapper .option.active {
    background-color: #374452;
}

.product .sessionsHeader,
.productMobile .sessionsHeaderMobile {
    background-color: #233241;
}

.product .productSessions,
.productMobile .sessions {
    background-color: #23324126;
}

.product .productSessions thead,
.product .productSessions tbody {
    background-color: lightgray;
}

.ecommerce.newshoppingcart .expirationTimerMsg {
    border: 2px solid #233241;
}