.btn-bd-primary {
    --bd-violet-bg: #712cf9;
    --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bd-violet-bg);
    --bs-btn-border-color: var(--bd-violet-bg);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #6528e0;
    --bs-btn-hover-border-color: #6528e0;
    --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #5a23c8;
    --bs-btn-active-border-color: #5a23c8;
}

.btn-bd-primary:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.bd-mode-toggle {
    z-index: 1500;
}

.producttags {
    padding: 0;
}

.large-tag {
    line-height: 24px;
    position: relative;
    padding: 3px 10px 3px 12px;
    background: #293e6b;
    color: #fff;
    margin-right: 1rem;
    text-decoration: none;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    display: inline-block;
}

.large-tag:before {
    content: "";
    float: right;
    position: absolute;
    top: 0;
    right: -12px;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #293e6b;
    border-style: solid;
    border-width: 15px 0 15px 12px;
}

.large-tag:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 0;
    width: 4px;
    height: 4px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    -moz-box-shadow: -1px -1px 2px #004977;
}
.front-banner{
  width: 100%;
  height: auto;
}
.sb-overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 50;
    background: rgba(0, 0, 0, 0.3);
    display: none;
}
.sb-close-btn {
    position: absolute;
    top: 18px;
    right: 20px;
    cursor: pointer;
    color: #fff;
}

.cart-preview .cart-title {
    padding: 14px 0;
    text-align: center;
    background: var(--theme-color);
}

.cart-preview .cart-title h4 {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 400;
    color: #fff;
}

.cart-preview .cart-product-line {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 6px 0;
    margin: 0 1rem;
    text-align: right;
    border-bottom: 1px solid var(--bs-border-color);
        flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.value.price.price-total{
color: #00ce00;
}
.cart-preview ul.cart-items{
  padding: 0;
}
.cart-preview .cart-product-line .product-image {
    width: 25%;
    border: 1px solid #f4f4f4;
}

.cart-preview .cart-product-line .product-infos {
    width: 59%;
    padding-right: 6px;
}

.cart-preview .cart-product-line .product-remove {
    align-self: flex-start;
    width: 10%;
    text-align: right;
}

.cart-preview .product-image .img-fluid {
    max-width: 100%;
    height: auto;
}

.cart-preview .product-infos .product-name {
    display: block;
    color: var(--bs-body-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.cart-preview .product-remove i {
    font-size: 20px;
}

.cart-preview .product-infos .product-line-info {
    line-height: initial;
    font-size: 12px;
    color: var(--bs-body-color);
}

.product-infos .product-line-info .label {
    color: #7d7d7d;
}

.cart-preview .product-infos .product-price {
    display: inline-block;
    color: #2fb5d2;
    font-size: 14px;
}

.cart-preview .product-infos .product-quantity {
    display: inline-block;
    margin-left: 3px;
    font-size: 12px;
    font-weight: 400;
}

.cart-preview .cart-bottom {
    padding: 20px 20px 10px 20px;
    background-color: var(--bs-secondary-bg);
    position: absolute;
    bottom: 0;
    width: 100%;
}

.cart-bottom{
    text-align: center;
}


.cart-preview .cart-action .btn-primary {
    width: 100%;
    margin-top: 10px;
}

.cart-preview .no-items {
    text-align: center;
}
p.bheader {
    font-weight: 300;
    margin: 0;
    color: #fff;
}
img.empty-cart {
    margin: 3rem 2rem;
    display: block;
    background: var(--bs-secondary-bg);
    padding: 2rem;
    border-radius: var(--bs-border-radius);
}
.loader3p{
    margin-top: 1rem;
}
.loader3 {
    display: block;
    /* position: relative; */
    /* left: 50%; */
    /* top: 50%; */
    width: 110px;
    height: 110px;
    margin-top: 1rem;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #c5000f;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 0.75s linear infinite;
}
.loader3:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ffd900;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 1s linear infinite;
}
.loader3:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #182634;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 0.5s linear infinite;
}
.sb-open .sb-menu-right {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.sb-menu-right {
    position: fixed;
    top: 0;
    left: 0;
    width: 350px;
    height: 100%;
    z-index: 101;
    overflow-y: scroll;
    background-color: var(--bs-body-bg);
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.producttags a {
    margin-bottom: 0.4rem;
    line-height: 24px;
    position: relative;
    font-size: 11px;
    margin-right: 20px;
    padding: 3px 10px 3px 12px;
    background: #293e6b;
    color: #fff;
    text-decoration: none;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    width: 100%;
}
.svgklogo{
    fill: var(--bs-svgklogo-color);
    filter: var(--bs-svgklogo-shadow);
}
.producttags a:before {
    content: "";
    float: right;
    position: absolute;
    top: 0;
    right: -12px;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #293e6b;
    border-style: solid;
    border-width: 12px 0 12px 12px;
}

.producttags a:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    float: right;
    width: 4px;
    height: 4px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    -moz-box-shadow: -1px -1px 2px #004977;
    -webkit-box-shadow: -1px -1px 2px #004977;
    box-shadow: -1px -1px 2px #004977;
}

.producttags li {
    margin-bottom: 0.4rem;
    float: right;
    height: 24px;
    line-height: 24px;
    position: relative;
    font-size: 11px;
}

.brand-lname {
    position: absolute;
    top: 1.3rem;
    left: 2rem;
}

a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: none;
}

div.brander:has(img:nth-last-child(n+5)) img {
    width: 2rem;
}

div.brander:has(img:nth-last-child(n+30)) img {
    width: 1.5rem;
}

div.brander:has(> :last-child:nth-child(1)) img {
    width: 6rem;
}

div.brander:has(> :last-child:nth-child(2)) img {
    width: 5rem;
}

div.brander:has(> :last-child:nth-child(3)) img {
    width: 4rem;
}

div.brander:has(> :last-child:nth-child(4)) img {
    width: 3rem;
}

.cb-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: stretch;
}

.cb_link.gray img {
    filter: grayscale(1);
}

.tiny-breadcrumbs {
    display: inline-flex;
    width: 100%;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    border-radius: var(--bs-border-radius);
    border-width: var(--bs-border-width);
    box-shadow: var(--bs-box-shadow-sm);
    border-color: var(--bs-border-color);
    border-style: var(--bs-border-style);
    background: var(--bs-body-bg);
}

.tiny-breadcrumbs span {
    display: inline-table;
    float: right;
    font-weight: 200;
    height: 30px;
    background: var(--super-color);
    border-radius: 0 5px 5px 0;
    text-align: center;
    padding: 5px 10px 0 10px;
    position: relative;
    margin: 0 0 0 13px;
    text-decoration: none;
    color: #fff;
}

.tiny-breadcrumbs span::after {
    content: "";
    position: absolute;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 10px solid var(--super-color);
    left: -10px;
    top: 0;
}

.W100 {
    width: 100%;
}

div.pagonation-limit-brands,
div.show-type-brands {
    position: relative;
}

div.pagonation-limit-brands span,
div.show-type-brands span {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}

div.pagonation-limit-brands select,
div.show-type-brands select {
    font-size: 0.8rem;
    padding: 1px 10px 1px 10px;
    min-width: 80px;
}

div.brands-list a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
}

div.brands-list a img {
    width: 50px;
    margin: 3px;
}

div.brands-list a h2 {
    width: 100%;
    color: #7a7a7a;
    margin: 0 1rem 0 0;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    font-weight: 200;
}

div.brand-list-item {
    flex: 1 1 200px !important;
}

div.brands-grids {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: space-evenly;
}

div.brands-grid h2 {
    margin: 0.5rem 0;
    font-size: 1rem;
    text-align: center;
    font-weight: 300;
    color: var(--bs-body-color);
}

div.brands-grid img {
    margin: 0.5rem;
    filter: drop-shadow(0 0 1px #bbb);
}

img.wcf-logo {
    float: left;
    filter: drop-shadow(1px 1px 0px #c5c5c5);
    -webkit-filter: drop-shadow(1px 1px 0px #c5c5c5);
}

div.pagonation-limit-brands select,
div.pagonation-limit-brands select:focus-visible,
div.pagonation-limit-brands select:hover,
div.show-type-brands select,
div.show-type-brands select:focus-visible,
div.show-type-brands select:hover {
    font-family: 'IRANSNum';
    display: inline-block;
    border: none;
    background-color: var(--bs-secondary-bg);
}

div.pagonation-brands a {
    padding: 0.6rem 1rem;
    display: inline-block;
    text-decoration: none;
    color: var(--bs-body-color);
    border-radius: var(--bs-border-radius);
    border-width: var(--bs-border-width);
    box-shadow: var(--bs-box-shadow-sm);
    border-color: var(--bs-border-color);
    border-style: var(--bs-border-style);
    background: var(--bs-body-bg);
}

div.pagonation-brands a.apagon {
    color: #fff;
    text-decoration: none;
    background-color: #23364b;
}

div.sort-brands {
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 8%);
}

div.sort-brands p {
    float: right;
    text-align: right;
    margin: 0;
    padding: 0.5rem;
}

/*start od homeend.tpl*/
a.HomeEndcolall {
    float: left;
    font-weight: 100;
    font-size: 0.8rem;
    color: var(--pry-color);
    top: 1rem;
}

section.HomeEnd {
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
    /* Standard syntax */
    margin-bottom: 1rem;
}

.SmallBoxSet,
.MediumBoxSet {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.SmallBox {
    padding: 5px;
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
}

.SmallBox img.circle {
    border-radius: 3px;
    width: 90px;
    height: 90px;
    filter: drop-shadow(0px 0px 1px #aaa);
    -webkit-filter: drop-shadow(0px 0px 1px #aaa);
}

/*end of homeend.tpl*/
.service-wrapper-products {
    background: ##d8d8d8;
    text-align: center;
    color: #444;
}

.service-wrapper-products.refill {
    background: #23364b;
    text-align: center;
    color: #fff;
}

.service-wrapper-products div div {
    display: inline-block;
    padding: 15px;
    text-align: center;
}

.service-wrapper-products div div h4 {
    font-weight: 500;
    font-size: .8rem;
}

.text-left {
    text-align: left;
}

.intro {
    position: relative;
    margin: 2em;
    padding: 0.2em 0.6em;
    cursor: pointer;
    color: #fff;
    font-size: 2em;
    max-width: 26em;
}

.intro h1 {
    margin-bottom: 0.5em;
    line-height: 1;
    font-weight: 100;
}

.intro p {
    color: #fff;
    font-weight: 100;
}

#CrossFade {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 300px;
    overflow: hidden;
    position: relative;
}

#CrossFade img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    background: #000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(1.4) rotate(12deg);
    transform: scale(1.4) rotate(12deg);
    -webkit-animation: CrossFade 24s infinite;
    animation: CrossFade 24s infinite;
    width: 100%;
}

#CrossFade img:nth-child(3) {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}

#CrossFade img:nth-child(2) {
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}

#CrossFade img:nth-child(1) {
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
}

@-webkit-keyframes CrossFade {
    25% {
        opacity: 1;
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }

    40% {
        opacity: 0;
    }
}

@keyframes CrossFade {
    25% {
        opacity: 1;
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }

    40% {
        opacity: 0;
    }
}

.form-control {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-image: none;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.btn-sbmt {
    background: #37acfb;
    color: #fff;
    font-weight: 500;
}

.btn-sbmt:hover {
    background: #194a6b;
    color: #fff;
}

.ajax {
    display: none;
}

.result.form-control {
    border-color: #00bb6d;
    color: #fff;
    background-color: rgba(0, 255, 125, 0.44);
}

.error.form-control {
    border-color: #a42121;
    color: #fff;
    background-color: rgba(211, 36, 36, 0.58);
}

.loader {
    display: none;
}

p.loader {
    color: #fff;
}

div.loader {
    margin-top: 1rem;
    border: 6px solid #f3f3f3;
    border-radius: 50%;
    border-top: 6px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 1s linear infinite;
    /* Safari */
    animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ppagemanu.manufacturer-logo {
    margin-top: 1rem;

}

.line-through {
    text-decoration: line-through;
}

ul.reshu {
    margin-bottom: 0;
    border-top: 1px solid var(--bs-border-color);
    padding: 1rem 0 0 0;
}

ul.reshu i {
    display: inline-block;
    font-size: 13px;
    color: var(--bs-link-hover-color);
    vertical-align: middle;
}

ul.reshu li {
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    color: var(--bs-body-color);
    margin-left: 1rem;
}

ul.reshu i.reshured {
    color: #e81f1f;
}

.info-bar {
    box-shadow: 0 0 20px 0 #c7c7c7;
    width: 100%;
    height: 45px;
}

.wrapper2 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.info-bar .info-bar-slogan {
    float: right;
    margin-right: 10px;
    font: 14px/45px IRANSans;
}

.info-bar .info-bar-slogan a {
    color: #23364b;
}

.info-bar .info-bar-slogan.mobile {
    float: none;
    display: block;
    text-align: center;
}

.info-bar ul li {

    float: left;
    font: normal 13px/45px IRANSNum;
    margin: 0 64px 0 0;
}

.block-contact.links.wrapper>div>a {
    color: #7a7a7a;
}

.info-bar .wrapper2 .inner-wraper ul li a {
    color: var(--bs-secondary-color);
}

.info-bar ul li i {
    margin-right: 10px;
}

.footer-container {
    background-repeat: repeat-x;
    background-position: right bottom;
    background-size: 42rem;
    background-image: url(https://www.abzarkia.com/themes/classic/assets/footer-bg2.png);
}

.footer-container span {
    /* margin-bottom: 1rem; */
    display: block;
    font-size: 1.1rem;
    font-weight: 700;
}

.footer-container a {
    color: var(--bs-body-color);
    display: block;
    line-height: 2rem;
    font-weight: 100;
}

.footer-container p {
    font-size: 1rem;
    background: var(--bs-border-color-translucent);
    margin: 0.6rem;
    color: var(--bs-body-color);
    line-height: 2rem;
    text-align: justify;
    /* font-weight: 100; */
    padding: 1rem;
    border-radius: var(--bs-border-radius);
}

.footer-container li {
    font-size: 1rem;
    color: var(--bs-body-color);
    font-family: "iransnum";
    text-align: justify;
    line-height: 2rem;
}

.footer-container ul {
    padding: 0;
}

.server {
    background: var(--theme-color);
    padding: 15px 0 12px;
    color: var(--theme-color-text);
}

.copy-right {
    background-color: #23364b;
    padding: 15px 0 12px;
}

.server p,
.copy-right p {
    margin: 0;
     color: var(--theme-color-text);
}

@media (min-width: 888px) {
    .postscript-second {
        padding: 50px 0;
    }
}

.postscript-second {
    background-color: #fff;
    /*background-image: url(/assets/subscription.jpg);*/
    background-position: center;
    padding: 20px 0;
    background-size: contain;
}

.layout-center {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto;
    max-width: 1160px;
    max-width: 1566px;
}

@media (min-width: 1111px) {
    .layout-24col {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 0;
        padding-right: 0;
    }
}

.layout-24col {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 1111px) {
    .layout-24col:before {
        content: "";
        display: table;
    }
}

.layout-24col:before {
    content: "";
    display: table;
}

.layout-24col__full {
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
}

.postscript-second p {
    text-align: center;
    margin: 0 0 20px 0;
    font-size: 1rem;
}

.product-description p {
    font-weight: 400;
    line-height: 2rem;
    color: var(--bs-secondary-color);
}

.product-description ol {
    font-weight: 400;
    line-height: 2rem;
    color: var(--bs-secondary-color);
}


div.about-more .box-dashed {
    background: #23364b;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    padding: 10px;
    border: 1px dashed #fff;
    border-radius: 4px;
    box-shadow: 0 0 0 4px #23364b, 2px 1px 6px 4px rgb(10 10 0 / 50%);
}

div.about-more .box-dashed p {
    line-height: 2rem;
    color: var(--bs-white);
}

div.about-more p.deal {
    text-align: center;
}

div.about-more .options h3 {
    background-color: var(--bs-secondary-bg);
    border-radius: 3px;
    padding: 0.5rem 1rem 0.5rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2rem;
    text-align: right;
}

.u-header {
    border-bottom: solid 4px var(--pry-color);
    padding-bottom: 1rem;
    font-weight: 300;
    margin-bottom: 0;
    display: inline-block;
    color: var(--bs-body-color);
    font-size: 1rem;
}



/* Style the tab content */

.espamira {
    /*base colour*/
    background-color: #f3eaec;
    /*these control the width of the stripes*/
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    background-image:
        -webkit-gradient(linear, 0 0, 100% 100%,
        color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),
        color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),
        color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),
        to(transparent));
    background-image:
        -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
        transparent 75%, transparent);
    background-image:
        -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
        transparent 75%, transparent);
    background-image:
        -ms-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
        transparent 75%, transparent);
    background-image:
        -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
        transparent 75%, transparent);
    background-image:
        linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
        transparent 75%, transparent);
}

.thumbnail-container2 {
    position: relative;
    margin: 1px;
    border: 1px solid #e5e5e5;
    background: #fff;
    box-shadow: 0 0 2px #d8d5d5;
}

.product-title2 {
    width: 100%;
    background: #f7f7f7;
    font-size: .875rem;
    text-decoration: none;
    text-align: center;
    font-weight: 400;
    margin: 0;
    direction: rtl;
    min-height: 40px;
}

.product-title2 a {
    font-size: 12px;
    color: #000;
    padding: 2px;
    line-height: normal;
}

.product-description2 {
    padding: 0 0 10px 0;
    background: #f7f7f7;
}

.owl-stage {
    margin: 0rem auto 0.4rem auto;
}

.product-price-and-shipping {
    direction: rtl;
    font-size: 0.7em;
}

.eshomecrousel {
    direction: ltr;
}

.regular-price2 {
    color: #f00;
    text-decoration: line-through;
}

.button-probox {
    font-size: 0.7em;
    padding: 1em;

}

.date_upd {
    color: grey !important;
    font-size: 0.7em;
}

.center {
    text-align: center;
}

.button-container {
    text-align: center;
    direction: rtl;
}



.faq {
    background-color: #fff1ea;
    padding: 5%;
}

.faq h3 {
    text-align: center;
    width: 100%;
    color: #009fe1;
}

.faq ul li {
    font-size: 1.3em;
    color: #8f8a87;
    padding: 1% 7%;
    transition: .3s ease all;
}

.faq ul li:hover {
    color: #686664;
    cursor: pointer;
}

.faq .fa-plus {
    border: 1px solid;
    padding: 0.1em;
    border-radius: 70%;
    font-size: 10px;
    margin-left: 1%;
    color: #a1a0a0;
}

.close {
    display: none;
}

.read-more-btn-faq {
    padding: 1% 2%;
    width: 14%;
    border-radius: 40px;
    margin: 1% auto;
    background: #fff;
    color: #f49b6e;
    font-weight: bold;
}

.read-more-btn-faq:hover {
    color: #d88961;
}

.hidden {
    display: none;
}

/* compare */
/* faq */
.cd-faq-trigger {
    color: #4b4b4b;
}

.cd-faq-title h2 {
    color: #f49b6e;
    font-size: 1.4em;
}

.cd-faq-content p {
    padding: 1em 5em;
}

.cd-faq-categorie {
    visibility: hidden !important;
}

/* faq */

/* product mattress */
.mattress-type h5 {
    color: #676c7a;
    margin: 8%;
}

.mat {
    padding-bottom: 5%;
    border: 1px solid #f1f1f1;
    border-bottom: none;
    background-color: #fff;
}

.mat:hover {
    background-color: #f4f4f4;
}

.cd-faq {
    width: 98%;
    margin: auto;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.cd-faq:after {
    content: "";
    display: table;
    clear: both;
}

@media only screen and (min-width: 768px) {
    .cd-faq {
        position: relative;
        /*margin: 4em auto;*/
        box-shadow: none;
    }
}
.rest-nav{
  display: none;
}
@media only screen and (max-width: 768px) {

 .rest-nav {
    display: flex;
    position: sticky;
    z-index: 5;
    bottom: 0;
    background: var(--theme-color);
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.5);    

  }

}
.cd-faq-categories a {
    position: relative;
    display: block;
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    padding: 0 28px 0 16px;
    background-color: #4e5359;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffffff;
    white-space: nowrap;
    border-bottom: 1px solid #555b61;
    text-overflow: ellipsis;
}

.cd-faq-categories a::before,
.cd-faq-categories a::after {
    /* plus icon on the right */
    position: absolute;
    top: 50%;
    right: 16px;
    display: inline-block;
    height: 1px;
    width: 10px;
    background-color: #7f868e;
}

.cd-faq-categories a::after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.cd-faq-categories li:last-child a {
    border-bottom: none;
}

@media only screen and (min-width: 768px) {
    .cd-faq-categories {
        width: 20%;
        float: left;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
        display: none;
    }

    .cd-faq-categories a {
        font-size: 13px;
        font-size: 0.8125rem;
        font-weight: 600;
        padding-left: 24px;
        padding: 0 24px;
        -webkit-transition: background 0.2s, padding 0.2s;
        -moz-transition: background 0.2s, padding 0.2s;
        transition: background 0.2s, padding 0.2s;
    }

    .cd-faq-categories a::before,
    .cd-faq-categories a::after {
        display: none;
    }

    .no-touch .cd-faq-categories a:hover {
        background: #555b61;
    }

    .no-js .cd-faq-categories {
        width: 100%;
        margin-bottom: 2em;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-faq-categories {
        position: absolute;
        top: 0;
        left: 0;
        width: 200px;
        z-index: 2;
    }

    .cd-faq-categories a::before {
        /* decorative rectangle on the left visible for the selected item */
        display: block;
        top: 0;
        right: auto;
        left: 0;
        height: 100%;
        width: 3px;
        background-color: #a9c056;
        opacity: 0;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }

    .cd-faq-categories .selected {
        background: #42464b !important;
    }

    .cd-faq-categories .selected::before {
        opacity: 1;
    }

    .cd-faq-categories.is-fixed {
        /* top and left value assigned in jQuery */
        position: fixed;
    }

    .no-js .cd-faq-categories {
        position: relative;
    }
}

.cd-faq-items {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    background: #ffffff;
    padding: 0 5% 1em;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0) translateX(100%);
    -moz-transform: translateZ(0) translateX(100%);
    -ms-transform: translateZ(0) translateX(100%);
    -o-transform: translateZ(0) translateX(100%);
    transform: translateZ(0) translateX(100%);
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
}

.cd-faq-items.slide-in {
    -webkit-transform: translateZ(0) translateX(0%);
    -moz-transform: translateZ(0) translateX(0%);
    -ms-transform: translateZ(0) translateX(0%);
    -o-transform: translateZ(0) translateX(0%);
    transform: translateZ(0) translateX(0%);
}

.no-js .cd-faq-items {
    position: static;
    height: auto;
    width: 100%;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

@media only screen and (min-width: 768px) {
    .cd-faq-items {
        position: static;
        height: auto;
        width: 100%;
        float: right;
        overflow: visible;
        -webkit-transform: translateZ(0) translateX(0);
        -moz-transform: translateZ(0) translateX(0);
        -ms-transform: translateZ(0) translateX(0);
        -o-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0);
        padding: 0;
        background: transparent;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-faq-items {
        float: none;
        width: 100%;
    }

    .no-js .cd-faq-items {
        padding-left: 0;
    }
}

.cd-close-panel {
    position: fixed;
    top: 16px;
    border-radius: 1px;
    margin-top: 15px;
    background-color: #009FE1;
    padding: 2px 10px;
    line-height: 21px;
    color: #fff;
    z-index: 2;

}

.cd-close-panel.move-left {
    left: 15%;
}

@media only screen and (min-width: 768px) {
    .cd-close-panel {
        display: none;
    }
}

.cd-faq-group {
    display: none;
}

.cd-faq-group.selected {
    display: block;
}

.cd-faq-group .cd-faq-title {
    background: transparent;
    box-shadow: none;
    margin: 1em 0;
}

.no-touch .cd-faq-group .cd-faq-title:hover {
    box-shadow: none;
}

.cd-faq-group .cd-faq-title h2 {
    color: #23364b;
    font-size: 1.4em;
}

.no-js .cd-faq-group {
    display: block;
}

@media only screen and (min-width: 768px) {
    .cd-faq-group {
        display: block;
    }

    .cd-faq-group>li {
        background: #ffffff;
        margin-bottom: 6px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
        -webkit-transition: box-shadow 0.2s;
        -moz-transition: box-shadow 0.2s;
        transition: box-shadow 0.2s;
    }

    .no-touch .cd-faq-group>li:hover {
        box-shadow: 0 1px 10px rgba(108, 125, 142, 0.3);
    }

    .cd-faq-group .cd-faq-title {
        margin: 2em 0 1em;
    }

    .cd-faq-group:first-child .cd-faq-title {
        margin-top: 0;
    }
}

.cd-faq-trigger {
    position: relative;
    display: block;
    margin: 1.6em 0 .4em;
    line-height: 1.2;
    color: #7a7a7a;
}

.cd-faq-trigger:hover {

    color: #23364b;
}

@media only screen and (min-width: 768px) {
    .cd-faq-trigger {
        font-size: 24px;
        font-size: 1.1rem;
        font-weight: 300;
        margin: 0;
        padding: 24px 20px 24px 24px;
    }

    .cd-faq-trigger::before,
    .cd-faq-trigger::after {
        /* arrow icon on the right */
        position: absolute;
        right: 24px;
        top: 50%;
        height: 2px;
        width: 13px;
        background: #cfdca0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }

    .cd-faq-trigger::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        right: 32px;
    }

    .cd-faq-trigger::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .content-visible .cd-faq-trigger::before {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .content-visible .cd-faq-trigger::after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

.cd-faq-content p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
    color: #6c7d8e;
}

@media only screen and (min-width: 768px) {
    .cd-faq-content {
        display: none;
        padding: 0 24px 30px;
    }

    .cd-faq-content p {
        line-height: 1.6;
    }

    .no-js .cd-faq-content {
        display: block;
    }
}

h1.shipping-header {
    padding: 0 0 1rem 1rem;
    color: #23364b;
}

p.shipping-header {
    font-size: 1rem;
    padding: 0 1.5rem 0 1.5rem;
    margin-bottom: 2rem;
    text-align: justify;
    color: #23364b;
}


/*about.tpl*/
section.about-section .values {
    margin: 0 auto;
}

section.about-section .values .line {
    margin-right: 0;
}

section.about-section .values .line .ab-col-1of6.box:last-child {
    margin-left: 0 !important;
}

section.about-section .ab-col-1of6 {
    min-height: 1px;
    display: inline-block;
}

section.about-section .ab-col-1of6 div.icon img {
    width: 69px;
}

section.about-section .ab-col-1of6.box {
    height: 220px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    width: 15.7%;
    position: relative;
    margin-left: 0.3%;
    margin-right: 0.3%;
    padding: 18px;
}

section.about-section .ab-col-1of6.box .text {
    font-weight: 500;
    color: #434343;
    font-size: 14.65px;
    line-height: 34px;
    float: right;
    text-align: right;
    direction: rtl;
}

section.about-section .ab-col-1of6.box .icon {
    position: absolute;
    bottom: 16px;
    left: 16px;
}

section.about-section .App {
    text-align: center;
}

section.about-section .about-banner li.center {
    text-align: center;

}

section.about-section span.about-point {
    font-size: 1.2rem;
    font-weight: 900;
    text-shadow: 0px 0px 11px #c1c1c1;
}

section.about-section .about-banner {
    background-image: url(https://www.abzarkia.com/assets/about-banner-abzar.jpg);
    background-repeat: no-repeat;
    height: 395px;
    background-size: 100%;
    position: relative;
}

section.about-section .about-banner h1.title {
    background-image: linear-gradient(90deg, #ff000000, #2f94bf, #ff000000);
    color: #fff;
    font-size: 35px;
    line-height: 59px;
    text-align: center;
    position: relative;
    top: 120px;
    margin: 0;
    font-weight: 700;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .8);
}

section.about-section .line.more {
    margin: 0 1rem;
    position: relative;
    margin-top: -146px;
}

section.about-section .line:after,
.line:before {
    display: table;
}

section.about-section .about-more {
    padding: 20px 50px;
}

section.about-section .about-more h2 {
    text-align: right;
    border-bottom: solid 4px var(--pry-color);
    display: table-cell;
    padding-bottom: 1rem;
}

section.about-section .about-more h1 {
    text-align: right;
    border-bottom: solid 4px var(--pry-color);
    display: table-cell;
    padding-bottom: 1rem;
}

section.about-section .about-more div.border {
    margin-bottom: 1rem;
    border-bottom: solid 1px #c1c1c1;
}

section.about-section .about-more ul {
    padding: 0px;
    margin: 0px;
    font-size: 1rem;
    line-height: 2rem;
    text-align: justify;
}

section.about-section .about-more li {

    margin-bottom: 10px;
}

section.about-section .line:after,
.line:before {
    display: table;
}

@media only screen and (max-width: 995px) {
    section.about-section .about-banner h1.title {
        font-size: 22px;
        top: 60px;
    }

    section.about-section .about-banner {
        height: 274px;
    }

    section.about-section .ab-col-1of6.box {
        width: 29%;
        position: relative;
        margin-left: 1.7%;
        margin-right: 2%;
    }

    section.about-section .about-more li {
        font-size: 0.8rem;
        margin-bottom: 10px;
    }

    section.about-section span.about-point {
        font-size: 0.9rem;
    }
}

@media only screen and (max-width: 450px) {
    section.about-section .postscript-second p {
        font-size: 0.8rem !important;

    }

    section.about-section .about-banner h1.title {
        font-size: 20px;
        top: 20px;
    }

    section.about-section .about-banner {
        height: 120px;
    }

    section.about-section .about-more h2 {
        font-size: 0.9rem;
    }

    section.about-section .ab-col-1of6.box {
        width: 45%;
        position: relative;
        margin-left: 1.7%;
        margin-right: 2%;
    }

    section.about-section .about-more li {
        font-size: 0.8rem;
        margin-bottom: 10px;
    }

    section.about-section .about-more {
        padding: 20px 20px;
    }

    section.about-section span.about-point {
        font-size: 0.9rem;
    }

    section.about-section .line.more {
        margin: 0 auto;
        position: relative;
        margin-top: -28px;
        width: 97%;
    }
}

/*end about.tpl*/

/* allcategories.lua*/
section.categories-section ul.list h2 {
    color: #ffffff;
    background: #223a54;
    margin: -1rem -2rem;
    display: block;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    padding: 1rem;
    margin-bottom: 1rem;
}

section.categories-section ul.list h2 a {
    color: #fff;
}


section.categories-section .row.categories {
    margin: 0;
}

.list-nav {
    margin-top: 1rem;
    left: 60px;
    padding: 1rem 2rem;
    min-height: auto;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}


section.categories-section ul.list,

section.categories-section ul.list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;

}


section.categories-section ul.list ul {
    position: relative;

}


section.categories-section ul.list ul:before {
    content: "";
    display: block;
    position: absolute;
    top: -13px;
    right: -13px;
    bottom: 15px;
    width: 0;
    border-left: 1px solid #ccc;
}


section.categories-section ul.list li {
    position: relative;
    margin: 0;
    padding: 3px 19px 3px 0;

    color: #ccc;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
}

section.categories-section ul.list li a {
    position: relative;
    color: #ccc;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
}

section.categories-section ul.list li a[data-depth="0"] {
    color: #43457e;
    font-size: 1.4rem;
    font-weight: bold;
}

section.categories-section ul.list li a[data-depth="1"] {
    color: #67a2e2;
    font-size: 1.04rem;
    font-weight: 300;
}

section.categories-section ul.list li a[data-depth="2"] {
    color: #797a7b;
}

section.categories-section ul.list li a[data-depth="3"] {
    color: #ff8181;
}

section.categories-section ul.list li a:hover,
section.categories-section ul.list li a:hover+ul li a {
    color: #fdd40a;
}

section.categories-section ul.list ul li:before {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    right: -13px;
    width: 19px;
    height: 0;
    border-top: 1px solid #ccc;
}

section.categories-section ul.list ul li:last-child:before {
    top: 20px;
    bottom: 0;
    height: auto;
    background: #fff;
}

section.categories-section .App {
    text-align: center;
}

.categories-banner li.center {
    text-align: center;
}

span.categories-mini-point {
    position: absolute;
    bottom: 22px;
    left: 22px;
    font-size: 16px;
    font-weight: 900;
    text-shadow: 0px 0px 11px #c1c1c1;
}

.categories-banner {
    background-image: url(https://www.abzarkia.com/assets/categories-banner.jpg);
    background-repeat: no-repeat;
    height: 395px;
    background-size: 100%;
    position: relative;
}

.categories-banner h1.title {
    color: #fff;
    font-size: 35px;
    background-image: linear-gradient(90deg, #ff000000, #c31000, #ff000000);
    font-size: 35px;
    line-height: 59px;
    text-align: center;
    position: relative;
    top: 120px;
    margin: 0;
    font-weight: 700;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .8);
}

section.categories-section .line.more {
    margin: 0 auto;
    position: relative;
    margin-top: -146px;
    width: 97%;
}

section.categories-section .line:after,
.line:before {
    display: table;
}

.categories-more {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    padding: 20px 50px;
}

.categories-more h2 {
    text-align: right;
    border-bottom: solid 4px var(--pry-color);
    display: table-cell;
    padding-bottom: 1rem;
}

.categories-more div.border {
    margin-bottom: 1rem;
    border-bottom: solid 1px #c1c1c1;
}

.categories-more ul {
    padding: 0px;
    margin: 0px;
    color: #333333;
    font-size: 1rem;
    line-height: 2rem;
    text-align: justify;
}

.categories-more li {

    margin-bottom: 3rem;
}

.categories-more ul li span {
    font-size: 14px;
}

.line:after,
.line:before {
    display: table;
}

@media only screen and (max-width: 995px) {
    .categories-banner h1.title {
        font-size: 22px;
        top: 60px;
    }

    .categories-banner {
        height: 274px;
    }

    .categories-more li {
        font-size: 0.8rem;
    }

    span.categories-mini-point {
        font-size: 0.9rem;
    }
}

@media only screen and (max-width: 450px) {
    .postscript-second p {
        font-size: 0.8rem !important;

    }

    .categories-banner h1.title {
        font-size: 20px;
        top: 20px;
    }

    .categories-banner {
        height: 120px;
    }

    .categories-more h2 {
        font-size: 0.9rem;
    }

    .categories-more li {
        font-size: 0.8rem;
    }

    .categories-more {
        padding: 20px 20px;
    }

    span.categories-mini-point {
        font-size: 0.9rem;
    }

    .line.more {
        margin: 0 auto;
        position: relative;
        margin-top: -28px;
        width: 97%;
    }
}

ul.countries {
    position: absolute;
    bottom: 0.375rem;
    right: 0.375rem;
    margin-bottom: 0;
    padding: 0;
    color: var(--bs-tertiary-color);
    font-size: .9rem;
}

.nprow {
    display: flex;
    flex-wrap: wrap;
}

.nprow>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
}

li.countries {
    display: inline-block;
    color: var(--bs-gray-600);
    font-weight: 200;
}

.cb-pallet-btn {
    position: absolute;
    bottom: 0.375rem;
    left: 0.375rem;
    background-color: #4fb6ff;
    border: 1px solid #0065cb;
    color: #fff;
    margin: 0 auto;
    border-radius: 4px;
    padding: 5px 13px;
    font-size: 14px;
    cursor: pointer;
    outline: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.brands-cart {
    position: relative;
    min-height: 16rem;
}

.brands-cart .mini-badge {
    color: var(--bs-gray-600);
    font-size: 0.756rem;
}

/* end allcategories.lua*/
.cb-pallet-logo {
    position: absolute;
    top: 0;
    width: 98px;
    height: 98px;
    z-index: 1;
    left: 1rem;
    filter: drop-shadow(1px 1px 0 var(--bs-dark-bg-subtle));
    -webkit-filter: drop-shadow(1px 1px 0 var(--bs-dark-bg-subtle));
}

/*ffooter*/

.temphedbanner {
    position: fixed;
    bottom: 0;
    background: red;
    color: #fff;
    width: 100%;
    padding: 5px;
    z-index: 9000000;
}

.temphedbanner p {
    color: #fff;
    margin: 0 auto;
    display: block;
    padding: 0;
    /* margin: auto; */
    text-align: center;
}


/*brands controller brands.tpl */

.brand-informations {
    position: relative;
}


img.in-title-svg-cflag {
    position: absolute;
    border-style: none;
    vertical-align: middle;
    top: 4px;
    width: 69px;
    left: 1rem;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
}

h2.product-title-inbinfo {
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: normal;
    min-height: 40px;
}

.price-inbinfo {
    text-align: center;
    display: block;
}

.p-list-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
}

#country .brands-section h2.brand-name,
#country .brands-section span.country,
#country .brands-section hr {
    position: relative
}

img.country-flag {
    box-shadow: 1px 1px 5px #777777;
    position: absolute;
    left: 1rem;
    width: 77px;
    height: auto;
    border-radius: 3px;
    bottom: 5rem;
}

/*end of brands controller brands.tpl */
/* tiles */
.abz-section {
    display: flex;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.abz {
    border-radius: var(--bs-border-radius);
    border-width: var(--bs-border-width);
    box-shadow: var(--bs-box-shadow-sm);
    border-color: var(--bs-border-color);
    border-style: var(--bs-border-style);
    background: var(--bs-body-bg);
    display: block;
    text-align: center;
    color: #1a4079;
    width: 12rem;
}

.abz img {
    margin-top: 1rem;
    width: 3rem;
    height: 3rem;
}

.abz p {
    font-size: 12px;
}

.abz p.abz-title {
    margin-top: 1rem;
    font-size: 1rem;
    margin-bottom: 0.5rem;
    font-weight: 400;
    color: var(--bs-body-color);
}

/*end tiles*/


/*start of eontact us*/

.contactus-submit {
    display: block;
    width: 100%;
    background: var(--pry-color);
    border: none;
    border-radius: 4px;
    height: 40px;
    box-shadow: 0 0 2px 1px black;
    color: white;
}

div.contactus-whatsapp {
    padding: 0 2rem 2rem 2rem;
}

div.contactus-whatsapp p {
    text-align: center;
}

div.contactus-whatsapp div.acontainer {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

div.contactus-whatsapp div.acontainer a {
    text-decoration: none;
    margin: 0 auto;
    width: 18rem;
    height: 4rem;
    display: block;
    text-align: center;
    background-color: #25d44a;
    font-family: 'IRANSNum';
    box-shadow: 0px 0px 4px 1px green;
    border-radius: 7px;
    padding: 1.5rem;
    color: white;
    text-shadow: 0px 0px 4px black;
    font-weight: 900;
    font-size: 1.8rem;
}

div.contactus-whatsapp div.acontainer a i {
    font-size: 3rem;
    position: absolute;
    top: 0.35rem;
    font-weight: 500;
}

body#contactus.loader,
.AjaxResult {
    display: none;
}

body#contactus.loader {
    border: 4px solid #f3f3f3;
    border-radius: 58%;
    border-top: 4px solid #23364b;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


body#contactus .tel {
    font-family: "iranSNUM"
}

body#contactus .tel-list li a {
    color: #293e6b;
    font-size: 1.7rem;
    display: block;
    line-height: 2rem;
    text-align: center;
}

body#contactus .txt-rt {
    text-align: right;
}

/* text align right */
body#contactus .txt-lt {
    text-align: left;
}

/* text align left */
body#contactus .txt-center {
    text-align: center;
}

/* text align center */
body#contactus .float-rt {
    float: right;
}

/* float right */
body#contactus .float-lt {
    float: left;
}

/* float left */
body#contactus .clear {
    clear: both;
}

/* clear float */
body#contactus .pos-relative {
    position: relative;
}

/* Position Relative */
body#contactus .pos-absolute {
    position: absolute;
}

/* Position Absolute */
body#contactus .vertical-base {
    vertical-align: baseline;
}

/* vertical align baseline */
body#contactus .vertical-top {
    vertical-align: top;
}

/* vertical align top */
body#contactus nav.vertical ul li {
    display: block;
}

/* vertical menu */
body#contactus nav.horizontal ul li {
    display: inline-block;
}

/* horizontal menu */
body#contactus img {
    max-width: 100%;
}

/*-- //Reset-Code --*/
body#contactus .container h1 {
    text-align: right;
    border-bottom: solid 4px var(--pry-color);
    display: table-cell;
    padding-bottom: 1rem;
}

body#contactus .agile1 h3 {
    color: #737373;
    text-align: right;
    border-bottom: solid 4px var(--pry-color);
    display: table-cell;
    padding-bottom: 1rem;

}

body#contactus div.border {
    margin-bottom: 1rem;
    border-bottom: solid 1px #c1c1c1;
}

body#contactus .w3ls {
    color: #000;
    margin-bottom: 1.5rem;
}

body#contactus .agile1 {
    /* background: #293e6b; */
    padding: 0.6rem 8px 8px 8px;
    margin-bottom: 20px;
    /* border: solid 1px; */
    box-shadow: 0 0 4px #c5c5c5;
}

body#contactus .agile1 .form-control {
    border: solid 1px #e0e0e0;
    border-radius: 5px;
}

body#contactus .agile1 .form-control:focus {
    outline: unset;
    border: solid 1px #9bbafd;

}

body#contactus .agile1 input[type="text"] {
    width: 100%;
    padding: 0.5rem;
    background: rgba(8, 8, 8, 0.14);
    background: rgba(255, 255, 255, 0.15);
    background: #fff;
    outline: none;
    font-size: 14px;
}

body#contactus .socialicons {
    list-style: none;
    line-height: 2rem;
}

body#contactus .socialicons a {
    color: #000;
}

body#contactus p.agileinfo {
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 22px;
}

.contactus-address {
    color: #20293a;
    text-align: center;
    text-shadow: 0px 1px 4px #acc9e4;
    padding: 3rem 0 0 0;
}

/*endof contactus */
/*bearing.php  */
img.head_banner_ex {
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    width: 100%;
    margin-bottom: 1rem;
}

div.bearshor {
    margin-top: 1rem;
}

h1.bercat {
    font-size: 1.375rem;

}

h2.persian_name {
    margin-top: 1rem;
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--bs-body-color);
}

h3.bearing_info_tcode {
    font-size: 1rem;
    direction: ltr;
    display: inline-block;
    font-weight: lighter;
    text-align: right;
}

p.bearing_info_tcode {
    font-size: 1rem;
    font-weight: lighter;
    display: inline-block;
}

div.head-description {
    background: red;
    background-color: #fff;
    margin-bottom: 1em;
    padding: 1rem;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}

h1.bearings {
    color: #316cad;
    background: white;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    padding: 1rem;
    font-size: 1.2rem;
    font-weight: 400;
}

.bootstrap-table {
    font-size: 0.8rem;
    background-color: #fff;
    margin-bottom: 1em;
    border-radius: 5px;
    padding: 1rem;
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}

.subcat-box {
    user-select: none;
    margin-bottom: 1rem;
    min-height: 212px;
}

div.subcat-box img {
    margin: 0 auto;
    display: block;
    padding-top: 1rem;
}

div.subcat-box h2 {
    margin: 1rem;
    font-size: 1rem;
    color: #969495;
    font-weight: 300;
    text-align: center;
}

div.info-box {
    margin: 1rem;
    display: flex;
    flex: 1 1 22rem;
    align-content: center;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
}

div.info-box.carriage {
    width: 25rem;
    margin: 1rem;
}

div.info-box h3 {
    margin-top: 1rem;
    text-align: center;
}

div.info-box p {
    font-weight: 300;
    text-align: justify;
    line-height: 2rem;

}

div.info-box img {
    margin: 0 auto;
    display: block;
    padding-top: 1rem;
}

section.info-continer {
    margin-top: 1rem;
}

h1.info_404 {
    text-align: center;
    font-size: 7rem;
    color: var(--pry-color);
    padding: 1rem 0 0 0;
}

h2.info_404 {
    font-weight: 100;
    text-align: center;
    padding: 0px 0 2rem;
}

div.info_404 {
    display: block;
    background-color: #fff;
    margin-bottom: 1em;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}

div.info-box.bearing h3 {
    position: absolute;
    right: 8rem;
    left: 1rem;
    top: 1rem;
    font-size: 1rem;
    color: #2a6298;
    font-weight: 600;
}

div.info-box img.bearing {
    margin: unset;
    display: block;
    padding-top: unset;
    border-radius: unset;
}

section.info-section span.info-point {
    font-size: 1rem;
    text-align: left;
    display: block;
    font-weight: 300;
    text-shadow: 0 0 11px #c1c1c1;
}

section.info-section .info-banner.bearing {
    background-image: url(/assets/bearing-banner.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
}

section.info-section .info-banner.seal {
    background-image: url(/assets/seal-banner.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
}

@media only screen and (min-width: 996px) {
    section.info-section .info-banner.bearing {
        height: 395px;
    }

    section.info-section .info-banner.seal {
        height: 395px;
    }
}

section.info-section .info-banner h1.title {
    background-image: linear-gradient(90deg, #ff000000, #223a54, #ff000000);
    color: #fff;
    font-size: 35px;
    line-height: 59px;
    text-align: center;
    position: relative;
    top: 120px;
    margin: 0;
    font-weight: 700;
    text-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%)
}

section.info-section .line.more {
    margin: 0 auto;
    position: relative;
    margin-top: -146px;
    width: 97%
}

section.info-section .line:after,
.line:before {
    display: table
}

section.info-section .info-more {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    padding: 20px 50px
}

section.info-section .info-more h2 {
    text-align: right;
    border-bottom: solid 4px #3d72f5;
    display: table-cell;
    padding-bottom: 1rem
}

section.info-section .info-more div.border {
    margin-bottom: 1rem;
    border-bottom: solid 1px #c1c1c1
}

section.info-section .info-more ul {
    padding: 0;
    margin: 0;
    color: #333;
    font-size: 1rem;
    line-height: 2rem;
    text-align: justify
}

section.info-section .info-more li {
    margin-bottom: 10px
}

section.info-section .line:after,
.line:before {
    display: table
}

@media only screen and (max-width: 995px) {
    section.info-section .info-banner h1.title {
        font-size: 22px;
        top: 60px
    }

    section.info-section .info-banner {
        height: 274px
    }

    section.info-section .info-more li {
        font-size: .8rem;
        margin-bottom: 10px
    }

    section.info-section span.info-point {
        font-size: .9rem
    }
}

@media only screen and (max-width: 450px) {
    section.info-section .postscript-second p {
        font-size: 0.8rem !important
    }

    section.info-section .info-banner h1.title {
        font-size: 20px;
        top: 20px
    }

    section.info-section .info-banner {
        height: 120px
    }

    section.info-section .info-more h2 {
        font-size: .9rem
    }

    section.info-section .info-more li {
        font-size: .8rem;
        margin-bottom: 10px
    }

    section.info-section .info-more {
        padding: 20px 20px
    }

    section.info-section span.info-point {
        font-size: .9rem
    }

    section.info-section .line.more {
        margin: 0 auto;
        position: relative;
        margin-top: -28px;
        width: 97%
    }
}

/*end of bearing.php*/

/*escm themecss ketabkia */

.product-tab-breadcrumbs ul li {
    list-style: none;
}

.product-tab-breadcrumbs {
    margin-right: 6px;
}

.product-tab-breadcrumbs ul li span span {
    display: inline-table;
    float: right;
    font-weight: 200;
    height: 30px;
    background: #23364b;
    text-align: center;
    padding: 5px 10px 0 10px;
    position: relative;
    margin: 0 0 0 13px;
    text-decoration: none;
    color: #fff;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.product-tab-breadcrumbs ul li span span::before {
    content: "";
    border-width: 30px 0px 0px 5px;
    border-style: solid;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-color: #23364b;
    position: absolute;
    right: -5px;
    top: 0;
    -webkit-transition: all 1s;
    /* Safari */
    transition: all 1s;
}

.product-tab-breadcrumbs ul li span span::after {
    content: "";
    position: absolute;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 10px solid #23364b;
    left: -10px;
    top: 0;
    -webkit-transition: all 1s;
    /* Safari */
    transition: all 1s;
}

.product-tab-breadcrumbs ul li a {
    display: inline-table;
    float: right;
    font-weight: 200;
    height: 30px;
    background: #23364b;
    text-align: center;
    padding: 5px 10px 0 10px;
    position: relative;
    margin: 0 0 0 13px;
    text-decoration: none;
    color: #fff;
    -webkit-transition: all 1s;
    /* Safari */
    transition: all 1s;
}

.product-tab-breadcrumbs ul li a:after {
    content: "";
    position: absolute;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 10px solid #23364b;
    left: -10px;
    top: 0;
    -webkit-transition: all 1s;
    /* Safari */
    transition: all 1s;
}

.product-tab-breadcrumbs ul li a:before {
    content: "";
    border-width: 15px 10px 15px 0;
    border-style: solid;
    border-color: #23364b transparent #23364b transparent;
    position: absolute;
    right: -10px;
    top: 0;
    -webkit-transition: all 1s;
    /* Safari */
    transition: all 1s;
}

.product-tab-breadcrumbs ul li:first-child a:before {
    content: "";
    border-width: 30px 0px 0px 5px;
    border-style: solid;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-color: #23364b;
    position: absolute;
    right: -5px;
    top: 0;
    -webkit-transition: all 1s;
    /* Safari */
    transition: all 1s;
}

.product-tab-breadcrumbs ul li a:hover:after {
    border-right: 10px solid #009fe1;
    -webkit-transition: all 1s;
    /* Safari */
    transition: all 1s;
}

.product-tab-breadcrumbs ul li a:hover {
    background: #009fe1;
    -webkit-transition: all 1s;
    /* Safari */
    transition: all 1s;
}

.product-tab-breadcrumbs ul li a:hover:before {
    border-color: #009fe1 transparent #009fe1 transparent;
    -webkit-transition: all 1s;
    /* Safari */
    transition: all 1s;
}

/*end of escm themecss ketabkia */

/*superuser.tpl*/
form#susr_form textarea[name="description"] {
    height: 8rem;
}

form#susr_form select[name="country"] {
    height: 2.5rem;
    text-indent: 2rem;
}

form#susr_form select[name="degree"],
form#susr_form input[name="field"],
form#susr_form input[name="lastname"],
form#susr_form input[name="city"] {
    height: 2.5rem;
    text-indent: 2.5rem;
}

jdp-container .jdp-days {
    font-family: 'IRANSNum';
}

jdp-container .jdp-year {
    font-family: 'IRANSNum';
    margin-top: 8px;
}

a.current-user-link {
    display: block;
    padding: 0 0 1rem 0;
    font-weight: 500;
    color: #23364b;
    text-align: center;
}

p#get_superuser_link {
    text-align: center;
    padding-bottom: 1rem;
    color: #23364b;
}

label.current-user-link {
    display: inline-block;
    padding: 1rem;
    font-weight: 500;
}

.info-su-box {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 8%);
}

.info-su-box.infos {
    padding: 2rem 2rem 0 2rem;
}

.info-su-box.infos label {
    color: #23364b;
}

.info-su-box.infos #submit_super_user_info {
    float: left;
    margin: 1rem;
}

.profile-pic {
    color: transparent;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: all 0.3s ease;
}

.profilepic p {
    text-align: center;
    padding-bottom: 2rem;
    margin: 1rem;
    color: #23364b;
}

.profile-pic input {
    display: none;
}

.profile-pic img.profile {
    position: absolute;
    object-fit: cover;
    width: 165px;
    height: 165px;
    box-shadow: 0 0 10px 0 rgba(162, 57, 149, 0.8);
    border-radius: 100px;
    z-index: 0;
}

.profile-pic .-label img.cus-blucheck {
    width: 2rem;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 100;
}

.profile-pic .-label {
    position: relative;
    cursor: pointer;
    height: 165px;
    width: 165px;
    margin: 1rem;

}

.profile-pic:hover .-label {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(162, 57, 149, 0.47);
    z-index: 10000;
    color: #fafafa;
    transition: background-color 0.2s ease-in-out;
    border-radius: 100px;
}

.profile-pic span {
    display: inline-flex;
    padding: 0.2em;
    height: 2em;
}

.cropper {
    max-width: 100%;
}

.iconbar-superuserltr,
.iconbar-superuserltr {
    position: relative;
    color: #aaa;
    font-size: 16px;
}

.iconbar-superuserltr input {
    direction: ltr;
    height: 2.5rem;
    text-indent: 42px;
}

.iconbar-superuserltr .fa {
    position: absolute;
    background: #23364b;
    padding: 0.75rem;
    color: white;
    left: 0;
    border-radius: 5px 0 0 5px;
}

.iconbar-superuserrtl input {
    direction: rtl;
    height: 2.5rem;
    text-indent: 32px;
}

.iconbar-superuserrtl .fa {
    position: absolute;
    background: #23364b;
    padding: 0.75rem;
    color: white;
    border-radius: 0 5px 5px 0;
}

/*end of superuser.tpl*/
/*escm.tpl*/

p.esqa-content {
    color: #000
}

p.esqans-content {
    color: #6a6a6a;
    line-height: 2rem;
    font-weight: 300;
}

p.esqa-content i {
    font-size: 2rem;
    color: #23364b;
    vertical-align: middle;
    margin-left: 11px;
    font-size: 1.9rem;

}


.lds-ellipsis {
    display: inline-block;
    /* position: relative; */
    width: 80px;
    height: 80px;
    left: 0;
    position: absolute;
    bottom: 4rem;
    right: 0px;
    margin: auto;
    top: 0;
}

.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #23364b;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

div.escm-pago,
div.esqa-pago {
    margin-top: 1rem;
    text-align: center;
}

span.escm-pago,
span.esqa-pago {
    padding: 8px;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
    background: #fff;
    color: #23364b;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 8%);
}

span.escm-pago.pago-on,
span.esqa-pago.pago-on {
    padding: 8px;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
    background: #23364b;
    color: #fff;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 8%);
}


div.escm-ajax,
div.esqa-ajax {
    direction: ltr;
    min-height: 15rem;
    max-height: 29.1rem;
    overflow-y: auto;
    padding-right: 0.5rem;
}

h4.escm-title {
    color: #850074;
    font-weight: 400;
}

.escm-author {
    border-left: 1px solid #23364b;
}

p.escm-content {
    line-height: 2rem;
    font-weight: 300;
}

div.new-escm {
    padding: 1rem 0;
    color: #626262;
    font-weight: 300;
    font-size: 0.9rem;
}

a[name=new-escm],
a[name=new-esqa] {
    text-align: center;
    width: 100%;
    background: #fff;
    padding: 9px 16px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border: 1px solid #23364b;
    color: #23364b;
    border-radius: 8px;
    width: 100%;
    display: block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

a[name=new-escm]:focus,
a[name=new-esqa]:focus {
    outline: none;
}

a[name=new-escm]:active,
a[name=new-esqa]:active {
    background: #d9d9d9;
}

div.agr-star {
    display: block;
    -webkit-user-select: none;
    user-select: none;
}

div.agr-star i {
    color: #ffc74a;
    margin-left: -4px;
}

div.agr-star span {
    color: #9b9b9b;
    font-size: 0.75rem;
    font-family: 'IRANSNum';
    margin-right: 8px;
}

h3.agrgradeheader {
    border-bottom: solid 4px #23364b;
    display: table-cell;
    padding-bottom: 0.7rem;
    font-weight: 300;
    text-align: right;
    color: #000;
    font-size: 1rem;
}

div.agregrade {
    font-size: 2rem;
    font-family: "IRANSNum";
    font-weight: bold;
    display: inline-block;
}

div.agregradefrom {
    margin-right: 5px;
    font-family: "IRANSNum";
    display: inline-block;
}



.product-escm div.star {
    background: #eaeaea;
}

.escm-author i.fa-star {
    color: #ffc74a !important;
}

.escm_grade i.fa-star {
    color: #ffc74a !important;
}

.product-escm div.star_on {
    background: #23364b;
}

.product-escm div.escm_grade {
    font-size: 10px;
    clear: both;
    padding: 1rem 0;
}

.product-escm div.criterion.star {
    zoom: .5;
    opacity: .8;
}

.product-escm div.star {
    display: inline-block;
    float: right;
    width: 32px;
    height: 4px;
    margin: 13px 0;
}

textarea[name='escomment-content'],
textarea[name='esqa-question'] {
    min-height: 10rem;
}

select[name="escm-ppd"],
select[name="escm-ppb"] {
    height: 2.5rem !important;
    text-indent: 2rem;
}

.back-to-product,
.submit_esqa,
.submit_escm {
    float: left;
    margin: 1rem;
}

.escommentheader {
    padding: 1rem;
}

.escommentheader h1 {
    font-weight: 300;

}

div.comment_author_infos em {
    font-size: 0.7rem;
    color: #858585;
    font-family: 'IRANSNum';
    font-style: inherit;
    font-weight: normal;
}

/*end of escm.tpl*/

/*start seal tpls*/
.body-description {
    background-color: #fff;
    margin-bottom: 1em;
    padding: 1rem;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}

.in-cat-info p {
    font-weight: 350;
    padding: 0 2.6rem 1rem 2.3rem;
    color: #666;
    line-height: 1.5rem;
    text-align: justify;
}

p.in-main {
    font-weight: 350;
    padding: 0 0 1rem 2.3rem;
    color: #666;
    line-height: 1.5rem;
    text-align: justify;
}

h2.in-cat-info-title {
    margin-top: 2rem;
    color: #444;
    font-size: 1rem;
    font-weight: 600;
}

h3.in-cat-info-title {
    color: #555;
    line-height: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
}

.in-icon:before {
    content: "";
    float: right;
    width: 35px;
    height: 35px;
    margin: -7px 0 0 7px;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 35px 35px;
}

.in-icon-type-oring:before {
    background-image: url(/assets/svg/oring.svg);
}

.in-icon-type-sqring:before {
    background-image: url(/assets/svg/sqring.svg);
}

.in-icon-type-xring:before {
    background-image: url(/assets/svg/xring.svg);
}

.in-icon-type-ba:before {
    background-image: url(/assets/svg/Type-BA.svg);
}

.in-icon-type-basl:before {
    background-image: url(/assets/svg/Type-BASL.svg);
}

.in-icon-type-b1:before {
    background-image: url(/assets/svg/Type-B1.svg);
}

.in-icon-type-va:before {
    background-image: url(/assets/svg/VA-axial-seals.svg);
}

.in-icon-type-vs:before {
    background-image: url(/assets/svg/VS-axial-seals.svg);
}

.in-icon-type-vl:before {
    background-image: url(/assets/svg/VL-axial-seals.svg);
}

.in-icon-type-rme:before {
    background-image: url(/assets/svg/RME-axial-seals.svg);
}

.in-icon-type-rm:before {
    background-image: url(/assets/svg/RM-axial-seals.svg);
}

.in-icon-type-vlx:before {
    background-image: url(/assets/svg/VLX-axial-seals.svg);
}

.in-icon-type-vax:before {
    background-image: url(/assets/svg/VAX-axial-seals.svg);
}

.in-nbr-elastomer-stahlfeder-icon:before {
    background-image: url(/assets/svg/nbr-elastomer-stahlfeder-icon.svg);
}

.in-viton-elastomer-edelstahlfeder-icon:before {
    background-image: url(/assets/svg/viton-elastomer-edelstahlfeder-icon.svg);
}

.in-nbr-elastomer-icon:before {
    background-image: url(/assets/svg/nbr-elastomer-icon.svg);
}

.seal-3d {
    display: inline-block;
    width: 100px;
}

/*end seal tpls*/

p.bearing-main-cat {
    margin: 1rem 0 0 0;
    text-align: justify;
    line-height: 2rem;
}

p.bearing-main-cat a {
    text-decoration: none;
}

body#bearing .head-description {
    user-select: none;
}

div.newTable-overflow {
    overflow-x: auto;
}

table.newTable,
table.newTable th {
    font-size: 0.8rem;
    white-space: nowrap;
    line-height: 2rem;
    text-align: center;
    border-bottom: 1px;
    padding: 0.75rem 0.75rem;
}

table.newTable td img {
    width: 66px;
    margin: -12px;
}

table.newTable td {
    direction: ltr;
    vertical-align: middle;
}

.newTablepagination {
    display: inline-block;
}

.newTablepagination a {
    color: var(--bs-body-color);
    float: right;
    padding: 8px 12px;
    text-decoration: none;
    border: 1px solid var(--bs-border-color);
}

.newTablepagination a.active {
    background-color: #23364b;
    color: white;
    border: 1px solid #23364b;
}

.newTablepagination a:hover:not(.active) {
    background-color: #ddd;
}

.newTablepagination a:first-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.newTablepagination a:last-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

@media (min-width: 1200px) {
    p.bearing-main-cat {
        font-size: 1rem;
    }
}

/* If the screen size is smaller than 1200px, set the font-size to 80px */
@media (max-width: 1199.98px) {
    p.bearing-main-cat {
        font-size: 0.8rem;
    }
}

img.bearinginfo_main_image {
    width: 100%;
}

img.bearing-draft {
    width: 100%
}

.ke-h1start {
    text-align: center;
    display: table;
    font-size: 1rem;
    border-collapse: collapse;
    white-space: nowrap;
}

.be-h1start {
    text-align: center;
    display: table;
    font-size: 1rem;
    border-collapse: collapse;
    white-space: nowrap;
}

.bearing-sub-header p {
    font-weight: 200;
    margin-bottom: 0;
}

.bearing-sub-header h2 {
    font-weight: 200;
    font-size: 1rem;
    margin-bottom: 0;
}

.ke-h1start::before,
.ke-h1start::after {
    content: "";
    display: table-cell;
    width: 50%;
    background-image: linear-gradient(to right, var(--bs-border-color)50%, transparent 50%);
    var(--bs-body-color);
    background-position: 0 50%;
    background-repeat: repeat-x;
    background-size: 1100% 1px;
}

.be-h1start::before,
.be-h1start::after {
    content: "";
    display: table-cell;
    width: 50%;
    background-image: linear-gradient(to right, #dddddd 50%, transparent 50%);
    background-position: 0 50%;
    background-repeat: repeat-x;
    background-size: 1100% 1px;
}

.ke-h1start span {
    color: #276cb5;
    padding: 0 1rem;
    font-size: 1.2rem;
    font-weight: 200;
}

.be-h1start span {
    color: var(--bs-secondary-color);
    padding: 0 1rem;
    font-size: 1.3rem;
    font-weight: 200;
}

div.bearing-main-page-head {
    margin-top: 1rem;
}

div.bearing-main-page-head a h3,
div.bearing-main-page-head a img {
    display: inline-block;
    color: #406c99;
    font-weight: 300;
    text-decoration: none;
}

.bear-start-ul div.bear-cat-linkname {
    display: table-cell;
    vertical-align: middle;
}

.bear-cat-linkname {
    font-size: 0.85rem;
    display: inline-block;
    position: relative;
    top: 2px;
    margin: 0;
    padding-bottom: 0;
}

ul.bear-start-ul,
.bear-start-ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.bear-start-ul>li>a {
    display: table;
    display: -webkit-inline-box;
    color: var(--bs-body-color);
    font-weight: 400;
    text-decoration: none;
}

ul.bear-start-ul>li>a:hover {
    color: #469ed8;
}

.svg-micro-icon:before {
    content: "";
    float: right;
    width: 13px;
    height: 13px;
    margin: 3px 0 0 4px;
}

a.bear-show-all::before {
    background: url(/assets/svg/bearing/arl.svg);
}

ul.bear-start-ul>li>a.bear-show-all {
    margin-top: 1rem;
    margin-right: 1rem;
    font-size: 0.8rem;
}

.svg-icon:before {
    content: "";
    float: right;
    width: 32px;
    height: 32px;
    margin: 0 0 0 5px;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 32px 32px;
}

.svg-belt-ribbed-timing:before {
    background-image: url(/assets/svg/belt/ribbed-timing.svg);
}

.svg-belt-apl-v-belt:before {
    background-image: url(/assets/svg/belt/apl-v-belt.svg);
}

.svg-belt-htd-apl-belt:before {
    background-image: url(/assets/svg/belt/htd-apl-belt.svg);
}

.svg-belt-conveyor-1:before {
    background-image: url(/assets/svg/belt/conveyor-1.svg);
}

.svg-belt-conveyor-2:before {
    background-image: url(/assets/svg/belt/conveyor-2.svg);
}

.svg-belt-conveyor-3:before {
    background-image: url(/assets/svg/belt/conveyor-3.svg);
}

.svg-belt-conveyor-4:before {
    background-image: url(/assets/svg/belt/conveyor-4.svg);
}

.svg-belt-conva:before {
    background-image: url(/assets/svg/belt/conva.svg);
}

.svg-belt-conva2:before {
    background-image: url(/assets/svg/belt/conva2.svg);
}

.svg-belt-conva3:before {
    background-image: url(/assets/svg/belt/conva3.svg);
}

.svg-belt-modular:before {
    background-image: url(/assets/svg/belt/modular.svg);
}

.svg-belt-varisect:before {
    background-image: url(/assets/svg/belt/varisect.svg);
}

.svg-belt-JB-cog:before {
    background-image: url(/assets/svg/belt/JB-cog.svg);
}

.svg-belt-JB-hole:before {
    background-image: url(/assets/svg/belt/JB-hole.svg);
}

.svg-belt-JB:before {
    background-image: url(/assets/svg/belt/JB.svg);
}

.svg-belt-aa:before {
    background-image: url(/assets/svg/belt/aa-belt.svg);
}

.svg-belt-v:before {
    background-image: url(/assets/svg/belt/v-belt.svg);
}

.svg-belt-rv:before {
    background-image: url(/assets/svg/belt/rv-belt.svg);
}

.svg-belt-1l:before {
    background-image: url(/assets/svg/belt/1l-belt.svg);
}

.svg-belt-3l:before {
    background-image: url(/assets/svg/belt/3l-belt.svg);
}

.svg-belt-nl:before {
    background-image: url(/assets/svg/belt/nl-belt.svg);
}

.svg-belt-htd:before {
    background-image: url(/assets/svg/belt/htd-belt.svg);
}

.svg-belt-std:before {
    background-image: url(/assets/svg/belt/std-belt.svg);
}

.svg-belt-at:before {
    background-image: url(/assets/svg/belt/at-belt.svg);
}

.svg-belt-pj:before {
    background-image: url(/assets/svg/belt/pj-belt.svg);
}

.svg-belt-pk:before {
    background-image: url(/assets/svg/belt/pk-belt.svg);
}

.svg-belt-pl:before {
    background-image: url(/assets/svg/belt/pl-belt.svg);
}

.svg-s-xringlight:before {
    background-image: url(/assets/svg/xringlight.svg);
}

.svg-s-vringlight:before {
    background-image: url(/assets/svg/VS-axial-sealslight.svg);
}

.svg-b-ball:before {
    background-image: url(/assets/svg/bearing/ball.svg);
}

.svg-b-axial-ball:before {
    background-image: url(/assets/svg/bearing/axial-ball.svg);
}

.svg-b-taper:before {
    background-image: url(/assets/svg/bearing/taper.svg);
}

.svg-b-needle:before {
    background-image: url(/assets/svg/bearing/needle.svg);
}

.svg-b-cycl:before {
    background-image: url(/assets/svg/bearing/cycl.svg);
}

.svg-b-NA22:before {
    background-image: url(/assets/svg/bearing/NA22.svg);
}

.svg-b-stud:before {
    background-image: url(/assets/svg/bearing/stud.svg);
}

.svg-b-track-ball:before {
    background-image: url(/assets/svg/bearing/track-ball.svg);
}

.svg-b-P:before {
    background-image: url(/assets/svg/bearing/P.svg);
}

.svg-b-FL:before {
    background-image: url(/assets/svg/bearing/FL.svg);
}

.svg-b-T:before {
    background-image: url(/assets/svg/bearing/T.svg);
}

.svg-b-PB:before {
    background-image: url(/assets/svg/bearing/PB.svg);
}

.svg-b-ROD:before {
    background-image: url(/assets/svg/bearing/ROD.svg);
}

.svg-b-H:before {
    background-image: url(/assets/svg/bearing/H.svg);
}

.svg-b-JB:before {
    background-image: url(/assets/svg/bearing/JB.svg);
}

.svg-b-washer:before {
    background-image: url(/assets/svg/bearing/washer.svg);
}

.svg-b-LM:before {
    background-image: url(/assets/svg/bearing/LM.svg);
}

.svg-b-LMOP:before {
    background-image: url(/assets/svg/bearing/LMOP.svg);
}

.svg-b-LMK:before {
    background-image: url(/assets/svg/bearing/LMK.svg);
}

.svg-b-LMF:before {
    background-image: url(/assets/svg/bearing/LMF.svg);
}

.svg-b-LMT:before {
    background-image: url(/assets/svg/bearing/LMT.svg);
}

.svg-b-SCS:before {
    background-image: url(/assets/svg/bearing/SCS.svg);
}

.svg-b-LG:before {
    background-image: url(/assets/svg/bearing/LG.svg);
}

.svg-b-LR:before {
    background-image: url(/assets/svg/bearing/LR.svg);
}

.svg-b-cshaft:before {
    background-image: url(/assets/svg/bearing/cshaft.svg);
}

.rseal-cat {
    display: inline-block;
    margin: 0 0 1rem 1rem;
    border: 1px solid #eee;
    padding: 1rem;
    text-align: center;
    transition: color 0.5s, text-shadow 0.5s;
    color: #666;
}

.rseal-cat:hover {
    text-shadow: 0 0 6px #ababab;
    transition: color 0.5s, text-shadow 0.5s;
    color: #23364b;
}

.rseal-cat h3 {
    font-size: 1rem;
    font-weight: 400;
}

.in-icon-type-b1sl:before {
    background-image: url(/assets/svg/Type-B1SL.svg);
}

.in-icon-type-b2sl:before {
    background-image: url(/assets/svg/Type-B2SL.svg);
}

.in-icon-type-b1of:before {
    background-image: url(/assets/svg/Type-B1OF.svg);
}

.in-icon-type-baof:before {
    background-image: url(/assets/svg/Type-BAOF.svg);
}

.in-icon-type-babsl:before {
    background-image: url(/assets/svg/Type-BABSL.svg);
}

.in-icon-type-b2:before {
    background-image: url(/assets/svg/Type-B2.svg);
}

.btn-bdb {
    background: #23364b;
    color: #fff;
}

.btn-bdb:active {
    background: #23364b;
    color: #fff;
}

.btn-bdb:focus {
    background: #23364b;
    color: #fff;
}

a.show-all-bearing {
    border-radius: 5px;
    padding: 0.5rem 0.7rem;
    border: 1px solid var(--bs-border-color);
    margin: 1rem 0 0 0;
    display: inline-block;
    color: var(--bs-body-color);
}

.newTable,
.newTable td,
.newTable th {
    border: 1px solid var(--bs-border-color);
}

.newTable-overflow .newTable td,
.newTable th {
    padding: 0.75rem;
}

.newTable [data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}

.newTable [data-title]:after {
    content: attr(data-title);
    background-color: #fff;
    color: #111;
    font-size: 0.8rem;
    font-weight: 300;
    position: absolute;
    padding: 1px 5px 2px 5px;
    bottom: -.6rem;
    left: 30%;
    white-space: nowrap;
    border: 1px solid #eee;
    z-index: 99999;
    visibility: hidden;
}

.newTable [data-title] {
    position: relative;
}


.m-seal-h1::before,
.m-seal-h1::after {
    content: "";
    display: table-cell;
    width: 50%;
    background-image: linear-gradient(to right, #dddddd 50%, transparent 50%);
    background-position: 0 50%;
    background-repeat: repeat-x;
    background-size: 1100% 1px;
}

.m-seal-h1::before,
.m-seal-h1::after {
    content: "";
    display: table-cell;
    width: 50%;
    background-image: linear-gradient(to right, #dddddd 50%, transparent 50%);
    background-position: 0 50%;
    background-repeat: repeat-x;
    background-size: 1100% 1px;
}

.m-seal-h1 {
    text-align: center;
    display: table;
    margin: 0;
    font-size: 1rem;
    border-collapse: collapse;
    white-space: nowrap;
}

.m-seal-h1 span {
    color: #23364b;
    padding: 0 1rem;
    font-size: 1.2rem;
    text-shadow: 0px 1px 1px #bdb5b5;
    font-weight: 300;
}

img.m-seal768 {
    width: 100%
}

section.m-seal-row h2 {
    text-align: right;
    border-bottom: solid 4px var(--pry-color);
    display: table-cell;
    font-size: 1.2rem;
    padding-bottom: 1rem;
}

section.m-seal-sizes h2 {
    text-align: right;
    border-bottom: solid 4px var(--pry-color);
    display: table-cell;
    font-size: 1rem;
    font-weight: 400;
    padding-bottom: 1rem;
}

section.m-seal-sizes h3 {
    text-align: right;
    border-bottom: solid 4px var(--pry-color);
    display: table-cell;
    padding-bottom: 1rem;
}

section.m-seal-row div.border,
section.m-seal-sizes div.border {
    margin-bottom: 1rem;
    border-bottom: solid 1px #c1c1c1;
}

table.mschema_parts {
    width: 100%;
    direction: ltr;
}

table.mschema_parts td {
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    padding: 0.25rem 0.75rem;
    font-size: 14px;
    color: #7a7a7a;
    font-weight: 200;
}

table.mschema_parts th {
    text-align: left;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    background: #f2f6f9;
    padding: 0.25rem 0.75rem;
    font-weight: 500;
    color: #23364b;
    font-size: 14px;
}

table.mseal-sizes {
    width: 100%;
    direction: ltr;
}

table.mseal-sizes tr {
    line-height: 2rem;

}

table.mseal-sizes tr:nth-child(2n) {
    background: #f3f3f3;
}

table.mseal-sizes td {
    border: 1px solid #dee2e6;
    padding: 0.25rem 0.75rem;
    font-size: 14px;
    color: #7a7a7a;
    font-weight: 200;
}

table.mseal-sizes th {
    text-align: left;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    background: #f2f6f9;
    padding: 0.25rem 0.75rem;
    font-weight: 500;
    color: #23364b;
    font-size: 14px;
}

div.p1bwsh {
    position: relative;
}

div.p1bwsh ul {
    padding: 0;
}

img.width-100 {
    width: 100%;
}

div.m-seal-features li {
    margin-bottom: 5px;
    color: #7a7a7a;
    font-weight: 300;
}

div.m-seal-features {
    color: #7a7a7a;
    line-height: 2rem;
}

ul.m-seal-adv li,
ul.m-seal-or li {
    margin-bottom: 5px;
    color: #7a7a7a;
    font-weight: 300;
}

div.m-seal-matr {
    direction: ltr;
    line-height: 2rem;
    color: #7a7a7a;
}

div.m-seal-matr b {
    color: #23364b
}

p.m-seal-features {
    line-height: 2rem;
}

img.seal-draft {
    width: 100%
}

img.seal_info_image {
    width: 100%;
}

/*mseal.tpl*/
@media only screen and (max-width: 600px) {
    .m-seal-h1 span {
        color: #23364b;
        padding: 0 1rem;
        font-size: 1rem;
        text-shadow: 0px 1px 1px #bdb5b5;
        font-weight: 300;
    }
}

.m-seal-mininame {
    position: absolute;
    top: 1.3rem;
    font-weight: 400;
    font-size: 1rem;
    left: 1rem;
    color: #23364b;
}

@media only screen and (max-width: 840px) {
    .m-seal-mininame {
        font-size: 0.8rem
    }
}

/*end mseal.tpl*/
table.belt_list_table {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
}

p.belt_list_tatu {
    margin-top: -0.7rem;
    font-size: 12px;
    text-align: center;
}

table.belt_list_table {
    width: 100%;
}

table.belt_list_table thead td {
    font-weight: 600;
}

table.belt_list_table td {
    border: 1px solid #f1f1f1;
    padding: 12px;
    text-align: center;
}

div.belt-subcat-box {
    background: #fff;
    padding: 1rem;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}

div.belt-subcat-box img {
    width: 100%
}

div.belt-subcat-box h2 {
    font-size: 1rem;
    font-weight: 600;
    color: #23374b;
    margin-top: 1rem;
    text-align: center;
}

div.belt-subcat-box p {
    word-wrap: break-word;
    font-size: 0.8rem;
    font-weight: 300;
    color: #979797;
    margin-top: 1rem;
    text-align: center;
}

hr.style-two {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    border: 0;
    height: 1px;
    display: block;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--bs-body-color), rgba(0, 0, 0, 0));
}

div.pb_belt_list {
    display: inline-block;
    padding: 14px;
}

div.pb_belt_list p {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 0;
    color: var(--bs-secondary-color);
    font-weight: 100;
}

/*belt phase css start*/
div.belt-box {}

div.belt-subcat-flex-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

div.belt-subcat-flex-item img {
    width: 150px;
}

div.belt-subcat-flex-item h2 {
    color: var(--bs-body-color);
    font-size: 1rem;
}

div.belt-box:hover {
    outline: 5px solid #23364b;
}

p.belt-box {
    background: #fff;
    padding: 1rem;
    line-height: 2rem;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    font-weight: 300;
    text-align: justify;
}

div.belt-box img {
    width: 100%
}

div.belt-box h3 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 2rem;
    color: var(--bs-secondary-color);
    margin-top: 1rem;
}

div.belt-box h4 {
    word-wrap: break-word;
    font-size: 0.8rem;
    font-weight: 300;
    color: #979797;
    margin-top: 1rem;
    min-height: 2rem;
}

div.belt-box h4.cwr {
    color: #f35f5f;
}

tr.selected-bearing {
    border-top: 6px solid #b5b5b5;
    border-bottom: 6px solid #b5b5b5;
    color: var(--bs-emphasis-color);
}

table.belt_list_table tr.selected-belt td {
    border: 1px solid #b5b5b5;
    padding: 12px;
    text-align: center;
}

div.belt-tag-box a {
    background: #418eff;
    border-radius: 5px;
    color: #fff;
    font-weight: 100;
    padding: 3px 6px;
    margin: 0 0 5px 1px;
    display: inline-grid;
    font-size: 14px;
}

div.belt-tag-box {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    background: #FFF;
    border-radius: 5px;
    padding: 1rem;
    margin-top: 1rem;
}

h3.belt_series_table {
    text-align: center;
    font-weight: 300;
}

tr.selected-belt {
    border-top: 6px solid #b5b5b5;
    border-bottom: 6px solid #b5b5b5;
    background: var(--bs-secondary-bg);
}

table.belt_list_table tr.selected-belt td {
    border: 1px solid #b5b5b5;
    padding: 12px;
    text-align: center;
}

div.belt-tag-box a {
    background: #418eff;
    border-radius: 5px;
    color: #fff;
    font-weight: 100;
    padding: 3px 6px;
    margin: 0 0 5px 1px;
    display: inline-grid;
    font-size: 14px;
}

div.belt-tag-box {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    background: #FFF;
    border-radius: 5px;
    padding: 1rem;
    margin-top: 1rem;
}

h3.belt_series_table {
    text-align: center;
    font-weight: 300;
}

p.nokte {
    font-weight: 300;
    color: #02a305;
}

p.nokte_red {
    font-weight: 300;
    color: #db4040;
}

/*end of belt phase css*/
p.bheader {
    font-weight: 300;
    margin: 0;
    color: #fff;
}

div.lined-header {
    margin: 1rem;
    text-align: right;
    border-bottom: solid 4px #3d72f5;
    display: table-cell;
    font-size: 1.5rem;
    padding: 0 1rem 0.7rem 1rem;
}

div.material_min_box {
    background: #fff;
    padding: 0.7rem;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}

div.material_min_box img {
    background: #f1f1f1;
    box-shadow: inset 0 0 4px rgb(0 0 0 / 8%);
    width: 100%;
}

div.material_min_box h2 {
    padding: 0.7rem 0 0 0;
    text-align: center;
    margin-bottom: 0;
    font-weight: 300;
    color: #23364b;
    font-size: 1rem;
}

div.material-img-box img {
    width: 100%;
}

div.material-desc h2 {
    font-weight: 400;
    display: inline-block;
    padding-bottom: 0.6rem;
    border-bottom: 4px solid var(--pry-color);
    margin-bottom: 0;
}

div.material-desc p {
    line-height: 2rem;
    text-align: justify;
    font-weight: 300;
}

hr.style-material {
    margin-top: 0;
    background: #c1c1c1;
}

div.material-desc ul {
    line-height: 2rem;
    color: #7a7a7a;
    font-weight: 200;
    list-style: auto;
    margin-right: 2rem;
}

.mw-300 {
    max-width: 300px;
}

.subcategories-list {
    padding: 1rem 0 0 0;
    margin-bottom: 0;
}

.subcategories-list a {
    font-size: 0.8rem;
    color: #999;
    font-weight: 400;
}

.esheader {
    background: var(--bs-secondary-bg);
    padding: 8px 15px 2px;
    border-radius: 4px;
}

.pallet {
    border-radius: var(--bs-border-radius);
    border-width: var(--bs-border-width);
    box-shadow: var(--bs-box-shadow-sm);
    border-color: var(--bs-border-color);
    border-style: var(--bs-border-style);
    background: var(--bs-body-bg);
}

p.bearing_info_tcode {
    font-size: 1rem;
    font-weight: lighter;
    display: inline-block;
}

h3.bearing_info_tcode {
    font-size: 1rem;
    direction: ltr;
    display: inline-block;
    font-weight: lighter;
    text-align: right;
}

div.bearshor {
    margin-top: 1rem;
}

a.esx-category-name {
    display: inline;
    color: #2fb5d2;
    font-size: 13px;
}

p.esx-category-p {
    display: inline;
    font-size: 13px;
    margin: 0 35px 0 0;
}

p.esx-id-p {
    display: inline;
    font-size: 13px;
}

a.esx-brand-name {
    display: inline;
    color: #2fb5d2;
    font-size: 13px;
}

p.esx-id-name {
    display: inline;
    color: #2fb5d2;
    font-size: 13px;
    font-family: 'IRANSNum';
}

h2.alternateName {
    font-size: 12px;
    color: #828282;
    font-weight: 400;
}

div.current-price {
    background-color: var(--bs-secondary-bg);
    padding: 0.5rem;
    border-radius: 4px;
}

div.esx-id,
div.esx-brand,
div.esx-category {
    line-height: 2px;
    display: inline;
    width: 50%;
}

p.esx-brand-p {
    display: inline;
    font-size: 13px;
    margin: 0 35px 0 0;
}

h3.brand-p-page {
    display: inline-block;
    font-weight: 400;
    font-size: inherit;
}

div.product_page_image {
    padding: 15px 15px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #eee;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    background: #FFF none no-repeat scroll 0 0;
}

figcaption a {
    background: var(--super-color);
    padding: .5rem 1rem .5rem 1rem;
    border-radius: 4px;
    text-align: center;
    font-weight: 200;
    display: inline-block;
    color: white;
}

figcaption a:hover {
    background: #444444;
    color: white;
}

.PreArrive {
    transform: translateX(+101%);
}

.ArriveInRight {
    animation: 1s ArriveInRight ease-in-out forwards;
}

.ArriveInRight-fast {
    animation: 0.5s ArriveInRight ease-in-out forwards;
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-40px);
    }

    50% {
        opacity: 0.5;
        transform: translateX(-20px);
    }

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

@keyframes ArriveInRight {
    0% {
        opacity: 0;
        transform: translateX(+100%);
    }

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

.anim-delay-500ms {
    animation-delay: 0.5s
}

.anim-delay-1000ms {
    animation-delay: 1s
}

.anim-delay-1500ms {
    animation-delay: 1.5s
}

.anim-delay-2000ms {
    animation-delay: 2s
}

.home-all-of-cat {
    border-radius: 5px;
    color: #fff;
    font-weight: 100;
    left: 0;
    direction: rtl;
    float: left;
    background: var(--pry-color);
    padding: 0.3rem 0.7rem;
    display: inline-block;
    font-size: 0.8rem;
    transition: background 500ms ease-in-out;
}

.home-all-of-cat i {
    font-size: 0.6rem;
    vertical-align: middle;
}

.home-all-of-cat:hover {
    color: #fff;
    background: #00659f;
    transition: background 500ms ease-in-out;
    text-decoration: none;
}

.home-line hr {
    padding: 0;
    margin: 0.5rem 0;
}

span.prpvc {
    top: 2rem;
    left: 3rem;
    padding: 4px;
    position: absolute;
    border-radius: 5px;
    font-size: 12px;
    color: #23364b;
    background-color: #fff;
    color: #3a3a3a;
}

span.prpvc i {
    font-size: 14px;
}

.ppagemanu {
    width: 88px;
    float: left;
}

.cb_link.active {
    border: 3px solid var(--super-color);
}

.cb_link {
    margin: 0.3rem;
    display: inline-block;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    background-color: #fff;
    border-radius: 5px;
}

.cb_image {
    padding: 0.5rem;
}

.cb-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: stretch;
}

.cb_link.gray img {
    filter: grayscale(1);
}

.fw-200 {
    font-weight: 200;
}

.fw-300 {
    font-weight: 300;
}

.lh-2 {
    line-height: 2rem;
}

div.m-seal-cat-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

div.m-seal-cat-container span {
    position: relative;
    display: inline-block;
    background: #fff;
    border: 1px solid #eeeeee;
    margin-bottom: 1rem;
}

div.m-seal-cat-container span h3 {
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    background: rgb(35 54 75 / 45%);
    width: 100%;
    margin: 0;
    padding: 0.5rem;
    position: absolute;
    bottom: 0;
    line-height: 2rem;
}

div.m-seal-cat-container span img {
    width: 200px;
}

a.seal-3d {
    border: 1px solid #eee;
    min-width: 150px;
}

a.seal-3d img {
    display: block;
    margin: 0 auto;
}

a.seal-3d h3 {
    font-weight: 300;
    color: #23364b;
    font-size: 0.8rem;
    text-align: center;
}

div.ring-seal-main-cat-box {
    background: #fff;
    padding: 1rem;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);

}

.in-icon-25:before {
    content: "";
    float: right;
    width: 25px;
    height: 25px;
    margin: -4px 0 0 7px;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 25px 25px;
}

h2.ring-seal.in-cat-info-title {
    margin-top: 0;
    font-size: 1rem;
    color: #23364b;
    font-weight: 300;
}

div.m-seal-incat-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

div.m-seal-incat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

div.m-seal-incat-item img {
    width: 15rem;
}

div.m-seal-incat-item h2 {
    font-size: 1rem;
}

@media only screen and (max-width: 600px) {
    .m-seal-h1 span {
        color: #23364b;
        padding: 0 1rem;
        font-size: 1rem;
        text-shadow: 0px 1px 1px #bdb5b5;
        font-weight: 300;
    }
}

.m-seal-mininame {
    position: absolute;
    top: 1.3rem;
    font-weight: 400;
    font-size: 1rem;
    left: 1rem;
    color: #23364b;
}

@media only screen and (max-width: 840px) {
    .m-seal-mininame {
        font-size: 0.8rem
    }
}
  div.homeboxes img {
    width: 100%;
    border-radius: 5px;
}
.hovereffect img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    border-radius: var(--bs-border-radius);
}
  .hovereffect {
    position: relative;
    text-align: center;
    cursor: default;
    border-radius: var(--bs-border-radius);
  }
  .hovereffect:hover img {
    filter: brightness(.6);
    -webkit-filter: brightness(.6);
}
.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.hovereffect a {
    background: var(--theme-color-75);
    padding: 0.5rem 1rem 0.5rem 1rem;
    border-radius: 4px;
    text-align: center;
    font-weight: 200;
    display: inline-block;
    color: white;
}
.hovereffect .overlay {
    position: absolute;
    overflow: hidden;
    width: 80%;
    height: 80%;
    left: 10%;
    top: 10%;
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #FFF;
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
    -webkit-transform: scale(0,1);
    -ms-transform: scale(0,1);
    transform: scale(0,1);
}
.hovereffect:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.hovereffect h2 {
    text-transform: uppercase;
    text-align: center;
    position: relative;
    font-size: 17px;
    background-color: transparent;
    color: #FFF;
    padding: 1em 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
}
.hovereffect a, .hovereffect p {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}
.flex-next-slider{
  position: relative;
}
  .flex-next-slider .centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }

  a.slider-aside{
    position: relative;
  }
  .s-flex{
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .tiny-t-b{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 1rem;
  }
  .tiny-t-b-2{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 1rem;
  }

  @media (max-width: 991px){
    .flex-slider{
      justify-self: stretch;align-self: stretch;
    }
    .tiny-t-b-2{
      position: relative;
      float: left;
      width: 100%;
      margin: 0;
    }
    .tiny-t-b{
      position: relative;
      float: right;
      width: 100%;
      margin: 0;
    }

  }
  

  /* contactus*/
  div.social-media-flex{
    display: flex ;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
                            }
.btn > span,.btn-icon > i {
  float:left;
  padding:13px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  transition:all .5s;
  line-height:1em
}

.btn > span {
  padding:14px 18px 16px;
  white-space:nowrap;
  color:#FFF;
  background:#b8b8b8
}

.btn:focus > span {
  background:#9a9a9a;
  outline: none;
}

.btn-icon > i {
  border-radius:5px 0 0 5px;
  position:relative;
  text-align:center;
  font-size:1.25em;
  color:#fff;
  min-width: 46px;
  background:var(--bs-gray-800);
}

.btn-icon > i:after {
  content:"";
  border:8px solid;
  border-color:transparent transparent transparent var(--bs-gray-800);
  position:absolute;
  top:13px;
  right:-15px
}

.btn-icon:hover > i,.btn-icon:focus > i {
  color:#FFF
}

.btn-icon > span {
    min-width: 7rem;
  border-radius:0 5px 5px 0
}

.btn-icon:hover > span,.btn-icon:focus > span {
    transition: background 500ms ease-in-out;
  background:var(--bs-secondary-color);
}
/*Facebook*/
.btn-facebook:hover > i,.btn-facebook:focus > i {
  color:#3b5998
}

.btn-facebook > span {
  background:#3b5998
}

/*Twitter*/
.btn-twitter:hover > i,.btn-twitter:focus > i {
  color:#55acee
}

.btn-twitter > span {
  background:#55acee
}

/*Google*/
.btn-googleplus:hover > i,.btn-googleplus:focus > i {
  color:#dd4b39
}

.btn-googleplus > span {
  background:#dd4b39
}

/*telegram*/
.btn-telegram:hover > i,.btn-telegram:focus > i {
  color:#2b9cd1
}

.btn-telegram > span {
  background:#2b9cd1
}
/*bale*/
.btn-bale:hover > i,.btn-bale:focus > i {
  color:#398d8f
}

.btn-bale > span {
  background:#398d8f;
  background: linear-gradient(45deg, #2c285a 0%,#45e3ae 100%); 
}

/*rubika*/
.btn-rubika:hover > i,.btn-rubika:focus > i {
  color:#7c3b87
}
.btn-rubika > span {
    background: #7c3b87; 
}
/*rubika*/
.btn-eitta:hover > i,.btn-eitta:focus > i {
  color:#dd7709
}
.btn-eitaa > span {
   background: #dd7709; 
}
/*instagram*/
.btn-instagram:hover > i,.btn-instagram:focus > i {
  color:#c7206d
}
.btn-instagram > span {
    background: #f09433; 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
}
/*LinkedIn*/
.btn-linkedin:hover > i,.btn-linkedin:focus > i {
  color:#007bb6
}

.btn-linkedin > span {
  background:#007bb6
}
.contact-info i{
    color: var(--bs-secondary-color);
    margin-left: 0.5rem;
    display: inline-block;
}
.contact-info p{
    color: var(--bs-secondary-color);
    margin-right: 0;
    font-weight: 400;
    display: inline-block;
}

.carousel-inner img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

#custCarousel .carousel-indicators {
  position: initial;
  margin: 1rem 0 0 0;
  z-index: 15;
  display: flex;
  padding-right: 0;
  margin-right: 0;
  text-align: center;
  list-style: none;
  overflow: auto;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: baseline;
}
#custCarousel.carousel{
  margin-top: 0;
  box-shadow: none;
}
#custCarousel .carousel-indicators>li {
  height: auto;
    width: 5rem;
    margin: 3px;
}

#custCarousel .carousel-indicators li img {
  display: block;
  opacity: 0.5;
  border-radius: 5px
}

#custCarousel .carousel-indicators li.active img {
  opacity: 1
}

#custCarousel .carousel-indicators li:hover img {
  opacity: 0.75
}
@media  screen and (max-width:576px){
    .pallet p{
        font-size:0.8rem;
    }
}


    
    .mini-banner .mask p{
        position: absolute;
        top: 50%;
        background: #23364b;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0.2rem 0.5rem;
        border-radius: 10px;
        color: white;
    }
        
    .mini-banner .mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-attachment: fixed;
    }
    
    .mini-banner .mask {
    opacity: 0;
    pointer-events: none;
    }
    .rgba-red-light, .rgba-red-light:after {
    background-color: rgba(34,54,75,0.3);
    }
    div.tiny-breadcrumbs.mini-banner span h2{
        font-size: 1rem;
        font-weight: inherit;
        margin: 0;
    }
    .home-mini-banners div.mini-banner{
        position: relative;
    }
    .home-mini-banners h3{
        position: absolute;
        bottom: 1rem;
        background: var(--theme-color);
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        right: 1px;
        padding: 0.3rem 0.5rem;
        color: var(--theme-color-text);
        text-shadow: 1px 1px 2px black;
        font-size: 1.4rem;
    }
    @media  screen and (max-width:576px){
        .home-mini-banners h3{
            font-size: 1rem;
        }
    }
    .mini-banner{
        overflow: hidden;
    }
    .mini-banner div.overlay-zoom{
        position: relative;
        overflow: hidden;
        cursor: default;
        border-radius: var(--bs-border-radius);
    }
    .mini-banner:hover img{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        transition: transform 0.5s ease-in-out;
    }
    .mini-banner img{
        transition: transform 0.5s ease-in-out;
    }
    .mini-banner:hover h3{
        transition: transform 0.5s ease-in-out;
        transform: translateX(110%);
    }
    .mini-banner h3{
        transition: transform 0.5s ease-in-out;
        transform: translateX(0);
    }
    .mini-banner:hover .mask {
        pointer-events: auto;
        opacity: 1;
        transition: opacity 0.5s ease-in-out;
    }

    div.contact-icons img{
        text-align: center;
        max-width: 100%;
        margin: 0 auto;
        display: block;
        width: 50px;
        height: auto;
        margin-bottom:1rem;
    }
    div.contact-icons p,
    div.contact-icons a,
    div.contact-icons address{
        font-family: "IRANSNum";
        color: #000;
        text-align:center;
        display:inherit;
        margin:0;
        padding: 0;
    }
    div.contact-icons .pallet{
        min-height: 100px;
        min-width: 150px;
    }
    .contact-us-submit{
        width: 100%;
        border-radius: 5px;
        text-align: center;
    }
    .contact-us-label{
        font-weight: 600;
        font-size: 1rem;

    }
    .contact-us-p{
        color: #000;
        font-family: "IRANSNum";
    }
    .contact-us-p-first{
        color: #000;
        margin-bottom: 0;
    }
    address{
        font-family: "IRANSNum";
    }