/* ==========================================================================
   General Site Styling
   ========================================================================== */
/*Search and list style*/
#searchandlist > .row:first-of-type > .col-sm-3:nth-of-type(3),
#searchandlist > .row:first-of-type > .col-md-3:nth-of-type(3) {
    width: 100%;
}
#searchandlist > .row:first-of-type > .col-sm-3:nth-of-type(2),
#searchandlist > .row:first-of-type > .col-md-3:nth-of-type(2) {
    width: 100%;
}
#searchandlist > .row:first-of-type > .col-sm-3:nth-of-type(2) .input-group,
#searchandlist > .row:first-of-type > .col-md-3:nth-of-type(2) .input-group,
#searchandlist > .row:first-of-type > .col-md-3:nth-of-type(3) .input-group {
    width: 100%;
}
@media screen and (max-width: 991px) {
    #searchandlist > .row:first-of-type > .col-sm-3:nth-of-type(2),
    #searchandlist > .row:first-of-type > .col-md-3:nth-of-type(2),
    .pt-page-quotesearch #searchandlist > .row:first-of-type > .col-md-3:nth-of-type(3){
        margin-top: 20px;
    }
}
@media screen and (min-width: 992px){
    #searchandlist > .row:first-of-type > .col-sm-3:nth-of-type(2),
    #searchandlist > .row:first-of-type > .col-md-3:nth-of-type(2),
    .pt-page-quotesearch #searchandlist > .row:first-of-type > .col-md-3:nth-of-type(3) {
        width: 30%;
    }
    #searchandlist > .row:first-of-type > .col-md-6 {
        width: 70%;
    }
    .pt-page-invoicesearch #searchandlist .form-control.js-searchlistbox {
        margin-top: 25px;
    }
    .pt-page-invoicesearch #searchandlist .js-pageQuerySearch.pt-btn-search {
        margin-top: 25px;
    }
}
 #searchandlist > .row:first-of-type > .col-sm-3:nth-of-type(3) .checkbox,
 #searchandlist > .row:first-of-type > .col-md-3:nth-of-type(3) .checkbox {
    margin-top: 15px;
    padding-left: 0;
    padding-right: 20px;
}
#searchandlist > .row:first-of-type .selected-user-wrapper {
    margin-left: 20px;
}
#searchandlist > .row:first-of-type .form-group .checkbox {
    float: left;
}

/* Customer information page */
.pt-page-usercustomerinformation .form-uppercase-label label {
    text-transform: none;
}
.pt-page-usercustomerinformation .control-label-static {
    margin-top: 0;
}

/* Quickshop */
.row.quickshopcontent {
    margin-left:  0px;
    margin-right: 0px;
    margin-top: 15px;
}
.quickshopcontent h4 {
    margin-top: 8px;
    text-transform: initial;
}
.quickshopcontent #quickHeader {
    padding-left: 0;
    padding-right: 0;
}
.quickshopcontent .col-sm-2.col-xs-2 {
    padding-right: 0;
}
.quickshopcontent .col-sm-2.col-xs-2 .btn {
    float: right;
    width: 100%;
    font-size: 0;
    height: 33px;
}
.quickshopcontent .col-sm-2.col-xs-2 .btn:after {
    content: '\f07a';
    font-size: 15px;
    font-family: fontawesome;
}
@media screen and (min-width: 992px){
    .quickshopcontent .col-sm-6.col-xs-6 {
        width: 58.33333%;
    }
    .quickshopcontent .col-sm-2.col-xs-2 {
        width: 8.33333%;
    }
}
@media screen and (max-width: 991px) {
    .quickshopcontent > div.col-sm-6.col-xs-6 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .quickshopcontent > div.col-sm-2.col-xs-4 {
        width: 50%;
        padding-right: 5px;
        padding-left: 0;
    }
    .quickshopcontent > div.col-sm-2.col-xs-2 {
        width: 50%;
        padding-left: 5px;
        padding-right: 0;
    }
    .quickshopcontent > div.col-sm-2.col-xs-2 .btn {
        width: 100%;
    }
    .quickshopcontent #quickHeader {
        padding-left: 0;
    }
}

/*Content banner*/
.section_ContentBanner .banner-wrapper-main {
padding-bottom:0;
}

.section_ContentBanner .slick-dotted.slick-slider {
margin-bottom:0;
}

.section_ContentBanner .carousel {
box-shadow:none;
}

.section_ContentBanner .slick-dots {
bottom:25px;
}

.section_ContentBanner .slick-dots li button:before {
font-size:10px;
opacity:0.6;
}

.slick-dots li.slick-active button:before {
opacity:1;
}
@media (max-width: 767px) {
    .carousel {
        margin: 0 0px;
    }
}
/* Login page */
.pt-page-login label {
    text-transform: none;
}
.pt-page-login .section_Image {
    margin-top: 0px;
}
.pt-page-login .section_Login input {
    height: 35px;
}
.section_Login {
    padding-bottom: 0 !important;
}
.section_Login h3 {
    display: none;
}
.section_Login .col-md-5 {
    width: 100%;
}
.section_Login .col-md-5 .col-sm-8 {
    width: 100%;
}
.section_Login .col-md-2.top37 {
    margin: 0;
    width: 100%;
}
.section_Login .col-md-5:first-of-type .col-sm-8:before {
    content: '\f007';
    font-family: fontawesome;
    font-size: 18px;
    position: absolute;
    top: 6px;
    left: 25px;
}
.section_Login .col-md-5:nth-of-type(2) .col-sm-8:before {
    content: '\f13e';
    font-family: fontawesome;
    font-size: 18px;
    position: absolute;
    top: 6px;
    left: 25px;
}
.section_Login input {
    padding-left: 32px;
}
.pt-page-login .section_ForgotPassword > h3.sub-header {
    border-bottom: none;
    text-transform: none;
    font-size: 1em;
    margin-top: 10px;
}
.pt-page-login .section_ForgotPassword > h3.sub-header:hover {
    cursor: pointer;
    text-decoration: underline;
}
.pt-page-login .section_ForgotPassword > h3.sub-header:after {
    content: '?';
}
.pt-page-login .section_ForgotPassword > p,
.pt-page-login .section_ForgotPassword > form {
    display: none;
}
.pt-page-login {
    background-size: cover;
    background-repeat: no-repeat;
}
.section_ForgotPassword {
    padding-bottom: 0 !important;
}
.section_SignUp h3 {
    text-transform: none;
    border-bottom: 0;
    margin-bottom: 5px;
}
.section_SignUp {
    border-top: 1px solid #eee;
    padding-top: 20px !important;
}
.section_Login #login-response-msg-holder {
    margin-top: 2px;
    font-size: 13px;
}
.pt-page-login .content > .container:first-of-type {
    background: #fff;
    max-width: 50vw;
    margin: 10vh auto;
}
.modal .section_ForgotPassword h3 {
    text-transform: none;
    border: none;
    margin-bottom: 5px;
}
/* Account details */
@media screen and (min-width: 992px) {
    .section_AccountDetail > form > .row > .col-md-6 {
        width: 75%;
    }
}
.pt-page-accountdetail .form-uppercase-label label {
    text-transform: none;
}

/*Breadcrumb*/
.breadcrumb-wrapper {
box-shadow: none;
}

/* Sidebar navigation */
.toggle-lvl-two li:first-of-type {
    box-shadow: none;
}
.sidebar-nav .sidebar-item {
    text-transform: none;
    border-bottom: 1px solid #eee;
    margin-left: 0;
    margin-bottom: 0;
}
.sidebar-nav .sidebar-item.sidebar-nav-heading {
    border: none;
    padding-left: 0;
    margin-bottom: 15px !important;
}
.sidebar-nav li.toggle-item {
    padding-bottom: 0px;
    padding-top: 7px;
}
.toggle-lvl-one .sidebar-item {
    padding-bottom: 12px;
}
.toggle-lvl-two {
    background: none;
}
.toggle-lvl-two .sidebar-item {
    padding-left: 15px;
}
.toggle-lvl-three {
    background: none;
}
.toggle-lvl-three .sidebar-item {
    padding-left: 30px;
}
.toggle-lvl-four {
    background: none;
}
.toggle-lvl-four .sidebar-item {
    padding-left: 45px;
}
.toggle-lvl-five {
    background: none;
}
.toggle-lvl-five .sidebar-item {
    padding-left: 60px;
}
.toggle-lvl-one .active {
    font-weight: 500;
}
.sidebar-nav .sidebar-item a.active {
    font-weight: 700;
}
.sidebar-nav li.active .toggle-btn {
    font-weight: 500;
}


/* Cookie notification */
#cookieNotification {
    z-index: 9998;
}

/* Modal */
.modal {
    z-index: 9999;
}
.modal-content {
    padding: 30px;
    max-height: 90vh;
    box-shadow: none;
    border: 1px solid #999;
}
.modal-dialog {
    margin-top: 5vh;
}
.modal-content .content {
    padding-top: 0;
}
.modal-header {
    padding: 0;
    min-height: 0;
}
.modal .close {
    margin-right: 0;
    top: 5px;
    right: 10px;
    font-size: 30px;
    color: grey;
}
.modal .close:hover {
    opacity: 1;
}
.modal .content {
    padding-bottom: 0;
}

/* Cart */
@media screen and (min-width: 992px) {
    .cart:hover {
        width: 100%;
    }
}
@media screen and (min-width: 768px) {
    .cart:hover {
        width: 100%;
    }
}
.cart-content {
   box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
}
.cart:hover {
    box-shadow: none;
}

/*Buttons*/
.btn, .btn:focus, .btn:active {
outline:none!important;
}

/* Section checkout */
.section_Checkout .btn.js-updateQuantity {
    margin-top: -3px;
}
@media screen and (min-width: 768px){
    [data-loggedin="False"] .OrderSummaryShipToAddress {
        padding-left: 15px;
    }
    [data-loggedin="False"] .OrderSummaryShipToAddress .col-md-6 {
        padding-left: 0;
    }
    [data-loggedin="False"] .OrderSummaryDetailsHeader .col-md-6 .form-group > .col-sm-7 {
        margin-left: -10px;
    }
}
@media screen and (max-width: 991px){
    [data-loggedin="False"] .OrderSummaryDetailsHeader .col-md-6 {
        padding-left: 15px !important;
    }
}
@media screen and (max-width: 767px){
    [data-loggedin="False"] .OrderSummaryDetailsHeader .col-md-6 {
        margin-left: -15px;
    }
}
[data-loggedin="False"] .section_CheckoutConfirmation #summaryWrapper > .row:first-of-type .col-md-6 {
    padding-left: 0;
}
.order-detail-wrapper label {
    margin: 0;
}
.section_Checkout .js-warehouse-selector {
    margin-bottom: -15px;
}
/* Section Checkout Confirmation */
.section_CheckoutConfirmation .basket-qty-input-field[readonly] {
    background: transparent;
    border: none;
}

/* Top bar links */
.top-bar .top-bar-link a, .top-bar .top-bar-link a:focus, .top-bar .top-bar-link a:active {
    background: none;
    border: none;
}

/* News list */
.pt-page-newsarchive .section_NewsList .section-heading,
.pt-page-content .section_NewsList .section-heading {
    letter-spacing: 0;
}
.pt-page-newsarchive .section_NewsList .news-list,
.pt-page-content .section_NewsList .news-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pt-page-newsarchive .section_NewsList .post,
.pt-page-content .section_NewsList .post {
    width: 31.33333%;
}
.pt-page-newsarchive .section_NewsList .post-body,
.pt-page-content .section_NewsList .post-body {
 	padding: 10px 0 0; 
}
.pt-page-newsarchive .section_NewsList .post .media > a,
.pt-page-newsarchive .section_NewsList .post .media > a img,
.pt-page-content .section_NewsList .post .media > a,
.pt-page-content .section_NewsList .post .media > a img {
    max-width: 100%;
}
.pt-page-newsarchive .section_NewsList .post .media > .media-body,
.pt-page-content .section_NewsList .post .media > .media-body {
    width: 100%;
}
.pt-page-newsarchive .section_NewsList .post .media-body .post-heading.media-heading,
.pt-page-content .section_NewsList .post .media-body .post-heading.media-heading {
    margin-top: 10px;
}
.pt-page-newsarchive .section_NewsList .post .media > .pull-left,
.pt-page-content .section_NewsList .post .media > .pull-left {
    margin-right: 0;
}
@media screen and (max-width: 991px){
    .pt-page-newsarchive .section_NewsList .post,
  	.pt-page-content .section_NewsList .post{
        width: 48%;
    }
}
@media screen and (max-width: 576px){
    .pt-page-newsarchive .section_NewsList .post,
  	.pt-page-content .section_NewsList .post {
        width: 100%;
    }
}

/* News menu */
.section_NewsList ul.news-menu {
    padding-left: 0;
    width: 100%;
}


/* News detail */
.section_NewsDetail .article-intro {
    margin-top: 10px;
}
.section_NewsDetail .article-date {
    margin-bottom: 10px;
}
.section_NewsDetail .article-title {
    margin-top: 0px;
    margin-bottom: 5px;
}

/* Alertify dialog */
.alertify-dialog .alertify-message {
    color: #000;
}
.alertify-dialog button,
.alertify-dialog button:hover,
.alertify-dialog button:focus,
.alertify-dialog button:active {
    border-radius: 2px;
    padding: 6px 14px;
    height: 33px;
    line-height: 1.33;
    text-shadow: none;
    background-image: none;
    box-shadow: none;
    width: 49%;
    float: left;
    margin-left: 0;
    margin-right: 1%;
    margin-bottom: 10px;
}
.alertify-dialog button:last-of-type {
    margin-right: 0;
    float: right;
}
.alertify-dialog .alertify-buttons {
    border-radius: 0;
    box-shadow: none;
    padding-top: 5px;
  	background: #fff;
	border: none;
}
#alertify {
    border-radius: 0;
    border: 1px solid #ccc;
    max-width: 400px;
    padding-top: 5px;
    padding-bottom: 10px;
    top: 100px;
}
#alertify p {
    text-align: center;
}
/* Alertify logs */
.alertify-log {
  border-radius: 0;
  text-align: center;
  text-shadow: none;
  padding: 10px;
}

/* Megamenu */
@media screen and (min-width: 1200px) {
    .cd-nav > ul {
        margin: 0;
        padding-right: 0;
        float: left;
    }
  	.cd-primary-nav > li > a {
        height: 30px;
        line-height: 30px;
      	font-size:16px;
    }
    .cd-primary-nav .cd-secondary-nav {
      	top: 56px;
        left: 0;
      	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    	border-top: 1px solid #ccc;
      	padding-left: 25px;
    	padding-right: 25px;
      	height: auto !important; 
    }
  	.cd-main-header {
    	border-bottom: none;
	}
  	.desktop-menu .cd-primary-nav .cd-nav-icons li:nth-child(3n), .cd-primary-nav .cd-secondary-nav > li:nth-child(4n+3) {
    	clear: none;
	}
}

/* Megamenu mobile toggle */
@media screen and (max-width: 1199px) {
    .cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
        background: #2e3233;
        left: 0px;
        top: 0px;
        width: 28px;
    }
    .cd-nav-trigger.nav-is-visible {
        background: #D4D6D8;
      	border:5px solid #D4D6D8;
    	border-radius: 100%;
        left: -35px;
        height: 40px;
        width: 45px;
    }
    .cd-nav-trigger.nav-is-visible span {
        top: 9px;
        left: 4px;
    }
    .cd-nav-trigger.nav-is-visible span::after {
        top: 15px;
    }
    .cd-main-header.nav-is-visible {
        top: 2px;
        color: transparent;
        position: fixed;
        right: 0;
        z-index: 9999;
    }
    /*.cd-nav-trigger span::after {
        top: 7px;
    }
    .cd-nav-trigger span {
        top: 22px;
        left: 9px;
    }
    .cd-nav-trigger span::before {
        top: -7px;
    }*/
    .cd-primary-nav {
        margin-top: 0 !important;
    }
  	.cd-primary-nav .has-children > a::before, .cd-primary-nav .has-children > a::after, .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after 	{
    	background: #fff;
	}
}
@media screen and (max-width: 1199px) {
    .cd-nav-trigger span {
        top: 27px;
        left: 16px;
    }
    .cd-nav-trigger span::before {
        top: -8px;
    }
    .cd-nav-trigger:not(.nav-is-visible) span::after {
        display: none;
        top: 7px;
    }
}
/* Contact us form */
.section_ContactUsForm .col-sm-offset-3.col-sm-5.send-copy-holder {
    margin-left: 0;
}
.section_ContactUsForm .col-sm-offset-3.col-sm-5.send-copy-holder .control-label-lg {
    position: relative;
    top: -3px;
    margin-right: 5px;
}
.section_ContactUsForm .col-sm-offset-3.col-sm-5.send-copy-holder input[type="checkbox"] {
    cursor: pointer;
}
.section_ContactUsForm #ContactUsFormSubmit {
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
}
.section_ContactUsForm .form-horizontal > .row > .col-sm-4 {
    float: right;
    width: 40% !important;
}
.section_ContactUsForm .form-horizontal > .row > .col-sm-5 {
    width: 60%;
    float: left;
}
@media screen and (max-width: 576px) {
    .section_ContactUsForm .form-horizontal > .row > .col-sm-4 {
        width: 100% !important;
    }
    .section_ContactUsForm .form-horizontal > .row > .col-sm-5 {
        width: 100% !important;
    }
    .section_ContactUsForm #ContactUsFormSubmit {
        width: 100%;
    }
}

/* PDF link */
.CustomPdfStylePrint .basket-total-lines {
    width: 70% !important;
}
.CustomPdfStylePrint .basket-total-lines > .row {
    width: auto; 
} 
.CustomPdfStylePrint .basket-total-lines .col-sm-7.col-xs-6 h5 {
    font-weight: bold;
}
.CustomPdfStylePrint .basket-total-lines .col-sm-5.col-xs-6 {
    width: auto;
  	float: right;
}
.CustomPdfStylePrint .basket-total-lines .col-xs-6:only-child {
    width: 100%;
}
.CustomPdfStylePrint #summaryWrapper > .row:last-of-type > .col-md-12 > fieldset > .row {
    margin-left: 0px;
}
.CustomPdfStylePrint .btn {
  	display: none;
}
/* Checkout import button move to old position */
@media screen and (min-width: 550px){
    .cartactions-container .section_BasketProductImport {
        float: left;
        margin-left: 10px;
        padding-bottom: 0;
    }
}
.cartactions-container .btn {
    height:;
}
.cartactions-container #EmptyCart {
    float: left;
}

/*.pt-page-favoriteproducts h1 {
    font-size: 30px;
    font-weight: 700;
    margin-top: 0;
}*/
.section_ShopplingList .fa-small-header {
    display: none;
}
/* Checkout section */
.section_CheckoutConfirmation .basket-qty-input-field[readonly] {
    background: transparent;
    border: none;
}
/* Alignment */
.order-detail-wrapper label{
    margin-bottom: 0px;
}
.section_OrderDetail .order-detail-wrapper .row:nth-child(2) tr td{
    padding-top:4px;
    padding-left:2px;
    padding-bottom:0px !important;
    
}
.section_TransactionalDocumentDetails .order-detail-wrapper .row:nth-child(2) tr td{
    padding-top:4px;
    padding-left:2px;
    padding-bottom:0px !important;
    
}
.pt-page-orderdetail .section_PdfLink{
    float:left;
}
/* Order/Invoice/Quote Information Style Adjustments */
.section_TransactionalDocumentDetails hr{
    display: none;
}
.section_InvoiceDetail .col-md-6 .col-md-5{
    font-weight: bold;
}
.section_InvoiceDetail .col-md-6 div{
    padding-top:4px;
}
.section_InvoiceDetail h1{
    border-bottom:none !important;
}
.section_QuoteDetail .col-md-4, .section_QuoteDetail .col-md-5{
    font-weight: bold;
}
.section_QuoteDetail .col-md-6 .row {
    padding-top:4px;
}
/* Section checkout & Section Checkout Confirmation alignment */
.section_Checkout .btn.js-updateQuantity {
    margin-top: -3px;
}
.section_Checkout .js-warehouse-selector {
    margin-bottom: -15px;
}
[data-loggedin="True"] .section_Checkout .OrderSummaryShipToAddress {
    margin-left: 0;
    margin-right: 0;
}
[data-loggedin="True"] .OrderSummaryDetailsHeader > fieldset > div > .form-group {
    margin-left: -15px;
    margin-right: -15px;
}
.section_Checkout #summaryWrapper > .row {
    margin: 0;
}
@media screen and (min-width: 768px){
    [data-loggedin="False"] .OrderSummaryShipToAddress {
        padding-left: 15px;
    }
    [data-loggedin="False"] .OrderSummaryShipToAddress .col-md-6 {
        padding-left: 0;
    }
    [data-loggedin="False"] .OrderSummaryDetailsHeader .col-md-6 .form-group > .col-sm-7 {
        margin-left: -10px;
    }
	#summaryWrapper .cart-view-table .last-cell {
	    width: 5px;
	    padding: 0;
	}
	#summaryWrapper #basketList-standard .col-md-12 .cart-view-content.table-responsive~.row {
	    padding-right: 15px;
	}
	.section_CheckoutConfirmation .cart-view-content {
	    margin-top: 15px;
	}
	.section_CheckoutConfirmation .cart-view-table .last-cell {
	    width: 5px;
	    padding: 0;
	}
	.section_CheckoutConfirmation #basketList-standard .col-md-12 .cart-view-content.table-responsive~.row {
	    padding-right: 15px;
	}
}
@media screen and (max-width: 991px) and (min-width: 768px){
    [data-loggedin="False"] .OrderSummaryDetailsHeader .col-md-6 {
        padding-left: 15px !important;
    }
    [data-loggedin="True"] .section_Checkout .OrderSummaryShipToAddress {
    	padding-left: 15px;
	}
	.OrderSummaryDetailsHeader > fieldset > div > .form-group {
	    margin-left: 0;
	}
	.section_CheckoutConfirmation #summaryWrapper fieldset > div > div > .form-group {
	    margin-left: 0;
	}
  	[data-loggedin="True"] .OrderSummaryDetailsHeader > fieldset > div > .form-group {
    	margin-left: 0px;
    	margin-right: 0px;
    }
  	[data-loggedin="False"] .OrderSummaryDetailsHeader > fieldset > div > .form-group {
        margin-left: -15px;
    }
}
@media screen and (max-width: 767px){
    [data-loggedin="True"] .section_Checkout #summaryWrapper #basketList-standard > div > .row {
	    padding-left: 15px;
	    padding-right: 15px;
	}
  	[data-loggedin="False"] .section_Checkout .OrderSummaryShipToAddress {
    	margin: 0;
	}
  	.section_Checkout .OrderSummaryShipToAddress {
    	padding-left: 15px;
	}
  	.section_CheckoutConfirmation #summaryWrapper fieldset > .row > div > .form-group {
        margin-left: 0 !important;
    }
}
.section_CheckoutConfirmation .basket-total-lines h5 {
    font-weight: bold;
}
.section_CheckoutConfirmation #summaryWrapper > .row:first-of-type {
    margin-bottom: 15px;
}
#summaryWrapper fieldset .form-group .control-label-static {
    margin: 0;
}
#summaryWrapper fieldset .form-group {
    margin-bottom: 3px !important;
}
.basket-total-lines td:last-of-type{
    padding-right:0px;
}
#referencesField .control-label-static {
    margin-top:0px;
  	font-size:inherit;
}
/* Checkout alignment END */
/*Exploded Views Preview Image Fix*/
.mfp-wrap{
    z-index: 10000 !important;
}
/*----*/
/* Account Detail Page - Hide Price Checkbox Alignments */
.pt-page-accountdetail label[for="hidePrice"]{
    margin-bottom: 0px;
    margin-top:5px;
}
.pt-page-accountdetail #hidePrice,
.pt-page-accountdetail #hideNetPriceAndDiscount{
    margin-top:0px;
}
/*----*/
/* Contact form send copy alignment*/
.section_ContactUsForm #contactusform .send-copy-holder{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    white-space: nowrap;
    gap:10px;
    position: absolute;
}
@media screen and (max-width:767px){
    .section_ContactUsForm #contactusform .send-copy-holder{
        position: static;
        padding-bottom:10px;
    }
}
/*Product List Avail & Price Alignment*/
#productlist .productAvailability{
    float:left;
}
#productlist .js-avail-wrapper{
    padding-top:1px;
}
#productlist .hover-product-price{
    text-align: right;
}
.hover-product-title a:hover{
	color:#000;
}

/*Product table price alignment*/

table.producttable th.header-field-price, table.producttable td.field-price {
	text-align: right;
}


table.producttable td.field-price h4.hover-product-price  {
	margin-bottom: 0;
}


/* Order/quote detail page alignment */
.section_TransactionalDocumentDetails table.order-lines > tbody > tr > td:nth-of-type(2) > div {
    white-space: pre-line;
    text-align: unset !important;
    margin-bottom: 15px;
}
.section_TransactionalDocumentDetails table.order-lines > tbody > tr > td:nth-of-type(2) > div a {
    white-space: normal;
}
.section_TransactionalDocumentDetails table.order-lines > tbody > tr > td:nth-of-type(2) > div span {
    white-space: normal !important;
}
.section_QuoteDetail table.order-lines > tbody > tr > td:nth-of-type(3) {
    white-space: pre-line;
    text-align: unset !important;
}
.section_TransactionalDocumentDetails .DeliveredQty_OrderedQty, .section_TransactionalDocumentDetails .NetPrice, .section_TransactionalDocumentDetails .GrossPrice_Discount, .section_TransactionalDocumentDetails .Unit, .section_TransactionalDocumentDetails .LineSum {
    text-align: right;
}/* ==========================================================================
   Template styling
   ========================================================================== */
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("https://fonts.parttrap.com/Icons/material-icons-round.woff2") format("woff2"), url("https://fonts.parttrap.com/Icons/material-icons-round.woff") format("woff");
}
/* Dashboard
   ========================================================================== */
.dashboard {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


@media screen and (min-width:768px) {
	.dashboard-item {
		flex: 1;
	}
	.dashboard-item {
		margin-left: 10px;
		margin-right: 10px;
	}

	.dashboard-item:first-of-type {
		margin-left: 0;
	}
	.dashboard-item:last-of-type {
		margin-right: 0;
	}
}
/* Dashboard items mobile */
@media screen and (max-width:767px){
    .dashboard{
        flex-direction: column;
    }
    .dashboard .dashboard-item{
        width:100%;
        height:46px;
        margin-bottom:15px;
    }
    .dashboard .dashboard-item .dashitem{
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
        padding:15px;
        border-radius: 2px;
    }
    .dashitem .fa::before {
        font-size: 22px !important;
    }
    .dashitem .dashitem-heading{
        margin:0px;
    }
}
.dashboard-item {
	position: relative;
	height: 125px;
}
.dashitem {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	text-align: center;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(122,122,122,1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(122,122,122,1);
	box-shadow: 0px 0px 3px 0px rgba(122,122,122,1);
	display: flex;
	flex-direction: column;
	justify-content: center;
  	align-items:center;
	background: white;
  	border-radius:20px;
}
a.dashitem-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
a.dashitem-link:hover {
	text-decoration: none;
}
.dashitem .fa {
	font-size: 0;
	color: #003E7A;
}
.dashitem .fa::before {
	font-size: 36px;
}
.dashitem img {
	width: 100px;
}
.dashitem .dashitem-heading {
	margin-bottom: 5px;
}
@keyframes ScaleDashitem {
	from
	{transform: scale(1)}
	to
	{transform: scale(1.01)}
}
a.dashitem-link:hover ~ .dashitem {
	animation: ScaleDashitem 0.3s;
	animation-fill-mode: forwards;
}
@media screen and (max-width:767px) {
	.dashitem-info {
		display: none;
	}
	.dashboard-item {
		/*height: 150px;
		width: 48%;
		margin-bottom: 20px;
		flex-grow: 1;*/
	}
	.dashitem-img {
		width: 60px;
	}
}


/* Search template
   ========================================================================== */
/* Search template */
.search-icon {
    font-family: fontawesome;
    font-size: 25px;
    cursor: pointer;
}
.search-icon img {
    width: 25px;
}

/* Search section (Add this class to container you want to toggle - needs script also) */
.search-container {
    display: none;
}

/* Social media links
   ========================================================================== */
.social-media-links {
   font-size: 35px;
}
.social-media-links a:hover,
.social-media-links .social-link-image img:hover {
    text-decoration: none;
    transform: scale(1.1);
}
.social-media-links a:active,
.social-media-links a:focus {
 	text-decoration: none; 
}

.social-media-links .social-link-image img {
    width: 35px;
}

/* Hero image with text and button
   ========================================================================== */
.hero-container {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    text-align: center;
  	background-size: cover;
    background-position: center;
}
.hero-container > h1,
.hero-container > a {
    width: 100%;
}
/* Top & Bottom fade*/
.hero-container {
  position: relative;
  overflow: hidden;
}
.hero-container::before,
.hero-container::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 100px;
  pointer-events: none;
}
.hero-container::before {
  top: 0;
  background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0));
    color:rgb(2,20,35);
}
.hero-container::after {
  bottom: 0;
  background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));
}
.content:has(.dark-bg) .hero-container::before {
  top: 0;
  background: linear-gradient(to bottom, rgba(2,20,35,1), rgba(2,20,35,0));
    color:rgb(2,20,35);
}
.content:has(.dark-bg) .hero-container::after {
  bottom: 0;
  background: linear-gradient(to top, rgba(2,20,35,1), rgba(2,20,35,0));
}
/* Contact info card
   ========================================================================== */
.contact-card {
    line-height: 170%;
}
.contact-card .contact-name {
    margin-top: 10px;
}
.contact-card h3 {
    margin-bottom: 5px;
}
.contact-card .contact-title {
    width: 100%;
    float: left;
}
.contact-card .contact-icons {
    margin-top: 5px;
}
.contact-card .contact-icons a {
    font-size: 20px;
}
.contact-card .contact-icons a:hover {
    text-decoration: none;
}

/* FAQ Accordion
   ========================================================================== */
.accordion-container input {
    display: none;
}
.accordion-container {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
}
.accordion-container label {
    display: block;
    cursor: pointer;
    /*border-bottom: 2px solid #eee;*/
    padding: 10px 0px;
}
.accordion-container label:after {
    content: '\f078';
    font-family: fontawesome;
    float: right;
    transform: rotate(0deg);
    transition: all 0.3s;
}
input +  label + .accordion-content {
    visibility: hidden;
    opacity: 0;
    height: 0;
    padding: 0;
    transition: all 0.2s;
}
input:checked + label + .accordion-content {
    visibility: visible;
    opacity: 1;
    transition: all 0.5s;
    height: auto;
    padding: 10px 0px;
}
input:checked + label {
    border-color: #000;
    color: #000;
}
input:checked + label:after {
    transform: rotate(180deg);
    transition: all 0.3s;
}
/* FAQ ACCORDIAN */
.accordion-container label:after {
    content: '+';
    font-family: 'Helvetica', Arial, sans-serif;
    font-size:22px;
    float: right;
    transform: none;
    transition: all 0.3s;
    width:40px;
    height:40px;
    border-radius: 10px;
    border: 1px solid rgba(192, 232, 250, 0.5);
    padding:4px;
    text-align: center;
    margin-top:-10px;
}
.accordion-container input:checked + label:after {
    content:"-";
    font-size:22px;
    transform: none;
    transition: all 0.3s;
    padding-top:2px;
}
.dark-bg ~ .container .accordion-container label{
    color:#fff;
    border-color:#fff;
    font-weight: normal;
    border-bottom:none;
}
.dark-bg ~ .container .accordion-container .accordion-content p{
    color:#ccc;
}
.accordion-container > div{
    border: 1px solid rgba(192, 232, 250, 0.2);
    border-radius: 10px;
    margin:10px 0px;
    padding:10px;
}
.accordion-container label{
    font-size:1.6rem;
    margin-bottom: 0px;
}
.white-bg .accordion-container > div {
    border: 2px solid rgba(192, 232, 250, 0.7);
}
.white-bg .accordion-container label:after{
    border: 2px solid rgba(192, 232, 250, 1);
}
@media screen and (max-width:767px){
    .accordion-container{
        margin:0px 15px;
    }
}
/* Info card icon left
   ========================================================================== */
.info-card-left .info-card-top {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.info-card-left img {
    max-width: 30px;
    margin-right: 10px;
}
.info-card-left h3 {
    margin-bottom: 0;
}
.info-card-left .fa {
 	font-size: 0px; 
}
.info-card-left .fa:before {
    font-size: 30px;
    margin-right: 10px;
  	display: block;
}
/* Info card centered
   ========================================================================== */
.info-card-centered {
    text-align: center;
}
.info-card-centered .fa {
 	font-size: 0px; 
}
.info-card-centered img {
    max-width: 60px;
    margin-bottom: 10px;
}
.info-card-centered .fa:before {
    font-size: 60px;
    margin-bottom: 15px;
  	display: block;
}

/* Video
   ========================================================================== */
.video-embed-container { 
  	position: relative; 
  	padding-bottom: 56.25%; 
  	height: 0; 
  	overflow: hidden;
  	max-width: 100%; 
  	border-radius: 20px;
} 
.video-embed-container iframe, .video-embed-container object,
.video-embed-container embed { 
  	position: absolute; 
  	top: 0; 
  	left: 0; 
  	width: 100%; 
  	height: 100%; 
}
.video-embed-container{
    position: relative;
}
.video-embed-container iframe{
    z-index: 0 !important;
}
.video-embed-container > .video-overlay{
    z-index:5 !important;
    position: absolute;
    bottom:0;
    display: flex;
    justify-content: space-between;
    padding:40px 20px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 90%);
  	pointer-events: none;
}
.video-embed-container > .video-overlay > div:last-of-type{
    flex-basis: 30%;
}
.video-embed-container > .video-overlay .top-header{
    font-weight: 100;
}
.video-embed-container > .video-overlay .bottom-header{
    font-weight:;
    font-size:5rem;
}
@media screen and (max-width:767px){
    .video-embed-container{
        margin:auto 15px;
    }
    .video-overlay .top-header{
        font-size:1.8rem;
    }
    .video-overlay .bottom-header{
        font-size:2.8rem !important;
        margin-bottom: 0px;
    }
    .video-embed-container > .video-overlay > div:last-of-type{
        display: none;
    }
    .video-embed-container > .video-overlay{
        padding:15px 20px;
        align-items: center;
        width: 100%;
    }
}
/* Image card with text on top
   ========================================================================== */
.image-card-text-top {
    background-size: cover;
    background-repeat: none;
    background-position: center;
    position: relative;
    padding: 20px;
}
.image-card-text-top.centered {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.image-card-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.7;
}
.image-card-text {
    position: relative;
    z-index: 555;
}
/* Drop Image Banner */
.drop-banner-container > img {
    height: 205px;
    width: 170px;
    object-fit: cover;
    clip-path: path("M84 0 Q 84 0, 140 100.8 A 63 67.2 0 1 1 28 100.8 Q 84 0 84 0z");
    transition: transform 0.3s ease;
}
.drop-banner-container{
    display: flex;
    text-align: center;
    position: relative;
    height:65vh;
}
.drop-banner-container > div{
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.drop-banner-container .rings h2, .drop-banner-container p, .drop-banner-container a{
    z-index:5 !important;
}
.drop-banner-container > div p{
    max-width:100% !important;
    margin:15px auto 20px auto;
}
@media screen and (max-width:767px){
    .drop-banner-container > div p {
        margin: 15px 15px 20px 15px;
    }
}
.drop-banner-container h1,
.drop-banner-container h2{
    font-size: 59px !important;
    font-weight: 300;
    white-space: pre-wrap;
    max-width:100%;
    margin:0 auto;
}
@media screen and (max-width:998px){
    .drop-banner-container h1, .drop-banner-container h2{
        font-size:3rem !important;
    }
}
.drop-banner-container > img:first-of-type{
    position: absolute;
    left:10%;
    top:0;
}
.drop-banner-container > img:last-of-type{
    position: absolute;
    right:10%;
    bottom:0;
}
@media screen and (max-width:1499px){
    .drop-banner-container > img{
        transform: scale(0.6)
    }
    .drop-banner-container > img:first-of-type{
        left:0;
    }
    .drop-banner-container > img:last-of-type{
        right:0;
    }
}
@media screen and (max-width:767px){
    .drop-banner-container > img{
        transform: scale(0.5);
        z-index:-1;
    }
    .drop-banner-container > img:first-of-type{
        left:-5%;
        top:-5%;
    }
    .drop-banner-container > img:last-of-type{
        right:-5%;
    }
    .drop-banner-container h2{
        max-width:70%;
    } 
}
/*Ring 3*/
.drop-banner-container:before{
    width:75vw;
    height:75vw;
}
/* Ring 1 & 2 */
.drop-banner-container:before,
.drop-banner-container .rings::before,
.drop-banner-container .rings::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(192, 232, 250, 0.1);
  border-radius: 50%;
  z-index: 0;
}
.drop-banner-container .rings::before {
  width: 30vw;
  height: 30vw;
}
.drop-banner-container .rings::after {
  width: 55vw;
  height: 55vw;
}
.drop-banner-container .rings > *{
    position: relative;
    z-index:100;
}
/* Image Infinite Scroll
 ============================= */
.img-infinite-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}
/* Half-circle at the bottom */
.img-infinite-link {
    content: "";
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 125px; /* Adjust height as needed */
    background: white; /* Match your background or desired color */
    border-top-left-radius: 60% 110%;
    border-top-right-radius: 60% 110%;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.25) 0px -15px 10px;
}
.img-infinite-wrapper ~ .img-infinite-link a.btn{
    background:rgb(2,20,38);
        background: linear-gradient(90deg, rgba(2,20,38, 1) 83%, rgba(86, 154, 243, 1) 150%);
    border-color:#011426;
    color:#fff !important;
}
.img-infinite-wrapper ~ .img-infinite-link a.btn:after{
    color:#fff;
}
.img-infinite-container {
    display: flex;
    white-space: nowrap;
}
.img-infinite-container img {
    height: 500px;
    width: 350px;
    object-fit: cover;
    margin-right: 20px;
    border-radius: 25px;
}
@media screen and (max-width:767px){
    .img-infinite-container img{
        height:250px;
        width:175px;
    }
    .img-infinite-link{
        height:65px
    }
}
/*----------------*/
/* Info Tape
 ======================= */
.row:has(.info-tape-wrapper){
    margin-bottom:50px;
}
.info-tape-wrapper {
    position: relative;
    bottom:-75px;
    width:100%;
    max-width: calc(100% - 0.2px);
}
.info-tape-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #95B7C9;
    transform: rotateZ(-1deg);
    z-index: 0;
    width:100%;
    overflow: hidden;
}
.info-tape-container {
    display: flex;
    justify-content: space-between;
    background: #ACE3FE;
    transform: rotateZ(1deg);
    position: relative;
    z-index: 1;
    padding: 0px 30px;
    bottom:;
    width:100%;
    overflow: hidden;
  	gap:25px;
}
.info-tape-container p:before{
    content: "";
    display: inline-block;
    width: 20px;
    height: 17px;
    background: #fff;
    clip-path: path("M7 0 Q 7 0, 11.665 8.4 A 5.25 5.6 0 1 1 2.335 8.4 Q 7 0 7 0z");
    margin-bottom: -2px;
    margin-right:5px;
}
.info-tape-container p{
    font-size:18px;
    font-weight: 600;
    margin:20px 0px;
  	white-space: pre;
}
@media screen and (max-width:998px){
    .info-tape-wrapper .info-tape-container p{
        font-size:1.4rem;
    }
}
.top .info-tape-wrapper{
    bottom:75px;
}
/*----*/
/* Location Card */
.loc-card-wrapper{
    display: flex;
    gap:20px;
    border: 1px solid rgba(192, 232, 250, 0.2);
    border-radius: 20px;
    padding:15px;
}
.loc-card-text .loc-card-text-inner{
    display: flex;
    justify-content: space-between;
}
.loc-card-text{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}
/* Loc Image */

.loc-card-wrapper .loc-card-img img{
    aspect-ratio:1/1;
    max-height: 250px;
    border-radius: 20px;
    border: 1px solid rgba(192, 232, 250, 0.2);
  	object-fit:cover;
}
/* Loc Text*/
.loc-card-text .loc-name{
    font-size:2.2rem;
    font-weight: bold;
    margin:10px 0px 15px 0px;
}
.loc-card-text-inner{
    border-top: 1px solid rgba(192, 232, 250, 0.2);
    padding:20px 20px 10px 20px;
    width: 100%;
}
.loc-address, .loc-link, .loc-phone, .loc-fax{
    display: flex;
    align-items: center;
    font-size:1.75rem;
}
.loc-address:before, .loc-link:before, .loc-phone:before, .loc-fax:before{
    content:"";
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 27px;
    height: 27px;
    color: transparent;
    font-size: 0px;
    margin-right: 10px;
}
.loc-address:before{
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M11.9999%2013.4299C13.723%2013.4299%2015.1199%2012.0331%2015.1199%2010.3099C15.1199%208.58681%2013.723%207.18994%2011.9999%207.18994C10.2768%207.18994%208.87988%208.58681%208.87988%2010.3099C8.87988%2012.0331%2010.2768%2013.4299%2011.9999%2013.4299Z%22%20stroke%3D%22%23ACE3FE%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.6202%208.49C5.5902%20-0.169998%2018.4202%20-0.159997%2020.3802%208.5C21.5302%2013.58%2018.3702%2017.88%2015.6002%2020.54C13.5902%2022.48%2010.4102%2022.48%208.3902%2020.54C5.6302%2017.88%202.4702%2013.57%203.6202%208.49Z%22%20stroke%3D%22%23ACE3FE%22%20stroke-width%3D%221.5%22/%3E%3C/svg%3E");
}
.loc-link:before{
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2234%22%20height%3D%2234%22%20viewBox%3D%220%200%2034%2034%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M20.1538%209.84413L7.64508%2013.7261C4.67523%2014.6454%204.6328%2018.8315%207.58144%2019.8143L11.018%2020.9598C11.9726%2021.278%2012.7221%2022.0276%2013.0403%2022.9822L14.1858%2026.4187C15.1687%2029.3673%2019.3477%2029.3178%2020.274%2026.3551L24.156%2013.8463C24.9197%2011.3856%2022.6145%209.08045%2020.1538%209.84413Z%22%20stroke%3D%22%23ACE3FE%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}
.loc-phone:before{
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M21.97%2018.33c0%20.36-.08.73-.25%201.09-.17.36-.39.7-.68%201.02-.49.54-1.03.93-1.64%201.18-.6.25-1.25.38-1.95.38-1.02%200-2.11-.24-3.26-.73-1.15-.49-2.3-1.15-3.44-1.98-1.15-.84-2.24-1.77-3.28-2.8-1.03-1.04-1.96-2.13-2.79-3.27C3.86%2012.08%203.2%2010.94%202.72%209.81%202.24%208.67%202%207.58%202%206.54c0-.68.12-1.33.36-1.93.24-.61.62-1.17%201.15-1.67C4.15%202.31%204.85%202%205.59%202c.28%200%20.56.06.81.18.26.12.49.3.67.56l2.32%203.27c.18.25.31.48.4.7.09.21.14.42.14.61%200%20.24-.07.48-.21.71-.13.23-.32.47-.56.71l-.76.79c-.11.11-.16.24-.16.4%200%20.08.01.15.03.23.03.08.06.14.08.2.18.33.49.76.93%201.28.45.52.93%201.05%201.45%201.58.54.53%201.06%201.02%201.59%201.47.52.44.95.74%201.29.92.05.02.11.05.18.08.08.03.16.04.25.04.17%200%20.3-.06.41-.17l.76-.75c.25-.25.49-.44.72-.56.23-.14.46-.21.71-.21.19%200%20.39.04.61.13.22.09.45.22.7.39l3.31%202.35c.26.18.44.39.55.64.1.25.16.5.16.78z%22%20stroke%3D%22%23ACE3FE%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22/%3E%3Cpath%20d%3D%22M18.5%209c0-.6-.47-1.52-1.17-2.27-.64-.69-1.49-1.23-2.33-1.23%22%20stroke%3D%22%23ACE3FE%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M22%209c0-3.87-3.13-7-7-7%22%20stroke%3D%22%23ACE3FE%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}
.loc-fax:before{
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M7.25%207H16.75V5C16.75%203%2016%202%2013.75%202H10.25C8%202%207.25%203%207.25%205V7Z%22%20stroke%3D%22%23ACE3FE%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M16%2015V19C16%2021%2015%2022%2013%2022H11C9%2022%208%2021%208%2019V15H16Z%22%20stroke%3D%22%23ACE3FE%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M21%2010V15C21%2017%2020%2018%2018%2018H16V15H8V18H6C4%2018%203%2017%203%2015V10C3%208%204%207%206%207H18C20%207%2021%208%2021%2010Z%22%20stroke%3D%22%23ACE3FE%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M17%2015H15.79H7%22%20stroke%3D%22%23ACE3FE%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M7%2011H10%22%20stroke%3D%22%23ACE3FE%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}
.loc-address{
    margin-bottom:15px;
}
.loc-fax{
    margin-bottom: 0px;
}

/* CORE BRAND INDEX 
 ======================================== */
/* Brand Texts Container */
.core-brand-texts {
    position: relative;
    height: 100%;
}
.core-brand-container .core-brand-texts {
    display: flex;
    justify-content: center;
    align-items: center;
    width:50%;
    text-align: center;
}
.core-brand-container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    height: 100vh;
    position: relative;
    margin-top: -100px;
}

.core-brand-container .core-gif{
    position: absolute;
    left:50%;
    transform: translate(-50%, 0%) !important;
}
.core-brand-container .core-brand-links{
    flex-basis: 100%;
    width:100%;
    padding:0px 5%;
  	align-items: flex-end;
}
.core-brand-container .core-brand-links > div{
    display: flex;
    align-items: center;
    justify-content: center;
    gap:50px;
    flex-basis: 35%;
  	height:450px;
}
/* Base style for brand text */
.core-brand-texts .brand-text {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;

    transform: translateY(-50%);
    opacity: 0;
    pointer-events: none;
    z-index: 0;
    margin-top: -25px;
    /*max-width: 70%;*/
}

/* Fade-in animation: fade in → visible → fade out (changed 100% to -20px instead of -40px to solve visual bug)*/
@keyframes fadeInOut {
    0% { opacity: 0; transform: translateY(0px); z-index: 0; }
    20% { opacity: 1; transform: translateY(-20px); z-index: 1; }
    80% { opacity: 1; transform: translateY(-20px); z-index: 1; }
    100% { opacity: 0; transform: translateY(-20px); z-index: 0; }
}

/* Persistent fade-in for final active brand text */
@keyframes fadeInStay {
    0% { opacity: 0; transform: translateY(0px); z-index: 0; }
    20% { opacity: 1; transform: translateY(-20px); z-index: 1; }
    100% { opacity: 1; transform: translateY(-20px); z-index: 1; }
}

/* Apply fadeInOut to all .fade-in brand texts */
.core-brand-texts .brand-text.fade-in {
    opacity: 0;
    animation: fadeInOut 0.8s ease forwards;
    animation-iteration-count: 1;
}
.core-brand-texts .brand-text.fade-in.active{
    opacity: 1 !important;
}
/* Animation delay based on data-brand */
.core-brand-texts [data-brand="4"].fade-in {
    animation-delay: 0s;
}
.core-brand-texts [data-brand="3"].fade-in {
    animation-delay: 0.8s;
}
.core-brand-texts [data-brand="2"].fade-in {
    animation-delay: 1.6s;
}
.core-brand-texts [data-brand="1"].fade-in {
    animation-delay: 2.4s;
}

/* Brand Links Container */
.core-brand-links {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    z-index: 5;
}

/* Base style for brand links*/
.core-brand-links > div > div{
  	flex-basis:100%;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

/* Fade-in for brand links */
.core-brand-links > div > div.fade-in {
    opacity: 0;
    transform: translateY(0);
    animation: fadeInStay 0.8s ease forwards;
}

/* Animation delay for brand links */
.core-brand-links [data-brand="4"].fade-in {
    animation-delay: 0s;
}
.core-brand-links [data-brand="3"].fade-in {
    animation-delay: 0.8s;
}
.core-brand-links [data-brand="2"].fade-in {
    animation-delay: 1.6s;
}
.core-brand-links [data-brand="1"].fade-in {
    animation-delay: 2.4s;
}

/* Layout and GIF styling */
.core-brand-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100vh;
    position: relative;
  	margin-top:-100px;
}

.core-brand-container > div {
    flex-basis: calc(100% / 3);
}

.core-gif {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    transition: all 1s ease;
    transform: translateY(-65px);
}
.core-gif.shrink{
    transform: translateY(0px);
}
.c-gif, .c-symbol {
    transform: scale(1.4);
    transition: transform 0.5s ease;
}

.core-gif.shrink .c-gif,
.core-gif.shrink .c-symbol {
    transform: scale(1);
    transform: translateY(0);
}

.core-gif .c-symbol {
    position: absolute;
}
/* Decorative Circles */
.core-brand-container::before,
.core-gif::before,
.core-gif::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(192, 232, 250, 0);
    border-radius: 50%;
    z-index: 0;
}
.core-brand-container.shrink::before,
.core-gif.shrink::before,
.core-gif.shrink::after {
    border: 1px solid rgba(192, 232, 250, 0.1);
}

.core-gif::before {
    width: 30vw;
    height: 30vw;
    transition: 0.3s;
}

.core-gif::after {
    width: 55vw;
    height: 55vw;
    transition: 0.7s;
}
.core-brand-container::before {
    width: 75vw;
    height: 75vw;
    transition: 1.2s;
}
@media screen and (max-width:1280px){
    .core-brand-texts{
        display: none;
    }    
    .core-brand-container{
        justify-content: flex-end;
        flex-direction: column;
        margin-top:15px;
    }
    .core-brand-links{
        justify-content: space-evenly;
        width:100%;
        margin:0 auto;
        text-align: ;
        position: absolute;
        left:0;
        top:10px;
    }
}
@media screen and (max-width:900px){
    .core-brand-container .core-brand-links{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap:50px;
        padding-top: 25px;
    }
    .core-brand-container .core-brand-links > div {
        flex-direction: row;
        justify-content: center;
        align-content: center;
        gap: 20px;
        flex-basis: 100%;
        width:60vw;
        height: 450px;
        text-align: center;
    }
}
@media screen and (max-width:767px){
    .core-brand-container .core-brand-links > div {
        width:calc(100vw - 20px);
        height: 250px;
    }
    .core-brand-links{
        top:40px;
    }
    .core-gif{
        height:90vh
    }
    .core-brand-container::before{
        top:calc(50% - 45px)
    }
    .core-brand-container .core-brand-texts{
        width:75%;
        margin-top:-20px;
    }
    .core-brand-container .core-brand-texts > div{
        margin-top:-60px;
    }
}
/* Index Banner
 =========================== */
.content:has(.index-banner){
	padding-top:0px !important;
}
.index-banner{
    min-height: 100vh;
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}
.index-banner:before{
    bottom: 0;
    background: linear-gradient(to top, rgba(2, 20, 35, 1), rgba(2, 20, 35, 0));
    color: rgb(2, 20, 35);
        content: "";
    position: absolute;
    height:50%;
    width:100%;
    z-index:6;
}
.index-banner:after{
    top: 0;
    background: rgb(2, 20, 35,0.63);
    content: "";
    position: absolute;
    height:100%;
    width:100%;
    z-index:5;
}
.index-banner .container{
    position: absolute;
    bottom:10%;
    z-index:10;
    text-align: center;
  	width:100%;
}
.index-banner .page-header{
    margin-bottom: ;
}
.index-banner .subtext{
    max-width:50%;
    margin:0px auto 30px auto;
}
/* Timeline Slider 
 ================================= */
.baker-carousel .carousel-content{
    display: flex !important;
    flex-direction:row;
    flex-wrap: wrap;
    flex-basis: 100%;
}
.baker-carousel .carousel-content:not(.active) {
    display: none !important;
}

.baker-carousel {
  min-height: 85vh;
  max-width: 1200px;
  margin: auto;
  padding: 40px 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 60px;
}

.baker-carousel .carousel-header {
  text-align: center;
  position: relative;
  margin-bottom: 40px;
}

.baker-carousel .legacy-text {
  font-family: 'Nulshock', sans-serif;
  color: #777;
  font-size: 24px;
  letter-spacing: 8px;
}

.baker-carousel .title {
  font-family: 'Nulshock', sans-serif;
  font-size: 46px;
  font-weight: bold;
}

.baker-carousel .year-watermark {
  font-family: 'Nulshock', sans-serif;
  position: absolute;
  top: 225%;
  left: 75%;
  font-size: 190px;
  transform: translate(-50%, -50%);
  color: transparent !important;
  -webkit-text-stroke: 1px rgb(0 0 0 / 28%);
  pointer-events: none;
  white-space: nowrap;
}

.baker-carousel .caraousel_box {
  display: flex;
  width: 100%;
  max-width: 1100px;
  margin: auto;
  min-height: 500px;
}

.baker-carousel .carousel-content {
  display: flex;
  align-items: center;
  gap: 80px;
  flex-wrap: wrap;
  width: 100%;
}

.baker-carousel .polaroid-wrapper {
  position: relative;
  width: 39%;
  height: 430px;
  flex-shrink: 0;
}

.baker-carousel .polaroid {
  position: absolute;
  background: white;
  padding: 10px;
  border-radius: 12px;
  box-shadow: 0 4px 56.4px rgb(0 0 0 / 25%);
  transition: all 0.6s ease;
}

.baker-carousel .polaroid img {
  display: block;
  object-fit: cover;
  border-radius: 8px;
}

.baker-carousel .polaroid.big {
  height: 418px;
  width: 324px;
  top: 0;
  left: 0;
  transform: rotate(-2.17deg);
  padding: 17px;
}

.baker-carousel .polaroid.big img {
  width: 290px;
  height: 345px;
}

.baker-carousel .polaroid.small {
  width: 188px;
  height: 243px;
  bottom: -30px;
  right: 5px;
  transform: rotate(8.44deg);
}

.baker-carousel .polaroid.small img {
  width: 168px;
  height: 200px;
}

.baker-carousel .caption {
  color: #000000;
}

.baker-carousel #big-caption {
  font-size: 16px;
  font-weight: bold;
  margin-top: 16px;
  text-wrap: nowrap;
  overflow: hidden;
}

.baker-carousel #small-caption {
  margin-top: 8px;
  font-size: 12px;
  font-weight: normal;
}

.baker-carousel .text-content {
  flex: 1;
  width: 61%;
}

.baker-carousel .text-content h2 {
  font-family: "Roboto", sans-serif;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 10px;
}

.text-content p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #000000;
}

.baker-carousel .nav-buttons {
  display: flex;
    justify-content: center;
  gap: 20px;
  margin-top: 0px;
}

.baker-carousel .nav-buttons button {
  border-radius: 50%;
  border: 1px solid #ccc;
  background: white;
  cursor: pointer;
  font-size: 18px;
  transition: background 0.3s;
}
.baker-carousel #next, .baker-carousel #prev{
    font-size:0px;
}
.baker-carousel #next:before, .baker-carousel #prev:before{
    font-size:1.6rem;
    text-align: center;
}
.baker-carousel #next{
    padding: 14px 14px 12px 18px;
}
.baker-carousel #prev{
    padding: 14px 18px 12px 14px;
}
.baker-carousel .nav-buttons button:hover {
  background: #f0f0f0;
}

.baker-carousel .right_box {
  min-height: 160px;
  width: 100%;
  max-width: 439px;
}

.baker-carousel .timeline {
  margin-top: 40px;
  position: relative;
  width: 100%;
}

.baker-carousel .line {
  height: 1px;
  background: #000000;
}

.baker-carousel .years {
  display: flex;
  justify-content: space-between;
  margin-top: -40px;
}

.baker-carousel .year {
  font-size: 12px;
  text-align: center;
  position: relative;
  cursor: pointer;
  height:50px;
}

.baker-carousel .year-text {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 18px;
}

.baker-carousel .year-dot {
  width: 10px;
  height: 10px;
  background: #505050;
  border-radius: 50%;
  margin: auto;
  transition: all 0.4s ease;
  margin-top:-3px;
}

.baker-carousel .year.active .year-dot {
  top: 34px;
  right: 11px;
  position: absolute;
  border: 1px solid #00274A;
  background: #fff;
  box-shadow: 0 0 0 4px white, 0 0 6px rgba(0, 0, 0, 0.3);
  height: 16px;
  width: 16px;
  transition: all 0.4s ease;
}

.baker-carousel .year.active .year-text {
  font-size: 20px;
  font-weight: bold;
  transition: all 0.3s ease;
}

.baker-carousel .year.active .year-dot::after {
  background: #00274A;
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
}

.baker-carousel .year.active {
  font-weight: bold;
  color: #003366;
}
@media screen and (max-width:767px){
    .baker-carousel #timeline-years{
        flex-wrap: wrap;
        justify-content: flex-start;
        gap:15px 0px;
    }
    .baker-carousel #timeline-years .year{
        min-width: 20%;
    }
    .baker-carousel #timeline-years .year.active .year-dot{
        position:relative;
        top:-10px;
        left:0;
    }
    .baker-carousel #timeline-years .year.active .year-dot:after{
        top: 5px;
        right: 5px;
        height: 4px;
        width: 4px;
    }
    .baker-carousel .line, .baker-carousel .nav-buttons{
        display: none;
    }    
}

/* Counter animations */
@keyframes counterUp {
  from {
    transform: translate(-50%, 50%);
    opacity: 0;
  }

  to {
    transform: translate(-50%, 0%);
    opacity: 1;
  }
}

@keyframes counterDown {
  from {
    transform: translate(-50%, -150%);
    opacity: 0;
  }

  to {
    transform: translate(-50%, -0%);
    opacity: 1;
  }
}

.counter-up {
  animation: counterUp 0.5s ease forwards;
}

.counter-down {
  animation: counterDown 0.5s ease forwards;
}

/* Title animations */
@keyframes titleUp {
  from {
    transform: translateY(50%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes titleDown {
  from {
    transform: translateY(-50%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.title-up {
  animation: titleUp 0.5s ease forwards;
}

.title-down {
  animation: titleDown 0.5s ease forwards;
}

.desc-scroll-up {
  animation: descScrollUp 0.5s ease forwards;
}

.desc-scroll-down {
  animation: descScrollDown 0.5s ease forwards;
}

@keyframes descScrollUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes descScrollDown {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


@keyframes boxEnterLeft {
  from {
    transform: translateX(-100px) rotate(-8deg);
    opacity: 0;
  }

  to {
    transform: translateX(0) rotate(-2.17deg);
    opacity: 1;
  }
}


@keyframes boxExitLeft {
  0% {
    transform: translateX(0) rotate(-2.17deg);
    opacity: 1;
  }

  99.99% {
    transform: translateX(-50px) rotate(-8deg);
    opacity: 0;
  }

  100% {
    transform: translateX(0) rotate(-2.17deg);
    opacity: 1;
  }
}

.box-next-exit {
  animation: boxEnterLeft 0.8s ease forwards;
}

.box-prev-exit {
  animation: boxExitLeft 0.8s ease forwards;
}

@keyframes smallboxEnterLeft {
  from {
    transform: translateX(-100px) rotate(-25deg);
    opacity: 0;
    right: 86px;
  }

  to {
    transform: translateX(0) rotate(8.44deg);
    opacity: 1;
    right: 5px;
  }
}


@keyframes SmallboxExitLeft {
  0% {
    transform: translateX(0) rotate(8.44deg);
    opacity: 1;
  }

  99.99% {
    transform: translateX(-50px) rotate(-25deg);
    opacity: 0;
  }

  100% {
    transform: translateX(0) rotate(8.44deg);
    opacity: 1;
  }
}


.box-next-exit-small {
  animation: smallboxEnterLeft 0.8s ease forwards;
}

.box-prev-exit-small {
  animation: SmallboxExitLeft 0.8s ease forwards;
}

@media (max-width:768px) {
  .baker-carousel .legacy-text {
    font-size: 18px;
  }

  .baker-carousel .title {
    font-size: 30px;
  }

  .baker-carousel .year-watermark {
    top: 152%;
    left: 60%;
    font-size: 101px;
  }

  .baker-carousel .carousel-content {
    margin-top: 25px;
    flex-direction: column;
    padding: 0 20px;
  }

  .baker-carousel .polaroid-wrapper {
    max-width: 400px;
    width: 100%;
  }

  .baker-carousel .text-content {
    width: 100%;
  }

  .baker-carousel {
    gap: 35px;
  }

  .baker-carousel .right_box {
    min-height: auto;
  }

  .baker-carousel .polaroid.small {
    width: 168px;
    height: 224px;
    bottom: -14px;
    right: -14px;
  }

  .baker-carousel .polaroid.small img {
    width: 147px;
    height: 180px;
  }

  .baker-carousel .polaroid.big {
    height: 398px;
    width: 304px;
  }

  .baker-carousel .polaroid.big img {
    width: 270px;
    height: 325px;
  }

  .baker-carousel .year-text {
    font-size: 12px;
    margin-bottom: 21px;
  }

  .baker-carousel .year.active .year-text {
    font-size: 16px;
  }

  .baker-carousel .year-dot {
    width: 8px;
    height: 8px;
  }
  .baker-carousel .year.active .year-dot::after {
    top: 3px;
    right: 3px;
    height: 4px;
    width: 4px;
  }
 .year.active .year-dot {
    top: 33px;
    right: 11px;
    height: 12px;
    width: 12px;
 }
}

@media (min-width:768px) and (max-width:1024px) {
  .baker-carousel .title {
    font-size: 40px;
  }

  .baker-carousel .legacy-text {
    font-size: 20px;
  }

  .baker-carousel .year-watermark {
    top: 225%;
    left: 70%;
    font-size: 140px;
  }

  .baker-carousel .polaroid.small {
    width: 168px;
    height: 224px;
    bottom: -14px;
    right: -14px;
  }

  .baker-carousel .polaroid.small img {
    width: 147px;
    height: 180px;
  }

  .baker-carousel .polaroid.big {
    height: 398px;
    width: 304px;
  }

  .baker-carousel .polaroid.big img {
    width: 270px;
    height: 325px;
  }

  .baker-carousel .polaroid-wrapper {
    width: 40%;
  }

  .baker-carousel .text-content {
    width: 60%;
  }
}

@media (min-width:768px) and (max-width:880px) {
  .baker-carousel  .year-watermark {
    font-size: 130px;
  }

  .baker-carousel .text-content h2 {
    font-size: 22px;
  }

  .baker-carousel .polaroid.big img {
    width: 260px;
    height: 315px;
  }

  .baker-carousel .polaroid.big {
    height: 388px;
    width: 294px;
  }

  .baker-carousel .polaroid.small {
    width: 160px;
    height: 214px;
    bottom: -4px;
    right: -33px;
  }

  .baker-carousel .polaroid.small img {
    width: 137px;
    height: 170px;
  }

  .baker-carousel .text-content {
    width: 55%;
  }

  .baker-carousel .polaroid-wrapper {
    width: 45%;
  }

  .baker-carousel .carousel-content {
    gap: 50px;
  }

}
/* Statistics
 =================== */
.stats-container{
    display: flex;
    justify-content: space-evenly;
}
.stats-container .num{
    font-family: 'Nulshock';
    font-size:6rem;
    font-weight:;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;

    text-align: center;
    margin-bottom: 0px;
}
.stats-container .s-text{
    text-align: center;
    font-size:1.6rem;
}
@media screen and (max-width:767px){
    .stats-container .num{
        font-size:4rem;
    }
}

/* Four Images
 ========================= */
.four-img-container {
    overflow-x: hidden;
    overflow-y: clip; /* prevents scrollbars but allows visual overflow */
    position: relative;
}
.four-img-container{
    display: flex;
    justify-content: space-between;
    height:auto;
}
.four-img-container .img-container{
    display: flex;
  	padding-bottom:70px;
}
.four-img-container .img-container .b-img{
    width:500px;
    height:800px;
    position:relative;
    top:30%;
    right:-20%;
    transform: translate(0,-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
.four-img-container .img-container .b-img:before,
.four-img-container .img-container .b-img:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(192, 232, 250, 0);
    border-radius: 50%;
    z-index: 0;
    transition: 0.3s;
    border: 1px solid rgba(192, 232, 250, 0.1);
    z-index:1000;
}
.four-img-container .img-container .b-img:before{
    width: 45vw;
    height: 45vw;
}
.four-img-container .img-container .b-img:after{
    width: 65vw;
    height: 65vw;
}
.four-img-container .img-container .b-img img{
    position: absolute;
    z-index: 1;
    top: 15%;
    right: -10%;
    max-width: 500px !important;
}
.four-img-container .img-container .sm-img {
    display: flex;
    flex-direction: column;
    gap:30px;
    position:;
}
.four-img-container .img-container .sm-img img{
    max-width:125px;
    aspect-ratio:1/1;
    border-radius: 50%;
    object-fit: contain;
    padding:10px;
    position: absolute;
    background:#fff;
}
/*.four-img-container .img-container .sm-img img:nth-of-type(1){
    right:36.5%;
    top:5%;
}
.four-img-container .img-container .sm-img img:nth-of-type(2){
    right:37.5%;
    top:30%;
}
.four-img-container .img-container .sm-img img:nth-of-type(3){
    right: 34%;
    top: 55%;
}
.four-img-container .img-container .sm-img img:nth-of-type(4) {
    right: 26.8%;
    top: 75%;
}
*/
/* new pos with transparent bg */
.four-img-container .img-container .b-img{
    top:30%;
}
.four-img-container .img-container .sm-img img:nth-of-type(1){
    right:37.5%;
    top:15%;
}
.four-img-container .img-container .sm-img img:nth-of-type(2){
    right:36.5%;
    top:40%;
}
.four-img-container .img-container .sm-img img:nth-of-type(3){
    right: 31.7%;
    top: 63%;
}
.four-img-container .img-container .sm-img img:nth-of-type(4) {
    right: 24.5%;
    top: 81%;
}
.four-img-container .text-container{
    width:50%;
    padding:100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.four-img-container .text-container h1{
    font-size:6.2rem;
}
@media screen and (max-width:991px){
    .four-img-container .text-container h1{
        font-size:28px;
    }
}
.four-img-container .text-container p{
    font-size:2rem;
}
@media screen and (max-width:1870px){
    .four-img-container .img-container .sm-img img:nth-of-type(1){
        right:37.7%;
        top: 5vw;
    }
    .four-img-container .img-container .sm-img img:nth-of-type(2){
        right:37%;
        top: 16vw;
    }
    .four-img-container .img-container .sm-img img:nth-of-type(3){
        right:33%;
        top: 27vw;
    }
    .four-img-container .img-container .sm-img img:nth-of-type(4){
        right: 25%;
        top: 35.5vw;
    }
}
@media screen and (max-width:1450px){
    .four-img-container .img-container .sm-img img{
        max-width:7vw;
    }
    .four-img-container .img-container .sm-img img:nth-of-type(1){
        right: 41%;
        top: 15%;
    }
    .four-img-container .img-container .sm-img img:nth-of-type(2) {
        right: 40%;
        top: 35%;
    }
    .four-img-container .img-container .sm-img img:nth-of-type(3){
        right: 33%;
        top: 55%;
    }
    .four-img-container .img-container .sm-img img:nth-of-type(4){
        right: 21%;
        top: 68%;
    }
}
@media screen and (max-width:1279px){
    .four-img-container{
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .four-img-container .text-container{
        width:100%;
        padding:0px 30px 30px 30px;
        text-align: center;
    }
    .four-img-container > div{
        width:100%;
    }
    .four-img-container .img-container{
        justify-content: flex-end;
    }
    .four-img-container .img-container .b-img{
        width:90vw;
        height:90vw;
        top: 0% !important;
        right: -30%;
        transform: translate(0, -20%);
    }
    .four-img-container .img-container .b-img img{
        max-width:100% !important;
        width:60vw;
        top: 15%;
        right:15%;
    }
    .four-img-container .img-container .b-img:before {
        width: 80vw;
        height: 80vw;
    }
    .four-img-container .img-container .b-img:after{
        width: 110vw;
        height: 110vw;
    }
    .four-img-container .img-container .b-img:before, .four-img-container .img-container .b-img:after{
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .four-img-container .img-container .sm-img img:nth-of-type(1){
        right:65vw;
        top: 25vw;
    }
    .four-img-container .img-container .sm-img img:nth-of-type(2){
        right:61vw;
        top: 43.5vw;
    }
    .four-img-container .img-container .sm-img img:nth-of-type(3){
        right:50vw;
        top: 60vw;
    }
    .four-img-container .img-container .sm-img img:nth-of-type(4){
        right: 33vw;
        top: 70.6vw;
    }
    .four-img-container .img-container .sm-img img{
        max-width:100px;
        padding:10px;
        background:#fff;
    }
}
@media screen and (max-width:767px){
    .four-img-container .img-container .sm-img img{
        max-width:12vw;
    }
    .four-img-container .img-container .sm-img img:nth-of-type(1){
        right:66.5vw;
    }
}
@media screen and (min-width:2300px){
    .four-img-container .img-container .sm-img img:nth-of-type(1){
        right: 36.2%;
        top: 12%;
    }
    .four-img-container .img-container .sm-img img:nth-of-type(2) {
        right: 36%;
        top: 36%;
    }
    .four-img-container .img-container .sm-img img:nth-of-type(3){
        right: 34%;
        top: 58%;
    }
    .four-img-container .img-container .sm-img img:nth-of-type(4){
        right: 30%;
        top: 77.8%;
    }
}
/* Hero Banner Border 
 ========================= */
.hero-border{
    height:400px;
    border-bottom-right-radius: 250px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding:25px 50px;
    color:#fff;
}

.hero-border::after {
    content: "";
    position: absolute;
    inset: 0;
    height:400px;
    border-bottom-right-radius: 250px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 90%);
    pointer-events: none;
    z-index: 1
}
.hero-border > div{
    z-index:10;
}
.hero-border h1{
    margin-top:5px;
    max-width: 50%;
}
.hero-border p{
    font-family: 'Nulshock';
    letter-spacing: 5px;
    font-size: 1.5rem;
    font-weight: 100;
    margin-bottom: 5px;
}
.col-sm-12:has(.hero-border){
    padding: 0px !important;
}
/* Hero Banner Border - Haight */
.cd-main-content:has(.hero-border.hero-haight) .content{
    padding-top:0px !important;
}
.hero-border.hero-haight{
    height:444px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hero-border.hero-haight::after {
    height:444px;
    background: linear-gradient(180deg, rgba(2,20,35, 0.74) 0%, rgba(0, 0, 0, 0.5) 80%);
}
/* Image Card - Icon List 
 ================================== */
.icon-list-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap:40px;
}
.icon-list-content{
    flex-basis: 50%;
}
.icon-list-img{
    flex-basis: 50%;
}
.icon-list-img img{
    width:100%;
    max-height: 500px;
    object-fit: cover;
}
.icon-list-container .icon-item{
    display: flex;
    align-items: center;
    gap:23px;
    margin-bottom: 23px;
}
.icon-item .icon-img{
    background:#0061A8;
    width:54.5px;
    height: 49px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon-item p{
    margin-bottom: 0px;
}
.icon-item .icon-heading{
    font-weight: 600;
    font-size:20px
}
.icon-item .icon-text{
    font-size:14px;
}
.icon-list-content .subtext{
    margin-bottom:40px;
}
@media screen and (max-width:998px){
    .icon-list-container{
        flex-direction: column;
    }
}
/* Template hero border - no radius */
.hero-border.no-radius{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height:600px;
}
.hero-border.no-radius, .hero-border.no-radius::after{
    border-bottom-right-radius: 0px;
}
.hero-border.no-radius::after{
    background: rgba(8,20,29, 0.54);
    height:600px;
}
/* CEO Card */
.ceo-container{
    background:#F3F2F2  ;
    border-radius: 30px;
    margin:50px;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-end;
    height:500px;
}
.ceo-container .ceo-img{
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.ceo-container .ceo-img .name-container{
    position: absolute;
    bottom:-80px;
    text-align: center;
}
.ceo-container .ceo-img .name-container h4{
    font-weight: 900;
    margin-bottom: 5px;
}
.ceo-container .ceo-info{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:30px;
    flex-basis: 40%;
    background:#fff;
    height:80%;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    text-align: center;
}
.ceo-container .ceo-info h3{
    text-align: center;
    margin-top:30px;
    margin-bottom: 0px;
    font-size:3.1rem;
    font-weight: 500;
}
.ceo-container .ceo-info p{
    max-width: 75%;
    font-size:1.6rem;
}
.ceo-container .ceo-info img{
    max-width:90%;
}
@media screen and (max-width:992px){
    .ceo-container{
        flex-wrap: wrap;
        height:auto;
        padding-top:60px;
    }
    .ceo-container .ceo-img{
        align-items: flex-start;
    }
    .ceo-container .ceo-img .name-container{
        position: absolute;
        top:-40px;
        text-align: center;
    }
    .ceo-container .ceo-info{
        flex-basis: 90%;
        flex-wrap: wrap;
        white-space: wrap;
    }
    .ceo-container .ceo-img img{
        max-height: 350px;
        margin-top:10px;
    }
    .ceo-container .ceo-info p{
        font-size:1.4rem;
    }
}

/* Image with Text
 =============================== */
.image-w-text{
    position: relative;
}
.image-w-text img{
    width:100%;
    position: relative;
}
.image-w-text .text-container{
    position: absolute;
    bottom:20px;
    text-align: center;
    font-size:24px;
    font-weight: bold;
    width: 100%;
    padding:0px 15px;
}
.image-w-text .text-container p{
    margin-bottom: 0px;
}
@media screen and (max-width:767px){
    .image-w-text .text-container{
        font-size:16px;
    }
}
/* Find By System */
.section_ContentDataUnit:has(.fbs-container){
    padding-bottom: 0px;
}
.fbs-container{
    border:1px solid #4B5761;
}
.fbs-heading{
    background:#0F2434;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:15px 25px
}
.fbs-heading p{
    margin-bottom: 0px;
    font-size:18px;
    text-transform: uppercase;
    color:#fff !important;
}
.fbs-content{
    padding:15px 25px;
}
.fbs-content .gray-heading{
    margin-bottom: 0px;
    font-size:14px;
    color:#757474 !important;
}
.fbs-content p, .fbs-content li{
    line-height: 26px;
}
.fbs-content ul{
    color:#fff;
 	padding-left: 15px;
}
/* Find By Applications */
.section_ContentDataUnit:has(.fba-container){
    padding-bottom: 0px;
}
.fba-container{
    border:1px solid #E0DFDF;
    padding:15px;
    position: relative;
}
.fba-content img{
    height:230px;
    width:100%;
    object-fit: cover;
}
.fba-container .gray-heading{
    margin-bottom: 0px;
    font-size: 14px;
    color: #757474 !important;
}
.fba-container .fba-heading{
    font-size:20px;
    padding:10px 0px;
    margin-bottom: 0px;
}
.fba-content p{
    margin-bottom: 0px;
}
.fba-container a{
    font-size:0px;
    width: 100%;
    height:100%;
    top:0;
    left:0;
    position: absolute;
}
/* Find by Material */
.fbm-container{
    background:#182931;
    padding:25px;
}
.fbm-container .gray-text{
    margin-bottom: 0px;
    color:#AEAEAE !important;
}
.fbm-heading{
    display: flex;
    align-items: center;
    gap:20px;
    margin-bottom: 15px;
}
.fbm-heading p{
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 20px;
}
.fbm-heading .icon-container{
    background: linear-gradient(90deg,rgba(206, 125, 67, 1) 0%, rgba(162, 101, 68, 1) 100%);
    width: 54.5px;
    height: 49px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Brand Slider
 =========================== */
.logos:after{
    content:"";
    position: relative;
    display: block;
    border: 2px solid rgba(192, 232, 250, 0.1);
    width:79%;
    height: 99%;
    aspect-ratio:1/1 !important;
    border-radius: 50%;
    left:17%;
    z-index:-1;
}
.js-content-container .controls{
    display: flex;
}
.js-content-container .controls a:hover{
    text-decoration: none;
}
.js-content-container .content_box #prev, .js-content-container .content_box #next{
    font-size: 0 !important;
    background:;
    border:1px solid rgba(192, 232, 250, 0.1);
    display: inline-block;
    width:42px;
    height:42px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.js-content-container .content_box #prev:before{
    content: "\f053";
    font-family: fontawesome;
    color: #fff;
    font-size:16px;
}
.js-content-container .content_box #next:before{
    content: "\f054";
    font-family: fontawesome;
    color: #fff;
    font-size:16px;
}
.caraousel-container {
    width: 100%;
    max-width: 100%;
    min-height: 100vh;
    background:;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
}
.caraousel-container #description{
    white-space: pre-wrap
}
.svg-container {
    position: relative;
    width: 785px;
    height: 100%;
}

.js-content-container {
    display: flex;
    width: 50%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: left;
}

.content_box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 743px;
}

.main-image-wrapper {
    position: relative;
    width:85%;
    height: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    border-radius: 50%;
    overflow: hidden;
  	left:-15%;
}

.main-img {
    aspect-ratio:1/1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity .6s ease, transform .6s ease;
    opacity: 1;
}

.fade-in {
    animation: fadeIn 0.6s ease forwards;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.full-circle{
    position: absolute;
    width: 180%;
    height: auto;
    top: 50%;
    left: 20%;
    transform: translate(-50%, -50%);
}

.logos {
    position: absolute;
    width: 160%;
    height: auto;
    top: 50%;
    left: 17%;
    transform: translate(-50%, -50%);
}

.logo {
    position: absolute;
    background: white;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
    transition: all .8s ease;
}

.logo img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    object-fit: contain;
}
.logo.active{
    width:120px;
    height:120px;
}
.logo.active img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    flex-basis: 100%;
}
.pos-top-hidden {
    top: -4%;
    left: 60%;
    opacity: 0;
}

.pos-top {
    top: 14%;
    left: 82.5%;
    opacity: 1;
}

.pos-center {
    top: 44%;
    left: 91%;
    opacity: 1;
}

.pos-bottom {
    top: 77%;
    left: 82%;
    opacity: 1;
}

.pos-bottom-hidden {
    top: 93%;
    left: 60%;
    opacity: 0;
}

.pos-left-hidden {
    top: 48%;
    left: 0;
    opacity: 0;
}
.controls {
    margin-top: 20px;
}
.controls img {
    background: #011426;
    border: 2px solid #FFFFFF1F;
    height: 72px;
    width: 72px;
    padding: 25px 25px;
    border-radius: 50%;
}

.controls button {
    background: transparent;
    color: white;
    font-size: 1.5rem;
    margin: 0 10px;
    cursor: pointer;
    padding: 0;
}

.title-up {
    animation: titleUp .5s ease forwards;
}

.title-down {
    animation: titleDown .5s ease forwards;
}

@keyframes titleUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes titleDown {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.desc-scroll-up {
    animation: descScrollUp .5s ease forwards;
}

.desc-scroll-down {
    animation: descScrollDown .5s ease forwards;
}

@keyframes descScrollUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes descScrollDown {
    0% {
        opacity: 0;
        transform: translateY(-50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.js-content-container{
    padding:10px 30px;
}

@media screen and (max-width:998px){
    .caraousel-container{
        flex-wrap: wrap;
    }
    .js-content-container{
        width:100%;
        min-height: 450px;
        justify-content: flex-start;
        margin-top: 120px;
    }
    .svg-container{
        margin-bottom: ;
    }
    .main-image-wrapper {
        width: 80%;
        height: 80%;
        left: -24%;
    }
    .logos {
        width: 160%;
        height: 95vw;
        top: 50%;
        left: 5%;
        transform: translate(-50%, -50%);
    }
}
@media screen and (max-width:767px){
    .logo, .logo.active{
        width:75px;
        height:75px;
    }
    .logo img, .logo.active img{
        width:75px;
        height:65px;
    }
    .logos {
        height: 115vw;
    }
}
/*
@media (max-width:765px) {

    .caraousel-container {
        flex-wrap: wrap;
    }

    .svg-container {
        align-items: center;
        justify-content: flex-start;
        display: flex;
        height: 60vh;
        width: 100%;
    }

    .main-image-wrapper {
        width: 66%;
    }

    .js-content-container {
        width: 100%;
        padding: 0 20px;
        ;
    }

    .full-circle {
        width: 147%;
    }

    .logos {
        height: 70vh;
        width: 130%;
    }

    .js-content-container p {
        font-size: 16px;
    }

    .js-content-container h2 {
        margin-bottom: 10px;
        font-size: 40px;
    }

    #description p {
        margin-bottom: 10px;
    }

    .content_box {
        padding-right: 30px;
    }

    .content_box {
        padding: 0;
    }

    .logo.active img {
        width: 80px;
        height: 80px;
    }

    .logo img {
        width: 45px;
        height: 44px;
    }

    .pos-top {
        top: 16%;
        left: 80%;
        opacity: 1;
    }

    .pos-bottom {
        top: 76%;
        left: 78%;
        opacity: 1;
    }

    .pos-top-hidden {
        top: 6%;
    }

    .pos-bottom-hidden {
        top: 84%;
        left: 50%;
    }
}



@media (min-width:420px) and (max-width:765px) {
    .logos {
        height: 81vh;
        width: 105%;
    }

    .full-circle {
        width: 118%;
    }

    .svg-container {
        align-items: center;
        justify-content: flex-start;
        display: flex;
        height: 78vh;
        width: 100%;
    }

    .main-image-wrapper {
        width: 54%;
    }
}

@media (min-width:420px) and (max-width:520px) {
    .logos {
        height: 81vh;
        width: 105%;
    }

    .full-circle {
        width: 138%;
    }

    .svg-container {
        align-items: center;
        justify-content: flex-start;
        display: flex;
        height: 65vh;
        width: 100%;
    }

    .main-image-wrapper {
        width: 59%;
    }
}

@media (min-width:765px) and (max-width:1024px) {
    .main-image-wrapper {
        width: 57%;
    }

    .full-circle {
        width: 140%;
    }

    .logos {
        width: 111%;
    }

    .js-content-container p {
        font-size: 16px;
    }

    .js-content-container h2 {
        font-size: 44px;
    }

    .content_box {
        padding-right: 30px;
    }

    .logo.active img {
        width: 100px;
        height: 100px;
    }

    .logo img {
        width: 70px;
        height: 70px;
    }

    .pos-top {
        top: 16%;
        left: 80%;
        opacity: 1;
    }

    .pos-bottom {
        top: 76%;
        left: 78%;
        opacity: 1;
    }

    .pos-top-hidden {
        top: 6%;
    }

    .pos-bottom-hidden {
        top: 84%;
        left: 50%;
    }

    .svg-container {
        width: 67%;
    }

    .big-counter {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
}

@media (min-width:1024px) and (max-width:1200px) {
    .main-image-wrapper {
        width: 57%;
    }

    .full-circle {
        width: 140%;
    }

    .logos {
        width: 111%;
    }

    .js-content-container p {
        font-size: 16px;
    }

    .js-content-container h2 {
        font-size: 48px;
    }

    .content_box {
        padding-right: 30px;
    }

    .logo.active img {
        width: 100px;
        height: 100px;
    }

    .logo img {
        width: 70px;
        height: 70px;
    }

    .pos-top {
        top: 16%;
        left: 80%;
        opacity: 1;
    }

    .pos-bottom {
        top: 76%;
        left: 78%;
        opacity: 1;
    }

    .pos-top-hidden {
        top: 6%;
    }

    .pos-bottom-hidden {
        top: 84%;
        left: 50%;
    }

    .svg-container {
        width: 56%;
    }
}

@media (min-width:1200px) and (max-width:1750px) {
    .main-image-wrapper {
        width: 60%;
    }

    .full-circle {
        width: 137%;
    }

    .logos {
        width: 111%;
    }

    .js-content-container p {
        font-size: 18px;
    }

    .content_box {
        padding-right: 30px;
    }
}

@media (min-width:1750px) and (max-width:2000px) {
    .full-circle {
        width: 126%;
    }

    .main-image-wrapper {
        width: 60%;
    }

    .logos {
        width: 113%;
    }

    .pos-bottom {
        top: 77%;
        left: 80%;
        opacity: 1;
    }

    .js-content-container p {
        font-size: 16px;
    }

    .js-content-container h2 {
        font-size: 48px;
    }
}
*/
/* ======================================= *//* ==========================================================================
   General Site Styling
   ========================================================================== */
/* Dark Mode Page*/
.cd-main-content:has(.dark-bg), body:has(.dark-bg){
    background:#021423;
}
.cd-main-content:has(.dark-bg) p, .cd-main-content:has(.dark-bg) a, .cd-main-content:has(.dark-bg) h1,
.cd-main-content:has(.dark-bg) h2, .cd-main-content:has(.dark-bg) h3, .cd-main-content:has(.dark-bg) h4, .cd-main-content:has(.dark-bg) h5,
.cd-main-content:has(.dark-bg) .post-date{
    color:#fff;
}
/*.cd-main-content:has(.dark-bg) .btn, .cd-main-content:has(.dark-bg) .flag-link-btn, .cd-main-content:has(.dark-bg) .dashitem *,
body:has(.dark-bg) .btn{
    color:#100e12 !important;
}*/
body:has(.dark-bg) p:not(body:has(.dark-bg) .header p),
body:has(.dark-bg) a:not(body:has(.dark-bg) .header a),
body:has(.dark-bg) h1:not(body:has(.dark-bg) .header h1),
body:has(.dark-bg) h2:not(body:has(.dark-bg) .header h2),
body:has(.dark-bg) h3:not(body:has(.dark-bg) .header h3),
body:has(.dark-bg) h4:not(body:has(.dark-bg) .header h4) {
    color: #fff;
}
body:has(.dark-bg) .ui-menu a{
    color:#111 !important;
}
body:has(.dark-bg) .cart-content .btn{
    color:#fff !important;
    border-radius: 0px;
    padding:8px 24px;
}
/* dark-box */
.dark-box{
    background:#141414;
    padding:35px;
}
/*gray-box*/
.container.gray-box{
    background:#182931;
    padding:35px;
    margin-bottom: 35px;
}
/* White Bg */
.white-bg{
    background:#fff;
  	padding:50px 0px;
    z-index:20;
    position: relative;
}
.white-bg .container{
    margin:0 auto;
}
.dark-bg .white-bg *, .dark-bg ~ .white-bg *{
    color:#000 !important;
}
.white-bg-section section{
    background:#fff;
    border-radius: 10px;
    padding:30px 10px;
}
.white-bg-section section:has(.no-filter-hits){
    background:transparent;
}
.white-bg-section .section_Menu{
    margin-bottom: 20px;
}
/*gray-bg*/
.cd-main-content:has(.gray-bg){
    background:#F6FAFD;
    padding-bottom:0px;
}
/*white-box*/
.white-box section{
    background:#fff;
    padding:35px 45px;
    border-radius: 0px;
    border:1px solid #dfdfdf;
}
.white-box .section_Menu{
    padding:35px 30px;
}
.white-box .sidebar-nav .sidebar-item a.active{
    color:#ce7d43;
}
.white-box .sidebar-nav .sidebar-item a{
    font-size:16px;
}
.white-box .sidebar-nav .sidebar-item{
    border-bottom:1px solid #ebebeb;
}
.white-box .page-header{
    font-size:38px;
}
/* half-width */
.half-width{
    width:50%;
    margin:0 auto;
}
@media screen and (max-width:767px){
    .half-width{
        width:auto !important;
        margin:0px 20px;
    }
}
@media screen and (max-width:1299px){
    .half-width{
        width:80%;
        margin:0 auto;
    }
}
.row.half-width:has(.section_Content .documentlist){
    padding:0px !important;
}
/* Paddings & Margins & Alignment
   ========================================================================== */
.section-padding{
    padding:140px 0px;
}
.no-side-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.no-side-margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.centered-content {
    text-align: center !important;
}
.section + .section, .content section {
    padding-bottom: 20px;
}
.minus-margin-top {
    margin-top: -30px;
}
.minus-margin-bottom {
    margin-bottom: -50px;
}
.padding-top-40{
	padding-top:40px !important;
}
.grid-4 > div {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding-bottom: 40px;
}
@media screen and (max-width:998px){
    .grid-4 > div {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width:650px){
    .grid-4 > div {
        grid-template-columns: repeat(1, 1fr);
    }
}
.grid-3 > div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding-bottom: 40px;
}
@media screen and (max-width:998px){
    .grid-3 > div {
        grid-template-columns: repeat(2, 1fr);
    }
}
/*@media screen and (max-width:650px){
    .grid-4 > div {
        grid-template-columns: repeat(1, 1fr);
    }
}*/
/* Flex classes
   ========================================================================== */
@media screen and (min-width: 768px) {
    /* Set flex on container */
    .flex-container {
        display: flex;
    }
    /* Center flex child vertically */
    .flex-align-center {
        align-self: center;
    }
}

/* Cheat sheet color codes
   ========================================================================== 
Color name: #0000
Color name: #0000
*/

/* Fonts
   ========================================================================== */
/* ----- Imported fonts -----*/
/* Nulshock*/
@font-face {
    font-family: 'Nulshock';
    src: url('/customfonts/NulshockRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nulshock';
    src: url('/customfonts/NulshockLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Nulshock';
    src: url('/customfonts/NulshockBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
/* Helvetica */
@font-face {
    font-family: 'Helvetica';
    src: url('/customfonts/HelveticaLTProBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica';
    src: url('/customfonts/HelveticaLTProRoman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica';
    src: url('/customfonts/HelveticaLTProLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
/* ----- Body fonts ----- */
html {
	font-size: 100%;
}
body {
    font-family: 'Helvetica',Arial, sans-serif;
    font-size:1rem;
    font-weight:;
}

/* ----- Headings -----*/
.page-header{
	color:#000;
}
h1:has(strong), h2:has(strong), h3:has(strong){
    font-size: 31px !important;
    font-weight: 300;
    white-space: pre-wrap;
    max-width: 100%;
    margin: 0 auto;
}
h1:has(strong) strong, h2:has(strong) strong, h3:has(strong) strong{
    font-size: 5rem !important;
    font-weight: 300;
    white-space: pre-wrap;
}
@media screen and (max-width:998px){
    h1:has(strong) strong, h2:has(strong) strong, h3:has(strong) strong{
        font-size:3rem !important;
    }
    .find-dist-row .find-dist-card > .contact-text h3,
	.find-dist-row .find-dist-card > .dist-text h3{
        font-size:3rem !important;
    }
}
@media screen and (max-width:767px){
    .hero-header strong, h1:has(strong) strong, h2:has(strong) strong, h3:has(strong) strong{
        font-size:2.8rem !important;
    }
    .hero-header, h1:has(strong), h2:has(strong), h3:has(strong){
        font-size:1.8rem !important;
    }
}
@media screen and (max-width:500px){
    .hero-header strong, h1:has(strong) strong, h2:has(strong) strong, h3:has(strong) strong{
        font-size:2.2rem !important;
    }
    .hero-header, h1:has(strong), h2:has(strong), h3:has(strong){
        font-size:1.2rem !important;
    }
}
h1, h1.page-header, h2, h2.page-header, .page-header, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Nulshock',Arial, sans-serif;
    font-weight:300;
}
h1, h1.page-header {
    font-size:;
}
h2, h2.page-header {
    font-size:;
}
h3 {
    font-size:;
}
h4 {
    font-size:;
}
h5 {
    font-size:;
}

/*---- Links ------*/
/* Body links */
.cd-main-content p > a:not(.btn) {
    color:;
}
.cd-main-content p > a:not(.btn):hover {
    color:;
}

/* Buttons
   ========================================================================== */
/* ----- Buttons general ----- */
.btn, .btn:focus, .btn:active {
    background:;
    border-color:;
    color:;
}
.btn:hover {
    background:;
    border-color:;
    color:;
}
.btn-ptGrey, .btn{
  	font-size:12px;
    font-weight: 600;
    padding: 12px 32px;
    border-radius: 0px;
}

.btn-primary{
    text-transform: uppercase;
    font-size:12px;
    font-weight: 600;
    padding: 12px 32px;
    border-radius: 0px;
    background: linear-gradient(90deg,rgba(206, 125, 67, 1) 0%, rgba(162, 101, 68, 1) 100%);
    border: 1px solid rgba(162, 101, 68, 1);
	transition: 0.2s ease-in-out;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{
    background: linear-gradient(90deg,rgba(206, 125, 67, 1) 0%, rgba(162, 101, 68, 1) 100%);
    border-color: rgba(206, 125, 67, 1);
}
/* Button Round */
.btn-round{
    border:1px solid #fff;
    border-radius: 30px;
    font-weight: normal;
    transition: 0.2s ease-in-out;
    color:#fff;
    font-size:14px;
}
.btn-round:active, .btn-round:focus, .btn-round.active{
    border-color: #ce7d43;
    color: #ce7d43 !important;
}
.btn-round:hover{
    border-color: #ce7d43;
    color:#fff;
}
/*CTA buttons */
.btn.btn-ptOrange, #btnConfirm.btn, .btn.btn-ptOrange:focus, #btnConfirm.btn:focus, .btn.btn-ptOrange:active, #btnConfirm.btn:active  {
    background:;
    border-color:;
    color:;
}
.btn.btn-ptOrange:hover, #btnConfirm.btn:hover {
    background:;
    border-color:;
    color:;
}
/* Content Button */
.btn-content, .btn-content:focus, .btn-content:active {
    font-size:12px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 32px;
    border-radius: 0px;
    background: linear-gradient(90deg,rgba(206, 125, 67, 1) 0%, rgba(162, 101, 68, 1) 100%);
    border: 1px solid rgba(162, 101, 68, 1);;
    color: #fff;
    overflow: hidden;
    transition:0.3s ease-in-out;
    display: inline-block;
}
.btn-content:hover {
    color: #fff;
    background: linear-gradient(90deg,rgba(206, 125, 67, 1) 0%, rgba(162, 101, 68, 1) 100%);
    border-color: rgba(206, 125, 67, 1);
}

/* Alertify buttons */
.alertify-button, .alertify-button:hover, .alertify-button:focus, .alertify-button:active {
    background: linear-gradient(90deg,rgba(206, 125, 67, 1) 0%, rgba(162, 101, 68, 1) 100%) !important;
  	border-color: rgba(162, 101, 68, 1);
  	color: #fff;
    border-radius: 0px;
}
.alertify-button-ok, .alertify-button-ok:hover, .alertify-button-ok:focus, .alertify-button-ok:active {
    background-color:;
  	border-color:;
  	color:;
}
.alertify-log, .alertify-log:hover, .alertify-log:focus, .alertify-log:active {
    background: linear-gradient(90deg,rgba(206, 125, 67, 1) 0%, rgba(162, 101, 68, 1) 100%);
  	border-color: rgba(162, 101, 68, 1);
  	color: #fff;
    border-radius: 0px !important;
}

/* Custom Page Width
   ========================================================================== */
@media screen and (min-width:1300px) {
    .header>.container, .content>.container, .footer > .container, .top-bar .container,
  	.container.gray-bg .row.gray-bg, .container{
       width:1270px;
    }
}
@media screen and (min-width:1400px) {
    .header>.container, .content>.container, .footer > .container, .top-bar .container,
    .container.gray-bg .row.gray-bg, .container{
       width:1370px;
    }
}
@media screen and (min-width:1500px) {
    .header>.container, .content>.container, .footer > .container, .top-bar .container,
    .container.gray-bg .row.gray-bg, .container{
       width:1470px;
    }
}
@media screen and (min-width:1600px) {
    .header>.container, .content>.container, .footer > .container, .top-bar .container,
    .container.gray-bg .row.gray-bg, .container{
       width:1570px;
    }
}

/* General Page Styling
========================================================================== */


/* Paddings & Margins & Alignment
   ========================================================================== */
.no-side-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.no-side-margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.centered-content {
    text-align: center !important;
}
.section + .section, .content section {
    padding-bottom: 20px;
}
.minus-margin-top {
    margin-top: -30px;
}

/* Flex classes
   ========================================================================== */
@media screen and (min-width: 768px) {
    /* Set flex on container */
    .flex-container {
        display: flex;
    }
    /* Center flex child vertically */
    .flex-align-center {
        align-self: center;
    }
}

/* Header
   ========================================================================== */
/* Header
   ========================================================================== */
/* Transparent Header If page has dark-bg*/
.page:has(.dark-bg) .solid-head{
    display: none;
}
.page:has(.dark-bg) .t-head.hidden{
    display: block !important;
    visibility: visible;
    z-index:400;
    position: relative;
    padding-bottom: 0px;
}
.page:has(.dark-bg) .header.main-row{
    background:transparent;
    z-index:555 !important;
    border-color:transparent;
}
.page:has(.dark-bg) .cd-main-content{
    margin-top:-83px;
}
.page:has(.dark-bg) .cd-main-content > .content{
    padding-top:83px;
}
.page:has(.dark-bg) .desktop-menu-col > .desktop-menu > .cd-main-header{
    background:transparent;
}
.page:has(.dark-bg) .header .icon-col{
    background:rgba(255,255,255,0.1) !important;
    z-index:450;
}
@media only screen and (min-width: 1200px) {
    .page:has(.dark-bg) .cd-primary-nav>li>a {
        color:#fff;
    }
}
.page:has(.dark-bg) .my-account-icon p {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M12.1601 10.87C12.0601 10.86 11.9401 10.86 11.8301 10.87C9.45006 10.79 7.56006 8.84 7.56006 6.44C7.56006 3.99 9.54006 2 12.0001 2C14.4501 2 16.4401 3.99 16.4401 6.44C16.4301 8.84 14.5401 10.79 12.1601 10.87Z" stroke="%23fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M7.15997 14.56C4.73997 16.18 4.73997 18.82 7.15997 20.43C9.90997 22.27 14.42 22.27 17.17 20.43C19.59 18.81 19.59 16.17 17.17 14.56C14.43 12.73 9.91997 12.73 7.15997 14.56Z" stroke="%23fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}
.page:has(.dark-bg) .fa-shopping-cart,
.page:has(.dark-bg) .quickshopcontent .col-sm-2.col-xs-2 .btn:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7.5 7.67001V6.70001C7.5 4.45001 9.31 2.24001 11.56 2.03001C14.24 1.77001 16.5 3.88001 16.5 6.51001V7.89001" stroke="%23fff" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M8.99995 22H14.9999C19.0199 22 19.7399 20.39 19.9499 18.43L20.6999 12.43C20.9699 9.99 20.2699 8 15.9999 8H7.99995C3.72995 8 3.02995 9.99 3.29995 12.43L4.04995 18.43C4.25995 20.39 4.97995 22 8.99995 22Z" stroke="%23fff" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M15.4955 12H15.5045" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M8.49451 12H8.50349" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}

.page:has(.dark-bg) .fa-search {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z" stroke="%23fff" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M22 22L20 20" stroke="%23fff" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}
.page:has(.dark-bg) .cd-main-content .content:has(.four-img-container){
    padding-top:0px;
}
.page:has(.dark-bg) .header .icon-col .cd-nav-trigger span, 
.page:has(.dark-bg) .header .icon-col .cd-nav-trigger span::before, 
.page:has(.dark-bg) .header .icon-col .cd-nav-trigger span::after{
    background:#fff;
}
.page:has(.dark-bg) .header .icon-col .cd-nav-trigger.nav-is-visible span{
    background:transparent;
}
.page:has(.dark-bg) .header .icon-col .cd-nav-trigger.nav-is-visible span::before,
.page:has(.dark-bg) .header .icon-col .cd-nav-trigger.nav-is-visible span::after{
    background:#fff;
}
/*======================================*/

.header.main-row .desktop-menu-col .desktop-menu{
    display: flex;
    justify-content: center;
}
.desktop-menu #cd-primary-nav > li.active > a{
    font-weight: 600;
}
@media screen and (max-width:1199px){
    .header.main-row .desktop-menu-col .desktop-menu{
        display: none;
    }
}
/* ----- General header styling -----*/
.header {
  background: #fff;
}
.header.main-row > .container{
    display: flex;
    align-items: center;
  	z-index: 559;
}
.header.main-row .container > .col-sm-3{
    width:auto;
}
.header.main-row .desktop-menu-col{
    flex-grow:1;
}
@media screen and (max-width:767px){
    .header.main-row .section_Image img{
        height:45px !important;
        width:auto;
    }
    .header.main-row > .container{
        justify-content: space-between;
    }
    .header.main-row .icon-col > section{
        height:38px;
    }
}
@media screen and (max-width: 500px) {
    .header.main-row .section_Image img {
        width: auto;
        height: auto !important;
        max-height: 45px !important;
    }
    .header.main-row .desktop-menu-col{
        display: none;
    }
}
.mobile-menu{
    width:44px;
    height:30px;
}
.mobile-menu .cd-header-buttons{
    margin-top:-6px;
  	padding-left:0px;
}
.mobile-menu{
    height: 38px;
    width:38px;
}
.mobile-menu .cd-header-buttons{
    margin-bottom: 0px;
}
.mobile-menu .cd-main-header{
    background:transparent;
    height: 38px;
    width:38px;
}
.mobile-menu .cd-nav-trigger{
    background:rgba(52,70,84,0.13);
    border-radius: 100%;
}
.mobile-menu .cd-nav-trigger.nav-is-visible {
    background: #0061A8;
    border-color:#0061A8;
    border-radius: 0px;
}
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after{
    background:#000;
    height:1px;
    width:12px;
}
@media screen and (max-width: 1199px) {
    .cd-nav-trigger span {
        top: 27px;
        left: 16px;
    }
    .cd-nav-trigger span::before {
        top: -8px;
    }
    .cd-nav-trigger:not(.nav-is-visible) span::after {
        display: none;
        top: 7px;
    }
}
/* Header Icons */
.header .cart-btn .fa:before{
	color: #333;
    font-size:25px;
}
.header .icon-col{
    display: flex;
  	align-items: center;
    background:rgba(60,60,60,0.1);
    border:1px solid rgba(211,211,211,0.3);
    border-radius: 90px;
    height:52px;
    gap:16px;
  	z-index:450;
}
.header .icon-col section{
    padding-bottom: 0px !important;
}
.header .icon-col .my-account-icon p,
.header .icon-col .login-icon-section p{
    /*font-family: "Material Icons Round";
    font-size:26px;*/
  	margin-bottom:0px;
    color:#333;
}
.header .icon-col .search-icon .fa-search{
    font-size:22px;
}
.header .icon-col .fa-shopping-cart:before{
    font-size:24px;
}
/*-- User Container --*/
.my-account-icon{
    cursor: pointer;
}
.user-container {
    display: none;
    background:#fff;
}
.user-container .container{
    width:100%;
}
.header.user-container {
    position: absolute;
  	top:82px;
    right:25px;
    width: 280px;
    z-index: 556;
    border: 1px solid #ccc;
    color: #2e3233;
}
.user-container a{
    color: #2e3233;
}
.user-container .sidebar-nav h3{
    border-bottom:0;
}
.sidebar-nav-items {
    border: none;
    margin-bottom:0;
}
.user-container .user-profile-page-link {
    float:none;
    border-right:none;
}
.user-container .user-profile-page-link a{
    text-align:center;
    padding-bottom:10px;
    border-right:none;
}

.user-container .sidebar-nav .sidebar-nav-heading {
    text-transform: none;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 15px !important;
}
.user-container .sidebar-nav .sidebar-item {
    border: none;
    margin: 0;
}
.user-container .sidebar-nav .toggle-item {
    padding: 0;
    border:none;
}
.user-container .section_LoginStatus{
    display:flex;
    justify-content: center;
    padding:0;
    margin:0;
}
.user-container .user-log-out-link {
    margin-bottom: 10px;
    border-radius: 0px;
    text-align: center;
    width:100%;
}
.user-container .user-log-out-link a {
    color: #333;
}
.user-container .user-log-out-link a:hover {
    background: #fff;
  	color:#a26544;
  	border-color:#a26544;
}
.user-container .user-log-out-link a {
    background: linear-gradient(90deg,rgba(206, 125, 67, 1) 0%, rgba(162, 101, 68, 1) 100%);
    color:#fff;
    border:1px solid #a26544;
  	transition:0.3s;
}
.user-container .user-profile-page-link a {
    padding: 0;
}
/*----- Search Container -----*/
.search-container {
    background: #f8f8f8;
    position: absolute;
    width: 100%;
    top: 82px;
    height: 60px;
    z-index: 555;
    display:none;
    border-bottom:1px solid #003E7A;
}
.search-container .header-input {
    margin: 0;
}
.search-container > div {
    height: 100%;
    display: flex;
    align-items: center;
}
.search-container > .container > .col-sm-12{
    flex-grow: 1;
}
.search-container .catalogsearchbox {
    background: none;
    font-size: 1.5em;
    border: none;
    height: 42px;
    box-shadow: none;
}
.search-container .catalogsearchbox:focus-within {
    box-shadow: none;
}
.search-container .catalogsearchboxbutton{
    background: none;
    border: none;
    color: #999;
    font-size: 25px;
}
.section_CatalogSearchBox .header-input input{
    color:#000;
}
.header.search-container{
    padding:0px !important;
}
.header.search-container #searchboxform .catalogsearchbox{
    height:60px;
}
/* Product Dropdown & Other dropdown*/
.desktop-menu-col #cd-primary-nav .cd-secondary-nav{
    padding: 20px 20px 20px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top: none;
    top:57px;
}
/* Product Dropdown */
.desktop-menu-col #cd-primary-nav .product-dropdown .cd-secondary-nav{
    left:50%;
    transform: translate(-50%,0);
    position: absolute;
}
.desktop-menu-col .cd-primary-nav .product-dropdown .see-all a{
    color:#505050 !important;
    font-size: 1.6rem;
    font-weight: normal;
}
.desktop-menu-col .cd-primary-nav .product-dropdown .see-all a:hover{
    background:none;
    border-color:#C2BDBD;
}
/*.desktop-menu-col .product-dropdown .cd-secondary-nav li:nth-child(n+3):nth-child(-n+7) {
    border-right: 1px solid #C2BDBD;
} */
.desktop-menu-col .product-dropdown .cd-secondary-nav li:nth-child(2){
  	border-right: 1px solid #C2BDBD;
}

.desktop-menu-col .product-dropdown .cd-secondary-nav{
    max-width:90vw;
    position:;
    left:0%;
    transform: translate(-270px,0%);
    display: flex;
    flex-wrap: wrap;
    gap:10px;
    justify-content: space-evenly;
    padding:30px 40px 30px !important;
}
.desktop-menu-col .product-dropdown .cd-secondary-nav li.go-back{
    display: none;
}
.desktop-menu-col .product-dropdown .cd-secondary-nav li{
    flex-basis: calc((100% - 30px)/2)
}
.desktop-menu-col .product-dropdown .cd-secondary-nav .see-all{
    order:7;
    flex-grow: 1;
    width:100%;
  	flex-basis:100%;
}
.desktop-menu-col .product-dropdown .cd-secondary-nav li{
    padding:30px 10px 20px 10px;
    margin-bottom: 0px;
    position: relative;
    margin-top:;
}
.desktop-menu-col .product-dropdown li a{
    color:#505050;
    font-size:1.35rem;
    font-weight: normal;
    flex-grow: 1;
    padding-right: 0px;
    position: absolute;
    height: 100%;
    width:100%;
    top:0px;
}
.desktop-menu-col .product-dropdown > ul > li:not(.go-back){
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    order:0;
    padding-bottom:;
    margin-right: 0px;
}
.desktop-menu-col .product-dropdown li:not(.go-back):not(.see-all):after{
    content:"Explore Products";
    order:2;
    color:#00407B;
    text-decoration: underline 1px solid;
    margin-top:5px;
  	font-size:0.9rem;
}
.desktop-menu-col .product-dropdown li:not(.go-back):before{
    padding:15px 0px 20px 0px;
    order:1;
    height:75px;
}
.desktop-menu-col .product-dropdown .industrial-pumps:before {
  	content: 'Gear pumps and engineered assemblies for industrial, OEM, process, and fluid-transfer applications.';
}
.desktop-menu-col .product-dropdown .hot-oil-pumps:before {
  	content: 'Pumps and custom configurations for hot oil, heat-transfer fluids, thermal circulation, and elevated-temperature applications.';
}


@media screen and (min-width:1300px) {
    .desktop-menu-col .product-dropdown .cd-secondary-nav{
       width:1270px;
    }
}
@media screen and (min-width:1400px) {
    .desktop-menu-col .product-dropdown .cd-secondary-nav{
       width:1370px;
    }
}
@media screen and (min-width:1500px) {
    .desktop-menu-col .product-dropdown .cd-secondary-nav{
       width:1470px;
    }
}
@media screen and (min-width:1600px) {
    .desktop-menu-col .product-dropdown .cd-secondary-nav{
       width:1530px;
    }
}
/* Other Dropdown*/
.desktop-menu-col #cd-primary-nav li:not(.product-dropdown) .cd-secondary-nav{
    padding: 20px 20px 20px;
    display: flex;
    flex-direction: column;
    width: auto !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.desktop-menu-col #cd-primary-nav li:not(.product-dropdown) .cd-secondary-nav{
    position: absolute;
    left:auto;
    right:auto;
    width:auto;
    min-width:auto;
    margin-left:-10px;
}
.desktop-menu-col #cd-primary-nav li:not(.product-dropdown) ul{
}
.desktop-menu-col #cd-primary-nav li:not(.product-dropdown) ul li{
    min-width: 100%;
    margin-right: 0px;
}
.desktop-menu-col #cd-primary-nav li:not(.product-dropdown) ul li a{
    padding-right: 0px;
}
.desktop-menu-col .cd-secondary-nav:after{
    display: none;
}
/*------------*/
/* Mobile Header */

@media screen and (max-width:767px){
    .header .icon-col > section{
        display: flex;
        align-items: center;
    }
    .header .icon-col .pt-btn-basket{
        margin-top:9px;
    }
    .header .icon-col .search-icon .fa-search{
        width:23px;
    }
    .header .cart:hover .cart-content,.header .cart .cart-content{
        display: none;
    } 
    .header .cart .badge.visible-xs{
        margin-left:2px;
    }
}
.header-input .pt-btn-basket:active{
    box-shadow: none;
}
.mobile-mega-menu.cd-primary-nav, .mobile-mega-menu.cd-primary-nav ul{
    background:#21313E;
    border-left:3px solid #021423;
}
.mobile-mega-menu.cd-primary-nav a, .mobile-mega-menu.cd-primary-nav ul a,
.mobile-mega-menu.moves-out.cd-primary-nav .see-all a{
    border-bottom:none;
    text-decoration: none;
}
.mobile-mega-menu.cd-primary-nav .has-children > a::before, .mobile-mega-menu.cd-primary-nav .has-children > a::after, 
.mobile-mega-menu.cd-primary-nav .go-back a::before, .mobile-mega-menu.cd-primary-nav .go-back a::after {
    background: #021423;
}

/* ----- Top-bar ----- */
/* Top bar general */
.top-bar {
    background:;
}
/* Top bar links */
.top-bar .top-bar-link a:hover {
    background-color:;
    color:;
}
/* @ Top bar mobile <-767px */
@media screen and (max-width:767px) {
    
}
/* ----- Icons ----- */
.header section:has(.search-icon),.header section:has(.fa){
    padding-bottom: 0px !important;
}
.icon-row .fa-user:before, .icon-row .fa-search:before, .icon-row .fa-sign-in:before{
    font-size:24px;
  	color:#333;
}
.header .cart-btn .fa:before{
	color: #333;
    font-size:25px;
}
.icon-row .fa-user:hover{
    cursor: pointer;
}
.icon-row .user-icon, .icon-row section:has(.fa-sign-in){
    padding-bottom:0px;
}
.icon-row .user-icon p, .icon-row section:has(.fa-sign-in) p{
    margin-bottom:0px;
}
.icon-row > .col-sm-12{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap:10px;
}
.icon-row .section_MiniBasket{
    width:100%;
}
.login-icon{
	text-decoration:none !important;
}
.login-icon:hover, .login-icon:focus, .login-icon:active {
    text-decoration: none;
}
/* ----- User Container ----- */
.header.user-container{
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-right: none;
}
.user-container {
    position: fixed;
    right: 0;
    top:130px;
    z-index: 555;
  	width:300px;
    background: #fff;
  	display:none;
  	overflow:hidden;
}
.user-container > .container {
    width: 300px;
}
.user-container .top-bar-link>a{
    border:;
    width:100% !important;
    text-align: center;
}
/* ----- Login ----- */
/* Login general */
.pt-page-login{
    background-image:url("/en/image/getthumbnail/1868");
    background-position: center top;
}
.pt-page-login .content{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) -200%, rgba(2,20,35, 1) 100%);
  	height:100vh;
}
.pt-page-login .login-row{
    border-bottom:0px solid #fff;
  	border-radius: 0px;
}
.pt-page-login .section_SignUp{
    background:#F6FAFD;
    border:none;
  	border-radius: 0px;
}
.pt-page-login .section_SignUp{
    background:#F6FAFD;
}

.login-row > .col-sm-12 > section{
    padding:15px 50px;
}
.login-row img{
    width:205px;
}
.login-row.container > .row > .col-sm-12{
    padding: 10px !important;
}
.pt-page-login .section_SignUp{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.pt-page-login .section_SignUp h3, .pt-page-login .section_SignUp p{
    width:100%;
}
.pt-page-login .section_SignUp > .row{
    flex-basis: 25% !important;
    margin-right: 5px;
}
.pt-page-login .section_SignUp > .row:first-of-type{
    order:4;
}
.pt-page-login .section_SignUp > .row:last-of-type{
    order:3;
}

.pt-page-login .section_SignUp > .row:first-of-type .btn{
    background:transparent;
    border: 1px solid rgba(162, 101, 68, 1);
    color:rgba(162, 101, 68, 1); !important;
    transition: 0.25s;
}
.pt-page-login .section_SignUp > .row:first-of-type .btn:hover{
    background: linear-gradient(90deg, rgba(206, 125, 67, 1) 0%, rgba(162, 101, 68, 1) 100%);
    color:#fff !important;
}

.pt-page-login .section_SignUp > .row .btn{
    width:100%;
}
.pt-page-login .section_SignUp h3{
    font-size:1.8rem;
    font-weight: normal;
}
.pt-page-login .section_ForgotPassword > h3.sub-header{
    margin-top:0px;
    margin-bottom:30px;
    font-size:1rem;
    font-weight: bold;
}
.pt-page-login .section_Login input{
    border-top:none;
    border-left: none;
    border-right: none;
    box-shadow: none;
    padding-left: 0px;
}
.pt-page-login .section_Login .col-md-5:first-of-type .col-sm-8:before,
.pt-page-login .section_Login .col-md-5:nth-of-type(2) .col-sm-8:before{
    display: none;
}
.pt-page-login .section_Login label[for="username"],
.pt-page-login .section_Login label[for="password"]{
    display: none;
}

/* @ Login mobile <-767px */
@media screen and (max-width:1198px){
    .pt-page-login .section_SignUp{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .pt-page-login .section_SignUp .row{
        width:100%;
    }
    .pt-page-login .section_SignUp > .row{
        margin:0px;
    }
    .pt-page-login .section_SignUp > .row > .col-sm-12{
        padding: 0px;
    }
    .pt-page-login .section_SignUp .btn{
        padding:12px 0px;
    }
    .pt-page-login .section_SignUp > .row:first-of-type{
        margin-top: 5px !important;
    }
    .pt-page-login .section_SignUp > br{
        display: none;
    }
}
@media screen and (max-width:767px){
    .pt-page-login .content > .container:first-of-type {
        background: #fff;
        max-width: 90vw !important;
        margin: 5vw auto;
    }
}
/* @ Login mobile <-767px */
@media screen and (max-width:767px) {
    
}

/* ----- Logo ----- */
/* Logo general */

/* @ Logo mobile <-767px */
@media screen and (max-width:767px) {
    
}

/* ----- Cart ----- */
/* Cart general */
/*Removes original header cart style*/
.cart.header-input {
    margin-top: 0;
}
.header .cart-btn {
    background: none !important;
    border: none !important;
    font-size: 26px;
    padding: 0;
}
.header .cart-btn {
    position: relative;
}
.header .cart-field {
    background: none;
    border: none;
    color: #fff;
  	display:none;
}
.cart-field-label {
    margin-right: 10px;
}
.section_MiniBasket .cart-content.container {
    right: 0 !important;
    position: absolute;
    width: 400px;
    padding: 15px;
}
.header .section_MiniBasket {
    position: relative;
	width: 24px;
    height: 24px;
}
.header .cart-product-img{
	border-radius:0px;
}
.header .feature-basket .btn-primary{
    background:#ce7d43;
}
.cart:hover {
    width: 100%;
    background: none;
} 
.header .pt-btn-basket{
    background-color:#003E7A;
    border-color:#003E7A;
    height:33px;
    margin-top:0px;
  	overflow:visible;
}
.icon-col .login-icon-section .btn{
    border-radius: 90px;
    padding: 7px 20px;
}
@media screen and (max-width:767px){
    .header .icon-col .cart-content{
        display: none !important;
    }
}
/*Badge*/
.header .cart .badge.visible-xs{
    display: block;
    top: -5px;
    left: 14px;
    border: none;
    background: linear-gradient(90deg,rgba(206, 125, 67, 1) 0%, rgba(162, 101, 68, 1) 100%);;
    border:2px solid #fff;
    color: #fff;
    font-size: 11px;
    padding: 2px;
    padding-top: 3px;
    padding-right: 2px;
    min-height: 20px;
    min-width: 20px;
}

/*Removes original header cart style*/
.cart.header-input {
    margin-top: 0;
}
.header .cart-btn {
    background: none !important;
    border: none !important;
    font-size: 26px;
    padding: 0;
}
.header .cart-btn {
    position: relative;
}
.header .cart-field {
    background: none;
    border: none;
    color: #fff;
  	display:none;
}
.cart-field-label {
    margin-right: 10px;
}
.section_MiniBasket .cart-content.container {
    right: 0 !important;
    position: absolute;
    width: 400px;
    padding: 15px;
}
.header .section_MiniBasket {
    position: relative;
    width:33px;
}
.cart:hover {
    width: 100%;
    background: none;
} 
.header .pt-btn-basket{
    background-color:#00AEAC;
    border-color:#00AEAC;
    height:33px;
    margin-top:0px;
}
/*------------*/
/* @ Cart tablet <-1199px */
@media screen and (max-width: 1199px) {
    
}
/* @ Cart mobile <-767px */
@media screen and (max-width:767px) {
    
}

/* ----- Search -----*/
/* Search general */


/* ==========================================================================
   Navigation
   ========================================================================== */

/* Main navigation
   ========================================================================== */
/* ----- Main navigation general ----- */

/* ----- Main navigation desktop 1200px -> ----- */
@media screen and (min-width: 1200px) {
    
}
/* ----- Main navigation mobile <-1199px ----- */
@media screen and (max-width: 1199px) {
      
}

/* Sidebar navigation
   ========================================================================== */
/* ----- Sidebar navigation general ----- */

/*----- Sidebar navigation mobile <-767px ----- */
@media screen and (max-width: 767px) {
    
}

/* Footer navigation
   ========================================================================== */
/* ----- Footer navigation general ----- */

/*----- Footer navigation mobile <-767px ----- */
@media screen and (max-width: 767px) {
    
}

/*Footer
   ========================================================================== */
/* Footer general */
.footer{
    background:#021423;
    padding: 40px 0 25px;
  	text-transform:none;
}

/* Footer text */
.footer p{
    color:#818181;
}

/* Footer links */
.col-sm-2.footer-nav-link p{
    margin-bottom: 20px;
}
.footer-nav-link p, .footer-nav-link a{
    color:rgba(255,255,255,0.7);
    transition: 0.3s ease-in-out;
    text-transform: none;
}
.footer-nav-link a:hover{
    color:rgba(255,255,255,1);
    text-decoration: none;
}
.footer-nav-link a{
    z-index:10;
    position: relative;
}
.footer-nav-link h4{
    color:#fff;
  	font-family: 'Helvetica', Arial, sans-serif;
    text-transform: none;
}
@media screen and (max-width:767px){
    .footer-nav-link{
        display: flex;
        flex-wrap: wrap;
    }
    .footer-nav-link > .col-sm-4{
        flex-basis: 100%;
    }
    .footer-nav-link > .col-sm-2{
        flex-basis: 100%;
    }
    .footer-nav-link > .col-sm-1{
        display: none;
    }
    .footer-nav-link.col-sm-3{
        width:100%;
        justify-content: space-between;
        flex-wrap: nowrap;
        flex-direction: column;
    }
}
.footer p a {
    color:;
}
.footer p a:hover {
    color:;
}
.footer-bottom-row{
    border-top:1px solid #21313E;
}
.footer-bottom-row > div{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top:25px;
}
.footer-bottom-row > div > section{
    flex-basis: 33%;
    justify-content: center;
}
.footer-bottom-row > div > section:last-of-type{
    text-align: right;
}
.footer-bottom-row .link-row{
    display: flex;
    gap:25px;
}
/* Footer Social Links*/
.footer-bottom-row .social-media-links .fa{
    width:20px;
    height:20px;
    text-align: center;
}
.footer-bottom-row .social-media-links{
    font-size:20px;
    display: flex;
    gap:20px;
}
.footer-bottom-row .social-media-links .fa:before{
    font-size:20px;
}
/*Footer newsletter section*/
.footer-newsletter h4{
    font-family: 'Nulshock';
  	font-weight: 300;
    letter-spacing: 2.39px;
    margin-top:30px;
    text-transform: uppercase;
}
.footer-newsletter .btn{
    background: linear-gradient(90deg,rgba(206, 125, 67, 1) 0%, rgba(162, 101, 68, 1) 100%);
    border-color: rgba(162, 101, 68, 1) !important;
    color:#fff;
    border-radius: 0px;
    padding: 12px 20px;
    text-transform: none;
    transition: 0.3s ease-in-out;
}
.footer-newsletter .btn:hover, .footer-newsletter .btn:focus,
.footer-newsletter .btn:active{
    background: linear-gradient(90deg,rgba(206, 125, 67, 1) 0%, rgba(162, 101, 68, 1) 100%);
    border-color: rgba(206, 125, 67, 1) !important;
    color:#fff;
}
.footer-newsletter p{
    display: flex;
}
.footer-newsletter input{
    flex-grow: 1;
    border-radius: 0px !important;
    background:transparent;
    border:2px solid #21313E !important;
    box-shadow: none;
    padding:4px 20px !important;
    transition: 0.3s ease-in-out;
    font-size:16px;
    margin-right:0px;
  	height:44px;
}
.footer-newsletter input:focus, .footer-newsletter input:active{
    background:#fff;
    border:2px solid rgba(255,255,255,1);
    box-shadow: none;
    outline:none;
    color:#000;
}
.footer-newsletter #mc_embed_signup_scroll .wrap-container{
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.footer-newsletter #mc_embed_signup_scroll #mc-embedded-subscribe{
    margin-top: 3px !important;
    margin-left: 0px;
}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{
    background: transparent;
    text-indent:2%;
    padding-left:20px;
    margin-top:4px;
}
.footer-newsletter #mc_embed_signup form{
    margin:0px;
}
.footer-newsletter #mc_embed_signup{
    width:auto;
}
.footer-newsletter #mc_embed_signup_scroll p{
    font-size:12px;
    text-transform: none;
}
.footer-newsletter #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{
	background-color:transparent !important;
    text-indent:2%;
    padding-left:20px;
    margin-top:4px;
}


/* ==========================================================================
   Section Styling
   ========================================================================== */
/* ----- Section name ----- */
/* Section desktop */

/* Section mobile */

/* ----- Search autocomplete dropdown ----- */
/*#ui-id-1 li {
    border-bottom: 1px solid #eee;
}
#ui-id-1 li:last-of-type {
    border-bottom: none;
}
#ui-id-1 .ui-state-active {
    background: #eee;
    border: none;
}
#ui-id-1 li a div:first-of-type {
    margin-right: 8px;
}*/
/* Autocomplete */
#ui-id-1 li{
    border-bottom:none !important;
}
.ui-autocomplete {
    font-size: 1.15rem;
    padding: 4px;
    background: #F6FAFD;

}
.ui-autocomplete li a {
    display: flex !important;
    min-height: 35px !important;
    align-items: center;
    padding: 4px !important;
    border-left: 4px solid #fff;
    border-top:1px solid #fff !important;
    border-bottom:1px solid #fff !important;
    background: #fdfdfd;
    transition: background 0.2s ease-in-out;
}
.ui-autocomplete li a.ui-state-active {
    margin: 0 !important;
    background: #fff !important;
    border-left: 4px solid #1a71b1 !important;
    border-top: none;
    border-bottom: none;
    border-right: none;
}
.ui-autocomplete li {
    padding: 0 !important;
    margin: 0 !important;
    padding: 5px !important;
}
.ui-autocomplete li:nth-of-type(3n) {
    clear: right;
}
.ui-autocomplete li a > div:last-of-type {
    display: flex;
    align-items: center;
}
.ui-autocomplete li a > div:last-of-type span {
    font-weight: 400;
    line-height: 21px;
    margin-top:6px;
    margin-right: 10px;
    font-family: 'Nulshock', Arial, sans-serif;
}
.ui-autocomplete .autocomplete-image {
    height: 44px;
    width: 44px;
  	border-radius:0px;
}
.ui-autocomplete li a > div:last-of-type br {
    display: none;
}
.ui-autocomplete .productType-1 {
    display: none;
}
.ui-autocomplete.ui-widget-content {
    border-top: 0 !important;
    box-shadow: none;
    border-color:  #F6FAFD;
    padding-bottom:5px;
    background:#F6FAFD;
}
.ui-state-active, .ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, a.ui-button:active,
.ui-button:active, .ui-button.ui-state-active:hover{
    transition: none;
    /*border-color: none;
    background:none;
    outline:none;*/
}


/* ==========================================================================
   Page Styling
   ========================================================================== */
/* Index page
   ========================================================================== */
.pt-page-index .content:has(.index-banner){
    padding-top: 0px !important;
}
.icon-item .icon-img{
    background: linear-gradient(90deg,rgba(206, 125, 67, 1) 0%, rgba(162, 101, 68, 1) 100%);
}
/* Image Carousel */
.img-carousel {
    overflow: hidden;
    width: 100%;
}

.img-carousel > .col-sm-12 {
    display: flex;
    gap: 30px;
    width: max-content;
    animation: img-carousel 40s linear infinite;
}

.img-carousel img {
    height: 132px;
    width: 159px;
    object-fit: contain;
    border: 1px solid #505050;
    padding: 20px;
}
/* Image Loop */
@keyframes img-carousel {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
/*Submenu Gray*/
.submenu-gray .product{
    padding:0px !important;
}
.submenu-gray .hover-product{
    padding:20px;
    border:1px solid #505050;
    transition: 0.2s ease-in-out;
}
.submenu-gray .hover-product:hover{
    border-color:#C2BDBD;
}
.submenu-gray .hover-product-title{
    margin-bottom: 0px;
    height:28px;
    font-size:1.6rem;
    text-transform: none;
    margin-top:-5px;
    color:#C2BDBD;
}
.submenu-gray .hover-product-title a{
    color:#C2BDBD !important;
    transition: 0.2s ease-in-out;
}
.submenu-gray .hover-product:hover .hover-product-title a{
    color:#fff !important;
}
.submenu-gray .hover-product-additional{
    display: none !important;
}
.submenu-gray .tooltip{
    display: none !important;
}
.submenu-gray .hover-product-image{
    border:none;
}
@media screen and (max-width:767px){
    .submenu-gray > .hidden-xs{
        display: block;
    }
    .submenu-gray > .visible-xs{
        display: none;
    }
    .submenu-gray .large-block-grid-3{
        padding:15px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 5px;
        grid-row-gap: 5px;
    }
    .submenu-gray .large-block-grid-3:before,
    .submenu-gray .large-block-grid-3:after{
        display: none;
    }
    .submenu-gray .hover-product-title a{
        font-size:1rem;
    }
}
/* Node Toggle 
 ========================= */
.node-toggle > p{
    display: flex;
    justify-content: center;
    gap: 15px;
}
.node-toggle .btn {
    background: transparent;
    border-radius: 25px;
    border: 1px solid #A6A5A5;
    color: #A6A5A5 !important;
    text-transform: none;
    font-size: 16px;
    padding: 12px 18px;
    font-weight: 500;
    transition: 0.2s ease-in-out;
}
.node-toggle .btn:hover{
    color: #fff !important;
}
.node-toggle .btn.active {
    border-color: #fff !important;
    color: #fff !important;
}
/* Toggle Node List*/
.toggle-node-list #productlist li > div{
    background:;
}
.toggle-node-list #productlist li > div .hover-product-image-wrapper,
.toggle-node-list #productlist li > div .hover-product-image-wrapper img{
    object-fit: contain;
    height:250px;
    background:#F5F5F5;
}
.toggle-node-list a{
    color:#1E242A !important;
}
.toggle-node-list p{
    color:#1E242A !important;
}
.toggle-node-list .field-stockcode{
    color:#757474 !important;
}
.toggle-node-list .product-grid .js-addToBasket{
    background: linear-gradient(90deg,rgba(206, 125, 67, 1) 0%, rgba(162, 101, 68, 1) 100%);
    border-color: rgba(162, 101, 68, 1);
}
.toggle-node-list .p-productavailability, .toggle-node-list .pricepanel,
.toggle-node-list .favorite, .toggle-node-list .product-nav{
    display: none;
}
@media screen and (max-width:767px){
    .toggle-node-list.row{
        margin-left: 0px;
        margin-right: 0px;
    }
}
/* News
   ========================================================================== */
/* ----- News archive page ----- */

/* ----- News detail page ----- */


/* Contact us
   ========================================================================== */


/* About us
   ========================================================================== */
.flex-row{
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 35px;
}
@media screen and (max-width:767px){
    .flex-row{
        flex-wrap: wrap;
        gap:0px !important;
    }
    .flex-row > div{
        flex-grow: 1;
        margin-bottom: 30px;
    }
}
.dark-box:has(.icon-img) p:first-of-type{
    margin-top:15px;
}
.icon-img{
    background: linear-gradient(90deg,rgba(206, 125, 67, 1) 0%, rgba(162, 101, 68, 1) 100%);
    width: 54.5px;
    height: 49px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 0px !important;
}

/* Careers Page
 =========================================== */
.border-cards{
    display: flex;
    gap:20px;
    margin-bottom: 20px;
}
.border-cards > div{
    border: 1px solid rgba(192, 232, 250, 0.2);
    border-radius: 20px;
    padding:20px 30px;
}
.border-cards .section_Content{
    padding-bottom: 0px;
}
@media screen and (max-width:767px){
    .border-cards{
        flex-direction: column;
        margin:20px;
    }
}
.accordion-container > div {
    border-radius: 0px;
    padding: 10px 15px;
}
.accordion-container label{
    font-size:1.2rem;
}
.accordion-container label:after{
    margin-top:-7px;
}

.img-infinite-wrapper ~ .img-infinite-link a.btn{
	background: linear-gradient(90deg,rgba(206, 125, 67, 1) 0%, rgba(162, 101, 68, 1) 100%);
    border-color: #a26544;
}
/* Careers - Job listing */
#bk-board {
  font-family:;
  color: #1a1a1a;
  padding: 2.5rem 0;
  max-width: 1300px;
  margin: 0 auto;
}

#bk-board * {
  box-sizing: border-box;
}

.bk-header {
  text-align: center;
  margin-bottom: 2.5rem;
}

.white-bg .bk-eyebrow {
  font-size: 11px;
  letter-spacing: 0.2em;
  color: #888 !important;
  text-transform: uppercase;
  margin: 0 0 6px;
}

.white-bg .bk-title {
  font-size: 42px;
  font-weight: 700;
  color: #00274A !important;
  margin: 0;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-family:;
}

.bk-filters {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-bottom: 2.5rem;
  flex-wrap: nowrap;
  flex-direction: row;
  max-width:75%;
  margin: 20px auto 30px;
}

.white-bg .bk-filters select {
  flex-basis:33%;
  font-size: 13px;
  padding: 10px 36px 10px 16px;
  border: none;
  border-bottom: 1.5px solid #A6A5A5;
  background: transparent;
  color: #555 !important;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  min-width: 200px;
  border-radius: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}

.bk-filters select:focus {
  outline: none;
  border-bottom-color: #00274A;
}

.bk-layout {
  display: grid;
  grid-template-columns: minmax(0, 480px) minmax(0, 720px);
  gap: 24px;
  align-items: start;
  justify-content: center;
}

#bk-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 600px;
  overflow-y: auto;
  padding-right: 6px;
}

#bk-list::-webkit-scrollbar {
  width: 4px;
}

#bk-list::-webkit-scrollbar-track {
  background: transparent;
}

#bk-list::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 4px;
}

.bk-card {
  background: #fff;
  border: 1.5px solid #A6A5A5;
  border-radius: 10px;
  padding: 24px;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.bk-card:hover {
  border-color: #00274A;
}

.bk-card--active {
  border: 2px solid #00274A;
  box-shadow: 0 2px 12px rgba(0, 39, 74, 0.08);
}

.white-bg .bk-card__title {
  font-size: 21px;
  font-weight: 700;
  color: #00274A !important;
  margin: 0 0 6px;
}

.white-bg .bk-card__meta {
  font-size: 12px;
  color: #666 !important;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}

.white-bg .bk-badge {
  font-size: 11px;
  padding: 3px 10px;
  border: 1px solid #A6A5A5;
  border-radius: 20px;
  color: #555 !important;
  font-weight: 400;
  float: right;
  background: #fff;
}

#bk-detail {
  background: rgba(192, 232, 250, 0.4);
  border-radius: 14px;
  padding: 4rem;
  min-height: 400px;
  max-height: 600px;
  overflow-y: auto;
}

#bk-detail::-webkit-scrollbar {
  width: 4px;
}

#bk-detail::-webkit-scrollbar-track {
  background: transparent;
}

#bk-detail::-webkit-scrollbar-thumb {
  background: #a0c8e0;
  border-radius: 4px;
}
.white-bg .bk-detail__title {
  font-size: 28px;
  font-weight: 300;
  color: #00274A !important;
  margin: 0 0 8px;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-family: 'Nulshock', Arial, sans-serif;
}

.white-bg .bk-detail__loc {
  font-size: 13px;
  color: #444 !important;
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.white-bg .bk-detail__pay {
  font-size: 13px;
  font-weight: 600;
  color: #00274A !important;
  margin: 0 0 12px;
}

.bk-detail__divider {
  border: none;
  border-top: 1px solid rgba(0, 39, 74, 0.15);
  margin: 0 0 14px;
}

.white-bg .bk-detail__section {
  font-size: 13px;
  font-weight: 700;
  color: #00274A !important;
  margin: 1rem 0 6px;
}

.white-bg .bk-detail__body {
  font-size: 13px;
  color: #333 !important;
  line-height: 1.7;
}

.white-bg .bk-detail__body h4 {
  font-size: 13px;
  font-weight: 700;
  color: #00274A !important;
  margin: 10px 0 4px;
}

.bk-detail__body ul {
  padding-left: 1.1rem;
  margin: 0 0 8px;
  list-style: disc;
}

.bk-detail__body li {
  margin-bottom: 5px;
}

.bk-detail__body p {
  margin: 0 0 8px;
}

.white-bg .bk-apply-btn {
  display: inline-block;
  margin-top: 1.5rem;
  background: #00274A;
  color: #fff !important;
  border-radius: 30px;
  padding: 13px 32px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.15s;
}

.bk-apply-btn:hover {
  background: #003d74;
}

.white-bg #bk-loading {
  text-align: center;
  padding: 3rem;
  font-size: 14px;
  color: #888 !important;
}

.white-bg #bk-error {
  display: none;
  padding: 1rem 1.25rem;
  background: #fef2f2;
  color: #b91c1c !important;
  border-radius: 10px;
  font-size: 13px;
  border: 0.5px solid #fecaca;
  margin-bottom: 1rem;
}

@media (max-width: 900px) {
  .bk-layout {
    grid-template-columns: 1fr;
  }

  .bk-title {
    font-size: 30px;
  }
}
@media screen and (max-width:767px){
    .bk-filters{
        flex-direction: column;
      	max-width:100%;
    }
    .bk-filters > select{
        flex-basis: 100%;
    }
}
@media (max-width: 540px) {
  .bk-filters select {
    min-width: 100%;
  }
}
/* Login page
   ========================================================================== */


/* ==========================================================================
   Product Pages Styling
   ========================================================================== */

/* Catalog landing page (3)
   ========================================================================== */

/* Product list (5)
========================================================================== */
/* Node buttons */
.node-btn .sidebar-nav-heading{
    display: none;
}
.node-btn .sidebar-navigation > ul{
    display: flex;
    justify-content: center;
    gap:15px;
}
.node-btn .sidebar-item{
    padding-right: 0px !important;
    margin:0px !important;
    border-bottom: none !important; 
}
.node-btn .sidebar-item a{
    background:transparent;
    border-radius: 25px;
    border:1px solid #757474;
    color:#757474;
    text-transform: none;
    font-size:16px;
    padding: 12px 18px;
    font-weight: 500 ;
    transition: 0.2s ease-in-out;
}
.node-btn .sidebar-item a:hover, .node-btn .sidebar-item a:focus{
    border-color:#1E242A;
    color:#1E242A;
}
.node-btn .sidebar-item a.active{
    border-color:#1E242A;
    color:#1E242A;
}
@media screen and (max-width:767px){
    .node-btn .sidebar-navigation > ul{
        flex-direction: column;
        gap:0px;
        padding:0px 0px;
    }
    .node-btn .sidebar-item a{
        border-radius: 0px;
        background:#fff;
    }
}
/* Node Banner */
.pt-page-productsubnode .content:has(> .node-banner){
    padding-top: 0px;
}
.row.node-banner{
    margin:0px;
}
.container.node-banner{
    display: none;
}
.container.node-banner:has(.section_ProductNodeImage){
    display: block;
}
.row.node-banner > .col-sm-12{
    position: relative;
    padding:0px;
    margin-bottom:30px;
    border-bottom-right-radius: 300px;
    overflow: hidden;
}
.node-banner > .col-sm-12 img{
    height:340px !important;
    object-fit: cover;
}
.node-banner img{
    width:100%;
}
.node-banner .section_ProductNodeImage{
    padding: 0px !important;
    height:100%;
    overflow: hidden !important;
}
.node-banner .section_ProductNodeImage:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 1;
}
.node-banner .section_ProductNodeImage img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 0;
}
.node-banner .node-banner-text{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    color:#fff;
    z-index: 10;
}
.node-banner .node-banner-text section{
    padding-bottom: 0px;
}
.node-banner .node-banner-text .section_ProductNodeTitle h1{
    margin-top: 0px;
    margin-bottom: 0px;
}
.node-banner .node-banner-text .section_ProductNodeTitle h1:after{
    content:"Products";
}
/* Product Filter
 ======================= */
.hover-product-hover-bg{
    background:transparent;
}
.hover-product-title {
	font-family: 'Helvetica', Arial, sans-serif;
}
#productlist li > div{
    border-radius: 2px;
    border:1px solid #ccc;
    padding:10px;
  	background:#fff;
}
#productlist li > div .hover-product-image-wrapper{
    margin:0px;
    margin-bottom: 10px;
    border-radius: 2px;
    overflow: hidden;
}
#productlist li > div .hover-product-image{
    margin-bottom:0px;
    border:none;
}
/* Grid */
.product-grid .pull-right:has(.addToBasketContainer){
    float:none;
    display: flex;
    justify-content:flex-end;
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.product-grid .hover-product{
    transition: 0.3s ease-in-out;
}
.product-grid .hover-product:hover{
    box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px;
}
.product-grid .addToBasketContainer .favorite{
    position: absolute;
    top:-440px;
    right:15px;
}
@media screen and (max-width:1599px){
    .product-grid .addToBasketContainer .favorite{
        top: -420px;
        right: 10px;
    }    
}
@media screen and (max-width:1499px){
    .product-grid .addToBasketContainer .favorite{
        top: -395px;
        right: 10px;
    }    
}
@media screen and (max-width:1399px){
    .product-grid .addToBasketContainer .favorite{
        top: -370px;
        right: 10px;
    }    
}
@media screen and (max-width:1299px){
    .product-grid .addToBasketContainer .favorite{
        top: -345px;
        right: 10px;
    }    
}
@media screen and (max-width:1198px){
    .product-grid .addToBasketContainer .favorite{
        top: -530px;
        right: 10px;
    }    
}
@media screen and (max-width:992px){
    .product-grid .addToBasketContainer .favorite{
        top: -430px;
        right: 10px;
    }    
}
@media screen and (max-width:767px){
    .product-grid .addToBasketContainer .favorite{
		top: calc(-465px + ((767px - 100vw) * 0.45));
        right: 15px;
    }
    #productlist .product-grid li > div{
        padding-bottom:60px;
    }
}
.product-grid .hover-product .hover-product-title{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-grid .addToBasketContainer{
    display: flex;
    gap:5px;
}
.product-grid .shoppingList{
    padding:10px;
    border:1px solid #ccc;
    border-radius: 2px !important;
    height:42px;
    width:42px;
}
.product-grid .product-quantity-input{
    padding:0px;
    border:1px solid #ccc;
    border-radius: 2px !important;
    height:42px;
    width:42px;
    font-size:16px;
    text-align: center;

    margin-right: 5px;
}
.product-grid .js-addToBasket{
    padding:0px !important;
    border:1px solid rgba(162, 101, 68, 1);
    border-radius: 2px !important;
    height:42px !important;
    width:42px !important;
    font-size:16px;
    text-align: center;
    margin:0 auto;
    background: linear-gradient(90deg,rgba(206, 125, 67, 1) 0%, rgba(162, 101, 68, 1) 100%);
}
.product-grid .js-addToBasket > span{
    display: block;
    width:24px;
    height:24px;
    font-size:16px !important;
    margin:0 auto;
    text-align: center;
}
.product-grid .js-addToShoppingList{
    margin-right: 0px;
}
.product-grid .favoriteToggler{
    font-size:16px;
    height:20px;
    width:20px;
    text-align: center;
}
.product-grid .hover-product{
    position: relative;
}
/*Reverse Order of sku and product title in product list*/
.product-grid .hover-product .field-stockcode{
    font-family: 'Helvetica', Arial, sans-serif;
    font-size:19px;
    font-weight: 300;
    line-height: 21px;
    margin-top:-73px;
    margin-bottom:50px;
    color:#111;
}
.product-grid .hover-product .hover-product-title{
    font-family: 'Helvetica', Arial, sans-serif;
    font-size:14px;
    font-weight: 400;
    line-height: 20px;
    height:62px;
    margin-top:10px;
    margin-bottom: 20px;
    padding-top:30px;
    padding-bottom:5px;
    color:#333;
}
@media (max-width: 767px) {
    .product-grid .hover-product .field-stockcode.hidden-xs {
        display: block;
    }
}
/* Discount v.2 styling */
.product-grid .pull-right.pricepanel{
    float:left;
    text-align: left;
}
#productlist .product-grid .pull-right.pricepanel div *{

    text-align: left;
}
#productlist .pricepanel .js-price-wrapper{
    display: flex;
    flex-wrap: wrap;
    column-gap: 5px;
    min-height: 40px;
    align-items: flex-end;
}
#productlist .pricepanel .js-price-wrapper .clearfix{
    display: none;
}
#productlist .pricepanel .js-price-wrapper .product-grossprice {
    display: inline-block;
    position: relative;
    color:#aaa;
    min-width:auto;
}
#productlist .pricepanel .js-price-wrapper .product-discount {
    order:;
    font-size:12px;
    color:#e63131;
    margin-top:2px;
}
#productlist .pricepanel .js-price-wrapper .product-discount-lbl{
    display: none;
}
#productlist .pricepanel .js-price-wrapper .product-discount-percentage:before {
    content:"x ";
}
#productlist .pricepanel .js-price-wrapper .product-netprice {
    margin:0px;
    font-size:16px;
    margin-left:0px;
    line-height: 20px;
    font-family: 'Helvetica', Arial, sans-serif;
    font-weight: bold;
    flex-basis: 100%;
}
/*--*/
.productAvailability{
    text-transform: none;
    font-family: 'Helvetica', Arial, sans-serif;
    margin-right: 4px;
}
.product-grid .hover-product .hover-product-title, .product-grid .hover-product .field-stockcode,
.product-grid .hover-product .pull-right.pricepanel, .product-grid .hover-product .p-productavailability{
    margin-left:10px;
 	margin-right:10px;
}
.product-grid .product .hover-product > .pull-right:has(.requestBtn){
    float: none;
    text-align: right;
}
/* paginate style */
.product-nav{
    border-bottom: none;
}
.paginate-bottom ul{
    display: flex;
    justify-content: center;
    align-items: center;
}
.paginate-bottom li{
    text-align: center;
    float:none;
}
.paginate-bottom li.pull-right, 
.paginate-bottom li:nth-last-child(3),
.paginate-bottom li:nth-last-child(2){
    display: none;
}
.paginate-bottom li .js-changePage{
    padding: 12px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 2px !important;
    height: 42px;
    min-width: 42px;
    margin:0px 3px;
    font-size:13px;
}
.paginate-bottom li .js-changePage .fa-chevron-right,
.paginate-bottom li .js-changePage .icon-left-open:before{
    font-family: "FontAwesome";
    font-size: 13px;
}
.paginate-bottom li .js-changePage .fa-chevron-right:before{
    content: '\f054';
}
.paginate-bottom li .js-changePage .icon-left-open:before{
    content:"\f053";
}
.pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus,
.pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus{
    background:#ce7d43;
}
/* Paginate top */
.paginate-top li:not(.pull-right){
    display: none;
}
.paginate-top li.pull-right{
    float:none;
}
/* Product Filter */
.white-bg-section .section_Menu{
    margin-bottom: 20px;
}
.section_ProductFilter #productfilter > .row:has(> div){
    background: #EBEBEB;
}
.section_ProductFilter #productfilter > .row{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-left: 0px;
    margin-right: 0px;
    padding:10px 10px !important;
    gap:10px;
}
#productfilter > .row:before, #productfilter > .row:after{
    display: none;
}
.section_ProductFilter #productfilter > .row > div{
  	width:100%;
    background:#fcfcfc;
    padding:15px 20px;
    margin-bottom: 0px;
}
.section_ProductFilter #productfilter .filterMore,
.section_ProductFilter #productfilter .filterLess{
    cursor: pointer;
    width:auto;
    margin-left:0px;
    border-radius: 2px;
    padding:3px 0px;
}
.section_ProductFilter #productfilter .filterMore > div,
.section_ProductFilter #productfilter .filterLess > div{
    width:auto;
    padding:0px;
    font-size:12px;
    color:#0061A8;
}
.section_ProductFilter #productfilter .filterMore > div i:before{
    content:"\f078";
}
.section_ProductFilter #productfilter .filterLess > div i:before{
    content:"\f077";
}
.section_ProductFilter #productfilter .filterMore > div i:before,
.section_ProductFilter #productfilter .filterLess > div i:before{
    font-family: fontawesome;
    font-size:10px;
    font-weight: normal;
    margin-top:;
}
.section_ProductFilter #productfilter legend{
        font-family: 'Nulshock', Arial, sans-serif;
    font-weight: 300;
    font-size:19px;
    border-bottom: none;
    margin-bottom: 5px
}
.section_ProductFilter #productfilter label{
    font-weight: normal;
}
.section_ProductFilter #productfilter fieldset .col-sm-10.col-xs-10{
    padding-left:5px;
}
input.js-filterCheckBox  {
    margin-top:2px !important;
}
.section_ProductFilter #productfilter hr{
    display: none;
}
input.js-filterCheckBox[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    border: 1px solid #333;
    border-radius: 2px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
}
input.js-filterCheckBox[type="checkbox"]:checked {
    background-color: #0061A8;
    border-color: #0061A8;
}
input.js-filterCheckBox[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 4px;
    width: 6px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
input.js-filterCheckBox[type="checkbox"]:focus{
    outline:none;
}
@media screen and (max-width:992px){
    .section_ProductFilter #productfilter > .row{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width:767px){
    .section_ProductFilter #productfilter > .row{
        grid-template-columns: repeat(1, 1fr);
    }
}
/* PDP (19)
========================================================================== */
/*.vertical .slick-slider.main .slick-slide{
    padding-top:60px;
}
@media screen and (max-width:767px){
    .vertical .slick-slider.main .slick-slide{
        padding-top:15px;
    }
}*/
.pdp-inner{
    background:rgba(60, 60, 60, 0.1);
    max-width:100%;
    overflow: hidden;
    padding: 0px;
    border-radius: 25px;
}
.pdp-container .pdp-top-row > .col-sm-12{
    display: flex;
    gap:10px;
}
.hover-product-image{
    box-shadow: none;
}
/*Reverse sku and product title styling*/
.pdp-inner .section_ProductDetail_SkuNumber{
    padding-bottom: 0px;
}
.pdp-inner .section_ProductDetail_SkuNumber p{
    margin-bottom: 0px;
    font-family: 'Nulshock', Arial, sans-serif;
    font-weight: 300;
    color:#000;
    font-size:30px;
}
.pdp-inner .section_ProductDetail_SkuNumber p strong{
    font-weight: normal;
}
.pdp-inner .section_ProductDetail_Header .page-header{
    font-family: 'Helvetica', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.42857;
    color: #333;
}
/*---*/
/* Adjustments */
@media screen and (max-width:767px){
    .pdp-top-row{
        padding-top:0px;
    }
}
.pdp-top-row{
    padding-top:25px;
}
.pdp-inner{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.pdp-inner{
    display: flex;
    align-items: center;
}
.pdp-container > .col-sm-12{
    position: relative;
}
.pdp-container .only-fav{
    position: absolute;
    top:20px;
    right:45px;
}
.pdp-container .only-fav .js-toggleFavorite{
    width: 32px;
    height: 32px;
}
.hide-fav .addToBasketContainer > .favorite{
    display: none;
}
.pdp-container .only-fav .addToBasketContainer > *{
    display: none !important;
}
.pdp-container .only-fav .addToBasketContainer > .favorite{
    display: block !important; 
}
/* PDP TOP ROW
 ===================== */
.pdp-top-row{
    padding:15px 0px;
}
.pdp-top-row .col-sm-12 > section{
    padding: 0px;
}
.pdp-container .pdp-top-row .section_BreadCrumb .breadcrumb li ,
.pdp-container .pdp-top-row .section_ProductDetail_DeliveryDetailInfo dl:has(#itemsAvailable){
    border:1px solid rgba(162, 101, 68, 1);
    padding:2px 12px;
    font-size:14px;
    font-weight: normal !important;
    border-radius: 25px;
}
.pdp-container .pdp-top-row .section_ProductDetail_DeliveryDetailInfo dt,
.pdp-container .pdp-top-row .section_ProductDetail_DeliveryDetailInfo dd{
    color: rgba(162, 101, 68, 1);
}
.pdp-container .pdp-top-row .section_BreadCrumb .breadcrumb li {
    border-color:#A6A5A5;
}
.pdp-container .pdp-top-row .section_BreadCrumb .breadcrumb li a{
    font-weight: normal;
    color:#A6A5A5;
}
.pdp-container .pdp-top-row .section_ProductDetail_DeliveryDetailInfo dl{
    border-color:#00407B;
}
/* Breadcrumb */
.pdp-top-row .section_BreadCrumb .row > .col-xs-12{
    padding: 0px;
}
.pdp-container .pdp-top-row .section_BreadCrumb .container{
    width:auto !important;
    
}
.pdp-container .pdp-top-row .section_BreadCrumb .breadcrumb li:not(:first-child){
    display: none;
}
.pdp-container .pdp-top-row .section_BreadCrumb .breadcrumb{
    padding:0px;
}
/* Availability*/
.pdp-container .pdp-top-row .section_ProductDetail_DeliveryDetailInfo{
    padding:0px;
}
.pdp-container .pdp-top-row .section_ProductDetail_DeliveryDetailInfo dl{
    margin-bottom: 0px;
    display: inline-block;
}
.pdp-container .pdp-top-row .section_ProductDetail_DeliveryDetailInfo dd{
    display: inline-block;
}
.pdp-container .pdp-top-row .section_ProductDetail_DeliveryDetailInfo dt{
    font-weight: normal;
  	float:left;
}
.pdp-container .pdp-top-row .section_ProductDetail_DeliveryDetailInfo dd:before,
.pdp-container .pdp-top-row .section_ProductDetail_DeliveryDetailInfo dd:after{
    display: none;
}
/*Slick Slide - inprogress*/
.section_ProductImageLibrary.vertical{
    padding-bottom: 0px;
}
.section_ProductImageLibrary.vertical > .product-slider-section{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    max-width: 100%;
    padding:20px 0px;
}
.section_ProductImageLibrary.vertical .product-slider-section .product-slider{
    max-width: 79%;
    margin:0px 20px;
    border-radius: 20px;
  	flex-grow:1;
}
.section_ProductImageLibrary.vertical .product-carousel{
    margin-left:20px;
}
.section_ProductImageLibrary.vertical .product-carousel .slick-list{
    padding:0px !important;
    margin-left:0px !important;
}
.section_ProductImageLibrary.vertical .product-carousel > .slides{
    width:101px;
    margin:0 auto;
}
.section_ProductImageLibrary.vertical hr{
    display: none;
}
.pdp-inner .section_ProductImageLibrary .slides img{
    border-radius: 50%;
    padding:8px;
    max-width:100px;
    border-width: 2px;
    border:2px solid #ccc;
}
.pdp-inner .section_ProductImageLibrary .slides .slick-current img{
    border:2px solid #00274A;
}
.pdp-inner .section_ProductImageLibrary .slides .slick-slide{
    max-width:100px;
    width:100px !important;
}
.pdp-inner .section_ProductImageLibrary .slides .slick-track{
    display: flex;
    /*flex-direction:column;*/
    width:100px !important;
    gap:20px;
}


/*Slick Slide - Vertical thumbnail adjustments */
@media screen and (min-width: 1030px){
    .section_ProductImageLibrary.vertical > .product-slider-section{
        justify-content: flex-end;
        flex-direction: row;
        display: flex;
    }

    .section_ProductImageLibrary.vertical .product-slider-section .product-slider{
        width: 100%;
        max-width: 960px;
        margin-left: 0;
    }

    .section_ProductImageLibrary.vertical  .slider-nav-section {
        order: -1;
        position: relative;
        transform: none;
        left: auto;
        width: auto;
        margin: 0;
        right: -110px;
      	z-index: 100;
    }

    .section_ProductImageLibrary.vertical  .slider-nav-section  .slick-list{
        padding: 0 !important;
    }  

    .section_ProductImageLibrary.vertical  .slider-nav-section  .slick-list .slick-track{
        display: flex;
        flex-direction: column;
    } 

    .section_ProductImageLibrary.vertical  .slider-nav-section  .slick-list .slick-track img{
        transform: none;
    } 
}

@media screen and (max-width: 1029px){
    .section_ProductImageLibrary.vertical .slider-nav-section  .slick-list{
        padding: 0 !important;
    }   
    .section_ProductImageLibrary.vertical > .product-slider-section{
        display: block;
        max-width: 100vw;
    }
}

/* Show Vertical Image list despite only one image */
.pdp-inner .vertical .flexslider.product-carousel.hidden{
    display: block;
    visibility: visible;
}
/* PDP CART */
.pdp-inner .col-sm-6:last-of-type .addToBasketContainer{
    display: flex;
}
.pdp-inner .col-sm-6:last-of-type .addToBasketContainer .product-quantity-input{
    padding:6px 12px;
    text-align: center;
    width:80px;
    height:50px;
    border-radius: 0px;
    margin-right:15px;
}
.pdp-inner .col-sm-6:last-of-type .addToBasketContainer .js-addToBasket{
    background: linear-gradient(90deg,rgba(206, 125, 67, 1) 0%, rgba(162, 101, 68, 1) 100%);
    border: 2px solid #f3f3f3;
    color: #fff !important;
    height:50px;
    padding:12px 50px;
    border-radius: 0px;
}
.pdp-inner .col-sm-6:last-of-type .addToBasketContainer .js-addToBasket .fa-shopping-cart{
    background-image: none;
}
.pdp-inner .col-sm-6:last-of-type .addToBasketContainer .js-addToBasket:before{
    content:"Add to Cart";
}
.pdp-inner .col-sm-6:last-of-type .addToBasketContainer .shoppingList{
    display: inline-block;
    height:46px;
    padding:12px 25px;
    border-radius: 0px;
    border:1px solid #1E242A;
    order:3;
    margin-left:15px;
    margin-top:2px;

}
.pdp-inner .col-sm-6:last-of-type .addToBasketContainer .favoriteToggler{
    margin-right: 5px !important;
}
.pdp-inner .col-sm-6:last-of-type .addToBasketContainer .shoppingList:after{
    content:"Add to List";
    margin-left:;
    display: inline-block;
    font-size:14px;
}
/* PDP TABS */
.section_ProductDetailTabs{
    padding:30px 0px;
}
.section_ProductDetailTabs .nav-tabs{
    display:;
    box-shadow: none;
    border-bottom:1px solid #ccc;
}
.section_ProductDetailTabs .nav-tabs > li{
    flex-grow:1;
    text-align: center;
    border:none !important;
    box-shadow: none ;
}
.section_ProductDetailTabs .nav-tabs > li a{
    padding: 12px 25px;
    text-align: center;
    border-bottom:5px solid transparent;
    border-top:none;
    border-left:none;
    border-right:none;
    box-shadow: none;
    background:none;
    transition: 0.25s ease-in-out;
    color:#1E242A;
    font-size:16px;
}
.section_ProductDetailTabs .nav-tabs>li.active>a,.section_ProductDetailTabs .nav-tabs>li.active>a:hover,
.section_ProductDetailTabs .nav-tabs>li.active>a:focus{
    border-bottom:5px solid #1E242A;
    border-top:none;
    border-left:none;
    border-right:none;
  	color:#1E242A;
}
/* Attribute tab */
.section_ProductDetailTabs .section_ProductAttributes{
    border: 1px solid #ccc;
    border-radius: 0px;
    padding:0px;
    overflow:;
}
.section_ProductDetailTabs .section_ProductAttributes table tbody tr {
    background: transparent;
    border-bottom: 1px solid #ccc;
}
.section_ProductDetailTabs .table>tbody>tr>th{
    padding:15px 30px;
    font-family: 'Helvetica', Arial, sans-serif;
    font-size:1rem;
}
.section_ProductDetailTabs .table>tbody>tr>td{
    padding:15px 30px;
    color:#757474;
}
.section_ProductDetailTabs .section_ProductAttributes table{
    margin-bottom:0px;
}
.section_ProductDetailTabs .section_ProductAttributes table tbody th,
.section_ProductDetailTabs .section_ProductAttributes table tbody td{
    border:none;
}
.tab-content .section_ContentDataUnit:has(.hs-form-frame){
    height:560px;
    overflow-y: scroll;
}
/* Hide Dropdown - Show tabs*/
@media screen and (max-width: 1199px){
    .section_ProductDetailTabs .dropdown.hidden-lg{
        display: none;
    }
    .section_ProductDetailTabs .nav-tabs .visible-lg{
        display: block;
    }
}
@media screen and (min-width:767px){
    .tab-content .section_ProductAttributes table tr > th{
        width: 20%;
    }
    .tab-content .section_ProductAttributes table tr > td{
        width: 80%;
    }
}
/*discount pdp styling v.2 */
.pt-page-productdetail .js-price-wrapper{
    display: flex;
    flex-wrap: wrap;
    column-gap: 5px;
    min-height: 40px;
    align-items: flex-end;
}
.pt-page-productdetail .js-price-wrapper .product-grossprice {
    display: inline-block;
    position: relative;
    color:#aaa;
    margin-bottom:0px;
    min-width:auto;
    order:1;
}
.pt-page-productdetail .js-price-wrapper .product-discount {
    order:2;
    font-size:12px;
    color:#e63131;
    margin-top:0px;
    margin-bottom: 1px;
}
.pt-page-productdetail .js-price-wrapper .product-discount-lbl{
    display: none;
}
.pt-page-productdetail .js-price-wrapper .product-discount-percentage:before {
    content:"x ";
}
.pt-page-productdetail .js-price-wrapper .product-netprice {
    margin:0px;
    font-size:16px;
    margin-left:0px;
    margin-top:2px;
    line-height: 20px;
    font-family: 'Helvetica', Arial, sans-serif;
    font-weight: bold;
    flex-basis: 100%;
    order:3;
}

/* Document List 
 ========================== */
.documentlist {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem; /* optional spacing */
}
.documentlist{
    padding-left: 0px !important;
}
.documentlist li{
    height:auto;
    border:1px solid #ccc;
    border-radius: 0px;
}
.documentlist li br{
    display: none;
}
.documentlist li a{
    display: flex;
    align-items: center;
    height:100%;
    font-size:16px;
    position: relative;
    padding:25px 20px 25px;
    text-transform: capitalize;
}
.documentlist a.document:before{
    background-image: none;
    content: '';
    margin-right: 15px;
    display: inline-block;
    position: relative;
    top:0px;
    width: 0px;
    height: 34px;
    background-size: cover;
    background-repeat: no-repeat;

}
.documentlist a.document img{
    display: none;
}
.documentlist li a::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    width: 34px;
    height: 34px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2220%22%20viewBox%3D%220%200%2018%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.75%2012.9544L0.75%2016.6425C0.75%2017.2014%200.960714%2017.7375%201.33579%2018.1327C1.71086%2018.528%202.21957%2018.75%202.75%2018.75H14.75C15.2804%2018.75%2015.7891%2018.528%2016.1642%2018.1327C16.5393%2017.7375%2016.75%2017.2014%2016.75%2016.6425V12.9544M8.75112%200.75V12.6925M8.75112%2012.6925L13.3225%208.1293M8.75112%2012.6925L4.17969%208.1293%22%20stroke%3D%22%2300407B%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center center;
    border: none;
    border-radius: 0%;
    pointer-events: none;
    padding:20px;
    transition: 0.3s ease-in-out;
}
@media screen and (max-width: 992px) {
    .documentlist{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 767px) {
    .documentlist{
        grid-template-columns: repeat(1, 1fr);
    }
}

/* VPDP (23)
========================================================================== */

/* IPDP (20)
========================================================================== */

/* Search result (4)
========================================================================== */

/* Checkout (10)
========================================================================== */
/* Checkout (10)
========================================================================== */
.pt-page-checkout{
    background:#F6FAFD;
}
.pt-page-checkout .section_QuickShop{
    background:#fff;
    padding:5px 15px;
    margin-bottom: 20px;
}
.pt-page-checkout #checkoutWrapper .basket-total-lines{
    margin-right: 15px;
    background:transparent;
}
.pt-page-checkout #checkoutWrapper .basket-total-lines{
    width:auto;
}
.pt-page-checkout #checkoutWrapper .basket-total-lines > .row{
    margin-top: 10px;
    background:#eee;
    display: flex;
}
.pt-page-checkout #checkoutWrapper .basket-total-lines > .row > div:first-of-type{
    min-width: 175px;
}
.pt-page-checkout #checkoutWrapper .basket-total-lines > .row > div:first-of-type h5{
    font-weight: 300;
    line-height: 22px;
}
.pt-page-checkout #checkoutWrapper .basket-total-lines > .row > div.col-sm-5{
    float: none;
}
.pt-page-checkout #checkoutWrapper .basket-total-lines > .row > div.col-sm-5 h5{
    font-weight: 700;
    font-size:20px;
}
.section_Checkout #btn-continue-holder {
    margin-left: 0px;
    margin-right: 10px;
}
.section_Checkout #btn-continue-holder button{
    margin:0px 5px !important;
}
.section_Checkout #backToBasket{
    margin:0px 5px !important;
}

#basket .cart-view-table .cart-product-error {
    margin-bottom: 0;
    margin-top: 5px;
    padding: 5px;
}


/* Checkout Mobile */
#mobileBasketLines .bLine{
    margin-bottom: 10px;
    padding:10px;
    background: #fcfcfc;
    border:1px solid #eee;
    border-radius: 3px;
    display: flex;
}
#mobileBasketLines .basket-thumbnail{
    width:25%;
    padding:0px;
}
#mobileBasketLines .bLine > .col-sm-8.col-xs-6{
    width:75%;
}
#mobileBasketLines .basket-stockcode label{
    font-weight: 400;
}
#mobileBasketLines .bLine .basket-price > div, #mobileBasketLines .bLine .basket-linesum > div{
    font-size:14px;
    text-align: ;
    font-weight: 700;
}
#mobileBasketLines .bLine .basket-description label{
    font-size:12px;
    font-weight: 600;
}
#mobileBasketLines .basket-confdate > div{
    font-size:12px;
    margin-top:-5px;
    margin-bottom:10px;
    font-style: italic;
}
#mobileBasketLines .js-removeFromBasketCheckout{
    color:#0061A8 !important;
    margin-top:6px !important;
}
#mobileBasketLines .js-saveToMyCarts, #mobileBasketLines .js-updateQty{
    font-size:14px;
    padding: 6px 14px;
}
@media screen and (max-width:767px){
    .cartactions-container #EmptyCart{
        margin-bottom: 5px;
    }
}
/* Checkout Summary */
.section_CheckoutConfirmation .summary-header .section-heading{
    color:#fff;
    padding-bottom: 0px;
    margin-bottom: 5px;
    min-height:auto;
    border-bottom: none;
}
.section_CheckoutConfirmation .summary-header p{
    margin-bottom: 0px;
}
#summaryWrapper .section-heading, .section_CheckoutConfirmation .summary-header {
    background: linear-gradient(90deg, rgba(206, 125, 67, 1) 0%, rgba(162, 101, 68, 1) 100%);
    color:#fff;
    padding: 15px 15px 15px;
}
.section_CheckoutConfirmation .summary-header{
    margin-bottom: 15px;
}
.section_CheckoutConfirmation .summary-header .section-heading{
    margin-bottom: 0px;
}
#summaryWrapper fieldset .form-group {
    background: #fcfcfc;
    border:1px solid #eee;
    padding: 8px 0px;
    margin: 10px 0px !important;
}
@media screen and (min-width:767px){
    .OrderSummaryDetailsHeader .col-md-6{
        padding-left:0px !important;
    }
    .OrderSummaryDetailsHeader .col-md-6 .form-group{
        padding-left:15px !important;
    }
}
/* Checkout Buttons */
.pt-page-checkout .btn.btn-ptOrange{
    background: linear-gradient(90deg,rgba(206, 125, 67, 1) 0%, rgba(162, 101, 68, 1) 100%);
    color:#fff;
    border: 2px solid #f3f3f3;
}
.pt-page-checkout .js-updateQty, .pt-page-checkout .js-saveToMyCarts,
.cartactions-container #EmptyCart, .js-basketImport{
    background: #fff;;
    border: 1px solid #ce7d43;;
    color: #ce7d43; !important;
    transition: 0.25s;
    text-transform: none;
}
.pt-page-checkout .js-updateQty:hover, .pt-page-checkout .js-updateQty:focus,
.pt-page-checkout .js-updateQty:active, .pt-page-checkout .js-saveToMyCarts:hover,
.pt-page-checkout .js-saveToMyCarts:active, .pt-page-checkout .js-saveToMyCarts:focus,
.js-basketImport:hover, .js-basketImport:active, .js-basketImport:focus, .cartactions-container #EmptyCart:hover,
.cartactions-container #EmptyCart:active, .cartactions-container #EmptyCart:focus{
    background: linear-gradient(90deg,rgba(206, 125, 67, 1) 0%, rgba(162, 101, 68, 1) 100%);
    border: 1px solid #ce7d43;
    color: #fff !important;
}
.section_Checkout #basketList-standard td.basket-thumbnail img,
.section_Basket #basketList-standard td.basket-thumbnail img{
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 0px;
    margin-top: 5px;
    margin-bottom: 3px;
}
/* Checkout Form 
 ============================= */
.pt-page-checkout form fieldset legend{
    background:#fff;
    color:;
    padding:10px 10px 5px 10px;
    border-left:5px solid #ce7d43;
    font-family: 'Nulshock', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 100;
    line-height: 2rem;
    letter-spacing:;
}
.pt-page-checkout form fieldset .form-group{
    background: #fff;
    border:1px solid #ebebeb;
    border-radius: 0px;
    padding:8px 0px;
    margin:10px 0px !important;
}
.pt-page-checkout form fieldset .form-group label{
    margin-bottom: 0px;
    margin-top:2px !important;
}
/* Table - General Styling
 ============================= */
.content table thead{
    margin-bottom: 10px;
}
.content table thead > tr th{
    background:#ebebeb;
    border-bottom:0px;
}
.content table thead > tr th:nth-child(1){
        border-top-left-radius: 3px;
}
.content table thead > tr th:last-of-type{
        border-top-right-radius: 3px;
}
.content table tbody tr{
    background:#fff;
}
.content .table>tbody>tr>td{
    border-color: #ebebeb;
}
.table.table-hover:has(.basket-total-lines) td{
    border-color: transparent !important;

}
.basket-total-lines{
    background: #fff;
}
.basket-total-lines tr td:first-of-type h5{
    font-weight: 700;
}
.basket-total-lines h5{
    font-size:16px;
}
.basket-total-lines td:first-of-type{
    padding-left:10px;
}
.basket-total-lines td:last-of-type{
    padding-right:10px !important;
}
.table-hover:has(.basket-total-lines) tr, .table-hover:has(.basket-total-lines)>tbody>tr:hover>td,
.table-hover:has(.basket-total-lines)>tbody>tr:hover>th{
    background:transparent !important;
}


.section_QuickShop .quickshopcontent .col-sm-2.col-xs-2 .btn{
    height:;
    color:;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center !important;
}
.section_QuickShop .quickshopcontent .col-sm-2.col-xs-2 .btn:after {
    text-align: center !important;
    margin:0 auto;
    content:"";
}
/* Gear Applications (108)
 ================================================ */
.material-toggle{
    margin:5px 5px;
}
.important-notes{
    background:#FFEAEA;
    padding:34px !important;
}
.important-notes > div > div{
    display: flex;
    align-items: center;
    gap:20px;
}
.important-notes .fa-info{
    background:#F3B4B4;
    width:40px;
    height:40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size:0px;
}
.important-notes .fa-info:before{
    color:#D83B3B;
    font-size:14px;
    border:2px solid #D83B3B;
    border-radius: 50%;
    width:25px;
    height:25px;
    line-height: 22px;
}
.important-notes p, .important-notes h2{
    color:#101828 !important;
}
/* Find by system - view all restrictions */
.fbs-row > .col-sm-12 section:nth-child(n+5) {
  display: none;
}

@media (min-width: 999px) {
  .fbs-row > .col-sm-12 section {
    display: block;
  }

  .fbs-row > .col-sm-12 section:nth-child(n+9) {
    display: none;
  }
}
/* My Area Pages
 ================================================= */
.content .input-group:has(input + .input-group-btn) .form-control:focus{
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    border: 1px solid #e4e4e4;
}
.content .input-group:has(input + .input-group-btn) .pt-btn-search{
    padding:5px 25px;
    background: linear-gradient(90deg,rgba(206, 125, 67, 1) 0%, rgba(162, 101, 68, 1) 100%);
    border: 2px solid #a26544;
}
.content .input-group:has(input + .input-group-btn) .pt-btn-search .fa-search{
    width:20px;
    height:20px;
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z" stroke="%23fff" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M22 22L20 20" stroke="%23fff" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}

/* -favorite product page */
.fav-prod-row > div{
    background: #fff;
    border-radius: 0px;
    border: 1px solid #dfdfdf;
    padding: 35px 45px;
}
.fav-prod-row h1{
    font-size:38px;
    font-family: 'Nulshock',Arial, sans-serif;
    font-weight:300; 
  	margin-top:0px !important;
  	margin-bottom:20px;
}
/* Authors
   ==========================================================================
Name
*/
/* Find a Distributor Page */
[data-pageid="99"] .cd-main-content{
    background:#021423;
}
[data-pageid="99"] .cd-main-content .content > .container #dealerSearchForm{
    background:#fff;
    padding:15px;
}
[data-pageid="99"] .cd-main-content .content > .container #dealerResults{
    height:540px;
}

/* Find a Distributor - section*/
.find-dist-row{
    background:#fff;
    max-height:700px;
    overflow: hidden;
    z-index:5 !important;
    position: relative;
    border-radius: 20px;
}
.find-dist-row p, .find-dist-row a{
    color:#011426 !important;
}
.find-dist-row > div:first-child{
    padding:0px;
}
.find-dist-row > div .section_ContentPageTabs{
    padding:30px 0px;
}
.find-dist-row > div .section_ContentPageTabs ul{
    display: flex;
    box-shadow: none;
    border-bottom:1px solid #ccc;
}
.find-dist-row > div .section_ContentPageTabs ul li{
    flex-grow:1;
    text-align: center;
    border:none !important;
    box-shadow: none ;
}
.find-dist-row > div .section_ContentPageTabs ul li a{
    flex-grow:1;
    text-align: center;
    border-bottom:5px solid transparent;
    border-top:none;
    border-left:none;
    border-right:none;
    box-shadow: none;
    background:none;
    transition: 0.25s ease-in-out;
    color:#011426;
  	font-size:1rem;
    padding: 12px 25px;
}
.find-dist-row .nav-tabs>li.active>a,.find-dist-row .nav-tabs>li.active>a:hover,.find-dist-row .nav-tabs>li.active>a:focus{
    border-bottom:5px solid #011426;
        border-top:none;
    border-left:none;
    border-right:none;
  	color:#011426 !important;
}
.find-dist-row .find-dist-card{
    position: relative;
}
.find-dist-row .find-dist-card > div:first-of-type{
    height:700px;
}
.find-dist-row .find-dist-card > div:first-of-type img{
    /*height:650px;*/
    object-fit: cover;
    border-top-right-radius: 25%;
  	width:100%;
  	max-height:700px;
}
.find-dist-row .find-dist-card > .contact-text,
.find-dist-row .find-dist-card > .dist-text{
    position: absolute;
    bottom: 0;
    margin: 0px;
    width:100%;
    padding:40px 30px;
    background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 90%);
}
.find-dist-row .find-dist-card > .contact-text p,
.find-dist-row .find-dist-card > .dist-text p{
    margin-bottom: 0px;
  	color:#fff !important;
}
.find-dist-row .find-dist-card > .contact-text h3,
.find-dist-row .find-dist-card > .dist-text h3{
    font-size:3.3em;
  	margin-bottom: 0px;
}
/*Transition*/
.find-dist-row .find-dist-card .contact-text,
.find-dist-row .find-dist-card .dist-text{
    opacity: 0;
    visibility: hidden;
    transition: 0.25s ease-in-out;
}
.find-dist-row:has(li[data-pageid="99"].active) .dist-text{
    opacity: 1;
    visibility: visible;
}
.find-dist-row:has(li[data-pageid="101"].active) .contact-text{
    opacity: 1;
    visibility: visible;

}
/* General Inquiry */
.find-dist-row .section_ContactUsForm .page-header{
    display: none;
}
.find-dist-row .section_ContactUsForm select{
    padding-left:0px;
}
.find-dist-row .section_ContactUsForm input{
    padding-left:5px;
}
.find-dist-row .section_ContactUsForm input, .find-dist-row .section_ContactUsForm select{
    box-shadow: none;
    border-top:none;
    border-left:none;
    border-right:none;
}
.find-dist-row .section_ContactUsForm input:focus, .find-dist-row .section_ContactUsForm select:focus{
    box-shadow: none;
    border-top:none;
    border-left:none;
    border-right:none;
}
.find-dist-row .find-dist-card > div:first-of-type p{
    border-top-right-radius: 25%;
    overflow: hidden !important;
    display:flex;
  	min-height:100%;
}
.find-dist-row .find-dist-card > div:first-of-type img {
    transition: transform 0.3s ease-in-out;
}
.find-dist-row .find-dist-card > div:first-of-type img:hover {
    transform: scale(1.08); /* Slight zoom */
}
/* was 767px*/
@media screen and (max-width:1198px){
    .find-dist-row.container{
        margin:20px;
    }
    .find-dist-row{
        display: flex;
        flex-direction: column;
        border-top-right-radius: 25%;
        max-height: none;
      	width:auto;
    }
    .find-dist-row .col-sm-5, .find-dist-row .col-sm-7{
        width: 100%;
    }
    .find-dist-row .col-sm-5{
        overflow: hidden;
    }
    .find-dist-row .dropdown-toggle{
        display: none;
    }
    .find-dist-row .nav li.visible-lg{
        display: block;
    }
    .find-dist-row .nav li.dropdown{
        display: none;
    }
    .find-dist-card,
    .find-dist-row .find-dist-card > div:first-of-type img{
        max-height:300px;
        overflow: hidden;
    }
}
@media screen and (max-width:767px){
    .find-dist-row .find-dist-card > div:first-of-type p,
    .find-dist-row .find-dist-card > div:first-of-type img{
        border-top-right-radius: 0%;
    }
}
/* Find dist row gray */
.find-dist-row.gray, .find-dist-row.gray select, .find-dist-row.gray input,
.find-dist-row.gray textarea{
    background:#F6FAFD;
}
.find-dist-row textarea:focus{
    box-shadow: none;
}
.find-dist-row.gray .find-dist-card h3{
    color:#fff;
}
.find-dist-row.gray .nav-tabs a:hover,
.find-dist-row.gray .nav-tabs a:focus,
.find-dist-row.gray .nav-tabs a:active{
    background:transparent;
}
.find-dist-row .tab-content .content{
    padding-top:5px;
}
.nav-tabs [data-pageid="101"].hidden{
    visibility: visible;
}
/* Dealer Form */
#dealerSearchForm{
    display: flex;
    flex-direction: column-reverse;
    gap: 15px;
}
#dealerSearchForm > table{
    flex-basis: 50%;
    margin:0px 15px;
}
#dealerSearchForm input[type="checkbox"]{
    margin-top: 0px;
}
#dealerSearchForm input, #dealerSearchForm select{
    box-shadow: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom:1px solid #ccc;
    height: 33px;
    line-height: 33px;
}
#dealerSearchForm input:focus, #dealerSearchForm select:focus{
    border-color: #999;
    outline: none;
}
#dealerSearchForm label{
    margin-bottom: 0px;
    margin-top: 0px;
    padding-left: 0px;
    font-weight: 100;
}
#dealerSearchForm tr{
    height:;
}
#dealerSearchForm #dealer-brand{
    margin
}
#dealerSearchForm #dealer-brand tbody{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
#dealerSearchForm #dealer-brand tr:first-of-type{
    flex-basis: 100%;
}
#dealerSearchForm #dealer-brand tr{
    flex-basis: 36%;
}
#dealerSearchForm #dealer-brand tr:has(.dealer-brand-checkbox){
    margin-bottom: 10px;
}
#dealerSearchForm #dealer-location tbody{
    display: flex;
    flex-wrap: wrap;
    column-gap:10px;
}
#dealerSearchForm #dealer-location tr{
    display: flex;
    flex-direction: column;
    flex-basis: 30%;
}
#dealerSearchForm #dealer-location tr:last-of-type{
    flex-basis: 100%;
}
#dealerSearchForm #dealer-brand th, .dealer-location-label label{
    font-weight: 100 !important;
    color:#7D8790;
    padding-left: 0px;
}
#dealerSearchForm .dealer-brand-checkbox input[type="checkbox"]{
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px !important;
    border: 1px solid #333;
    border-radius: 0px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    line-height: 18px !important;
    min-height: auto;
}
#dealerSearchForm .dealer-brand-checkbox input[type="checkbox"]:checked{
    background-color: #011426;
    border-color: #011426;
}
#dealerSearchForm .dealer-brand-checkbox input[type="checkbox"]:checked::after{
    content: '';
    position: absolute;
    top: 0px;
    left: 5px;
    width: 6px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
#dealerSearchForm .dealer-brand-checkbox input[type="checkbox"]:focus{
    outline:none;
}
#dealerSearchForm #dealerSearchBtn{
    margin-top:15px;
}
#zipcode{
    width:100%;
}
@media screen and (max-width:767px){
    #dealer-location tr:has(#zipcode){
        flex-basis: 100% !important;
        padding-bottom: 20px;
    }
    #dealerSearchForm #dealer-location tbody {
        column-gap: 10px;
        align-items: flex-end;
    }
    #dealerSearchForm #dealer-location tr{
        flex-basis: auto;
        flex-grow: 1;
    }
    #dealerSearchForm #dealer-brand tr {
        flex-basis: 50%;
    }
}
/* Dealer Results */
#dealerResults {
    height:340px;
    border-bottom: none;
}
#dealerResults .dealer-list{
    padding-left: 0px;
    display:flex;
    flex-wrap: wrap;
    overflow-y: scroll;
    height: 100%;
    gap:15px;
    border-bottom: none;
}
#dealerResults .dealer-list .dealer-card{
    list-style: none;
    flex-basis:calc(33% - 15px);
    background:#E6F6FD;
    border-radius: 0px;
    padding:20px;
}
#dealerResults .dealer-list .dealer-card p{
    text-align: left;
}
#dealerResults .dealer-card .company-type{
    display: flex;
    flex-wrap: wrap;
    gap:5px;
}
#dealerResults .dealer-card .company-type > span{
    border:1px solid rgba(1,20,38, 0.5);
    border-radius: 25px;
    padding:4px 8px;
    font-size: 12px;
    color:rgba(1,20,38, 0.5);;
}
#dealerResults .dealer-list .dealer-card .address{
    margin-top: 10px;
    font-size:12px;
    display: flex;
}
.address:before{
    content:"\f276";
    font-family: fontawesome;
    color:#00407B;
    margin-right:5px;
    font-size:10px;
}
#dealerResults .dealer-list .dist{
    font-size:12px;
    display: flex;
    align-items: center;
}
#dealerResults .dealer-list .dist:before{
    content:"";
    width:20px;
    height: 16px;
    display: inline-block;
    background-image: url(/image/getthumbnail/1229);
    background-repeat: no-repeat;
    margin-top:-3px;
}
@media screen and (max-width:992px){
    #dealerResults .dealer-list .dealer-card{
        flex-basis: calc(50% - 10px);
    }
}
@media screen and (max-width:767px){
    #dealerResults .dealer-list .dealer-card{
        flex-basis: 100%;
    }
}
/* Icons
 =============================================== */
.fa-shopping-cart, .quickshopcontent .col-sm-2.col-xs-2 .btn:after,
.fa-search, .my-account-icon p, .fa-cart-plus, .fa-star, .fa-star-o, .fa-file{
    background-size: contain;
    background-repeat: no-repeat;
  	display: block;
    width: 24px;
    height: 24px; 
    color: transparent; 
    font-size:0px;
}
.producttable .fa-star, .producttable .fa-star-o{
    width:17px;
    height:17px;
}
/* Location */
.location-icon a{
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 13.43c1.723 0 3.12-1.397 3.12-3.12S13.723 7.19 12 7.19s-3.12 1.397-3.12 3.12S10.277 13.43 12 13.43Z' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M3.62 8.49C5.59-.17 18.42-.16 20.38 8.5c1.15 5.08-2.01 9.38-4.78 12.04-2.01 1.94-5.19 1.94-7.21 0C5.63 17.88 2.47 13.57 3.62 8.49Z' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 24px;
    height: 24px;
    color: transparent;
    font-size: 0px;
}
.location-icon p{
    margin-bottom: 0px;
}
.page:has(.dark-bg) .location-icon a{
     background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 13.43c1.723 0 3.12-1.397 3.12-3.12S13.723 7.19 12 7.19s-3.12 1.397-3.12 3.12S10.277 13.43 12 13.43Z' stroke='%23fff' stroke-width='1.5'/%3E%3Cpath d='M3.62 8.49C5.59-.17 18.42-.16 20.38 8.5c1.15 5.08-2.01 9.38-4.78 12.04-2.01 1.94-5.19 1.94-7.21 0C5.63 17.88 2.47 13.57 3.62 8.49Z' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E");
}
/*Cart*/
.fa-shopping-cart{
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%27M7.5%207.67001V6.70001C7.5%204.45001%209.31%202.24001%2011.56%202.03001C14.24%201.77001%2016.5%203.88001%2016.5%206.51001V7.89001%27%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M8.99995%2022H14.9999C19.0199%2022%2019.7399%2020.39%2019.9499%2018.43L20.6999%2012.43C20.9699%209.99%2020.2699%208%2015.9999%208H7.99995C3.72995%208%203.02995%209.99%203.29995%2012.43L4.04995%2018.43C4.25995%2020.39%204.97995%2022%208.99995%2022Z%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M15.4955%2012H15.5045%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M8.49451%2012H8.50349%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E');
  
}
.fa-shopping-cart:before{
    content:"";
}
.product-grid .js-addToBasket > span, .producttable .js-addToBasket > span{
   background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%27M7.5%207.67001V6.70001C7.5%204.45001%209.31%202.24001%2011.56%202.03001C14.24%201.77001%2016.5%203.88001%2016.5%206.51001V7.89001%27%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M8.99995%2022H14.9999C19.0199%2022%2019.7399%2020.39%2019.9499%2018.43L20.6999%2012.43C20.9699%209.99%2020.2699%208%2015.9999%208H7.99995C3.72995%208%203.02995%209.99%203.29995%2012.43L4.04995%2018.43C4.25995%2020.39%204.97995%2022%208.99995%2022Z%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M15.4955%2012H15.5045%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M8.49451%2012H8.50349%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E);
}
.quickshopcontent .col-sm-2.col-xs-2 .btn:after{
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%27M7.5%207.67001V6.70001C7.5%204.45001%209.31%202.24001%2011.56%202.03001C14.24%201.77001%2016.5%203.88001%2016.5%206.51001V7.89001%27%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M8.99995%2022H14.9999C19.0199%2022%2019.7399%2020.39%2019.9499%2018.43L20.6999%2012.43C20.9699%209.99%2020.2699%208%2015.9999%208H7.99995C3.72995%208%203.02995%209.99%203.29995%2012.43L4.04995%2018.43C4.25995%2020.39%204.97995%2022%208.99995%2022Z%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M15.4955%2012H15.5045%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M8.49451%2012H8.50349%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E);
}
/* Saved Carts */
.fa-cart-plus{
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9.62012%2016L11.1201%2017.5L14.3701%2014.5%22%20stroke%3D%22%23292D32%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M8.80994%202L5.18994%205.63%22%20stroke%3D%22%23292D32%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M15.1899%202L18.8099%205.63%22%20stroke%3D%22%23292D32%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M2%207.8501C2%206.0001%202.99%205.8501%204.22%205.8501H19.78C21.01%205.8501%2022%206.0001%2022%207.8501C22%2010.0001%2021.01%209.8501%2019.78%209.8501H4.22C2.99%209.8501%202%2010.0001%202%207.8501Z%22%20stroke%3D%22%23292D32%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2010L4.91%2018.64C5.23%2020.58%206%2022%208.86%2022H14.89C18%2022%2018.46%2020.64%2018.82%2018.76L20.5%2010%22%20stroke%3D%22%23292D32%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E");
}
.fa-cart-plus:before{
    content:"";
}
/*Search*/
.fa-search {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z" stroke="%23333" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M22 22L20 20" stroke="%23333" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}


.fa-search:before{
    content:"";
}
/*Account*/
.my-account-icon p{
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.1601%2010.87C12.0601%2010.86%2011.9401%2010.86%2011.8301%2010.87C9.45006%2010.79%207.56006%208.84%207.56006%206.44C7.56006%203.99%209.54006%202%2012.0001%202C14.4501%202%2016.4401%203.99%2016.4401%206.44C16.4301%208.84%2014.5401%2010.79%2012.1601%2010.87Z%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M7.15997%2014.56C4.73997%2016.18%204.73997%2018.82%207.15997%2020.43C9.90997%2022.27%2014.42%2022.27%2017.17%2020.43C19.59%2018.81%2019.59%2016.17%2017.17%2014.56C14.43%2012.73%209.91997%2012.73%207.15997%2014.56Z%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E');

}
/*Favorite*/
.fa-star-o{
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M13.7299%203.50989L15.4899%207.02989C15.7299%207.51989%2016.3699%207.98989%2016.9099%208.07989L20.0999%208.60989C22.1399%208.94989%2022.6199%2010.4299%2021.1499%2011.8899L18.6699%2014.3699C18.2499%2014.7899%2018.0199%2015.5999%2018.1499%2016.1799L18.8599%2019.2499C19.4199%2021.6799%2018.1299%2022.6199%2015.9799%2021.3499L12.9899%2019.5799C12.4499%2019.2599%2011.5599%2019.2599%2011.0099%2019.5799L8.01991%2021.3499C5.87991%2022.6199%204.57991%2021.6699%205.13991%2019.2499L5.84991%2016.1799C5.97991%2015.5999%205.74991%2014.7899%205.32991%2014.3699L2.84991%2011.8899C1.38991%2010.4299%201.85991%208.94989%203.89991%208.60989L7.08991%208.07989C7.61991%207.98989%208.25991%207.51989%208.49991%207.02989L10.2599%203.50989C11.2199%201.59989%2012.7799%201.59989%2013.7299%203.50989Z%22%20stroke%3D%22%23292D32%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}
.fa-star-o:before{
    content:"";
}
/*Favorite Checked*/
.fa-star{
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23292D32%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M13.7299%203.50989L15.4899%207.02989C15.7299%207.51989%2016.3699%207.98989%2016.9099%208.07989L20.0999%208.60989C22.1399%208.94989%2022.6199%2010.4299%2021.1499%2011.8899L18.6699%2014.3699C18.2499%2014.7899%2018.0199%2015.5999%2018.1499%2016.1799L18.8599%2019.2499C19.4199%2021.6799%2018.1299%2022.6199%2015.9799%2021.3499L12.9899%2019.5799C12.4499%2019.2599%2011.5599%2019.2599%2011.0099%2019.5799L8.01991%2021.3499C5.87991%2022.6199%204.57991%2021.6699%205.13991%2019.2499L5.84991%2016.1799C5.97991%2015.5999%205.74991%2014.7899%205.32991%2014.3699L2.84991%2011.8899C1.38991%2010.4299%201.85991%208.94989%203.89991%208.60989L7.08991%208.07989C7.61991%207.98989%208.25991%207.51989%208.49991%207.02989L10.2599%203.50989C11.2199%201.59989%2012.7799%201.59989%2013.7299%203.50989Z%22%20stroke%3D%22%23292D32%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");

}
.fa-star:before{
    content:"";
}
.dashboard-item .fa-star{
	  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M13.7299%203.50989L15.4899%207.02989C15.7299%207.51989%2016.3699%207.98989%2016.9099%208.07989L20.0999%208.60989C22.1399%208.94989%2022.6199%2010.4299%2021.1499%2011.8899L18.6699%2014.3699C18.2499%2014.7899%2018.0199%2015.5999%2018.1499%2016.1799L18.8599%2019.2499C19.4199%2021.6799%2018.1299%2022.6199%2015.9799%2021.3499L12.9899%2019.5799C12.4499%2019.2599%2011.5599%2019.2599%2011.0099%2019.5799L8.01991%2021.3499C5.87991%2022.6199%204.57991%2021.6699%205.13991%2019.2499L5.84991%2016.1799C5.97991%2015.5999%205.74991%2014.7899%205.32991%2014.3699L2.84991%2011.8899C1.38991%2010.4299%201.85991%208.94989%203.89991%208.60989L7.08991%208.07989C7.61991%207.98989%208.25991%207.51989%208.49991%207.02989L10.2599%203.50989C11.2199%201.59989%2012.7799%201.59989%2013.7299%203.50989Z%22%20stroke%3D%22%23292D32%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}

/* Orders */
.fa-file{
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.3701%208.88H17.6201%22%20stroke%3D%22%23292D32%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M6.37988%208.88L7.12988%209.63L9.37988%207.38%22%20stroke%3D%22%23292D32%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M12.3701%2015.88H17.6201%22%20stroke%3D%22%23292D32%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M6.37988%2015.88L7.12988%2016.63L9.37988%2014.38%22%20stroke%3D%22%23292D32%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M9%2022H15C20%2022%2022%2020%2022%2015V9C22%204%2020%202%2015%202H9C4%202%202%204%202%209V15C2%2020%204%2022%209%2022Z%22%20stroke%3D%22%23292D32%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E") !important;
}
.fa-file:before{
	content:"";
}
/* New Password Page */
.content:has(form[action="/user/resetpassword"]) .container {
    padding:20px 20px;
    border-radius:;
    background: #fff !important;
    max-width:600px;
}
.content:has(form[action="/user/resetpassword"]) .container > .row{
    margin:0px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.content:has(form[action="/user/resetpassword"]) .container > .row > div{
    width:100%;
    margin:0px;
}
/*-----------*/