/*
 >  Dynamic Echo Cycle ©
 >  https://www.daiereh.com
 >  Daiereh © - Software Engineering, Interactive Agency
 
 >> version 1.0
 >> date: 2021-03-16

*/

/* theme10*/

body {
    font-family: 'Dana';
    background-color: whitesmoke;
}

/* body.vitrinPageBody::-webkit-scrollbar {
        display: none;
    }

    body.vitrinPageBody {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }*/

.wrapRtl {
    font-family: 'Dana';
    margin-top: 180px;
}


.mobileVersion .wrapRtl {
    font-family: 'Dana';
    margin-top: 80px;
}


.vitrinPageBody .wrapRtl {
    margin-top: 0;
}

.mobileVersion #Content_GreetingsNote {
    display: none;
}

.dos_frmTglWrap {
    display: none;
    background-color: white !important;
}

    .dos_frmTglWrap > .dos_frmToggle {
        color: black;
        border: 1px solid black;
        border-bottom: unset;
    }

.fCheck > span {
    display: flex;
}

/*.vitrinPageBody {
    height: calc(100vh + 1px);
}*/

/*.dos_frameWrap {
    left: 70px;
    right: auto;
}*/

/*checkbox & Radio background color start----------------------------------------------------*/
input[type="checkbox"], input[type="radio"] {
    visibility: hidden;
    display: none;
}

    input[type="checkbox"] + label:before, input[type="radio"] + label:before {
        border: 1px solid #333;
        border-radius: 2px;
        content: "";
        display: inline-block;
        font: 13px/1em sans-serif;
        width: 16px;
        height: 16px;
        margin: 0 0 0 5px;
        vertical-align: top;
        font-weight: bold;
        background-color: white;
    }

    input[type="radio"] + label:before {
        border-radius: 50%;
        font: 10px/16px sans-serif;
        width: 20px;
        height: 20px;
    }

    input[type="checkbox"]:checked + label:before, input[type="radio"]:checked + label:before {
        background-color: #0B31AE;
        color: white;
        content: "\2713";
        text-align: center;
        border: 1px solid #0B31AE;
    }

    input[type="radio"]:checked + label:before {
        content: "\2B24";
    }

/*checkbox & Radio background color end----------------------------------------------------*/


/*background ---------------------------------------------------*/

.vitrinBrandsHolder {
    position: relative;
    height: 0;
    width: 100%;
    z-index: -1;
    padding: 0;
}

.vitrinPageBody .vitrinBrandsHolder .w_14_carouselWrapperB .w_14_carouselItem .w_14_cImageLink {
    display: none;
}

.vitrinPageBody .vitrinBrandsHolder .w_14_carouselWrapperB .w_14_carouselItem:nth-of-type(1) .w_14_cImageLink {
    display: block;
    position: fixed !important;
    background-position: center !important;
    background-size: cover;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
    left: 50% !important;
    top: 50% !important;
    margin: 0;
    height: 100% !important;
    width: 100%;
    transition: 0.1s linear;
    margin-top: -0.2px;
    margin-left: -0.2px;
    background-color: black;
}

.vitrinPageBody .vitrinBrandsHolder .w_14_isCopy {
    display: none !important;
}

.vitrinPageBody .vitrinBrandsHolder.listSuggestHolder > .container {
    display: block;
}



/*background  --------------------------------------------------------*/

.topLoginPanel, .topCartPanel {
    box-shadow: unset;
}

.topLoginRow, .topCartRow {
    white-space: nowrap;
}

body:not(.mobileVersion) .topLoginRow {
    border-bottom: none !important;
}

.topLoginRow > a {
    padding: 0 5px;
}

.topLoginRow:nth-of-type(1) > a {
    padding-left: 10px;
}

.topLoginRow > a, .topCartRow > a {
    width: 100%;
}

.topRowWrap {
    /*box-shadow: 0 2px 6px 0 #eee;*/
    width: 100%;
    height: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 1280px;
    margin: auto;
    position: relative;
}

.mobileVersion .topRowWrap {
    flex-direction: column-reverse;
    padding: 0 20px;
}

.topRowWrap > .container:nth-of-type(2) {
    margin: 0 !important;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 2px solid #d1d1d1;
}

.mobileVersion .topRowWrap > .container:nth-of-type(2) {
    border-bottom: 2px solid #d1d1d1;
    border-top: none;
}

.mobileVersion .topRowWrap > .container:nth-of-type(2) {
    height: 60px;
}

.th10TopRow {
    padding: 5px;
    border-bottom: 1px solid #CD673E;
}

.miniMenuWrap {
    float: right;
    padding-right: 100px;
    display: none;
}

.topLoginCol {
    float: left;
    min-width: 10%;
}

.topMemberBtn,
.topMenuToggle,
.topSupportLink {
    width: 30px;
    height: 30px;
}

.topCartPanel {
    left: 0;
    right: auto;
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}


.topLoginPanel {
    position: unset;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    width: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    opacity: 1;
    visibility: visible;
    background-color: transparent;
    border: unset;
    padding: 0 10px 0 0;
}

.mobileVersion .topLoginPanel {
    position: absolute;
    left: unset;
    right: unset;
    top: 100%;
    flex-direction: column;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid lightgray;
    opacity: 0;
    background-color: white;
}

.mobileVersion .showTopLogin .topLoginPanel {
    opacity: 1;
}

.mobileVersion .topLoginPanel > span {
    padding: 5px;
    /*border-bottom: 1px solid lightgray;*/
}

    .mobileVersion .topLoginPanel > span:last-child {
        border-bottom: none;
    }

.topLoginPanel > .topLoginRow {
    padding: 0;
    position: relative;
}

.mainbody:not(.mobileVersion) .topLoginPanel > .topLoginRow:nth-of-type(1):before {
    content: '/';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 15px;
}

.topButton:hover {
    border-color: transparent !important;
}

.topLogoWrap {
    margin-top: 16px;
    width: 100%;
    max-width: 1280px;
    position: fixed !important;
}

    .topLogoWrap .logoTop {
        margin-right: 32px;
        height: 100%;
        max-height: 70px;
        float: right;
        margin-bottom: 16px;
    }

.topSearchMenu {
    /*    float: right;*/
    width: 100%;
}

.topMenuWrap {
    box-shadow: none;
}

    .topMenuWrap a {
        color: #202020;
    }

.topLogo {
    max-height: 70px;
}

.w_7_Nav.mainMenu > ul {
    display: block;
}

.mainHeader .isDecMenu .hasTable:hover {
    background-color: #EBEEF2;
    border-radius: 5px;
}

.mainHeader .isDecMenu .hasTable > table {
    background-color: #EBEEF2;
    border-radius: 5px;
}

thead, tfoot {
    display: none !important;
}

.w_7_Nav ul.w_7_SubList a:hover {
    background-color: #CBD3DE;
}


.buttonAlt,
.button {
    border: 1px solid #CD673E;
    background-color: #CD673E;
}

    .buttonCancel,
    .button:hover {
        color: #CD673E;
    }

        .buttonCancel:hover {
            background-color: #CD673E;
        }
.linkButton
{
    color: #00c4ff;
    border: 0px solid #CD673E;
    font: inherit;
    font-weight: 600;
    padding: 5px 5px 5px 5px;
}

.prevStepButton,
.nextStepButton {
    background-color: #CD673E;
    border-color: #CD673E;
    padding: 5px 35px 8px 55px;
}

.prevStepButton {
    background-position-x: 93%;
    background-color: #fff;
}

    .prevStepButton,
    .prevStepButton:visited {
        color: #CD673E;
    }

.nextStepButton:hover {
    color: #CD673E;
}

.prevStepButton:hover {
    background-color: #CD673E;
 background-color: black;
}

.formCol .buttonAlt {
    background-color: #CD673E;
}

.addToCartbtn {
    background-color: #CD673E;
}

.changePaymentBtn {
    background-color: #CD673E;
    border-color: #CD673E;
}

    .changePaymentBtn:hover {
        color: #CD673E;
        border-color: #CD673E;
    }


.oReceiptLink {
    border-color: #CD673E;
}

.orStatCurrent .orderStatusText {
    color: #CD673E;
}

.mainbody .dos_frmTglWrap {
    background-color: #CD673E;
}


.w_14_carousel .button {
    border-radius: 25px;
}


.buttonCancel,
.buttonCancel:visited {
    color: #CD673E;
    background-color: #fff;
}


    .buttonCancel:hover {
        background-color: #ff5100;
        color: #fff;
    }
/* footer */
.footer {
    background-color: #120908;
    padding-top: 55px;
    margin-top: 40px;
    color: #cacaca;
}

.mobileVersion .footer {
    /*padding-top: 25px;
    margin-top: 10px;*/
    padding-bottom: 30px;
}

.footerMenuHolder {
    background-color: transparent;
    border-top: none;
    margin-top: 0;
}

.w_7_Nav.mainFooter > ul > li {
    /*width: 49.5%;*/
    padding: 4px 7px 2px;
}

.mobileVersion .w_7_Nav.mainFooter > ul > li {
    width: 100%;
}

.w_7_Nav.mainFooter > ul > li > a, .w_7_Nav.mainFooter > ul > li > a:visited {
    color: #ddd;
}

    .w_7_Nav.mainFooter > ul > li > a:hover {
        color: #fff;
    }

.copyrightHolder {
    color: #ddd;
    margin-top: 24px;
}

.mobileVersion .copyrightHolder {
    text-align: center;
}

.copyrightLink,
.copyrightLink:visited {
    color: #ddd;
}

.versionLblWrap {
    font-size: 9px;
    padding: 0 20px;
}

.mobileVersion .versionLblWrap {
    padding: 10px 20px 0;
}

.versionLbl {
    color: #ddd;
}

.footerMenuHolder {
    float: right;
    width: 66%;
}

.mobileVersion .footerMenuHolder {
    float: none;
    width: 100%;
}

.footerBottomRow {
    padding: 20px 5px 10px;
}

    .footerBottomRow .col33 {
        padding: 0 7px;
    }


/* subscribe newsletter */
.subscribeTab {
    padding: 5px 20px;
}

.innerSubTab {
    margin: 0 auto;
    display: block;
}

.wrapLtr .innerSubTab {
    max-width: 520px;
}

.wrapRtl .innerSubTab {
    max-width: 500px;
}

.mobileVersion .innerSubTab {
    display: inline-block;
}

.subscribeCaption {
    display: block;
    color: #ffffff;
    font-size: 12px;
    padding-bottom: 10px;
    font-weight: bold;
}

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

.wrapRtl .subscribeCaption {
    text-align: right;
}

.sendBoxGroup {
    position: relative;
    display: block;
}

    .sendBoxGroup .textInput {
        width: 380px;
        max-width: 100%;
        border: none;
        border-radius: 10px;
        height: 45px;
        text-align: left;
        direction: ltr;
        padding: 3px 86px 2px 12px;
    }

.mobileVersion .sendBoxGroup .textInput {
    height: 40px;
    width: 215px;
    font-size: 12px;
    line-height: 24px;
}

.subButton {
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: auto;
    left: auto;
    z-index: 20;
    width: 80px;
    height: 41px;
    padding: 10px;
    background-color: #CD673E;
    color: #ffffff;
    border-radius: 10px;
    border: none;
    transition: all 0.2s ease;
}

.mobileVersion .subButton {
    height: 36px;
    padding: 8px;
}

.subButton:hover {
    background-color: #e0774c;
    color: #fff;
}

.footerLastcol {
    padding: 7px;
}

.errorComment {
    color: #CD673E;
}

/*********************************social nets******************************/
.socialNets {
    margin: 0 auto;
    width: auto;
    text-align: center;
    max-width: 250px;
}

.mobileVersion .socialNets {
    margin-top: 10px;
}

.socialLink {
    display: inline-block;
    background: transparent no-repeat;
    width: auto;
    padding: 0 5px;
}

.icons {
    width: 25px;
    height: 25px;
    display: block;
    background-size: cover;
    background-position: 0;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .icons:not(.closeIcon):hover {
        background-position: -28px 0;
    }

.mobileVersion .icons:not(.closeIcon):hover {
    background-position: -22px 0;
}

.mobileVersion .icons:not(.closeIcon,.phoneIcon):hover {
    background-position: -21px 0;
}

.mobileVersion .icons {
    width: 20px;
    height: 20px;
}


.facebookIcon {
    background-image: url(/Assets/image/icon/social-network/facebook.png);
}

.telegramIcon {
    background-image: url(/Assets/image/icon/social-network/telegram.png);
}

.instagramIcon {
    background-image: url(/Assets/image/icon/social-network/instagram.png);
}

.LinkedInIcon {
    background-image: url(/Assets/image/icon/social-network/LinkedIn.png);
}

.subscribeContent {
    text-align: right;
}

.mobileVersion .subscribeContent {
    padding: 0 12%;
}


.enamadWrap {
    text-align: left;
    direction: ltr;
}

.enamadIcon {
    max-width: 90px;
    vertical-align: top;
}

/*Vitrin*/

.mainHeader {
    margin-bottom: 0;
    position: relative;
}

/*body:not(.vitrinPageBody) .mainHeader {
    height: 56px;
}*/

.vitrinPage {
    padding: 0;
    margin-top: 200px;
}

.mobileVersion .vitrinPage {
    margin-top: 150px;
}

.vitrinCarouselHolder {
    padding: 0;
    width: 100%;
    position: relative;
}

body:not(.mobileVersion) .vitrinCarouselHolder .w_14_carouselBullets {
    display: none;
}

.mobileVersion .vitrinCarouselHolder .w_14_carouselBullets {
    top: 85%;
    right: 20px;
    text-align: unset;
}

    .mobileVersion .vitrinCarouselHolder .w_14_carouselBullets > span {
        width: 10px !important;
        height: 10px !important;
        background-color: #ffffff66;
        padding: 0;
        position: unset;
        cursor: pointer;
        border: unset;
    }

        .mobileVersion .vitrinCarouselHolder .w_14_carouselBullets > span.activeCaBullet {
            background-color: #ffffff;
        }

.vitrinCarouselRow .dailySuggestHolder {
    position: relative;
    width: 100%;
    float: unset;
}

.vitrinCarouselHolder .w_14_cCaption .h3 {
    color: #efefef;
    font-size: 20px;
}

.vitrinCarouselHolder .w_14_bodyWrap {
    color: #efefef;
}

.listSuggestHolder {
    padding: 0;
}

.listSuggestHolder1 {
    background-color: #faf4f2;
}


.mainWrap .vitrinPage .w_14_head {
    color: #CD673E;
    padding: 5px 10px;
    text-align: center;
    border-bottom: none;
}

.mainWrap .w_14_tList .w_14_carouselItem .w_14_cImageLink {
    margin-bottom: 0;
    cursor: pointer;
    min-height: unset;
}

.mainWrap .w_14_tList .w_14_carouselItem .w_14_cCaption {
    border-top: none;
}

/*.listSuggestHolder1 .w_14_carouselContainer {
    border-radius: 5px;
    box-shadow: 1px 0px 5px 0px #ccc;
    margin: 5px 0;
}*/

.listSuggestHolder1 .w_14_cCaption {
    background-color: #fff;
}

.listSuggestHolder2 {
    background-color: #fcfcfc;
}

.listSuggestHolder3 {
    padding: 0;
}

    .listSuggestHolder3 .w_14_carouselContainer {
        position: relative;
    }

    .listSuggestHolder3 .w_14_tList {
        margin-top: 0;
    }

        .listSuggestHolder3 .w_14_tList .w_14_carouselWrapper {
            padding: 5px;
        }

        .listSuggestHolder3 .w_14_tList .w_14_carouselWrapperB {
            /*text-align: center;*/
        }

        .listSuggestHolder3 .w_14_tList .w_14_carouselItem {
            float: none;
            display: inline-block;
        }

        /*.listSuggestHolder3 .w_14_cCaption {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        bottom: auto;
        transform: translateY(-50%);
        background-color: rgba(0, 0, 0, 0.60);
        color: #fcfcfc;
    }*/

        .listSuggestHolder3 .w_14_tList .w_14_carouselItem {
            padding: 0;
        }

.vitrinBrandsHolder {
    background-color: #fcfcfc;
}


    .vitrinBrandsHolder .w_14_tList .w_14_carouselItem {
        width: 200px !important;
        padding: 0 15px;
    }

    .vitrinBrandsHolder .w_14_cCaption {
        background-color: #fff;
        z-index: 15;
        position: relative;
        padding: 60px 5px 60px;
        min-height: 240px;
    }

    .vitrinBrandsHolder .w_14_tList .w_14_carouselItem .w_14_cImageLink {
        border-radius: 50%;
        background-color: #fcfcfc;
        max-width: 100px !important;
        height: 100px !important;
        margin-bottom: -50px;
        z-index: 20;
        position: relative;
        background-size: 70%;
    }

    .vitrinBrandsHolder .w_14_cCaption .h3 {
        font-size: 12px;
        margin: 0;
    }

    .vitrinBrandsHolder .w_14_cCaption .viewBtn {
        position: absolute;
        top: auto;
        bottom: 23px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        padding: 5px 20px;
    }


/*Firstpage MainHeader -------------------------------------------------------------------------------------------------------------------*/

.topSupportLink {
    display: none;
}

.mainHeader {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
    height: 150px;
    background-color: white;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 3px 16px #00000521;
}

.mobileVersion .mainHeader {
    height: 120px;
}

    /* .mainHeader .topRowWrap {
        padding: 0;
        box-shadow: unset;
        position: fixed;
        width: 100%;
        z-index: 2000;
        height: 56px;
        background-color: white;
    }*/
    /*body:not(.vitrinPageBody) .mainHeader > .topRowWrap > .row.container {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    left: 50%;
    padding: 8px 30px 8px;
    display: block;
}*/
    .mobileVersion .mainHeader > .topRowWrap > .row.container .topLogo {
        max-height: 30px;
        position: initial !important;
    }

.mobileVersion.vitrinPageBody .mainHeader > .topRowWrap > .row.container .topLogo {
    max-height: 70px;
}


.mainHeader .th10TopRow {
    padding: 0;
    border-bottom: unset;
    order: 0;
    width: 20%;
    height: 100%;
    align-self: flex-end;
}

    .mainHeader .th10TopRow .topLoginCol {
        display: flex;
        justify-content: center;
        align-items: center;
        /*background-color: white;*/
        min-width: unset;
        /*position: absolute;
        left: 0;*/
        padding: 3px;
        /*padding: 13px;*/
        /*position: fixed;
    top:0;
    left: 0;*/
        /*border:1px solid red;*/
    }

    .mainHeader .th10TopRow .topLoginCol {
        justify-content: space-evenly;
        padding: 3px;
        width: 100%;
    }

.mobileVersion .mainHeader .th10TopRow .topLoginCol {
    padding: 0;
}

.mainHeader .th10TopRow .topLoginCol > .loginTopHolder {
    /*padding: 15px;*/
    /*width: 50px;*/
    padding: 14px;
    /*background-color: #EBEEF2;*/
    border-radius: 5px;
    transition: 0.2s linear;
    border: 1px solid #d1d1d1;
    position: relative;
}

.mobileVersion .mainHeader .th10TopRow .topLoginCol > .loginTopHolder {
    padding: 8px;
}

/*.mainHeader .th10TopRow .topLoginCol > .loginTopHolder:hover {
                background-color: #B3BECC;
            }*/

.mainHeader .th10TopRow .topLoginCol > .loginTopHolder > span:nth-of-type(2) {
    display: none;
}

/*.mainHeader .th10TopRow .topLoginCol .topSearchHolder {
    padding: 0;
    display: flex;
    align-items: center;
    display: none;
    margin-left: 50px;
}*/

.mainHeader .th10TopRow .topLoginCol .topSearchHolder {
    display: flex;
    /*margin-left: 15px;*/
    /*padding: 0 15px;*/
    order: 3;
    position: relative;
    padding: 0;
    /*padding-right:0;*/
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #d1d1d1;
    border-radius: 5px;
}

.mobileVersion .mainHeader .th10TopRow .topLoginCol .topSearchHolder {
    width: 50%;
    position: absolute;
    top: 10px;
    right: unset;
    left: 20px;
    transform: unset;
    overflow: hidden;
}



.mainHeader .th10TopRow .topLoginCol .searchInput {
    border-bottom: unset;
}

.mainHeader .th10TopRow .topLoginCol .searchInput {
    width: 350px;
    transition: 0.2s linear;
    padding: 7px;
    /*position: absolute;
            left: 100%;
            top: 0;*/
    height: 48px;
    background-color: white;
    max-width: unset;
    z-index: 1;
    background-color: #E1e1e1;
    border-radius: 0;
    font-size: 15px;
}

.mobileVersion .mainHeader .th10TopRow .topLoginCol .searchInput {
    height: 36px;
    background-color: #f0f0f0;
}

.mobileVersion .mainHeader .th10TopRow .topLoginCol .searchInput {
    width: 100%;
    font-size: 12px;
}

.widthIncreament {
    width: 200px !important;
    padding: 5px !important;
}

    .widthIncreament ~ input {
        border-radius: 5px 0 0 5px !important;
    }



.mainHeader .th10TopRow .topLoginCol .searchBtn {
    padding: 24px;
    width: 17px;
    height: 17px;
    background-size: 17px auto;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0;
    background-image: url('/Assets/image/Theme10/Icon/Search.png');
    background-color: #e1e1e1;
    /*border-radius: 5px 0 0 5px;*/
    transition: 0.2s linear;
    position: relative;
}

.mobileVersion .mainHeader .th10TopRow .topLoginCol .searchBtn {
    padding: 18px;
    background-color: #f0f0f0;
}

body:not(.mobileVersion) .mainHeader .th10TopRow .topLoginCol .topSearchHolder:before {
    content: '';
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 48px;
    transform: translateY(-50%);
    width: 2px;
    height: 80%;
    background-color: #d1d1d1;
}

/*.mainHeader .th10TopRow .topLoginCol .searchBtn:hover {
        background-color: #B3BECC;
    }
*/
.mainHeader .th10TopRow .topLoginCol > .cartTopWrap {
    order: 1;
    display: flex;
    justify-content: center;
    padding: 15px;
    /*background-color: #EBEEF2;*/
    border-radius: 5px;
    transition: 0.2s linear;
    border: 1px solid #d1d1d1;
    /*border-right: 1px solid gray;*/
}

.mobileVersion .mainHeader .th10TopRow .topLoginCol > .cartTopWrap {
    padding: 8px;
}

/*.mainHeader .th10TopRow .topLoginCol > .cartTopWrap:hover {
        background-color: #B3BECC;
    }*/

.mainHeader .th10TopRow .topLoginCol > .cartTopWrap .topCartLink {
    padding: 0;
    width: 100%;
    background-position: center;
    width: 18px;
    height: 18px;
    border: none;
    /*padding: 15px;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('/Assets/image/Theme10/Icon/Cart.png');
}

.mainHeader .th10TopRow .topLoginCol .loginTopWrap {
    /*padding: 15px 16.5px;*/
    width: auto;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobileVersion .mainHeader .th10TopRow .topLoginCol .loginTopWrap {
    position: unset;
}

.mainHeader .th10TopRow .topLoginCol .topMemberBtn {
    width: 18px;
    height: 18px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    /*padding: 15px;*/
    margin: 0;
    background-image: url('/Assets/image/Theme10/Icon/User.png');
    padding: 0;
}


.mainHeader .cartTopWrap .oneSecond {
    display: none;
}

/*.mainHeader .w_7_HorizontalNav {
    display: none;
}

.mainHeader .w_7_ResponsiveMenu {
    display: block;
}*/

.mainHeader .th10TopRow .row.container {
    position: unset;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    /*  max-width: unset;*/
}

.mainHeader nav.w_7_ResponsiveMenu {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100vh;
}

.mainHeader .w_7_ResponsiveMenu .w_7_menuHeader {
    position: relative;
    z-index: 2;
    height: auto;
    border-bottom: none;
    transition: 0.4s linear;
}

    .mainHeader .w_7_ResponsiveMenu .w_7_menuHeader.hamburgerMenuPosition {
        transition: 0.38s 0.12s linear;
    }

.mainHeader .w_7_ResponsiveMenu button.menuToggle {
    margin: 0;
    padding: 20px;
    border-radius: unset;
    /*background-color: white;*/
    border: none;
    border: 1px solid transparent;
    border-right: none;
    transition: 0.3s 0.1s linear;
    display: block;
}

.mainHeader .w_7_ResponsiveMenu button.menuToggle {
    background-color: #1f2124;
    border: 1px solid #1f2124;
    border-right: none;
}

    .mainHeader .w_7_ResponsiveMenu button.menuToggle > span {
        width: 14px;
        background-color: #1f2124;
        transform-origin: left;
        transition: 0.3s 0.1s linear;
    }

    .mainHeader .w_7_ResponsiveMenu button.menuToggle > span {
        background-color: white;
    }

.mainHeader nav.w_7_ResponsiveMenu .w_7_MainList {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 220px;
    position: relative;
    top: 0;
    right: -220px;
    z-index: 1;
    height: 100% !important;
    max-height: unset;
    background-color: #1f2124;
    transition: 0.5s linear;
    box-shadow: unset;
}

    .mainHeader nav.w_7_ResponsiveMenu .w_7_MainList.mainMenuPosition {
        right: 0;
    }

    .mainHeader nav.w_7_ResponsiveMenu .w_7_MainList > li:nth-of-type(1) {
        margin-top: -24px;
    }

    .mainHeader nav.w_7_ResponsiveMenu .w_7_MainList > li {
        margin: 10px 0;
        transition: 0.2s linear;
    }

        .mainHeader nav.w_7_ResponsiveMenu .w_7_MainList > li > a {
            padding-right: 20px;
            font-size: 14px;
            color: white;
        }

        .mainHeader nav.w_7_ResponsiveMenu .w_7_MainList > li a:hover {
            background-color: unset;
        }

    /* .mainHeader nav.w_7_ResponsiveMenu .w_7_MainList>li:hover {
        background-color: white;
    }*/



    .mainHeader nav.w_7_ResponsiveMenu .w_7_MainList .w_7_SubList {
        padding: 0;
    }

        .mainHeader nav.w_7_ResponsiveMenu .w_7_MainList .w_7_SubList > li {
            margin: 2px 0;
            background-color: black;
        }

            .mainHeader nav.w_7_ResponsiveMenu .w_7_MainList .w_7_SubList > li > a {
                padding-right: 30px;
                color: white;
            }

    .mainHeader nav.w_7_ResponsiveMenu .w_7_MainList li:hover > a {
        color: #1f2124;
        background-color: white;
    }

.w_7_ResponsiveMenu.w_7_NavRtl li.hasTable:hover > a:after {
    background-image: url('/Assets/image/Theme10/Icon/chevron-down(black).png');
}

.w_7_ResponsiveMenu.w_7_NavRtl li.hasTable > a:after {
    background-image: url('/Assets/image/Theme10/Icon/chevron-down(white).png');
    width: 10px;
    height: 10px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    top: 25%;
    left: 10%;
}

.hamburgerMenuPosition {
    margin-right: 165px;
}

.mainHeader .w_7_ResponsiveMenu .menuToggle {
    float: unset;
}

.mainHeader .w_7_ResponsiveMenu .hamburgerMenuPosition .menuToggle {
    position: relative;
    background-color: transparent !important;
}

.mobileVersion .mainHeader .w_7_ResponsiveMenu .hamburgerMenuPosition .menuToggle {
    background-color: white !important;
}

.mainHeader .w_7_menuHeader::before {
    content: '';
    width: 220px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #1f2124;
    display: block !important;
    /*border: 1px solid #1f2124;*/
}

.mainHeader .w_7_ResponsiveMenu .hamburgerMenuPosition .menuToggle > span {
    /*background-color: white !important;*/
    /*padding-left: 5px;*/
}

.mainHeader .w_7_ResponsiveMenu .hamburgerMenuPosition .menuToggle > span {
    background-color: #1f2124 !important;
    /*padding-left: 5px;*/
}

    .mainHeader .w_7_ResponsiveMenu .hamburgerMenuPosition .menuToggle > span:nth-of-type(1) {
        transform: translateX(3px)rotate(60deg);
    }

    .mainHeader .w_7_ResponsiveMenu .hamburgerMenuPosition .menuToggle > span:nth-of-type(2) {
        opacity: 0;
    }

    .mainHeader .w_7_ResponsiveMenu .hamburgerMenuPosition .menuToggle > span:nth-of-type(3) {
        transform: translateX(3px)rotate(-60deg);
    }



/*footer ------------------------------------------------------------------------------*/

.w_7_Nav .thumbContainer img {
    width: 12px;
    height: 12px;
}

.buttonAlt:visited, .button:visited, .button {
    background-color: white;
    color: #1f2124;
    border: 1px solid #1f2124;
}

    .button:hover {
        background-color: #E9E9E9;
        color: #333;
        border: 1px solid white;

    }


 .buttonAlt:hover {
        background-color:#E9E9E9;
       color: #333;
        border: 1px solid white;

    }

.footer {
    border-radius: 10px 10px 0 0;
    margin-top: 0;
    width: 100%;
    /*display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;*/
    overflow: auto;
    padding: 0;
    background-color: #E9E9E9;
    padding: 0 10px;
}

.vitrinPageBody .footer {
    height: auto;
}

.mobileVersion.vitrinPageBody .footer {
    /*height: 70vh;*/
}

.footer > div:last-child {
    display: none;
}

.footer > .sliderContent {
    margin-bottom: 50px;
    min-height: 35vh;
}

.footer .footerBottomRow {
    width: 100%;
    padding-bottom: 0;
}

    .footer .footerBottomRow .w_7_MainList > li > a, .footer .footerBottomRow .w_7_MainList > li > a:visited {
        color: #DDDDDD;
    }

.footerBottomRow > .row.container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

    .footerBottomRow > .row.container:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 60%;
        height: 2px;
        background-color: #d1d1d1;
    }

    .footerBottomRow > .row.container:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 30%;
        height: 4px;
        background-color: #ff5100;
    }

    .footerBottomRow > .row.container > div {
        display: none;
    }

    .footerBottomRow > .row.container > .textRight {
        display: block;
        /*border-top: 2px solid #707070;*/
    }

        .footerBottomRow > .row.container > .textRight:nth-of-type(3) {
            order: -1;
            border-top: none;
            margin-bottom: 10px;
        }

.footerBottomRow .termsHolder {
    display: flex;
    justify-content: center;
    align-items: center;
}



.footerBottomRow .copyrightHolder {
    display: flex;
    justify-content: center;
}

.footerBottomRow > .copyrightHolder {
    display: none;
}

/*.versionLblWrap {
    display: none;
}*/

.footer .contentInSlide {
    width: 100%;
    padding: 10px 10px;
}

.footer > .row.container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 15px;
    /*height: 300px;*/
    min-height: 200px;
    width: 100%;
}

.mobileVersion .footer > .row.container {
    flex-direction: column;
}

/*.vitrinPageBody .footer > .row.container {
    border-top: 2px solid #707070;
}*/

.footerLastcol {
    display: none;
    order: -1;
    position: relative;
    width: 30%;
    padding-left: 20px;
}

/*.footerLastcol:before {
        content: 'درباره ما';
        position: absolute;
        top: -40px;
        right: 0;
        width: 230px;
        height: 40px;
        color: white;
        background-color: #707070;
        font-size: 17px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-right: 20px;
    }*/

.enamadWrap {
    /*height: 100%;*/
    width: 20%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-evenly;
    /*align-self: flex-end;*/
}

.mobileVersion .enamadWrap {
    width: 100%;
}

.enamadWrap > span {
    width: 48%;
    margin: 1%;
}

.footerMenuHolder {
    position: relative;
    height: 100%;
    width: 80%;
}

    .footerMenuHolder div, .footerMenuHolder nav {
        height: 100%;
    }

/*.footerMenuHolder:before {
        content: 'محصولات';
        position: absolute;
        top: -40px;
        right: 0;
        width: 230px;
        height: 40px;
        color: white;
        background-color: #707070;
        font-size: 17px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-right: 20px;
    }*/

.footer .w_7_HorizontalNav > .w_7_MainList {
    height: 100%;
    display: flex;
    /*flex-direction: column;*/
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: flex-start;
    overflow: auto;
    /*overflow: hidden;
    overflow-x: auto;*/
}

.footer > .row.container .w_7_HorizontalNav > .w_7_MainList > li {
    /*    min-width: 100px;*/
    min-width: unset;
    padding: 0;
    width: 32%;
}

.mobileVersion .footer > .row.container .w_7_HorizontalNav > .w_7_MainList > li {
    min-width: 50%;
    width: auto;
    max-width: 50%;
}

.footer > .row.container .w_7_HorizontalNav > .w_7_MainList span {
    color: #404040 !important;
}

.footer > .row.container .w_7_HorizontalNav > .w_7_MainList > li > a {
    padding-right: 0;
}

.footer > .row.container .w_7_HorizontalNav > .w_7_MainList > li .textContainer {
    font-size: 14px;
    font-weight: normal;
    /*padding-right: 10px;*/
}

.footer > .row.container .w_7_HorizontalNav > .w_7_MainList .hasTable > table {
    width: 100%;
}
/*.footer > .row.container .w_7_HorizontalNav > .w_7_MainList .hasTable > table tr, .footer > .row.container .w_7_HorizontalNav > .w_7_MainList .hasTable > table td {
        display: block;
    }*/

.footer > .row.container .w_7_HorizontalNav > .w_7_MainList > li > a > .thumbContainer {
    /*display: none;*/
    order: 2;
    width: 100%;
    height: 100%;
    position: relative;
}

    .footer > .row.container .w_7_HorizontalNav > .w_7_MainList > li > a > .thumbContainer::before {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        width: 100%;
        height: 2px;
        transform: translateY(-50%);
        background-color: #d1d1d1;
    }

    .footer > .row.container .w_7_HorizontalNav > .w_7_MainList > li > a > .thumbContainer::after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        width: 100px;
        height: 4px;
        transform: translateY(-50%);
        background-color: #ff5100;
    }

.footer > .row.container .w_7_HorizontalNav > .w_7_MainList > li > a {
    width: 100%;
    display: flex;
    height: 47px;
}

    .footer > .row.container .w_7_HorizontalNav > .w_7_MainList > li > a > .textContainer {
        font-size: 15px;
        /*font-weight: bold;*/
        padding-right: 5px;
        color: white;
        /*background-color: #707070;*/
        padding: 5px !important;
        /*width: 100%;*/
        white-space: nowrap;
        margin-left: 10px;
        font-size: 17px;
        font-weight: bold;
    }

.footer > .row.container .w_7_HorizontalNav > .w_7_MainList > li li:hover .textContainer {
    color: #2bed73;
}


.footer > .row.container .w_7_HorizontalNav > .w_7_MainList > li .thumbContainer {
    width: 0;
    height: 0;
    /*background-image: url('/Assets/image/Theme10/Icon/thumbContainer.png');*/
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0;
}

.vitrinPageBody .mainHeader .imgRespons.topLogo {
    max-height: unset;
    margin-top: 0;
}

/*.vitrinPageBody .mainHeader .topLogoWrap {
    position: fixed;
    bottom: 550px;
    left: 50%;
    top: auto;
    transform: translateX(-50%);
    width: 420px;
    margin: 0 auto;
}*/

.mobileVersion .vitrinPageBody .mainHeader .topLogoWrap {
    width: 220px;
}


.footer .termsMenu .textContainer {
    color: #404040;
}

.copyrightLink, .copyright {
    color: #404040;
}

.w_7_Nav.termsMenu > ul > li:not(:last-child):after {
    background-color: #ff5100;
}


/*Login Page ----------------------------------------------------------------------------*/


.loginPage, .registerPage {
    width: 100%;
    margin: auto;
    max-width: 1280px;
    /* height: calc(100vh - 80px);
    background-image: url('/Assets/image/Theme10/Background/LoginBack.jpg');*/
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .loginPage ~ footer, .registerPage ~ footer {
        display: none;
    }

    .loginPage > .row, .registerPage > .row {
        /*position: absolute;
        right: 0;
        bottom: 0;*/
        /* width: 100%;
        height: 50vh;*/
        background-color: white;
        /*clip-path: polygon(0 30%, 100% 0,100% 100%, 0 100%);*/
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        /*padding-right: 100px;*/
        padding: 20px;
        border-radius: 10px;
    }

.mobileVersion .loginPage > .row, .mobileVersion .registerPage > .row {
    padding-right: 5px;
    /*justify-content: flex-end;*/
    height: 60vh;
    clip-path: polygon(0 40%, 100% 0,100% 100%, 0 100%);
    /*margin-bottom: 50px;*/
}

.loginPage > .row > .col50:nth-of-type(1), .registerPage > .row > .col50:nth-of-type(1) {
    order: 2;
    padding: 0 20px;
}

.loginPage > .row > .col50, .registerPage > .row > .col50 {
    margin: 0;
    width: auto;
    max-width: 370px;
}

.mobileVersion .loginPage > .row > .col50, .mobileVersion .registerPage > .row > .col50 {
    width: 80%;
    margin: 0 auto;
    padding: 0;
}

    .mobileVersion .loginPage > .row > .col50:nth-of-type(2), .mobileVersion .registerPage > .row > .col50:nth-of-type(2) {
        /*margin-bottom: 40px;*/
        margin-top: 50px;
    }

.mobileVersion .loginPage .contactForm, .mobileVersion .registerPage .contactForm {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .mobileVersion .loginPage .contactForm > br, .mobileVersion .registerPage .contactForm > br {
        display: none;
    }

.mobileVersion .loginPage .loginForm, .mobileVersion .registerPage .loginForm {
    padding: 0;
}

.mobileVersion .loginPage .fpForm, .mobileVersion .registerPage .fpForm {
    display: none;
}

.mobileVersion .loginPage .contactForm > div, .mobileVersion .registerPage .contactForm > div {
    width: 90%;
    /*text-align: center;*/
}

    .mobileVersion .loginPage .contactForm > div:last-child, .mobileVersion .registerPage .contactForm > div:last-child {
        text-align: center;
    }

    .mobileVersion .loginPage .contactForm > div:nth-of-type(2), .mobileVersion .registerPage .contactForm > div:nth-of-type(2) {
        margin-bottom: 5px;
    }

    .mobileVersion .loginPage .contactForm > div:nth-of-type(1), .mobileVersion .registerPage .contactForm > div:nth-of-type(1) {
        /*align-self: flex-start;*/
        white-space: nowrap;
    }

        .mobileVersion .loginPage .contactForm > div:nth-of-type(1) > h3, .mobileVersion .registerPage .contactForm > div:nth-of-type(1) > h3 {
            /*text-align: right;
            margin-right: -40px;*/
            margin-bottom: -10px;
        }

.mobileVersion .loginPage .contactHolder, .mobileVersion .registerPage .contactHolder {
    overflow: visible;
}



.loginPage > .row > .col50 .contactHolder {
    margin: 0;
}

.loginPage > .row > .col50:nth-of-type(1) > .formMessageHolder {
    padding: 0;
}

    .loginPage > .row > .col50:nth-of-type(1) > .formMessageHolder > h3 {
        display: none;
    }


    .loginPage > .row > .col50:nth-of-type(1) > .formMessageHolder > p {
        display: none;
    }

.pageContent > .row > .col50:nth-of-type(1) > .formMessageHolder > p {
    display: block;
    margin: 2px 0;
}
/*@media only screen and (max-width:1100px) {
    .loginPage > .row > .col50:nth-of-type(1) > .formMessageHolder > p {
        display: none;
    }
}
@media only screen and (max-height:700px) {
    .loginPage > .row > .col50:nth-of-type(1) > .formMessageHolder > p {
        display: none;
    }
}*/

/*.loginPage > .row > div, .registerPage > .row > div {
            display: none;
        }*/

/*.loginPage > .row > div:nth-of-type(2), .registerPage > .row > div:nth-of-type(2) {
                display: block;
                width: auto;
                margin: 0;
                margin-right: 150px;
                margin-bottom: 100px;
            }*/

/*.registerPage > .row > div:nth-of-type(2) {
                margin-right: 100px;
            }*/

.loginPage > .row .formColLeft, .registerPage > .row .formColLeft {
    border-right: none;
    margin: 0;
    padding-bottom: 0;
    /*width: 360px;*/
}

.textInput {
    width: 100%;
    border-radius: 10px;
}

.formCol .buttonAlt {
    width: 100%;
    border-radius: 10px;
    background-color: #521a6b;
    border: 1px solid #521a6b;
    transition: 0.2s linear;
    height: 30px;
    padding: 0;
    margin-top: 10px;
}

    .formCol .buttonAlt:hover {
        color: #521a6b;
        background-color: transparent;
    }


.contactForm .textLeft > br:nth-of-type(1) {
    display: none;
}

.registerPage .contactForm > br {
    display: none;
}

.registerPage .contactHolder {
    margin-bottom: 0;
}

.loginPage > .row > .col50:nth-of-type(1) > .formMessageHolder > .formMessageP > h3 {
    width: 100%;
    height: 30px;
    border: 1px solid #30475E;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.2s linear;
    background-color: transparent;
    border-radius: 10px;
}

.mobileVersion .loginPage > .row > .col50:nth-of-type(1) > .formMessageHolder > .formMessageP > h3 {
    font-size: 12px;
}

.mobileVersion .formMessageP {
    padding: 2px 20px;
}

.loginPage > .row > .col50:nth-of-type(1) > .formMessageHolder > .formMessageP > h3 i {
    display: none;
}

.loginPage > .row > .col50 i {
    display: none;
}

.loginPage > .row > .col50:nth-of-type(1) > .formMessageHolder > .formMessageP > h3 > span {
    width: 100%;
    text-align: center;
    /*display: flex;*/
    font-weight: normal;
}

.loginPage > .row > .col50:nth-of-type(1) > .formMessageHolder > .formMessageP > h3 a {
    font-size: 14px;
    color: #1f2124;
    font-weight: normal;
    width: 100%;
    /*display: block;*/
}

.loginPage > .row > .col50:nth-of-type(1) > .formMessageHolder > .formMessageP > h3:hover {
    background-color: #1f2124;
}

    .loginPage > .row > .col50:nth-of-type(1) > .formMessageHolder > .formMessageP > h3:hover a, .loginPage > .row > .col50:nth-of-type(1) > .formMessageHolder > .formMessageP > h3:hover span {
        color: white;
    }

/*.userRegisterButton, .userLoginButton {
    width: 100%;
    height: 30px;
    border: 1px solid #30475E;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.2s linear;
    background-color: transparent;
}

    .userRegisterButton:hover, .userLoginButton:hover {
        background-color: white;
    }*/




/*BlogList Page ---------------------------------------------------------------------------------------*/

.blogGridToggleWrap {
    display: none;
}

.dynContainer {
    max-width: unset;
    padding: 0;
}

    .dynContainer .dynMainContent {
        padding: 0;
        overflow: hidden;
    }

        .dynContainer .dynMainContent .blogContainer {
            max-width: unset;
        }

    .dynContainer > .textRight > .col25 {
        display: none;
    }

    .dynContainer > .textRight > .col75 {
        width: 100%;
    }

.blogMainContent > .blogPostTop {
    width: 100%;
    height: 50vh;
    background-color: #1f2124;
}

.mobileVersion .blogMainContent > .blogPostTop {
    height: auto;
    background-color: white;
    margin-bottom: 50px;
}

.blogMainContent > .blogListContent {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    margin-top: -25vh;
}

.mobileVersion .blogMainContent > .blogListContent {
    margin-top: 0;
}

.blogMainContent > .blogPostTop > .blogCoverWrap {
    display: none;
}

.blogMainContent > .blogPostTop > .blogPostHeader > .blogHeading {
    margin: 0;
    padding: 0 100px;
    width: 100%;
    background-color: transparent;
}

.mobileVersion .blogMainContent > .blogPostTop > .blogPostHeader > .blogHeading {
    padding: 0 10px;
    min-height: unset;
}

.blogMainContent > .blogPostTop > .blogPostHeader > .blogHeading > .blogDescription {
    display: none;
}

.blogMainContent > .blogPostTop > .blogPostHeader > .blogHeading .blogCategoryLink {
    color: white;
}


.blogMainContent > .blogPostTop > .blogPostHeader > .blogHeading > .blogBreadCrumbs {
    margin-top: 19px;
}

.mobileVersion .blogBreadCrumbs {
    display: none;
}


.blogMainContent > .blogPostTop > .blogPostHeader > .blogHeading > .blogPostTitle {
    text-align: center;
    font-size: 35px;
    color: white;
    margin-top: 10vh;
    margin-bottom: 40px;
    /*font-family: 'Dana';*/
    font-weight: normal;
}

.mobileVersion .blogMainContent > .blogPostTop > .blogPostHeader > .blogHeading > .blogPostTitle {
    line-height: normal;
    margin: 0;
    color: #1f2124;
    font-size: 30px;
}

.blogListItem:nth-of-type(1) {
    width: 790px;
    height: 860px;
}

    .blogListItem:nth-of-type(1) > .blogListImgWrap {
        width: 790px;
        height: 790px;
    }

    .blogListItem:nth-of-type(1) > .blogListTeaser {
        margin-right: 20px;
    }

.mobileVersion .col75 .blogListContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.blogListItem {
    float: right;
    width: 360px;
    height: 430px;
    padding: 0;
    margin-right: 15px;
    border-bottom: none;
}

/*.mobileVersion .wrapRtl .blogListItem {
    float: right;
    width: 360px;
    height: 430px;
    padding: 0;
    margin-right: 15px;
}*/


/*.mobileVersion .wrapRtl .blogListItem:nth-of-type(1) {
        width: 360px;
        height: 430px;
    }*/

.mobileVersion .wrapRtl .blogListItem {
    /*width: 150px;*/
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
    float: unset;
}

    .mobileVersion .wrapRtl .blogListItem:nth-of-type(1) {
        /*width: 310px;*/
        width: 100%;
    }

.mobileVersion .wrapRtl .dynSideBar .blogListItem:nth-of-type(1) {
    width: 48%;
    max-width: 400px;
}


.mobileVersion .wrapRtl .blogListItem > .blogListImgWrap {
    width: 100%;
    /*height: 150px;*/
    margin: 0 auto;
}

.mobileVersion .wrapRtl .blogListItem:nth-of-type(1) > .blogListImgWrap {
    width: 100%;
    /*height: 310px;*/
}



@media only screen and (min-width:1197px) {
    .blogListItem {
        margin-right: 34px;
    }

        .blogListItem:nth-of-type(1), .blogListItem:nth-of-type(2), .blogListItem:nth-of-type(3) {
            margin-right: 15px;
        }
}


@media only screen and (max-width:1197px) {
    .blogListItem {
        margin-right: 35px;
    }

        .blogListItem:nth-of-type(1) {
            margin-right: 20px;
        }
}

.blogListItem > .blogListImgWrap {
    width: 360px;
    height: 360px;
    margin: 0;
    float: unset;
}

    .blogListItem > .blogListImgWrap > a {
        width: 100%;
        height: 100%;
    }

        .blogListItem > .blogListImgWrap > a > img {
            object-fit: cover;
            object-position: center;
            width: 100%;
            height: 100%;
        }

.blogListItem .blogSubheading, .blogListItem .blogPostSummary {
    display: none;
}

.blogListItem > .blogListTeaser {
    position: relative;
    z-index: 1;
    width: 330px;
    height: 110px;
    background-color: white;
    margin: -55px auto 0;
    /*box-shadow: 0 10px 20px 1px #00000045;*/
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
}

.mobileVersion .blogListItem > .blogListTeaser {
    width: 90%;
    margin: 0 auto;
    margin-top: -30px;
    height: 60px;
    max-width: 300px;
}

.mobileVersion .blogListItem:nth-of-type(1) > .blogListTeaser {
    height: 110px;
    margin-top: -55px;
}

.mobileVersion .dynSideBar .blogListItem:nth-of-type(1) > .blogListTeaser {
    margin-top: -30px;
    height: 60px;
}

.blogListItem > .blogListTeaser > .blogLiHeader {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
    height: 100%;
    padding: 15px;
    overflow: hidden;
    /*font-family: 'Dana';*/
}

.mobileVersion .blogListItem > .blogListTeaser > .blogLiHeader {
    padding: 10px;
    justify-content: space-between;
}

.mobileVersion .blogListItem:nth-of-type(1) > .blogListTeaser > .blogLiHeader {
    justify-content: space-around;
}

.blogListItem > .blogListTeaser .blogPostTitle {
    margin: 0;
}

.mobileVersion .blogListItem > .blogListTeaser .blogPostTitle {
    font-size: 12px;
    font-weight: normal;
}

.mobileVersion .blogListItem:nth-of-type(1) > .blogListTeaser .blogPostTitle {
    font-weight: bold;
    font-size: 19px;
}

.mobileVersion .dynSideBar .blogListItem:nth-of-type(1) > .blogListTeaser .blogPostTitle {
    font-size: 12px;
    font-weight: normal;
}

.blogListItem > .blogListTeaser .blogPostTitle > a {
    color: #1f2124;
}

.blogListItem .blogLiDate {
    font-size: 11px;
}

.mobileVersion .blogListItem .blogLiDate {
    font-size: 5px;
}

.mobileVersion .blogListItem:nth-of-type(1) .blogLiDate {
    font-size: 7px;
}


/*Blog Page ----------------------------------------------------*/

.blogMainContainer {
    padding-top: 100px;
    position: relative;
}

.mobileVersion .blogMainContainer {
    padding-top: 0;
}

.blogMainContainer > .blogHeaderPart {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 200px;
    background-color: #1f2124;
}

.mobileVersion .blogMainContainer > .blogHeaderPart {
    display: none;
}

.blogHeaderPart > .blogBreadCrumbs {
    margin: 19px 100px 0 0;
}

    .blogHeaderPart > .blogBreadCrumbs .blogCategoryLink {
        color: white;
    }

.blogRtl .blogParentCategory:not(:last-child):after {
    background-image: url(/Assets/image/Theme10/Icon/breadCrumbLeft.png);
}

.blogMainContainer > .blogPost {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px;
}

.mobileVersion .blogMainContainer > .blogPost {
    padding: 5px;
}

.blogMainContainer > .blogPost > .blogPostTop {
    width: 100%;
}

.mobileVersion .blogMainContainer > .blogPost > .blogPostTop {
    display: flex;
    flex-direction: column;
}

.blogMainContainer .blogCoverWrap {
    float: right;
    width: 50%;
    margin-left: 15px;
    margin-bottom: 1px;
}

.mobileVersion .blogMainContainer .blogCoverWrap {
    width: 100%;
    margin-left: 0;
}

    .mobileVersion .blogMainContainer .blogCoverWrap > img {
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.blogMainContainer .blogPostHeader {
    /*float: right;*/
}

.blogMainContainer .blogSubheading {
    display: none;
}

.blogMainContainer .blogAuthorAndDate > span:nth-of-type(1) {
    display: none;
}

.blogMainContainer .blogDateDisplay {
    color: white;
}

.blogMainContainer h1.blogPostTitle {
    white-space: nowrap;
    color: white;
    font-size: 22px;
    margin: 0;
    width: auto;
    line-height: 30px;
    margin-top: -20px;
}

.mobileVersion .blogMainContainer h1.blogPostTitle {
    margin-top: 0;
    color: #1f2124;
}

.blogMainContainer .blogHeading {
    padding: 0 20px;
    margin-top: 0;
    background-color: transparent;
    width: auto;
    display: inline;
}

.mobileVersion .blogMainContainer .blogHeading .blogAuthorAndDate {
    display: none;
}

.blogMainContainer .blogDescription {
    text-align: justify;
}

.dynContainer > .textRight {
    display: flex;
    flex-direction: column;
    align-items: center;
}


    .dynContainer > .textRight > .col25 {
        display: block;
        width: 100%;
        position: relative;
        max-width: 1200px;
    }

.wrapRtl .dynSideBar {
    border-right: unset;
}

.mobileVersion .wrapRtl .dynSideBar {
    padding: 0;
}

.wrapRtl .dynSideBar .blogListContent {
    padding: 0;
}

.dynSideBar .blogListContainer {
    position: relative;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 20px;
    padding-top: 40px;
}

.mobileVersion .dynSideBar .blogListContainer {
    padding-top: 30px;
}

.dynSideBar .blogListContainer:before {
    content: 'مقالات مرتبط';
    position: absolute;
    top: 0;
    right: 17px;
    color: #1f2124;
    font-size: 20px;
}

.mobileVersion .dynSideBar .blogListContainer:before {
    right: 0;
}

.dynSideBar {
    overflow: hidden;
}

    .dynSideBar .blogListItem {
        float: unset;
        width: 360px;
        height: 400px;
        display: inline-block;
    }

        .dynSideBar .blogListItem:nth-of-type(1) > .blogListImgWrap {
            width: 360px;
            height: 360px;
        }

.treeList {
    display: none;
}




/*Error Page -----------------------------------------------------------------------------------*/

/*.greetings, .creditInfo{
    display: none;
}*/

#Content_GreetingsNote, .creditInfo {
    display: none;
}

/*ProductList ------------------------------------------------------------------------------------------*/

mainWrap {
    margi-top: 150px;
}

.headerInProductList {
    background-image: url('/Assets/image/Theme10/Background/productListBack.jpg');
    background-size: cover;
    background-position: center;
}

    .headerInProductList > .topSearchHolder {
        display: flex;
        position: absolute;
        bottom: -35px;
        left: 50%;
        transform: translateX(-50%);
        width: 30%;
        max-width: 400px;
        padding: 20px;
        /*border: 1px solid red;*/
        background-color: white;
        box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
    }

    .headerInProductList .searchInput {
        border-bottom: unset;
        font-size: 16px;
    }

.searchPage .filterPanelWrap .searchInputWrap {
    display: none;
}

.searchPage .filterPanelWrap .activeFilterWrap {
    display: none;
}

.searchPage .filterPanelWrap .filterPanelInnerWrap.sideBarStickyInner {
    /*top: 60px !important;*/
    background-color: #f5f5f5;
}

.searchPage > .filterHeader {
    width: 80%;
    margin-right: 10%;
    height: 100px;
    overflow: hidden;
    overflow-x: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 50px;
}

.mobileVersion .searchPage > .filterHeader {
    height: 80px;
    margin-right: 5%;
    width: 90%;
    margin-bottom: 20px;
}

.searchPage > .filterHeader > .filterButton {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    padding: 10px 20px;
    vertical-align: top;
    height: 60%;
    background-color: #f5f5f5;
    margin: 10px 0;
    min-width: 150px;
    color: #1f2124;
    transition: 0.2s linear;
    cursor: pointer;
}

.mobileVersion .searchPage > .filterHeader > .filterButton {
    min-width: 100px;
    padding: 7px;
}

.searchPage > .filterHeader > .filterButton:hover {
    background-color: #1f2124 !important;
    color: #f5f5f5 !important;
}

.searchPage > .textRight {
    padding-top: 40px;
}

    .searchPage > .textRight > .listProductPanelWrap {
        position: relative;
        overflow: visible;
    }

.filterButtonClicked {
    position: absolute;
    top: -55px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 22px;
    font-weight: bold;
}

.mobileVersion .filterButtonClicked {
    font-size: 14px;
}

.filterButtonState {
    background-color: #1f2124 !important;
    color: #f5f5f5 !important;
}

/*Dynamic Page ----------------------------------------------------------------------------------------------------------------------*/

.dynContainer > .row {
    max-width: 1280px;
    margin: 0 auto;
}

.mobileVersion .dynContainer {
    margin: 30px;
}

.dynContainer .dynMainContent div[class*="dynPageCol"] {
    background-color: rgba(255,255,255,0.8);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    /*background-color: green;*/
}

.dynContainer div[class*="dynPageCol"] {
    padding: 5px 15px 5px 30px;
    margin: 15px 0;
    position: relative;
    z-index: 1;
}

.mobileVersion .dynContainer div[class*="dynPageCol"] {
    padding: 5px 15px 5px 15px;
}

.dynContainer .dynSideBar div[class*="dynPageCol"]:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 20px);
    height: 100%;
    background-color: rgba(255,255,255,0.8);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    z-index: -1;
    /*filter: blur(60px);*/
    /*background-color: red;*/
}

.mobileVersion .dynContainer .dynSideBar div[class*="dynPageCol"]:before {
    width: calc(100% - 2px);
}

.dynamicPageBody .mainWrap > span {
    position: fixed;
    z-index: -1;
}

    .dynamicPageBody .mainWrap > span img {
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }






/*Mobile Version ---------------------------------------------------------------------------------------------------------------------------------*/
body.mobileVersion {
    padding: 0;
}

.onlyMobVer.mobileTopRow {
    display: none !important;
}

body.mobileVersion .th10TopRow {
    display: block;
}

/*.mobileVersion .topSearchHolder {
    display: none !important;
}*/






.mobileVersion .wrapRtl .blogListItem {
    margin: 2px;
    margin-bottom: 10px;
    height: auto;
}

    .mobileVersion .wrapRtl .blogListItem:nth-of-type(1) {
        margin-bottom: 20px;
    }

.mobileVersion .wrapRtl .dynSideBar .blogListItem:nth-of-type(1) {
    margin-bottom: 10px;
}

.mobileVersion .dynContainer .dynSideBar .col100 {
    padding: 5px 0;
}

    .mobileVersion .dynContainer .dynSideBar .col100 > h1, .mobileVersion .dynContainer .dynSideBar .col100 > p {
        padding: 0 15px;
    }



/*product list ---------------------------------------------------------------------*/

.mobileVersion .headerInProductList > .topSearchHolder {
    display: block !important;
    width: 80%;
    padding: 7px;
    bottom: -25px;
}

    .mobileVersion .headerInProductList > .topSearchHolder > .searchInput {
        width: 95%;
    }

.mobileVersion .headerInProductList {
    height: 40vh !important;
    margin-bottom: 40px !important;
}

.searchPage .listProductPanel {
    padding: 0 7px;
}

.mobileVersion .searchPage .listProductPanel {
    padding: 0;
}

.searchPage .plProduct {
    width: 31%;
    margin: 0 1% 24px;
    border: 1px solid #D1D1D1;
    transition: 0.2s linear;
}

.mobileVersion .searchPage .plProduct {
    width: 48%;
    margin: 0 1% 24px 1%;
    padding: 3px;
}

.searchPage .plProduct:hover {
    box-shadow: 0 18px 12px 0 rgba(47,81,94,0.5);
}

.searchPage .listProduct {
    display: flex;
    flex-wrap: wrap;
}

.searchPage .plTitle {
    border-top: transparent;
    height: 60px;
}

.mobileVersion .searchPage .plTitle {
    height: 40px;
}

.searchPage .listProductPanelWrap {
    padding: 0;
}

.searchPage .filterBox {
    background-color: unset;
    border-right: unset;
}

.searchPage .sortingPanel select {
    background-color: unset;
}

.filterFixedTop {
    top: 60px !important;
}

.searchPage .plPriceWrap {
    display: flex;
    position: unset;
}

.mobileVersion .searchPage .plPriceWrap {
    margin-top: 5px;
    justify-content: flex-end;
}

.searchPage .plOldPrice {
    order: 2;
    padding-right: 10%;
    font-size: 12px;
}

.mobileVersion .searchPage .plOldPrice {
    font-size: 10px;
    display: none;
}

.searchPage .plNewPrice {
    color: #404d5a;
}

.mobileVersion .searchPage .plNewPrice {
    font-size: 12px;
    order: 2;
}

.searchPage .plSocialsWrap {
    display: flex;
    flex-direction: column;
    left: 5px;
    bottom: 100px;
}

.mobileVersion .searchPage .plSocialsWrap {
    bottom: auto;
    top: 10px;
}

.searchPage .plSocialsWrap > span {
    order: 2;
    margin-top: 10px;
}

.searchPage .plImage {
    position: unset;
    width: 100%;
}

.mobileVersion .searchPage .plImage {
    height: 160px;
}

.searchPage .plImage > a {
    width: 100%;
    height: 100%;
}

    .searchPage .plImage > a > .imgRespons {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }

.searchPage .plTitle {
    transition: 0.2s linear;
    font-weight: bold;
}

    .searchPage .plTitle > a {
        color: #202020;
    }

.mobileVersion .searchPage .plTitle > a {
    font-size: 12px;
}

.searchPage .plTitle:hover > a {
    color: #2bde73;
}


.searchPage .plPriceWrap .discountAmount {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 2px 12px;
    background-color: #f44336;
    color: white;
    font-weight: bold;
    margin: 0;
    min-width: 54px;
    text-align: center;
}

.mobileVersion .searchPage .plPriceWrap .discountAmount {
    right: 5px;
    min-width: unset;
}

.unavailableItem {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 2px 12px;
    background-color: #30475e;
    color: white !important;
    font-weight: normal;
    margin: 0;
    min-width: 54px;
    text-align: center;
}

.pIsComingSoon {
    position: absolute;
    right: 0;
    top: 0;
}

    .pIsComingSoon:before {
        right: 7px;
        left: auto;
        bottom: auto;
        top: 60px;
    }

.pIsNew {
    position: absolute;
    right: 0;
    top: 70px;
}




/*Product Page ------------------------------------------------------------------------*/

.productPage .topProductInfoWrap {
    width: 100%;
    height: 700px;
}



.mobileVersion .productPage .productPanelWrap { /* ---------------------Added by Hashemzadeh 5-17-2021------------------------------------*/
    padding-top: 96px;
}

.mobileVersion .productPage .topProductInfoWrap {
    height: auto;
    display: flex;
    flex-direction: column;
}

.productPage .topProductInfoWrap > .pImageWrap {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.mobileVersion .productPage .topProductInfoWrap > .pImageWrap {
    width: 100%;
    height: 40vh;
}


.productPage .pMainImageWrap {
    width: 100%;
    height: 80%;
    /*padding: 50px;*/
}

.mobileVersion .productPage .pMainImageWrap {
    padding: 10px;
}

.productPage .pMainImageWrap > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.productPage .pListImage {
    display: inline-flex;
    justify-content: flex-start;
    overflow: hidden;
    overflow-x: auto;
    width: 100%;
    height: 20%;
}

    .productPage .pListImage > .pOtherImageWrap {
        width: 20%;
        min-width: 20%;
        height: 100%;
        padding: 10px;
        transition: 0.2s linear;
        border: 1px solid transparent;
    }

.mobileVersion .productPage .pListImage > .pOtherImageWrap {
    padding: 1px;
}

/*.productPage .pListImage > .pOtherImageWrap:hover {
    border: 1px solid #30475e !important;
}*/

.productPage .pListImage > .pOtherImageWrap:before {
    display: none;
}

.productPage .pListImage > .pOtherImageWrap > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.productPage .topProductInfoWrap > .topProductInfo {
    width: 50%;
    height: 100%;
    padding: 5px 20px;
}

.mobileVersion .productPage .topProductInfoWrap > .topProductInfo {
    width: 100%;
}


.productPage .topProductInfoWrap > .topProductInfo .pCode {
    height: 10%;
    font-weight: normal;
}

.productPage .topProductInfoWrap > .topProductInfo .pSummary {
    height: 25%;
    text-align: justify;
}

.productPage .crumbCopy {
    width: 100%;
    height: 30px;
    /*border:1px solid red;*/
}

.mobileVersion .productPage .crumbCopy {
    display: none;
}

.productPage .topProductInfo #Content_Content_Content_BreadCrumb {
    display: none;
}

.productPage .topProductInfo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

    .productPage .topProductInfo > .pTitleWrap {
        order: -1;
    }

    .productPage .topProductInfo > .textLeft {
        position: absolute;
        top: 10px;
        right: 45%;
        left: auto;
        display: flex;
        flex-direction: column;
        z-index: 10;
    }

.mobileVersion .productPage .topProductInfo > .textLeft {
    top: 10px;
    right: auto;
    left: 10px;
}

.productPage .topProductInfo .contentpanel .plPriceWrap, .productPage .topProductInfo .contentpanel, .productPage .topProductInfo {
    position: unset;
}

    .productPage .topProductInfo .contentpanel .plPriceWrap {
        display: flex;
        align-items: center;
        margin: unset;
    }

.mobileVersion .productPage .topProductInfo .contentpanel .plPriceWrap {
    display: inline-block;
}

.productPage .promoInfo {
    font-size: 11px;
    white-space: nowrap;
}

.productPage .topProductInfo .contentpanel .plPriceWrap .plOldPrice {
    order: 2;
    font-size: 12px;
    margin-right: 10px;
}

.mobileVersion .productPage .topProductInfo .contentpanel .plPriceWrap .plOldPrice {
    display: block;
}

.productPage .promotionCommentWrap {
    position: relative;
}

.mobileVersion .productPage .promotionCommentWrap {
    position: absolute;
    bottom: 58px;
    right: 40px;
}

.productPage .promotionCommentWrap > .promotionComment {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.mobileVersion .productPage .promotionCommentWrap > .promotionComment {
    position: unset;
    right: 0;
    bottom: 0;
    top: auto;
    transform: unset;
}

.productPage .promotionCommentWrap .promoPic {
    width: auto;
}

.productPage .topProductInfo .contentpanel {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobileVersion .productPage .topProductInfo .contentpanel {
    flex-wrap: wrap;
    margin: 0 0 10px 0;
    /*position: relative;*/
    /*display: inline-;*/
    padding: 0;
}

    .mobileVersion .productPage .topProductInfo .contentpanel > .textCenter {
        width: 100%;
        position: absolute;
        bottom: 20px;
        left: 1px;
    }

.productPage .topProductInfo .contentpanel > .tabcontent {
    display: flex;
    align-items: center;
    width: 100%;
    overflow-x: hidden;
    overflow-y: visible;
}

.mobileVersion .productPage .topProductInfo .contentpanel > .tabcontent {
    width: 60%;
    position: unset;
    top: 0;
}


.productPage .contentpanel .priceTypeWrap {
    display: none;
}

.productPage .topProductInfo .countainerbody .contentpanel .plPriceWrap .discountAmount {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 2px 12px;
    background-color: #f44336;
    color: white;
    font-weight: bold;
    margin: 0;
    min-width: 54px;
    text-align: center;
}

.dHelpIcon {
    display: none;
}

.productPage .pDiversityWrap .headerpanelWrap {
    border: none;
    margin-bottom: 50px;
}

.mobileVersion .productPage .pDiversityWrap .headerpanelWrap {
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    margin-top: 10px;
}

.productPage .pDiversityWrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 50%;
}

    .productPage .pDiversityWrap .headerpanel {
        width: 100%;
        display: inline-flex;
    }

        .productPage .pDiversityWrap .headerpanel > span {
            width: 120px;
            height: 100%;
            border: 2px solid #e8e8e8;
            height: 50px;
            margin: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #202020;
        }

.mobileVersion .productPage .pDiversityWrap .headerpanel > span {
    min-width: 110px;
    height: 40px;
    margin-right: 0;
}

.productPage .pDiversityWrap .headerpanel > .activeTab {
    border: 2px solid #00A0FF;
    color: unset;
}

.headerpanelWrap {
    margin: 10px 0 0;
    padding: 10px;
}

.productPage .topProductInfo .contentpanel .plNewPrice, .productPage .topProductInfo .contentpanel .plCurrency {
    color: #202020;
    line-height: normal;
}

.productPage .topProductInfo .contentpanel .plNewPrice {
    font-size: 24px;
}

.mobileVersion .productPage .topProductInfo .contentpanel .plNewPrice {
    padding: 0;
}

.productPage .addtoCartWrap {
    display: flex;
}

.mobileVersion .productPage .addtoCartWrap {
    flex-wrap: wrap;
    /*position: absolute;
    top: 0;
    right: 0;*/
    width: 100%;
    justify-content: flex-end;
}

.productPage .addtoCartWrap span, .productPage .addtoCartWrap span > input {
    height: 100%;
    color: #202020;
    margin: 0;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: unset;
    border-radius: unset;
}

.productPage .addtoCartWrap .addToCartCount {
    padding: 0;
    padding: 1px;
    direction: ltr;
    font-size: 20px;
    padding: 7px;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type=number] {
    -moz-appearance: textfield;
}

.productPage .addToCartbtn {
    margin: 0 20px 0 0;
    max-width: 200px;
    border: 2px solid #521a6b;
    border-radius: unset;
    background-color: #521a6b;
    transition: 0.2s linear;
    color: white;
}

.mobileVersion .productPage .addToCartbtn {
    width: 100%;
    max-width: unset;
    margin: 0;
    margin-top: 20px;
}

.productPage .addToCartbtn:hover {
    background-color: white;
    color: #521a6b;
}

.productPage .topProductInfoWrap > .topProductInfo > .textCenter {
    width: 100%;
}

.productPage .countPlus:hover, .countMinus:hover {
    background-color: unset !important;
}

.productPage .countPlus {
    border: 2px solid #e8e8e8;
    border-left: unset;
}

.productPage .countMinus {
    border: 2px solid #e8e8e8;
    border-right: unset;
}

.productPage .countWrap {
    border: 2px solid #e8e8e8;
    border-left: unset;
    border-right: unset;
}


.productPage .productPanel {
    display: flex;
    flex-direction: column;
}

.relatedProductsWrap {
    order: 2;
    margin-bottom: 70px;
}

    .relatedProductsWrap > h2 {
        margin-right: 20px;
    }

    .relatedProductsWrap > .relatedProducts {
        display: flex;
        overflow-x: auto;
        position: relative;
        padding-bottom: 20px;
    }

        .relatedProductsWrap > .relatedProducts > div {
            height: 280px;
            width: 23%;
            min-width: 23%;
            padding: 10px;
            margin: 30px 10px 0;
            border: 1px solid #d1d1d1;
        }

.mobileVersion .relatedProductsWrap > .relatedProducts > div {
    height: 170px;
    width: 45%;
    min-width: 45%;
    margin: 30px 3px 0;
}

/*.relatedProductsWrap > .relatedProducts > h2 {
    position: absolute;
    top: 0;
    right: 0;
}*/

.relatedProductsWrap > .relatedProducts > div * {
    width: 100%;
    height: 100%;
}

.relatedProductsWrap > .relatedProducts > div .pgImageWrap {
    height: 80%;
}

.relatedProductsWrap > .relatedProducts > div .pgName {
    height: 20%;
    font-size: 16px;
}

.mobileVersion .relatedProductsWrap > .relatedProducts > div .pgName {
    font-size: 12px;
}

.relatedProductsWrap > .relatedProducts > div .pgName > a {
    color: #202020;
}

.relatedProductsWrap > .relatedProducts > div .pgDescription {
    display: none;
    height: 10%;
}


.relatedProductsWrap > .relatedProducts > div img {
    object-fit: contain;
    object-position: center;
}

.productPage .productInfoWrap .headerpanelWrap {
    border-bottom: unset;
}

    .productPage .productInfoWrap .headerpanelWrap .headerpanel {
        display: flex;
        overflow: auto;
    }

        .productPage .productInfoWrap .headerpanelWrap .headerpanel > span {
            /*width: 100px;*/
            min-width: 120px;
            background-color: #f5f5f5;
            color: #1f2124;
            padding: 10px 20px;
            margin: 0;
            font-size: 16px;
            font-weight: normal;
            transition: 0.2s linear;
        }

.mobileVersion .productPage .productInfoWrap .headerpanelWrap .headerpanel > span {
    font-size: 13px;
}

.productPage .productInfoWrap .headerpanelWrap .headerpanel > span:hover {
    background-color: #1f2124;
    color: #f5f5f5;
}

.productPage .productInfoWrap .headerpanelWrap .headerpanel > .activeTab {
    background-color: #1f2124;
    color: #f5f5f5;
}

.mobileVersion .breadCrumbWrap {
    display: none;
}


/*shippingPage -------------------------------------------------------------------------------------*/

.shippingPage {
    padding-top: 0;
}

    .shippingPage .suggestionPanelWrap {
        display: none;
    }

    .shippingPage .upPanelWrap > div > .col70 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

        .shippingPage .upPanelWrap > div > .col70 > .shippingPanel {
            padding: 10px 0;
        }

        .shippingPage .upPanelWrap > div > .col70 > * {
            width: 100%;
        }

        .shippingPage .upPanelWrap > div > .col70 .shippingPanel {
            order: 2;
            width: 68%;
            margin-top: 20px;
        }

.mobileVersion .shippingPage .upPanelWrap > div > .col70 .shippingPanel {
    width: 100%;
}

.shippingPage .upPanelWrap > div > .col70 > .textLeft {
    display: none;
}

    .shippingPage .upPanelWrap > div > .col70 > .textLeft.clearfix {
        display: block;
        order: 3;
    }

.mobileVersion .shippingPage .upPanelWrap > div > .col70 > .textLeft.clearfix {
    display: flex;
    flex-direction: column;
}

.shippingPage .upPanelWrap > div > .col70 .buttonAlt.backButton.prevStepButton, .paymentPage .prevStepButton {
    width: 27%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #7D324A;
    border: 1px solid #7D324A;
  /* background-image: url('/Assets/image/icon/prevStepArrow-alt.png'); */
    background-size: 8px auto;
}

.mobileVersion .shippingPage .upPanelWrap > div > .col70 .buttonAlt.backButton.prevStepButton, .paymentPage .prevStepButton {
    width: auto;
    order: 2;
    max-width: 170px;
}

    .shippingPage .upPanelWrap > div > .col70 .buttonAlt.backButton.prevStepButton:hover, .paymentPage .prevStepButton:hover {
      /* background-image: url('/Assets/image/Theme4/Icon/prevStepArrowViolet-alt.png'); */
        background-color: white;
        color: #7D324A;
    }



/*.loginPage{
            margin-top :0 !important;
        }
          .loginPage ~.footerTop{
              display : none;
          }*/

.shippingPage .upPanelWrap > div > .col70 .col > hr, .shippingPage .upPanelWrap > div > .col70 .col > .clearfix {
    display: none;
}

.shippingPage .upPanelWrap > div > .col70 > .shippingPanel .h3 {
    border: none;
    width: 50%;
    font-size: 16px;
}

.shippingPage .upPanelWrap > div > .col70 > .shippingPanel > .destinationWrap > .textRight select {
    display: none;
}

.shippingPage .upPanelWrap > div > .col70 > .shippingPanel > .destinationWrap {
    display: flex;
    flex-wrap: wrap;
}



    .shippingPage .upPanelWrap > div > .col70 > .shippingPanel > .destinationWrap > .textRight {
        display: flex;
        width: 50%;
        justify-content: flex-end;
    }

        .shippingPage .upPanelWrap > div > .col70 > .shippingPanel > .destinationWrap > .textRight .buttonAlt {
            width: 42%;
            background-color: #7D324A;
            border: 1px solid #7D324A;
            transition: 0.2s linear;
            font-size: 14px;
        }

.mobileVersion .shippingPage .upPanelWrap > div > .col70 > .shippingPanel > .destinationWrap > .textRight .buttonAlt {
    width: 100%;
}

.shippingPage .upPanelWrap > div > .col70 > .shippingPanel > .destinationWrap > .textRight .buttonAlt:hover {
    background-color: white;
    color: #7D324A;
}

.shippingPage .upPanelWrap > div > .col70 > .shippingPanel > .destinationWrap > .destinationAddress {
    width: 100%;
    margin: 20px 0;
}

.shippingPage .upPanelWrap > div > .col70 > .shippingPanel .destinationAddressSelection {
    padding: 20px 20px;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 120px;
    margin-bottom: 20px;
    transition: 0.2s linear;
    cursor: pointer;
}

    .shippingPage .upPanelWrap > div > .col70 > .shippingPanel .destinationAddressSelection:hover {
        box-shadow: 0 2px 5px 5px #D1D1D1;
    }

.shippingPage .upPanelWrap > div > .col70 > .shippingPanel .destinationAddress label {
    font-size: 14px;
}

    .shippingPage .upPanelWrap > div > .col70 > .shippingPanel .destinationAddress label::before {
        margin-left: 20px;
    }

.shippingPage .upPanelWrap > div > .col70 > .shippingPanel .destinationAddress .addressEdition {
    margin-right: 40px;
    font-size: 14px;
    width: 100px;
}

.shippingPage .upPanelWrap > div > .col70 > .shippingPanel .send_paymentWrap .textRight > .col30 {
    width: 100%;
}

.sendParamsWrap {
    display: none;
}

.customerDescriptionWrap {
    display: none;
}

.introducerCodeWrap {
    display: none;
}

.shippingPage .send_paymentWrap .sendTypePanel tbody {
    display: flex;
    align-items: center;
}

.mobileVersion .shippingPage .send_paymentWrap .sendTypePanel tbody {
    max-width: 500px;
}

.shippingPage .send_paymentWrap .sendTypePanel tr {
    width: 40%;
    margin-left: 3%;
}

    .shippingPage .send_paymentWrap .sendTypePanel tr > td {
        width: 100%;
        display: block;
        background-color: transparent;
        border: 1px solid #d1d1d1;
        padding: 8px;
    }

    .shippingPage .send_paymentWrap .sendTypePanel tr label {
        width: 100%;
        display: block;
    }

.shippingPage .send_paymentWrap .paymentMethodWrap tbody {
    display: flex;
    align-items: center;
}

.shippingPage .send_paymentWrap .paymentMethodWrap tr {
    width: 40%;
    margin-left: 3%;
    cursor: pointer;
}

    /*.shippingPage .send_paymentWrap .paymentMethodWrap tr label{
    display: none; 
}*/

    .shippingPage .send_paymentWrap .paymentMethodWrap tr > td {
        width: 100%;
        display: flex;
        align-items: center;
        background-color: white;
        border: 1px solid transparent;
        padding: 20px 8px;
        transition: 0.2s linear;
    }

        .shippingPage .send_paymentWrap .paymentMethodWrap tr > td:hover {
            box-shadow: 0 2px 5px 5px #D1D1D1;
        }


        .shippingPage .send_paymentWrap .paymentMethodWrap tr > td .paymentPic {
            width: 45%;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            margin-right: 20%;
            height: 150px;
            background-image: url('/Assets/image/Theme4/Icon/internet purchasing.png');
        }

.mobileVersion .shippingPage .send_paymentWrap .paymentMethodWrap tr > td .paymentPic {
    height: 50px;
}

/*.shippingPage .send_paymentWrap .paymentMethodWrap tr:nth-of-type(1) > td .paymentPic {
        background-image: url('/AssetsShop/image/Icon/internet purchasing.png');
    }

    .shippingPage .send_paymentWrap .paymentMethodWrap tr:nth-of-type(2) > td .paymentPic {
        background-image: url('/AssetsShop/image/Icon/inplace.png');
    }

    .shippingPage .send_paymentWrap .paymentMethodWrap tr:nth-of-type(3) > td .paymentPic {

        background-image: url('/AssetsShop/image/Icon/carttocart.png');
    }*/


.shippingPage .send_paymentWrap .discountCodeWrap {
}

    .shippingPage .send_paymentWrap .discountCodeWrap .discountCodePanel {
        width: 40%;
        background-color: transparent;
        border: 1px solid #d1d1d1;
    }

.mobileVersion .shippingPage .send_paymentWrap .discountCodeWrap .discountCodePanel {
    width: 100%;
    max-width: 400px;
}

.shippingPage .send_paymentWrap .discountCodeWrap .discountCodePanel input {
    background-color: transparent;
    border: transparent;
    width: 100%;
    border-radius: unset;
}

    .shippingPage .send_paymentWrap .discountCodeWrap .discountCodePanel input::placeholder {
        color: #d1d1d1;
    }



.paymentPage > .container > .row > .col70 {
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .paymentPage > .container > .row > .col70 #Content_Content_Content_UP2 {
        order: -1;
    }

    .paymentPage > .container > .row > .col70 .statusChartWrap {
        padding-top: 20px;
        padding-bottom: 50px;
    }

.paymentPage .suggestionPanelWrap {
    display: none;
}

.paymentPage > .container > .row > .col70 .upPanelWrap .row {
    display: flex;
}

.mobileVersion .paymentPage > .container > .row > .col70 .upPanelWrap .row {
    flex-direction: column;
}

.w_7_Nav.mainMenuTh5 ul.w_7_SubList a:hover {
    background-color: #333;
    color: white;
}

.mainWrap .w_7_Nav.mainMenuTh5 ul.w_7_SubList .w_7_SubList a:not(.notLink):hover {
    background-color: #333;
    color: white;
}

.shippingPage .totalPrices > figure {
    display: flex;
    align-items: center;
    width: 100%;
    height: 36px;
    margin: 0;
    /*padding-top: 13px;*/
    background-color: #f1f1f1;
}

    .shippingPage .totalPrices > figure > img {
        width: 20px;
        height: 20px;
        object-fit: contain;
        object-position: center;
        margin: 0 20px;
    }


/*.footer {
    display: none !important;
}*/

.whiteAside {
    width: 50px;
    height: calc(100vh - 80px);
    background-color: white;
    position: fixed;
    top: 80px;
    right: 0;
    z-index: -1;
}

/*.vitrinCarouselHolder .w_14_tList .w_14_carouselItem {
    width: 400px !important;
    height: 100px;
    padding: 0;*/
/*padding: 10px;*/
/*transition: 0.2s linear;
}*/

.vitrinCarouselHolder .w_14_tList .w_14_carouselItem img:hover {
    filter: drop-shadow(2px 4px 6px black)invert(1) !important;
}

.vitrinCarouselHolder .w_14_tList .w_14_carouselItem > div {
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
}

.vitrinCarouselHolder .w_14_tList .w_14_carouselItem .w_14_cCaption {
    width: 300px;
    padding: 0 10px 0 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .vitrinCarouselHolder .w_14_tList .w_14_carouselItem .w_14_cCaption .w_14_bodyWrap {
        line-height: 22px;
        text-align: justify;
    }

    .vitrinCarouselHolder .w_14_tList .w_14_carouselItem .w_14_cCaption > h3 {
        text-align: right;
        margin: 0;
        color: #01BBE3;
        font-size: 18px;
    }



.vitrinCarouselHolder .w_14_tList .w_14_carouselItem .w_14_cImageLink > img {
    opacity: 0;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: contain;
    padding: 0;
    margin: 0;
    filter: drop-shadow(2px 4px 6px black)invert(0);
    transition: 0.2s linear;
}











.vitrinCarouselHolder .w_14_carousel.w_14_tList {
    margin: 0;
}

.vitrinCarouselHolder .w_14_carouselWrapper {
    padding: 0;
}

.mobileVersion .vitrinCarouselHolder .w_14_carouselWrapper {
    direction: rtl;
}



/*.vitrinCarouselHolder .w_14_carouselWrapperB {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 0;
    height: 500px;
    margin-bottom: 0;
    position: relative;
    width: 0;
    min-width: unset;
    max-width: 100%;
}*/

.listSuggestHolder1, .listSuggestHolder2, .vitrinPage > .textRight > .row {
    /*    display: none;
*/
}

.vitrinPageBody > .wrapRtl, .vitrinPageBody > .wrapRtl > .mainWrap {
    height: 100%;
}

.backgroundSizeChange {
    width: 30% !important;
}

.removeBackground {
    background-image: none !important;
}


.moreInfo {
    position: relative;
    width: 100%;
    height: 100%;
}

    .moreInfo::before {
        content: '...';
        position: absolute;
        bottom: -1px;
        left: 0;
        color: white;
        font-size: 14px;
    }



/*.mainHeader  .isDecMenu > .w_7_MainList > li:nth-of-type(1) .textContainer {
    position: relative;
}

    .mainHeader .isDecMenu > .w_7_MainList > li:nth-of-type(1) .textContainer:before {
        content: '';
        position: absolute;
        z-index: -1;
        top: 0;
        right: -9px;
        height: 100%;
        width: 100px;
        background-image: linear-gradient(to right bottom,#01BBE3,#74E6FF);
    }*/

/*.vitrinCarouselRow .dailySuggestHolder {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 10000;
    padding: 0;
}*/

/*.vitrinCarouselRow .dailySuggestHolder .w_14_carouselWrapperB {
    width: 400px;
    height: auto;
    position: fixed;
    bottom: 0;
    top: auto;
    right: 0;
    z-index: 10000;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    transition: 0.3s linear;
}*/

/*.mainHeader::before {
    content: '';
    position: fixed;
    z-index: -1;
    top: 30px;
    right: calc(100% - 40px);
    width: 100px;
    height: 100px;
    background-color: #0B1831;
    transition: 0.4s linear;
}

.mobileVersion .mainHeader::before, .mobileVersion .mainHeader::after {
    display: none;
}

.mainHeader::after {
    content: '';
    position: fixed;
    z-index: -1;
    top: 400px;
    right: 20%;
    width: 100px;
    height: 100px;
    background-color: #0B1831;
    opacity: 0;
    transition: 0.4s linear;
}*/

/*.beforeAfterPositionChange::before {
    top: 400px !important;
    right: 20% !important;
    opacity: 0 !important;
}

.beforeAfterPositionChange::after {
    top: 30px !important;
    right: calc(100% - 40px) !important;
    opacity: 1 !important;
}*/



/*.menuItemClicked {
    background-image: linear-gradient(to right bottom,#01BBE3,#74E6FF) !important;
}*/

/* .menuItemClicked .w_14_cImageLink {
        filter: invert(1) !important;
    }

    .menuItemClicked .w_14_cCaption {
        color: #0B1831 !important;
    }

body:not(.mobileVersion) .vitrinCarouselRow .dailySuggestHolder .w_14_carouselWrapperB .w_14_carouselItem:hover .w_14_cImageLink {
    filter: invert(1);
}

body:not(.mobileVersion) .vitrinCarouselRow .dailySuggestHolder .w_14_carouselWrapperB .w_14_carouselItem:hover .w_14_cCaption {
    color: #0B1831;
}

body:not(.mobileVersion) .vitrinCarouselRow .dailySuggestHolder .w_14_carouselWrapperB .w_14_carouselItem:hover:before {
    opacity: 1;
}

.vitrinCarouselRow .dailySuggestHolder .w_14_carouselWrapperB .w_14_carouselItem:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-image: linear-gradient(to right bottom,#01BBE3,#74E6FF);
    transition: 0.2s linear;
    opacity: 0;
}

.vitrinCarouselRow .dailySuggestHolder .w_14_carouselWrapperB .w_14_carouselItem .w_14_cImageLink {
    max-width: 50px !important;
    max-height: 50px !important;
    background-position: center;
    transition: 0.2s linear;
    cursor: pointer;
}

.vitrinCarouselRow .dailySuggestHolder .w_14_carouselWrapperB .w_14_carouselItem .w_14_carouselContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.vitrinCarouselRow .dailySuggestHolder .w_14_carouselWrapperB .w_14_carouselItem .w_14_cCaption {
    color: white;
    transition: 0.2s linear;
    position: unset;
}

.vitrinCarouselRow .dailySuggestHolder .w_14_carouselWrapperB .w_14_carouselItem .h3 {
    font-weight: normal;
}

.zeroWidth {
    width: 0 !important;
}

@media only screen and (max-width: 1416px) {
    .productPage, .cartPage, .shippingPage {
        padding-right: 50px;
    }

    .dynContainer {
        padding-right: 50px;
    }

    .mobileVersion .searchPage {
        margin-right: 50px;
    }
}*/
/*Start Slider -------------------------------------------------------*/
.linearSlider {
    display: flex;
    height: 100%;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
}

    .linearSlider::-webkit-scrollbar {
        display: none;
    }

.linearSlider {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .linearSlider > .pOtherImageWrap {
        scroll-snap-align: start;
        min-width: 100%;
    }

        .linearSlider > .pOtherImageWrap > .pOtherImage {
            width: 100%;
            height: 100%;
            max-width: unset;
            max-height: unset;
            object-position: center;
            object-fit: contain;
        }

        .linearSlider > .pOtherImageWrap:before {
            display: none;
        }

.productPage .topProductInfo > .textLeft {
    z-index: 10;
}

body:not(.mobileVersion) .productPage .pListImage > .pOtherImageWrap:hover {
    border: 1px solid #30475e;
}

.mobileVersion .productPage .pListImage {
    justify-content: center;
}

    .mobileVersion .productPage .pListImage > .pOtherImageWrap {
        width: 10px;
        height: 10px;
        min-width: unset;
        margin: 10px;
        background-color: white;
        box-shadow: 0 0 2px 2px lightgray;
    }

        .mobileVersion .productPage .pListImage > .pOtherImageWrap > img {
            opacity: 0;
        }

.mobileVersion .clickedSlide {
    background-color: #30475e !important;
}
/*End Slider -------------------------------------------------------*/

.mobileVersion .mainHeader .th10TopRow .topLoginCol > .cartTopWrap {
    margin-right: 10px;
}

.mobileVersion .mainHeader .th10TopRow {
    width: auto;
}

.mobileVersion .topSearchMenu {
    width: 100%;
}

.mobileVersion .mainHeader .w_7_ResponsiveMenu button.menuToggle {
    position: fixed;
    top: 8px;
    right: 20px;
    padding: 16px;
    border-radius: 5px;
    background-color: #EBEEF2;
    border: 1px solid #EBEEF2;
}

    .mobileVersion .mainHeader .w_7_ResponsiveMenu button.menuToggle > span {
        background-color: #1f2124;
    }

.mobileVersion .mainHeader nav.w_7_ResponsiveMenu .w_7_MainList {
    position: fixed;
}

.mobileVersion .topSearchMenu {
    display: none;
}

.mobileVersion .topRowWrap > .container:nth-of-type(2) {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.mobileVersion .mainHeader .topLogoWrap {
    width: 90%;
    height: auto;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    margin-right: 32px;
}

    .mobileVersion .mainHeader .topLogoWrap > h2 {
        width: 40%;
        height: 80%;
    }

        .mobileVersion .mainHeader .topLogoWrap > h2 img {
            max-width: unset !important;
            max-height: unset !important;
            width: 50%;
            height: 50%;
            float:right;
            object-fit: contain;
            margin: 0;
        }

.mobileVersion .mainMenuPosition {
    display: flex !important;
}

.mobileVersion .mainHeader nav.w_7_ResponsiveMenu .w_7_MainList {
    background-color: white;
    height: calc(100% - 80px) !important;
    margin-top: 55px !important;
    padding-top: 150px;
}

    .mobileVersion .mainHeader nav.w_7_ResponsiveMenu .w_7_MainList a {
        color: #1f2124;
    }

.w_7_ResponsiveMenu.w_7_NavRtl li.hasTable > a:after {
    background-image: url('/Assets/image/Theme10/Icon/chevron-down(black).png');
}


.vitrinCarouselRow {
    display: flex;
    flex-direction: column;
}

.vitrinPage .textRight {
    display: flex;
    flex-direction: column;
}

.vitrinCarouselHolder .w_14_carouselWrapperB > .w_14_carouselItem {
    margin-bottom: 20px;
    margin-left: 1%;
    border-radius: 10px;
    position: unset;
}



    .vitrinCarouselHolder .w_14_carouselWrapperB > .w_14_carouselItem:nth-of-type(1) {
        width: 24% !important;
        height: 55vh !important;
    }

body:not(.mobileVersion) .vitrinCarouselHolder .w_14_carouselWrapperB > .w_14_carouselItem:nth-of-type(2) {
    width: 75% !important;
    height: 55vh !important;
    position: relative;
    left: unset;
    top: unset;
    right: unset;
    bottom: unset;
    margin-left: 0;
}

.vitrinCarouselHolder .w_14_carouselWrapperB > .w_14_carouselItem:nth-of-type(3), .vitrinCarouselHolder .w_14_carouselWrapperB > .w_14_carouselItem:nth-of-type(4) {
    width: 24% !important;
}

.vitrinCarouselHolder .w_14_carouselWrapperB > .w_14_carouselItem:nth-of-type(5) {
    width: 50% !important;
    margin-left: 0;
}

.mobileVersion .vitrinCarouselHolder .w_14_carouselWrapperB > .w_14_carouselItem {
    position: absolute;
    width: 0 !important;
    height: 100% !important;
    margin: 0 3%;
    opacity: 0 !important;
    left: 0
}

    .mobileVersion .vitrinCarouselHolder .w_14_carouselWrapperB > .w_14_carouselItem.currentCarouselItem {
        z-index: 1000 !important;
        width: 94% !important;
        opacity: 1 !important;
        left: 0;
    }

.vitrinCarouselHolder .w_14_carouselWrapperB {
    max-width: 1280px !important;
    min-width: unset !important;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    height: auto !important;
    direction: rtl;
}


.mobileVersion .vitrinCarouselHolder .w_14_carouselWrapperB {
    display: block !important;
    height: 32vh !important;
    direction: unset;
}

.vitrinCarouselHolder .w_14_carouselWrapperB > .w_14_carouselItem .w_14_cImageLink {
    width: 100%;
    height: 100% !important;
    background-position: center;
    border-radius: 15px;
    display: flex;
    align-items: center;
    background-size: cover;
}

/*.mobileVersion .vitrinCarouselHolder .w_14_carouselWrapperB > .w_14_carouselItem .w_14_cImageLink {
    background-image: unset !important;
}*/

/*.mobileVersion .vitrinCarouselHolder .w_14_carouselWrapperB > .w_14_carouselItem .w_14_cImageLink > img {
        opacity: 1;
        border-radius: 15px;
        object-fit: contain;
        width: unset;
    }*/

.firstSliderThumbs {
    position: absolute;
    bottom: 10px;
    right: 20px;
    height: 20px;
    display: flex !important;
    align-items: center;
}

    .firstSliderThumbs > .w_14_carouselItem {
        width: 10px !important;
        height: 10px !important;
        background-color: #ffffff66;
        border-radius: 50%;
        margin-left: 10px;
        padding: 0;
        position: unset;
        cursor: pointer;
    }

        .firstSliderThumbs > .w_14_carouselItem:nth-of-type(1) {
            background-color: #ffffff;
        }

        .firstSliderThumbs > .w_14_carouselItem > * {
            display: none !important;
        }

.firstSliderHeight {
    height: 30vh !important;
}

/*Second Slider Start ----------------------------------------------------------------------------------------------------------------------*/

.dailySuggestHolder, .listSuggestHolder1, .listSuggestHolder2, .listSuggestHolder3 {
    height: 70vh !important;
    border-radius: 20px;
    background-color: #69318a87;
    margin-top: 80px;
    padding: 10px 7px;
}

.mobileVersion .dailySuggestHolder, .mobileVersion .listSuggestHolder1, .mobileVersion .listSuggestHolder2, .mobileVersion .listSuggestHolder3 {
    height: 50vh !important;
    padding: 10px 7px 10px 0;
}

.listSuggestHolder1, .listSuggestHolder2, .listSuggestHolder3 {
    background-color: transparent;
    margin-top: 100px !important;
}

.mobileVersion .listSuggestHolder1, .mobileVersion .listSuggestHolder2, .mobileVersion .listSuggestHolder3 {
    margin-top: 50px !important;
}

.listSuggestHolder1 > .container, .listSuggestHolder2 > .container, .listSuggestHolder3 > .container {
    height: 100%;
}

.dailySuggestHolder .w_14_carouselHolder, .listSuggestHolder1 .w_14_carouselHolder, .listSuggestHolder2 .w_14_carouselHolder, .listSuggestHolder3 .w_14_carouselHolder {
    max-width: 1280px;
    margin: auto;
    height: 100%;
}

.vitrinPage .w_14_carousel {
    height: 100%;
    margin-top: 0;
    display: flex;
    flex-direction: column;
    direction: rtl;
}



.dailySuggestHolder .w_14_carouselWrapper, .listSuggestHolder1 .w_14_carouselWrapper, .listSuggestHolder2 .w_14_carouselWrapper, .listSuggestHolder3 .w_14_carouselWrapper {
    height: 85%;
    padding: 0;
    overflow: visible;
}

.dailySuggestHolder .w_14_carouselListWrap, .listSuggestHolder1 .w_14_carouselListWrap, .listSuggestHolder2 .w_14_carouselListWrap, .listSuggestHolder3 .w_14_carouselListWrap {
    height: 100%;
}

.dailySuggestHolder .w_14_carouselList, .listSuggestHolder1 .w_14_carouselList, .listSuggestHolder2 .w_14_carouselList, .listSuggestHolder3 .w_14_carouselList {
    height: 100%;
    overflow: hidden;
    scroll-snap-type: x mandatory;
}

.mobileVersion .dailySuggestHolder .w_14_carouselList, .mobileVersion .listSuggestHolder1 .w_14_carouselList, .mobileVersion .listSuggestHolder2 .w_14_carouselList, .mobileVersion .listSuggestHolder3 .w_14_carouselList {
    overflow: auto;
    direction: ltr;
}




.dailySuggestHolder .w_14_carouselWrapperB, .listSuggestHolder1 .w_14_carouselWrapperB, .listSuggestHolder2 .w_14_carouselWrapperB, .listSuggestHolder3 .w_14_carouselWrapperB {
    height: 100%;
    margin: 0;
}


.mobileVersion .dailySuggestHolder .w_14_carouselWrapperB, .mobileVersion .listSuggestHolder1 .w_14_carouselWrapperB, .mobileVersion .listSuggestHolder2 .w_14_carouselWrapperB, .mobileVersion .listSuggestHolder3 .w_14_carouselWrapperB {
    width: calc(100vw - 12px) !important;
    min-width: unset;
    display: flex;
    justify-content: flex-start;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    direction: rtl;
}


.dailySuggestHolder .w_14_carouselItem, .listSuggestHolder1 .w_14_carouselItem, .listSuggestHolder2 .w_14_carouselItem, .listSuggestHolder3 .w_14_carouselItem {
    height: 100%;
    background-color: white;
    border-radius: 15px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    scroll-snap-align: end;
}

.mobileVersion .dailySuggestHolder .w_14_carouselItem, .mobileVersion .listSuggestHolder1 .w_14_carouselItem, .mobileVersion .listSuggestHolder2 .w_14_carouselItem, .mobileVersion .listSuggestHolder3 .w_14_carouselItem {
    width: 230px !important;
    min-width: 230px !important;
}

.mobileVersion .w_14_tList .w_14_carouselWrapper {
    padding-left: 0;
}

.dailySuggestHolder .w_14_carouselItem:nth-of-type(1), .listSuggestHolder1 .w_14_carouselItem:nth-of-type(1), .listSuggestHolder2 .w_14_carouselItem:nth-of-type(1), .listSuggestHolder3 .w_14_carouselItem:nth-of-type(1) {
    margin-right: 0;
}




.dailySuggestHolder .w_14_carouselItem .w_14_cImageLink, .listSuggestHolder1 .w_14_carouselItem .w_14_cImageLink, .listSuggestHolder2 .w_14_carouselItem .w_14_cImageLink, .listSuggestHolder3 .w_14_carouselItem .w_14_cImageLink {
    height: 65% !important;
}

.dailySuggestHolder .w_14_carouselItem .w_14_cCaption, .listSuggestHolder1 .w_14_carouselItem .w_14_cCaption, .listSuggestHolder2 .w_14_carouselItem .w_14_cCaption, .listSuggestHolder3 .w_14_carouselItem .w_14_cCaption {
    height: 35% !important;
}

    .dailySuggestHolder .w_14_carouselItem .w_14_cCaption > h3, .listSuggestHolder1 .w_14_carouselItem .w_14_cCaption > h3, .listSuggestHolder2 .w_14_carouselItem .w_14_cCaption > h3, .listSuggestHolder3 .w_14_carouselItem .w_14_cCaption > h3 {
        text-align: right;
    }




.vitrinPage .w_14_carouselHolder > .w_14_carousel > .w_14_headWrap {
    height: 8%;
    padding: 10px 0;
}

.mobileVersion .vitrinPage .w_14_carouselHolder > .w_14_carousel > .w_14_headWrap {
    padding: 10px;
}

.vitrinPage .w_14_carouselHolder > .w_14_carousel > .w_14_headWrap .w_14_head {
    padding-right: 0;
    text-align: right;
    color: white;
    display: inline-block;
    font-weight: normal;
    color: #404040;
}

.dailySuggestHolder .w_14_carouselHolder > .w_14_carousel > .w_14_headWrap .w_14_head {
    color: white;
}

.vitrinPage .w_14_btnHolder {
    overflow: visible;
    display: none !important;
}

.mainWrap .w_14_btnHolder .w_14_carouselPrev {
    /*    top: -30px !important;
    right: auto !important;
    left: 40px !important;
    height: 40px;
    width: 20px !important;
    min-width: 10px !important;*/
    display: none;
}

.mainWrap .w_14_btnHolder .w_14_carouselNext {
    /*    top: -30px !important;
    right: auto !important;
    left: 20px !important;
    height: 40px;
    width: 20px !important;
    min-width: 10px !important;*/
    display: none;
}




/*Second Slider end ----------------------------------------------------------------------------------------------------------------------*/

.w_14_carouselItem {
    transition: 0.2s linear;
}

    .w_14_carouselItem:hover {
        box-shadow: 0 5px 20px #00000056;
    }

.w_14_headWrap {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
    width: calc(100% - 20px);
    height: 60px;
    padding: 10px 0;
    /*    margin-left: 70px;
*/ /*border: 1px solid red;*/
}

    .w_14_headWrap .w_14_head {
        width: auto;
        white-space: nowrap;
        padding-right: 0 !important;
    }

    .w_14_headWrap .lineBeforeHeade {
        width: 100%;
        height: 100%;
        position: relative;
    }

        .w_14_headWrap .lineBeforeHeade:before {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            width: 100%;
            height: 1px;
            transform: translateY(-50%);
            background-color: #d1d1d1;
        }

        .w_14_headWrap .lineBeforeHeade:after {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            width: 100px;
            height: 3px;
            transform: translateY(-50%);
            background-color: #ff5100;
        }

.dailySuggestHolder .w_14_headWrap .lineBeforeHeade:after {
    background-color: white;
}


.sliderSides {
    width: 80px;
    min-width: 80px;
    margin-right: 10px;
    height: 100%;
    display: flex;
    background-color: white;
    border: 1px solid #d1d1d1;
    border-radius: 10px;
    height: 40px;
}

    .sliderSides > p {
        width: 50%;
        /*border: 1px solid red;*/
    }

    .sliderSides > .rightSide {
        order: 1;
        margin: 0;
        width: 100%;
        height: 100%;
        background-image: url('../image/icon/breadCrumbRight.png');
        background-position: center;
        background-size: 5px auto;
        background-repeat: no-repeat;
        position: relative;
    }

        .sliderSides > .rightSide:before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 1px;
            height: 70%;
            background-color: #d1d1d1;
        }

    .sliderSides > .leftSide {
        order: 2;
        margin: 0;
        width: 100%;
        height: 100%;
        background-image: url('../image/icon/breadCrumbLeft.png');
        background-position: center;
        background-size: 5px auto;
        background-repeat: no-repeat;
    }


.vitrinPage > .textRight > .row {
    margin-top: 10px;
    width: 100%;
    background-color: whitesmoke;
    padding: 16px;
    border-radius: 15px;
}

.aboutContentHolder {
    display: flex;
    width: 100%;
    padding-right: 0;
}

    .aboutContentHolder > * {
        width: 100%;
        height: 100%;
        display: inline-grid;
        margin: 0 !important;
        padding-right: 16px;
        justify-content: space-between;
        align-items: center;
    }

        .aboutContentHolder > * > * {
            flex-basis: 1;
            margin: 10px;
            height: 100%;
            width: 100%;
        }

        .aboutContentHolder > * > img:first-child {
            margin-right: 0;
        }

        .aboutContentHolder > * > img:last-child {
            margin-left: 0;
        }


.mobileVersion .aboutContentHolder {
    height: auto;
    flex-direction: column;
    padding: 15px;
}

    .mobileVersion .aboutContentHolder > * {
        height: auto;
        flex-direction: column;
        padding: 15px;
    }

        .mobileVersion .aboutContentHolder > * > * {
            height: 20vh;
            margin: 5px !important;
        }

/*.aboutContentHolder > * {
        flex-basis: 1;
        margin: 10px;
        height: 100%;
        width: 100%;
    }

    .aboutContentHolder > div:first-child {
        margin-right: 0;
    }

    .aboutContentHolder > div:last-child {
        margin-left: 0;
    }*/

.aboutContentHolder img {
    /*width: 100% !important;*/
    height: 100% !important;
    object-position: center;
    object-fit: cover;
    border-radius: 15px;
    display: block;
}


.vitrinBrandsHolder .bulletForListSlider, .vitrinCarouselHolder .bulletForListSlider {
    display: none !important;
}

.bulletForListSlider {
    width: 100%;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    List-style: none;
}

    .bulletForListSlider > li {
        margin: 5px;
        width: 10px !important;
        height: 10px !important;
        background-color: #ffffff66;
        border-radius: 50%;
    }

        .bulletForListSlider > li.activeBullet {
            background-color: #ffffff;
        }

.w_14_carouselWrapperB::-webkit-scrollbar {
    display: none;
}

.w_14_carouselWrapperB {
    -ms-overflow-style: none;
    scrollbar-width: none;
}


/*Start Slider -------------------------------------------------------*/

.linearSlider {
    display: flex;
    height: 100%;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
}

    .linearSlider::-webkit-scrollbar {
        display: none;
    }

.linearSlider {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .linearSlider > .pOtherImageWrap {
        scroll-snap-align: start;
        min-width: 100%;
    }

        .linearSlider > .pOtherImageWrap > .pOtherImage {
            width: 100%;
            height: 100%;
            max-width: unset;
            max-height: unset;
            object-position: center;
            object-fit: contain;
        }

        .linearSlider > .pOtherImageWrap:before {
            display: none;
        }

.productPage .topProductInfo > .textLeft {
    z-index: 10;
}

body:not(.mobileVersion) .productPage .pListImage > .pOtherImageWrap:hover {
    border: 1px solid #30475e !important;
}

.mobileVersion .productPage .pListImage {
    justify-content: center;
}

    .mobileVersion .productPage .pListImage > .pOtherImageWrap {
        width: 10px !important;
        height: 10px !important;
        min-width: unset;
        margin: 10px;
        background-color: white;
        box-shadow: 0 0 2px 2px lightgray;
    }

        .mobileVersion .productPage .pListImage > .pOtherImageWrap > img {
            opacity: 0;
        }

.mobileVersion .clickedSlide {
    background-color: #30475e !important;
}

.productPanel .topProductInfoWrap {
    height: 512px;
}

.mobileVersion .productPanel .topProductInfoWrap {
    height: auto;
}

.productPanel .topProductInfoWrap .pImageWrap .pListImage {
    display: inline-flex;
    justify-content: flex-start;
    overflow: hidden;
    overflow-x: auto;
    width: 100%;
    height: 20%;
    align-items: center;
}

.productPage .topProductInfo > .textLeft, .productPanel .topProductInfoWrap .pImageWrap .textLeft {
    z-index: 10;
}

.mobileVersion .productPage .topProductInfoWrap > .pImageWrap {
    width: 100%;
    height: 40vh;
}

.productPage .topProductInfoWrap > .pImageWrap {
    display: flex;
    flex-direction: column;
}

.mobileVersion .productPage .pListImage {
    justify-content: center !important;
}

.mobileVersion .productPanel .topProductInfoWrap .pImageWrap {
    position: unset;
}

.mobileVersion .productPanel .topProductInfoWrap .pImageWrap {
    margin: 0 0 20px 0;
}

.clickedSlide {
    border: 1px solid #30475e !important;
}

/*End Slider -------------------------------------------------------*/