@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
@font-face {
    font-family: "tricomponent";
    src: url("../fonts/tricomponent.eot");
    src: url("../fonts/tricomponent.eot?#iefix") format("embedded-opentype"),
        url("../fonts/tricomponent.woff") format("woff"), url("../fonts/tricomponent.ttf") format("truetype"),
        url("../fonts/tricomponent.svg#tricomponent") format("svg");
    font-weight: normal;
    font-style: normal;
}

.part_list_img img {
    width: 84px;
}

.specials-img img {
    width: 82px;
}

.alert {
    font-size: 28px;
    font-weight: bold;
}
.alert .close {
    font-size: 40px;
    top: 50%;
    transform: translateY(-50%);
}


.alert {
    font-weight: bold;
    font-size: 30px;
}

.alert .close {
    font-size: 40px;
    top: 50%;
    transform: translateY(-50%);
}

[data-icon]:before {
    font-family: "tricomponent" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "tricomponent" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-icon-1:before {
    content: "\61";
}

.icon-icon-2:before {
    content: "\62";
}

.icon-icon-3:before {
    content: "\63";
}

.icon-icon-4:before {
    content: "\64";
}

.icon-icon-5:before {
    content: "\65";
}

.icon-icon-6:before {
    content: "\66";
}

.icon-icon-7:before {
    content: "\67";
}

body {
    font-family: "Open Sans", sans-serif;
    color: #4f4f4f;
}

img {
    max-width: 100%;
}

ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

input,
select,
textarea,
button {
    outline: none;
    outline-color: inherit;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0px;
    text-overflow: "";
    background: #fff url(../images/select-arrow.svg) no-repeat right 12px center / 12px auto;
}

.container {
    max-width: 1200px;
}

.dt-buttons button.buttons-print {
    margin-bottom: 0;
}

.btn-chart {
    display: inline-block;
}

.button,
.dt-buttons button.buttons-print,
.buttons-Clear,
.btn-chart {
    border: 1px solid #cb5e02;
    background: #f6892d;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f6892d), to(#cb5e02));
    background: -webkit-linear-gradient(#f6892d, #cb5e02);
    background: -moz-linear-gradient(#f6892d, #cb5e02);
    background: -ms-linear-gradient(#f6892d, #cb5e02);
    background: -o-linear-gradient(#f6892d, #cb5e02);
    background: linear-gradient(#f6892d, #cb5e02);
    -pie-background: linear-gradient(#f6892d, #cb5e02);
    behavior: url(/pie/PIE.htc);
    border: 1px solid #cb5e02;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    padding: 8px 25px 10px;
    text-decoration: none;
    font-weight: 600;
    align-items: center;
}

body .dt-buttons button.buttons-print:hover,
.buttons-Clear:hover,
.button:hover {
    border: 1px solid #cb5e02;
    background: #cb5e02;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cb5e02), to(#f6892d));
    background: -webkit-linear-gradient(#cb5e02, #f6892d);
    background: -moz-linear-gradient(#cb5e02, #f6892d);
    background: -ms-linear-gradient(#cb5e02, #f6892d);
    background: -o-linear-gradient(#cb5e02, #f6892d);
    background: linear-gradient(#cb5e02, #f6892d);
    -pie-background: linear-gradient(#cb5e02, #f6892d);
    behavior: url(/pie/PIE.htc);
    text-decoration: none;
    color: #fff;
}

.blue-button,
.btn-chart {
    border: 1px solid #2d2d56;
    background: #2d2d56;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2d2d56), to(#02022b));
    background: -webkit-linear-gradient(#2d2d56, #02022b);
    background: -moz-linear-gradient(#2d2d56, #02022b);
    background: -ms-linear-gradient(#2d2d56, #02022b);
    background: -o-linear-gradient(#2d2d56, #02022b);
    background: linear-gradient(#2d2d56, #02022b);
    -pie-background: linear-gradient(#2d2d56, #02022b);
    behavior: url(/pie/PIE.htc);
}

.blue-button:hover,
.btn-chart:hover {
    border: 1px solid #2d2d56;
    border: 1px solid #2d2d56;
    background: #02022b;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#02022b), to(#2d2d56));
    background: -webkit-linear-gradient(#02022b, #2d2d56);
    background: -moz-linear-gradient(#02022b, #2d2d56);
    background: -ms-linear-gradient(#02022b, #2d2d56);
    background: -o-linear-gradient(#02022b, #2d2d56);
    background: linear-gradient(#02022b, #2d2d56);
    -pie-background: linear-gradient(#02022b, #2d2d56);
    behavior: url(/pie/PIE.htc);
    color: #fff;
    text-decoration: none;
}

.dt-buttons button.buttons-print i,
.page-title .fa-print {
    margin-right: 10px;
    line-height: 1;
}

.logo {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 15px;
}

.logo a {
    max-width: 400px;
    width: 100%;
}

.logo img {
    margin: auto;
    display: block;
}

.header-main .close-icon {
    display: none;
}

.header-inner {
    position: relative;
}

.header-main {
    padding: 20px 0;
    background: #0d0d3b;
}

.header-left {
    width: 25%;
}

.header-right {
    width: 25%;
    display: flex;
    align-items: end;
    flex-direction: column;
}

.header-right-menu {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 200px;
    justify-content: space-between;
}
.header-social {
    width: 100%;
    margin-top: 5px;
}
.header-right-menu .header-social li a {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    color: #000;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.header-right-menu .header-social li a:hover {
    transform: scale(1.2);
}
.header-right-menu .header-social li a i::before{
    margin: 0;
    font-size: 22px;
}
.header-right-menu .header-social li {
    margin-right: 15px;
}
.dropmenu {
    position: absolute;
    width: 260px;
    background: #ffff;
    right: 0;
    padding: 15px;
    z-index: 9;
    box-shadow: 0 0 5px;
    border-radius: 5px;
    display: none;
    top: 100%;
    max-height: 250px;
    overflow: auto;
}

.dropmenu .dropmenu-img {
    width: 60px;
}

.dropmenu .dropmenu-name {
    width: calc(100% - 60px);
    padding-left: 15px;
}

.header-right-menu ul li .dropmenu-name h6 {
    margin-bottom: 0;
}

.header-right-menu ul li .dropmenu-name a {
    color: #337ab7;
}

.dropmenu .dropmenu-name span {
    font-size: 14px;
}

.header-right-menu .dropmenu li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.header-right-menu .dropmenu li:last-child {
    border-bottom: 0;
}

.header-right-menu .dropmenu li.empty-text {
    text-align: center;
    padding-bottom: 0;
    margin-bottom: 0;
}

.header-right-menu ul li {
    position: relative;
    padding-bottom: 5px;
}

.header-right-menu ul li:hover .dropmenu {
    display: block;
}

.dropmenu::after {
    content: "";
    width: 0;
    height: 0;
    border-width: 0 5.5px 7px 5.5px;
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    position: absolute;
    top: -7px;
    right: 60px;
}

.header-right-menu ul li a {
    color: #fff;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.header-right-menu ul li a i::before {
    display: flex;
    margin-right: 10px;
    line-height: 1;
    font-size: 18px;
}

.header-search input,
.header-left select {
    height: 40px;
    padding: 0 15px;
    width: 100%;
    font-size: 14px;
    max-width: 200px;
    margin-bottom: 15px;
    border-radius: 3px;
    border: 0px;
    color: #4f4f4f;
}

.header-search {
    position: relative;
}

.header-search button {
    background: transparent;
    padding: 0px;
    border: 0px;
    position: absolute;
    top: 12px;
    display: flex;
    right: 15px;
    cursor: pointer;
    color: #4f4f4f;
}

.header-search button i {
    display: flex;
}

.header-info ul {
    position: relative;
    padding-left: 40px;
}

.header-info ul::before {
    content: "\62";
    font-family: "tricomponent";
    position: absolute;
    left: 0;
    color: #fff;
    font-size: 31px;
    transform: rotate(22deg);
    top: 2px;
}

.header-info ul li,
.header-info ul li a {
    color: #fff;
}

.logo h2 {
    font-size: 20px;
    text-align: center;
    color: #f5811e;
    padding-top: 15px;
    font-weight: 700;
    margin-bottom: 0px;
}

.logo span {
    color: #fff;
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
}

.logo-tagline {
    margin-bottom: 20px;
}

.header-menu {
    background: #fff;
}

.nav-menu ul {
    justify-content: center;
}

.nav-menu ul li {
    position: relative;
}

.nav-menu ul li ul {
    position: absolute;
    top: 100%;
    background: #fff;
    left: 0;
    width: 204px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 9;
}

.nav-menu ul li:hover ul {
    visibility: visible;
    opacity: 1;
}

.nav-menu ul li ul li {
    border-bottom: 1px dashed #f5811e;
}

.nav-menu ul li ul li:last-child {
    border-bottom: 0;
}

.nav-menu ul li a {
    padding: 10px 28px;
    display: flex;
    font-weight: 600;
    color: #0d0d3b;
    text-decoration: none;
    position: relative;
}

.nav-menu ul > li.active > a,
.nav-menu ul li a:hover,
.nav-menu ul > li:hover > a {
    background: #f5811e;
    color: #fff;
}

.nav-menu ul li ul li a {
    font-size: 14px;
}

.nav-menu > ul > li > a::after {
    content: "";
    width: 1px;
    top: 0;
    bottom: 0;
    background: #0d0d3b;
    position: absolute;
    right: 0;
}

.nav-menu > ul > li:last-child > a::after {
    display: none;
}

.page-title {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: linear-gradient(#fefefe, #dbdbe2);
    padding: 15px 0;
}

.page-title h2 {
    margin: 0px;
    font-size: 20px;
    color: #000;
    font-weight: 600;
    width: calc(100% - 180px);
}

.page-title-button {
    padding: 6px 0 7px;
}

.inner-page-title {
    border: 1px solid #ccc;
    background: linear-gradient(#fefefe, #dbdbe2);
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.inner-page-title h2 {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0px;
}

/*========= Home Start =========*/

.home-page {
    background: url(../images/banner-image.png) no-repeat top center / 70% #0d0d3b;
    position: relative;
}

.home-page::before {
    position: absolute;
    content: "";
    background-color: #0c0e3b;
    opacity: 0.5;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.home-page .header-main {
    position: relative;
    background: transparent;
}

.parts-box-main {
    min-height: 100%;
    display: flex;
    width: 100%;
}

.parts-box-main a {
    background: #fff;
    padding: 15px;
    text-decoration: none;
    color: #000033;
    border-radius: 3px;
    border: 1px solid #ccc;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 100%;
}

.parts-box-main a:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.parts-box-title {
    width: 65%;
    padding-right: 15px;
}

.parts-box-title h4 {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}

.parts-box-img {
    width: 35%;
    text-align: right;
}

.parts-box-img img {
    max-height: 100px;
}

.parts-section {
    margin-bottom: 25px;
}

.parts-section .row {
    margin: 0 -5px;
}

.parts-section .col-lg-4 {
    margin-bottom: 10px;
    padding: 0 5px;
}

.searchfrm_main {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    background: #fefefe;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#dbdbe2));
    background: -webkit-linear-gradient(#fefefe, #dbdbe2);
    background: -moz-linear-gradient(#fefefe, #dbdbe2);
    background: -ms-linear-gradient(#fefefe, #dbdbe2);
    background: -o-linear-gradient(#fefefe, #dbdbe2);
    background: linear-gradient(#fefefe, #dbdbe2);
    -pie-background: linear-gradient(#fefefe, #dbdbe2);
    padding: 15px;
}

.about-content {
    background: rgba(255, 255, 255, 0.2);
    padding: 15px;
    position: relative;
    border-radius: 3px;
    max-width: 830px;
    margin: auto;
}

.about-content p {
    color: #fff;
    font-style: italic;
    text-align: center;
    margin: 0;
}

.about-section {
    margin: 10px 0 30px;
}

.search-section {
    position: relative;
    margin-bottom: 10px;
}

.search-form h2 {
    color: #f5811e;
    font-size: 20px;
    font-weight: bold;
}

.search-form h1 {
    color: #f5811e;
    font-size: 20px;
    font-weight: bold;
}

.product-box > a {
    background: rgba(255, 255, 255, 0.2);
    display: inline-block;
    width: 100%;
    padding: 15px;
    text-align: center;
    border-radius: 3px;
    text-decoration: none;
    color: #fff;
}

.product-img img {
    width: 150px;
    height: 150px;
    object-fit: contain;
}

.product-section .col-lg-4 {
    margin-bottom: 30px;
}

.product-content h3 {
    font-size: 20px;
    font-weight: 700;
    color: #f5811e;
    margin: 15px 0;
}

.product-content p:last-child {
    margin-bottom: 0px;
}

/*========= Home End =========*/

/*========= Footer Start =========*/

.footer-main {
    background: #404041 url(../images/converter.png) no-repeat center center / auto 120%;
    position: relative;
    padding: 40px 0 0;
}

.footer-main::before {
    position: absolute;
    content: "";
    background-color: #404041;
    opacity: 0.8;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.footer-main .container {
    position: relative;
}

.footer-box {
    margin-bottom: 40px;
}

/*.footer-box:last-child {
    text-align: right;
}
*/
.footer-box h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.footer-box ul li strong {
    font-size: 14px;
    color: #fff;
}

.footer-box ul li a {
    color: #fff;
    font-size: 14px;
}

.copy-right {
    padding: 10px 0;
    background: rgba(255, 255, 255, 0.4);
    text-align: center;
}

.copy-right p {
    color: #fff;
    margin-bottom: 0px;
    font-size: 14px;
}

/*========= Footer End =========*/

/*========= Contact Start =========*/

.contact-main {
    padding: 40px 0;
    display: flex;
    align-items: center;
}

.contact-box {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    background: #fefefe;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#dbdbe2));
    background: -webkit-linear-gradient(#fefefe, #dbdbe2);
    background: -moz-linear-gradient(#fefefe, #dbdbe2);
    background: -ms-linear-gradient(#fefefe, #dbdbe2);
    background: -o-linear-gradient(#fefefe, #dbdbe2);
    background: linear-gradient(#fefefe, #dbdbe2);
    -pie-background: linear-gradient(#fefefe, #dbdbe2);
    padding: 30px;
}

.contact-main .min-height {
    min-height: 100%;
}

.contact-map {
    display: flex;
}

.form-group {
    margin-bottom: 20px;
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    border: 1px solid #000;
    font-size: 16px;
    /*height: 40px; */
    height: 50px;
    padding: 0 15px;
    background-color: #fff;
    border-radius: 5px;
    color: #000;
    font-weight: 600;
}

.form-group select {
    padding: 0 40px 0 15px;
}

.form-group input[type="file"] {
    padding: 6px;
}

.form-group textarea {
    height: 80px;
    display: flex;
    padding: 10px 15px;
}

.form-group label.form-label {
    /* font-size: 14px; */
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 5px;
    color: #000;
}

.form-group label.form-label span {
    color: red;
}

.contact-box .form-group label.form-label {
    width: 100%;
}

.contact-info {
    margin-bottom: 20px;
}

.contact-info h5 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.contact-info ul li {
    font-size: 14px;
}

.contact-info ul li a {
    color: #4f4f4f;
}

.form-link li a {
    font-size: 14px;
    font-weight: 500;
    color: #4f4f4f;
}

.form-link li {
    margin-right: 15px;
    padding-right: 15px;
    position: relative;
}

.form-link li:last-child {
    margin-right: 0;
    padding-right: 0;
}

.form-link li:last-child::after {
    display: none;
}

.form-link li::after {
    content: "";
    width: 1px;
    top: 5px;
    bottom: 5px;
    background: #4f4f4f;
    position: absolute;
    right: 0;
}

.radio-btn {
    margin-bottom: 20px;
}

.radio-btn label {
    position: relative;
    margin-bottom: 5px;
}

.radio-btn label:last-child {
    margin-bottom: 0px;
}

.radio-btn label input {
    position: absolute;
    left: 0;
    opacity: 0;
}

.radio-btn label span {
    display: flex;
    position: relative;
    font-size: 14px;
    padding-left: 25px;
}

.radio-btn label span::before,
.radio-btn label span::after {
    content: "";
    border: 1px solid #0d0d3b;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 3px;
    border-radius: 50%;
    cursor: pointer;
    background: #fff;
}

.radio-btn label span::after {
    opacity: 0;
}

.radio-btn label input:checked + span::after {
    opacity: 1;
    background: #0d0d3b;
    width: 10px;
    height: 10px;
    top: 6px;
    left: 3px;
}

.form-checkbox label {
    position: relative;
    margin-bottom: 0px;
}

.form-checkbox label input {
    position: absolute;
    left: 0;
    margin: 0;
    opacity: 0;
}

.form-checkbox label span {
    display: flex;
    padding-left: 25px;
    font-size: 14px;
}

.form-checkbox label span::before {
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #0d0d3b;
    position: absolute;
    left: 0;
    top: 3px;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-checkbox label input:checked + span::before {
    content: "\65";
    font-family: "tricomponent" !important;
    line-height: 1;
    font-size: 10px;
}

/*========= Contact End =========*/

/*========= Links Start =========*/

.links-section {
    padding: 40px 0;
}

.links-info {
    padding: 30px 0 15px;
}

.links-info h4 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.links-info ul li {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
}

.links-info ul li:last-child {
    margin-bottom: 0px;
}

.links-info ul li a {
    color: #4f4f4f;
}

.links-content p,
.links-content li {
    font-size: 14px;
    line-height: 24px;
}

.links-content li {
    margin-bottom: 0.5rem;
}

.links-content ul {
    margin-bottom: 1rem;
}

.links-content li {
    position: relative;
    padding-left: 15px;
}

.links-content ol,
.machinery-content ol {
    list-style: none;
    padding: 0px;
    margin-bottom: 1rem;
    counter-reset: section;
}

.links-content ol li::before,
.machinery-content ol li::before {
    counter-increment: section;
    content: "" counter(section) ". ";
    background: transparent;
    width: auto;
    height: auto;
    border: 0px;
    top: 0;
    left: 0;
    position: absolute;
    left: 0;
}

.links-content ol li,
.machinery-content ol li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 0.5rem;
}

.links-box {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dddddd;
}

.links-box:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.links-logo img {
    max-height: 100px;
}

/*========= Links End =========*/

/*========= Catalogs Start =========*/

.catalogs-section {
    padding: 40px 0;
}

.catalogs-main {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    background: #fefefe;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#dbdbe2));
    background: -webkit-linear-gradient(#fefefe, #dbdbe2);
    background: -moz-linear-gradient(#fefefe, #dbdbe2);
    background: -ms-linear-gradient(#fefefe, #dbdbe2);
    background: -o-linear-gradient(#fefefe, #dbdbe2);
    background: linear-gradient(#fefefe, #dbdbe2);
    -pie-background: linear-gradient(#fefefe, #dbdbe2);
    padding: 30px 30px 0;
}

.catalogs-img > a {
    display: flex;
    position: relative;
    padding: 64% 50%;
}

.cover-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.catalogs-title a {
    margin-top: 10px;
    text-align: center;
    display: flex;
    font-size: 14px;
    color: #4f4f4f;
    line-height: 22px;
    text-decoration: none;
    justify-content: center;
}

.catalogs-title a:hover {
    color: #0d0d3b;
}

.catalogs-box {
    margin-bottom: 30px;
}

label.error,
span.error {
    color: red;
    font-size: 16px;
    margin-bottom: 0;
}
.quickurlformpg .error {
    display: block;
}

/*========= Catalogs End =========*/

/*========= Machinery Start =========*/

.machinery-section {
    margin: 40px 0;
}

.machinery-box {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    background: #fefefe;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#dbdbe2));
    background: -webkit-linear-gradient(#fefefe, #dbdbe2);
    background: -moz-linear-gradient(#fefefe, #dbdbe2);
    background: -ms-linear-gradient(#fefefe, #dbdbe2);
    background: -o-linear-gradient(#fefefe, #dbdbe2);
    background: linear-gradient(#fefefe, #dbdbe2);
    -pie-background: linear-gradient(#fefefe, #dbdbe2);
    padding: 30px;
    margin-bottom: 30px;
}

.machinery-box::after {
    content: "";
    display: table;
    clear: both;
}

.machinery-img ul {
    margin: 0 -10px;
}

.machinery-img ul li {
    padding: 0 10px;
    width: 12.5%;
    margin-bottom: 20px;
}

.machinery-img ul li a {
    display: flex;
    position: relative;
    padding: 60% 25%;
    border: 1px solid #ccc;
    border-radius: 3px;
    overflow: hidden;
}

.machinery-img ul li a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #fff;
}

.machinery-head h3 {
    color: #000033;
    font-weight: 700;
    font-size: 18px;
}

.machinery-head p {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 24px;
}

.machinery-head p b {
    font-weight: 500;
}

.machinery-content ul {
    margin-bottom: 0.5rem;
}

.machinery-content ul li,
.applications-list ul li {
    font-size: 14px;
    position: relative;
    padding-left: 15px;
    margin-bottom: 0.5rem;
    line-height: 24px;
}

.machinery-content ul li::before,
.applications-list ul li::before,
.links-content li::before {
    content: "";
    width: 6px;
    height: 6px;
    border: 2px solid #000033;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 0;
    background: #000033;
}

.machinery-content * {
    font-size: 14px;
}

.machinery-content h1 {
    font-size: 24px;
    color: #000033;
    font-weight: 700;
}

.machinery-content h2 {
    font-size: 20px;
    color: #000033;
    font-weight: 700;
}

.machinery-content h3 {
    font-size: 18px;
    color: #000033;
    font-weight: 700;
}

.machinery-content p {
    font-size: 14px;
}

.machinery-email p {
    font-size: 14px;
    margin-bottom: 0px;
}

.machinery-box a {
    color: #4f4f4f;
}

.legal-disclaimer {
    text-align: center;
}

.legal-disclaimer a {
    color: #f5811e;
    font-weight: 600;
    font-size: 18px;
}

input.read-more-state {
    display: none;
}

.read-more-target {
    max-height: 0;
    display: none;
    transition: 0.25s ease;
}

input.read-more-state:checked ~ div.read-more-wrap .read-more-target {
    max-height: 999em;
    display: block;
}

input.read-more-state ~ label.read-more-trigger:before {
    content: "Read more";
}

input.read-more-state:checked ~ label.read-more-trigger:before {
    content: "Read less";
}

label.read-more-trigger {
    cursor: pointer;
    display: inline-block;
    float: right;
    color: #ff0000;
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 14px;
}

#eqpurl {
    background: #ccc;
    border: 0px;
    border-radius: 3px;
    font-size: 14px;
    width: calc(100% - 41px);
    padding: 5px 10px;
    display: flex;
    word-break: break-all;
    line-height: normal;
}

/*========= Machinery End =========*/

/*========= Legal Start =========*/

.legal-section {
    padding: 40px 0;
}

.legal-content > h4 {
    font-size: 20px;
    font-weight: bold;
    color: #000033;
    margin-bottom: 15px;
}

.legal-content {
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.legal-content:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}

.legal-content p:last-child {
    margin-bottom: 0px;
}

.legal-content ul li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 30px;
    font-weight: 500;
}

.legal-content ul li a {
    text-decoration: underline;
    color: #000033;
}

.legal-content ul li:last-child {
    margin-bottom: 0px;
}

.legal-content ul li::before {
    content: "";
    width: 15px;
    height: 15px;
    background: url(../images/listicon.png) no-repeat center center / 15px auto;
    position: absolute;
    left: 0;
    top: 4px;
}

.how-title h3 {
    text-align: center;
    margin-bottom: 30px;
    color: #f5811e;
    font-weight: 600;
}

/*========= Legal End =========*/

/*========= Account Start =========*/

.account-sidebar {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    background: #fefefe;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#dbdbe2));
    background: -webkit-linear-gradient(#fefefe, #dbdbe2);
    background: -moz-linear-gradient(#fefefe, #dbdbe2);
    background: -ms-linear-gradient(#fefefe, #dbdbe2);
    background: -o-linear-gradient(#fefefe, #dbdbe2);
    background: linear-gradient(#fefefe, #dbdbe2);
    -pie-background: linear-gradient(#fefefe, #dbdbe2);
    padding: 20px;
}

.account-sidebar ul li {
    border-bottom: 1px dashed #ccc;
}

.account-sidebar ul li:last-child {
    border-bottom: 0;
}

.account-sidebar ul li a {
    display: flex;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    padding: 10px 0;
    text-decoration: none;
}

.account-sidebar ul li.active a,
.account-sidebar ul li a:hover {
    color: #f5811e;
}

/*========= Account End =========*/

/*========= Rebuilding Parts Start =========*/

/*.rebuilding-parts .parts-box-main a {
    background: url(../images/gradient-bg.png) no-repeat center center / cover;
}*/

.rebuilding-parts-form {
    margin: 40px 0;
}

.part-search-form {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    background: #fefefe;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#dbdbe2));
    background: -webkit-linear-gradient(#fefefe, #dbdbe2);
    background: -moz-linear-gradient(#fefefe, #dbdbe2);
    background: -ms-linear-gradient(#fefefe, #dbdbe2);
    background: -o-linear-gradient(#fefefe, #dbdbe2);
    background: linear-gradient(#fefefe, #dbdbe2);
    -pie-background: linear-gradient(#fefefe, #dbdbe2);
    padding: 20px;
    min-height: 100%;
}

.part-search-form h3 {
    font-size: 18px;
    font-weight: 600;
    color: #000033;
    margin-bottom: 15px;
}

.part-list-section {
    margin: 40px 0;
}

.col-title-main  {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.col-title-main h2 {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin: 10px 0;
}
.col-title-main .buttons-Clear{
    min-width: 130px;
}
.icon-filter {
    display: none;
}

.col-left-container {
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(180deg, #ffffff 0%, #dfdfe5 100%);
    border: 1px solid #cccccc;
    border-radius: 5px;
}

.category-title {
    height: 50px;
    background-image: linear-gradient(90deg, #3f2b69 0%, #f56f00 100%);
    color: #fff;
    padding: 15px;
}

.category-title h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 0;
}

.scrollbar {
    max-height: 306px;
    overflow-y: scroll;
    padding-left: 3px;
    padding-top: 8px;
}

.category-body {
    padding: 0px 10px 20px 5px;
}

.category-body p {
    margin-bottom: 0;
    position: relative;
}

.tooltips-s .tooltiptext-s {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 37px;
    left: 0;
    opacity: 0;
    font-size: 12px;
    transition: opacity 0.3s;
    display: none;
}

.tooltips-s .tooltiptext-s::after {
    content: "";
    position: absolute;
    top: -10px;
    left: 10%;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.tooltips-s:hover .tooltiptext-s {
    visibility: visible;
    opacity: 1;
}

#myDiv [type="radio"]:checked,
#myDiv [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

#myDiv [type="radio"]:checked + label,
#myDiv [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 38px;
    line-height: 32px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
    width: 100%;
}

#myDiv [type="radio"]:not(:checked) + label {
    color: #333;
    font-weight: 400;
}

#myDiv [type="radio"]:checked + label {
    color: #3f2b6a;
    font-weight: 600;
}

#myDiv [type="radio"]:checked + label:before,
#myDiv [type="radio"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 7px;
    top: 6px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.3));
    background-color: #ffffff;
    border: 1px solid #b9b9ba;
}

#myDiv [type="radio"]:checked + label:after,
#myDiv [type="radio"]:not(:checked) + label:after {
    content: "";
    width: 10px;
    height: 10px;
    filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.3));
    background-image: linear-gradient(90deg, #345fa6 0%, #1a2181 100%);
    position: absolute;
    top: 11px;
    left: 12px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#myDiv [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

#myDiv [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

#style-4::-webkit-scrollbar-track {
    background-color: #c0c0c0;
    border-radius: 2px;
    margin-top: 8px;
}

#style-4::-webkit-scrollbar {
    width: 10px;
    border-radius: 2px;
}

#style-4::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #f57000;
}

.partimage-box-main {
    border: 1px solid #ccc;
    padding: 10px;
    position: relative;
}

.partimage-box-main a {
    /* display: flex; */
}

.partimage-box-main .hover-img {
    display: none;
}

.qty-box .error {
    display: block;
}

.partimage-box-main #target {
    width: 300px;
    height: 460px;
    border: 1px solid #ccc;
    position: absolute !important;
    top: -60px;
    left: -302px;
    right: 0;
}

.part-id span {
    display: block;
    font-weight: normal;
    color: red !important;
}

/*========= Rebuilding Parts End =========*/

/*========= Part Details Start =========*/

.breadcrumbs {
    background: #f3f3f3;
    padding: 10px 0;
    margin-bottom: 40px;
}

.breadcrumbs p {
    font-size: 14px;
    margin-bottom: 0px;
    color: #000;
}

.related-products-title h2,
.part-details h4 {
    color: #f5811e;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.products-img a {
    display: flex;
    padding: 50%;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.products-img a img {
    object-fit: contain;
}

.related-products .col {
    max-width: 20%;
    width: 20%;
    flex-basis: auto;
    margin-bottom: 30px;
}

.products-content {
    text-align: center;
    padding: 15px 0 0;
}

.products-content h4 {
    font-size: 14px;
}

.products-content h4 a {
    color: #000033;
}

.products-content h4 a:hover {
    color: #f57000;
    text-decoration: none;
}

.products-content p {
    margin-bottom: 0px;
    font-size: 14px;
}

.products-content p b {
    color: red;
}

.related-products {
    margin: 40px 0 10px;
}

.part-details h4 {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
}

.similar-parts {
    margin-bottom: 30px;
}

.similar-parts table {
    width: 100%;
    margin-bottom: 30px;
}
.solids-box h3 {
    font-size: 1rem;
    color: #4f4f4f;
    font-weight: bolder;
    margin-bottom: 1rem;
}
.part-details-action {
    margin-bottom: 30px;
}

.part-details-action .form-group {
    width: 60px;
    margin-right: 15px;
    margin-bottom: 0px;
}

.part-details-action .form-group input {
    text-align: center;
}

.part-details-action .add-cart-btn {
    margin-right: 15px;
}

.part-details h1 {
    margin-bottom: 20px;
    color: #f5811e;
    font-size: 24px;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.part-details h1 span {margin-right: 20px;}
.part-details h1 small {
    color: #000032;
    /*padding-left: 20px;*/
    font-size: 16px;
    text-transform: capitalize;
}

.similar-part-img img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    border: 1px solid #ccc;
    padding: 6px;
    border-radius: 3px;
}

.similar-parts table tr th {
    color: #000033;
    font-size: 14px;
    padding-right: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}

.similar-parts table tr td {
    font-size: 14px;
    padding: 15px 15px 15px 0;
    color: #000033;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
}

.similar-parts table tr td a {
    display: block;
    color: #000033;
}
.similar-parts table tr td a span {
    color: red;
}
.part-details {
    padding-left: 30px;
}

.part-details-img ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.part-details-img li {
    width: 100%;
}

.part-details-img li.width-45 {
    width: calc(50% - 20px);
    margin-top: 15px;
}

.part-details-img li a {
    display: flex;
    padding: 50%;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.part-details-img li a img {
    object-fit: contain;
}

.main_spec {
    border: 1px solid #e5e5ea;
    margin-bottom: 23px;
    font-size: 14px;
    padding: 10px 15px;
}

.main_spec span {
    color: #000033;
}

.part-content {
    margin-bottom: 30px;
}

.applications-list ul li a {
    color: #00548e;
    text-decoration: none;
}

.part-content ul li,
.solids-box ul li a {
    color: #4f4f4f;
    font-size: 14px;
    padding-left: 15px;
    margin-bottom: 0.5rem;
    line-height: 24px;
    position: relative;
}
.solids-box ul li a {
    display: inline-block;
}
.solids-box ul li a span.varient_part_id {
    color: #00548e;
    text-decoration: underline;
}
.solids-box-main .col-md-6 {
    border-right: 1px solid #ccc;
    margin-bottom: 30px;
}
.solids-box-main .col-md-6:last-child {
    border-right: 0;
}
.part-content ul li::before,
.solids-box ul li a::before {
    content: "";
    width: 6px;
    height: 6px;
    border: 2px solid #000033;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 0;
    background: #000033;
}

#your_cart .modal-dialog {
    max-width: 920px;
}

#your_cart .modal-content {
    background-color: #f3eded;
}

/*========= Part Details End =========*/

/*========= Wish List Start =========*/

.table-main table {
    width: 100%;
    border: 1px solid #ccc;
    border-collapse: collapse !important;
    margin-top: 0 !important;
}

.table-main table.dataTable {
    margin-bottom: 20px !important;
}

.table-main table tr th {
    background: #f57000;
    color: #000033;
    font-weight: 700;
    padding: 10px 10px;
    font-size: 14px;
}

#printablediv .table-main table tr {
    cursor: pointer;
}

#printablediv .table-main table tr:hover {
    background: none repeat scroll 0 0 rgb(254, 234, 217) !important;
}

.table-main table tr td {
    padding: 10px 10px;
    font-size: 14px;
    color: #000033;
    font-weight: 600;
    vertical-align: top;
}

/* .table-main table tr td {
    word-break: break-word;
} */

.table-main table tr td b {
    font-weight: 700;
}

.specials-section .table-main table tr td:first-child {
    text-align: center;
    vertical-align: middle;
}

.specials-img {
    margin-bottom: 15px;
}

.part_list_img {
    /* margin-bottom: 15px; */
    text-align: center;
}

.table-main table tr td p {
    margin-bottom: 0;
    font-weight: 700;
}

.table-main table tr td p a {
    color: #337ab7;
}

.table-main table tr td a {
    color: #000033;
}

.table-main table tr {
    border-bottom: 1px solid #ccc;
}

.table-main table tr td input {
    height: 30px;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 0 10px;
    font-size: 14px;
}

.qty-box input {
    width: 50px;
}

.part-id input {
    width: 100px;
}

.wish_list_img img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.table-main table tr td .remove-link a {
    font-size: 14px;
    color: #f57000;
}

/* .table-main table tr td a{
    color: #F5811E;
} */

.order-id h4 {
    font-weight: 700;
    color: #000033;
    font-size: 16px;
}

/*========= Wish List End =========*/

/*========= Specials Start =========*/

.specials-section {
    padding: 40px 0;
}

.specials-filter {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    background: #fefefe;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#dbdbe2));
    background: -webkit-linear-gradient(#fefefe, #dbdbe2);
    background: -moz-linear-gradient(#fefefe, #dbdbe2);
    background: -ms-linear-gradient(#fefefe, #dbdbe2);
    background: -o-linear-gradient(#fefefe, #dbdbe2);
    background: linear-gradient(#fefefe, #dbdbe2);
    -pie-background: linear-gradient(#fefefe, #dbdbe2);
    padding: 20px;
    margin-bottom: 20px;
}

.specialprice {
    margin-bottom: 10px;
}

.specialprice li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 6px;
}

.specialprice li label {
    margin-bottom: 0px;
    padding-right: 10px;
    width: 120px;
}

.specialprice li span {
    width: calc(100% - 120px);
}

.specialprice li span.part_price {
    font-size: 18px;
    color: #ff0018;
}

.specialprice li span.part_price del {
    color: #000033;
    margin-left: 8px;
}

.specialprice li span input {
    width: 50%;
    text-align: center;
}

.specials-filter-inner label {
    margin-bottom: 0;
    width: 80px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.specials-filter-inner .form-group {
    width: calc(50% - 53px);
}

/*========= Specials End =========*/

/*========= Orders Tracking Start =========*/

.orders-tracking-main {
    padding: 40px 0;
}

.orders-tracking {
    border: 1px solid #ccc;
    border-radius: 3px;
}

.order-title h4 {
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    padding: 15px 25px;
    font-weight: 600;
}

.orders-content {
    padding: 25px;
}

.track {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    position: relative;
}

.track::before {
    content: "";
    height: 7px;
    top: 18px;
    left: 0;
    right: 0;
    position: absolute;
    background-color: #ddd;
}

.orders-content .back-btn {
    display: inline-block;
}

.status-list {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px 0 15px;
    margin-bottom: 20px;
}

.status-list p {
    margin-bottom: 5px;
    font-size: 14px;
}

.orders-content > h6 {
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.tracking-details {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

.tracking-list {
    font-size: 14px;
    line-height: 24px;
    width: 25%;
    padding-right: 15px;
}

.track {
    margin: 20px 0;
}

.track .step {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    width: 25%;
    text-align: center;
}

.track .step.active::before {
    content: "";
    background-color: #ff5722;
    width: 25%;
    height: 7px;
    position: absolute;
    top: 18px;
}

.track .step .icon {
    width: 40px;
    height: 40px;
    background: #ddd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    position: relative;
    z-index: 1;
}

.track .step.active .icon {
    background-color: #ff5722;
    color: #fff;
}

/*========= Orders Tracking End =========*/

/*========= Check Out Start =========*/

.check-out-main {
    padding: 40px 0;
}

.check-out-box > h3 {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    color: red;
}

.check-out-box {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    background: #f6f6f6;
    padding: 30px;
    margin-bottom: 30px;
}

.comment-box {
    margin-top: 20px;
}

.comment-box textarea {
    height: 80px;
    display: flex;
    padding: 10px 15px;
    width: 100%;
    border: 1px solid #ccc;
    font-size: 14px;
    background-color: #fff;
    border-radius: 5px;
    color: #4f4f4f;
}

.check-out-box .form-group label {
    margin-bottom: 0;
    padding-right: 15px;
    color: #000033;
    font-weight: 700;
}

.check-out-head {
    margin: 0 -15px;
}

.check-out-head .form-group {
    width: 50%;
    padding: 0 15px;
}

.check-out-main .page-title {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.select-shipping {
    margin: 30px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    background: #f6f6f6;
    padding: 30px 30px 0;
}

.select-shipping > h4,
.shipping-form > h2 {
    border-bottom: 1px dashed #7b7b7b;
    color: #000033;
    font-size: 20px;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.shipping-form > h2 p {
    margin: 8px 0 0;
    font-size: 14px;
    color: #333333;
}

.shipping-form > h2 p span {
    color: red;
}

.select-shipping-list li {
    font-size: 14px;
    margin-bottom: 5px;
    color: #333333;
}

.select-shipping-list li b {
    color: #000033;
}

.select-btn {
    margin-top: 15px;
}

.select-btn label {
    position: relative;
}

.select-btn label input {
    position: absolute;
    top: 6px;
    left: 8px;
    opacity: 0;
}
.select-btn label span::before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 3px solid #090932;
    box-shadow: 0 0 0 2px #cb5e02;
    background: #090932;
    border-radius: 100%;
    left: 10px;
    top: 5px;
}
.select-btn input:checked+span::before {
    background-color: #cb5e02;
}

.select-btn .button {
    padding: 8px 15px 10px;
}

.select-btn span.button {
    padding: 10px 15px 12px 40px;
    vertical-align: text-top;
}

.select-shipping .row .col-lg-4 {
    margin-bottom: 30px;
    border-right: 1px dashed;
}

.select-shipping .row .col-lg-4:nth-child(3n + 0) {
    border-right: 0;
}

.button-submit {
    margin-bottom: 30px;
}

.button-submit .button {
    margin-left: 15px;
}

.button-submit .button:first-child {
    margin-left: 0;
}

.button-submit .button span {
    color: red;
}

.button-submit p {
    width: 100%;
    text-align: right;
    margin: 10px 0 0;
    color: red;
}

.add-cart-btn .button {
    margin: 0 10px 5px;
}

.modal-header {
    align-items: center;
}

.modal-header .modal-title {
    font-size: 20px;
    color: #000;
    font-weight: 600;
}

/*========= Check Out End =========*/

.noty_theme__mint.noty_bar {
    margin: 4px 0;
    overflow: hidden;
    border-radius: 2px;
    position: relative;
}

.noty_body {
    padding: 10px;
    font-size: 14px;
}

.noty_buttons {
    padding: 10px;
}

.noty_theme__mint.noty_type__alert,
.noty_theme__mint.noty_type__notification {
    background-color: #fff;
    border-bottom: 1px solid #d1d1d1;
    color: #2f2f2f;
}

.noty_theme__mint.noty_type__warning {
    background-color: #ffae42;
    border-bottom: 1px solid #e89f3c;
    color: #fff;
}

.noty_theme__mint.noty_type__error {
    background-color: #de636f;
    border-bottom: 1px solid #ca5a65;
    color: #fff;
}

.noty_theme__mint.noty_type__info,
.noty_theme__mint.noty_type__information {
    background-color: #7f7eff;
    border-bottom: 1px solid #7473e8;
    color: #fff;
}

.noty_theme__mint.noty_type__success {
    background-color: #afc765;
    border-bottom: 1px solid #a0b55c;
    color: #fff;
}

.zoomImg {
    cursor: zoom-in !important;
}

.zoom {
    display: inline-block;
    position: relative;
}

.zoom img {
    display: block;
}

.zoom img::selection {
    background-color: transparent;
}

#pp_full_res {
    z-index: 9999;
}

img#fullResImage {
    z-index: 9999;
}

.zoomImg {
    background-color: rgb(183 12 12 / 10%);
    min-width: 262px;
    min-height: 231px;
}

.pp_gallery,
.pp_social,
.pp_description,
.ppt {
    display: none !important;
}

.dataTables_info {
    font-size: 14px;
}

.page-item .page-link {
    font-size: 14px;
    color: #4f4f4f;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    font-size: 0;
}

.page-item:first-child .page-link::before,
.page-item:last-child .page-link::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
}

.page-item:first-child .page-link::before {
    content: "\f104";
}

.page-item:last-child .page-link::before {
    content: "\f105";
}

.page-item.active .page-link {
    border: 1px solid #2d2d56;
    background: #2d2d56;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2d2d56), to(#02022b));
    background: -webkit-linear-gradient(#2d2d56, #02022b);
    background: -moz-linear-gradient(#2d2d56, #02022b);
    background: -ms-linear-gradient(#2d2d56, #02022b);
    background: -o-linear-gradient(#2d2d56, #02022b);
    background: linear-gradient(#2d2d56, #02022b);
    -pie-background: linear-gradient(#2d2d56, #02022b);
    behavior: url(/pie/PIE.htc);
}

.page-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(45 45 86 / 25%);
}

.accordian-spring-box {
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 20px;
}

.accordian-spring-box .content_part_cat p {
    font-size: 13px;
    line-height: 21px;
    text-align: left;
    margin-bottom: 0;
}

.imgtwoprn {
    display: table;
    width: 100%;
}

.part_list_img,
.img02 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.btn-chart {
    margin-bottom: 20px;
}

.img02 {
    max-width: 80px;
    padding-left: 15px;
}

.img02 img {
    width: 80px;
    border: 1px solid #ccc;
}

.table-main table tr th::before {
    display: none !important;
}

.table-main table tr th.sorting::after {
    position: unset !important;
    display: inline-block !important;
    margin-left: 7px;
    font: normal normal normal 14px/1 FontAwesome;
    opacity: 1 !important;
}

.table-main table tr th.sorting::after {
    content: "\f07d" !important;
}

.table-main table tr th.sorting_asc::after {
    content: "\f160" !important;
}

.table-main table tr th.sorting_desc::after {
    content: "\f161" !important;
}

.img_part_cat {
    max-width: 200px;
    margin: auto;
}

div.dataTables_wrapper div.dataTables_processing,
#backsamepart {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 1em 0;
    border-radius: 0;
    border: 0;
    margin: auto;
    background: rgba(0, 0, 0, 0.8);
    align-items: center;
    justify-content: center;
    z-index: 99;
}

div.dataTables_processing > div:last-child,
#loader {
    position: absolute;
    width: 76px;
    height: 76px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

div.dataTables_wrapper div.dataTables_processing .loader {display: block !important;}

section.confirmation {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.confirmation-main {
    max-width: 450px;
    margin: auto;
}

.confirmation-main p {
    /* font-size: 18px; */
    margin-bottom: 20px;
}

.delete-popup .confirmdelete h5 {
    margin-bottom: 30px;
    font-size: 20px;
    color: #000;
    font-weight: 600;
}

.delete-popup .modal-dialog {
    max-width: 310px;
}

.delete-popup .modal-body {
    padding: 30px 20px;
}
.excelgeneratebtn {
    display: flex;
    justify-content: end;
    margin-bottom: 15px;
}
.excelgeneratebtn .button {
    display: flex;
}
.table-main table tr td.specialprice {
    background-color: #ccedf8;
}
.table-main table tr td.specialprice .row3 {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.table-main table tr td.specialprice .row3:last-child {
    margin-bottom: 0;
}
.table-main table tr td.specialprice .row3 .left {
    width: 50px;
}
.table-main table tr td.specialprice .row3 .right {
    width: calc(100% - 50px);
    display: flex;
    flex-wrap: wrap;
}
.table-main table tr td.specialprice .row3 .right input[type="text"] {
    width: 50px;
    margin-right: 10px;
}
.table-main table tr td textarea {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 14px;
    height: 80px;
}
.totaltfinalpric {
    display: flex;
    justify-content: flex-end;
    text-align: right;
    margin-top: 20px;
}
.totaltfinalpric span {
    font-size: 22px;
    color: #ff0018;
    margin-bottom: 15px;
    display: inline-block;
}

.table-main table tr td.specialprice .row3 input[type="button"] {
    padding: 0.36em 1.15em;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
    border: 0;
    background-color: #3f2b6a;
}
.table-main table tr td.specialprice .row3 input[type="button"]:hover {
    background-color: #2d2d56;
}

.table-main table tr td.specialprice .row3 input[type="button"] {
    background: #8a55fc;
    background: -webkit-linear-gradient(270deg, red, #29096c);
    background: -o-linear-gradient(270deg, red, #29096c);
    background: -moz-linear-gradient(270deg, red, #29096c);
    background: linear-gradient(270deg, red, #29096c);
    background-size: 600% 600%;
    -webkit-animation: bottonanimation 5s ease infinite;
    -moz-animation: bottonanimation 5s ease infinite;
    -o-animation: bottonanimation 5s ease infinite;
    animation: bottonanimation 5s ease infinite;
}
@-webkit-keyframes bottonanimation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
        box-shadow: 0 0 5px 1px #f80c2e;
    }
    100% {
        background-position: 0% 50%;
    }
}
@-moz-keyframes bottonanimation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
        box-shadow: 0 0 5px 1px #f80c2e;
    }
    100% {
        background-position: 0% 50%;
    }
}
@-o-keyframes bottonanimation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
        box-shadow: 0 0 5px 1px #f80c2e;
    }
    100% {
        background-position: 0% 50%;
    }
}
@keyframes bottonanimation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
        box-shadow: 0 0 5px 1px #f80c2e;
    }
    100% {
        background-position: 0% 50%;
    }
}

.table-main table tr td.specialprice .row3 .right .splprice {
    display: block;
}
span.savebtncls {
    margin-left: auto;
}
/*added by developer-kh*/
.form-input {
    position: relative;
}
.field-icon {
    position: absolute;
    top: 12px;
    right: 15px;
    cursor: pointer;
}
.form-group .password-field {
    padding-right: 30px;
}


.page-not-found {
    min-height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

 /********Css By Ramnish**********/
 .tdwidth { width:200px; }
 .tdwidthatc { width:280px; 
    
 }