@font-face {font-family: 'Vazir';  src: url('../font/Vazir.eot') format('eot'), url('../font/Vazir.woff') format('woff'), url('../font/Vazir.ttf') format('truetype'); }
@font-face {font-family: 'WebsimaRohanRound-Regular';  src: url('../font/WebsimaRohanRound-Regular.ttf') format('truetype');}
::selection {color: white;background: var(--main-color);}*,ul,p,label,.row{padding: 0;margin: 0;}li{list-style: none;}a{text-decoration: none !important;}button:focus , input:focus {outline: 0; box-shadow:none;}img{max-width: 100%;max-height: 100%;}a:hover {color: var(--main-color);}img{max-width: 100% !important;}.dir-ltr{direction: ltr;}.rounded-all{border-radius: 30px !important;}.rounded {border-radius: .45rem!important;}.rounded-top {border-top-right-radius: .45rem!important;border-top-left-radius:.45rem!important;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #757575;background-color: #fff;}  ::-webkit-scrollbar {width: 8px;height:3px;background-color: #F5F5F5;}  ::-webkit-scrollbar-thumb {background: var(--main-color);border-radius: 9px;}
html,body{direction: rtl;font-family: 'Vazir';text-align: right;font-size: 13px;background: #f8f8f8;}
:root{--main-color:#b11117;}
.text-theme{color:var(--main-color);}.bg-theme{background:var(--main-color);}
.container-fluid {position: relative;padding: 0 60px;}
.f-Regular{font-family: 'WebsimaRohanRound-Regular';}
.over-page {position: fixed;top: 0;bottom: 0;right: 0;left: 0;background: #0000007a;z-index: 11;opacity: 0;transition: all 0.3s;display: none;}
.open-menu .over-page {opacity: 1;transition: all 0.3s;display: block;}
canvas {top: 0;right: 0;left: 0;bottom: 0;z-index: 11;}
.position-initial{position: initial;}
/*=*=*=*=*=*= * --- P-commen ---  * ================================== */
.icon-lg{background-image: url("../images/p37.png");background-repeat: no-repeat;background-position: center;width: 50px;height: 29px;}
.icon-lg::before,
.icon-lg::after {content: "";background: var(--main-color);position: absolute;width: 100px;height: 2px;margin: auto;top: 0;bottom: 0;border-radius: 41px;}
.icon-lg::before {right: 100%}
.icon-lg::after {left: 100%}
.ttile-M {font-size: 27px;}
/*=*=*=*=*=*= * --- HEADER--  * ======================== */
.P-Header .Fix-Headr {transition: all 0.3s;z-index: 555;}
.P-Header .li-head:after {position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 0%;content: '';background: #fff;height: 3px; transition: all .5s;border-radius: 12px 12px 0 0;}
.P-Header .li-head:hover:after {width: 100%;}
.bar-menu {transform: scaleX(1.9) scaleY(1.5);margin: 0 11px 0 0;}
.L-ogo::before {content: "";position: absolute;background: #ffffff42;right: -15%;top: 10px;width: 1px;height: 68%;}
.btm-header {background: #ffffffbf;}
.top-header .border-right {border-left: 1px solid #ffffff59 !important;}
.Social-media a {font-size: 20px;color: #ffffffbf;}
.Social-media a:hover { color: #fff;}
.top-header {color: #ffffffbf;}
/*=*=*=*=*=*= * --- select-contry --  * ======================== */
.select-country {z-index: 12;}
.select-country .item-select {top: 101%;overflow: auto;height: 0;transition: all 0.3s}
.select-country.open .item-select {padding: 7px;height: 80px;transition: all 0.3s}
.item-select li {border-bottom: 1px dashed #efefef;cursor: pointer;}
.item-select li:last-child {border-bottom: 0;}
.lan-chose {width: 79px;}
/*=*=*=*=*=*= * --- RESPANSIVE-MENU--  * ======================== */
.M-Rrespansive {font-size: 13px;}
#showRight {transform: rotateX(45deg);font-size: 32px;padding: 0;}
.other-categories .Drp-Dwn {border-bottom: 1px solid #ebebeb;}
.other-categories .Drp-Dwn:last-child {border-bottom: 0;}
.clos-menu {width: 37px;height: 37px;font-size: 23px;left: 5px;background: #efefef !important;top: 5px;}
.Side-mob {background: #fff;top: 0;right: 0;bottom: 0;width: 79%;z-index: 1212;box-shadow: 0 0 10px;transform: translateX(150%);transition: all 0.3s;}
.right-open.Side-mob {transform: translateX(0);transition: all 0.3s;}  .Drp-Dwn {height: 35px;overflow: hidden;}  .icn-mob {width: 42px;}  .drop-categories {background: #f0f0f1;}  .Drp-Dwn .mb-item i {transition: all 0.3s;}  .open-sub.Drp-Dwn {height: auto;}  .open-sub.Drp-Dwn .drop {color:var(--main-color) !important;border-bottom: 1px solid #dfdfe2;}  .open-sub.Drp-Dwn .drop i {transform: rotate(180deg);transition: all 0.3s;}  .over-page {position: fixed;top: 0;bottom: 0;right: 0;left: 0;background: #0000007a;z-index: 11;opacity: 0;transition: all 0.3s;display: none;}  .open-menu .over-page{opacity: 1;transition: all 0.3s;display: block;}
/*=*=*=*=*=*= * --- MEGA-MENU--  * ======================== */
.Mega-Menu {position: initial;}
.Drop-Down:hover:before {display: block;opacity: 1;transition: all 0.3s;}
.Drop-Down:before {content: "";background: #00000052;position: absolute;width: 10006vh;left: -500px;top: 100%;bottom: 0;display: none;opacity: 0;transition: all 0.3s;height: 100vh;}
.InBx-Mega {z-index: 3;}
.Meg-itm {position: relative;}
.Meg-itm:after {position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 0%;content: '';background: var(--main-color);height: 1px; transition: all .5s;}
li:hover .Meg-itm:after {width: 100%;}
.Mega-Menu .fadeIn-bx {background: #ffffffbf;width: 100%;right: 0;left: 0;top: 100%;display: none;opacity:0;overflow: hidden;transition: all 0.3s;box-shadow: 0px 2px 10px -5px #a2a2a2;}
.Mega-Menu .Drop-Down:hover .fadeIn-bx {display: block;opacity:1;transition: all 0.3s;}
.InBx-Mega .Itm-Menu a:hover {color: var(--main-color) ;}
.bx-men {overflow: hidden;}
.bx-men .hovr-bxmen {top: 0;background: #00000047;font-size: 26px;opacity: 0;transition: all 1s;}
.bx-men:hover .hovr-bxmen {opacity: 1;transition: all 1s;}
.bx-men .hovr-bxmen i{position: relative;top: -127px;transition: all 0.5s;}
.bx-men:hover .hovr-bxmen i{top: 0;transition: all 0.5s;}
/*=*=*=*=*=*= * --- TAB-HOVER-MENU--  * ======================== */
.Hvr-Tb-Menu .nav-tabs {border-bottom: 0;}
.Hvr-Tb-Menu .tab-pane.A-ctive{display: block !important;opacity: 1;}
.Hvr-Tb-Menu .Tb-Lnk {padding: 13px 8px;font-size: 16px;}
.Hvr-Tb-Menu .Tb-Lnk i {font-size: 11px;margin: 0 0 0 4px;}
.Hvr-Tb-Menu .Tb-Lnk.A-ctive {border-right: 3px solid var(--main-color);z-index: 11;color: var(--main-color) !important;}

/*=*=*=*=*=*= * --- search-box--  * ======================== */
.BX-serch {visibility: hidden;top: 0;left: 0;right: 0;z-index: 9;}
.serch i {font-size: 20px;}
.BX-serch .container {display: table;}
.BX-serch .close {right: 32px;top: 32px;width: 32px;height: 32px;opacity: 0.3;}
.BX-serch .close:hover {opacity: 1;}
.BX-serch .close:before,
.BX-serch .close:after {position: absolute;left: 15px;content: " ";height: 33px;width: 2px;background-color: white;}
.BX-serch .close:before {transform: rotate(45deg);}
.BX-serch .close:after {transform: rotate(-45deg);}
.BX-serch .search-main {display: table-cell;vertical-align: middle;}
.BX-serch .search-main .search-inner {width: 80%;margin: 0 auto;}
.BX-serch .search-main input {box-shadow: none;padding: 12px 74px 12px 0;font-size: 72px;height: 84px;border-bottom: 2px solid white !important;transform: scale3d(0, 1, 1);transform-origin: 0% 50%;transition: transform 3s;}
.BX-serch.-open {background: rgba(0, 0, 0, 0.8);visibility: visible;animation: fadein 0.8s;}
.BX-serch.-open .search-main input {transform: scale3d(1, 1, 1);transition-duration: 1s;}
@keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}
/*=*=*=*=*=*= * --- PART-BCK-TOP ---  * ================================== */
#scrollTop {text-align: center;position: fixed;bottom: 4px;left: 0;display: none;border-radius: 50%;border: 0;background: #69060600;z-index: 99;transition: 0.5s;}
#scrollTop:hover{transition: 0.5s;color: #000;}
#scrollTop .circle {background: var(--main-color);font-size: 21px;cursor: pointer;transform: translate(-4%,0%);width: 40px;height: 40px;border: 1px solid #fff;box-shadow: 0 0 7px 2px #9a9a9a;border-radius: 50%;overflow: hidden;padding: 8px 0 0;}
/*=*=*=*=*=*= * --- P-Title ---  * ================================== */
.P-F-Slider img{object-fit: cover;}
.contct-sl {background: #00000069;bottom: -300px;transition: all 2s;}
.active .contct-sl {bottom: 0;transition: all 2s;}
.Tak-sl .owl-nav {margin:0 !important;height: 0 !important;}
.Tak-sl .owl-nav span {font-size: 80px;display: block;color: white;position: absolute;top: 50%;}
.Tak-sl .owl-nav .owl-prev span {right: 40px;}
.Tak-sl .owl-nav .owl-next span {left: 40px;}
.Tak-sl .owl-dots {position: absolute;right: 0;left: 0;bottom: 34px;}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {background: var(--main-color);}
.owl-theme .owl-dots .owl-dot span {background: #fff ;}
/*=*=*=*=*=*= * --- B-x1 --  * ======================== */
.B-x1 {transition: all 0.3s;overflow: hidden;}
.B-x1:hover {transition: all 0.3s;    background: #f8f8f8;transform: translateY(-8px)}
.B-x1:after {background: rgba(255,255,255,.3);border-right: 2px solid var(--main-color);top: 0;left: 170%;opacity: 1;z-index: 1;transform: skewX(45deg);transition: all 1s ease 0s;content: "";width: 100%;height: 100%;position: absolute;}
.B-x1:hover:after {left: -170%;}
/*=*=*=*=*=*= * --- B-x2 --  * ======================== */
.B-x2 .circl-x2 {overflow: hidden;}
.B-x2 .ttl-x2 {color: #585858;}
.B-x2 .into-x2 {transition: all 1s;top: 0;right: 0;}
.B-x2:hover .into-x2 {transition: all 1s;box-shadow: inset 0 0 100px 150px #b111178c;}
.B-x2 .inbx-x2 {transition: all 0.5s;transform: scale(0);}
.B-x2:hover .inbx-x2 {transition: all 0.5s;transform: scale(1);}
.B-x2 .exp-x2 {letter-spacing: 2px;}
.B-x2 .describ-x2 {font-size: 15px;}
/*=*=*=*=*=*= * --- P-Abutus --  * ======================== */
.P-Abutus {background: #ebebeb;}
.P-Abutus .exp-abut {line-height: 25px;}
/*=*=*=*=*=*= * --- FOOTER --  * ======================== */
.P-Advrtis .exp-adver {line-height: 25px;}

/*=*=*=*=*=*= * --- P-Qustions --  * ======================== */
.P-Question {overflow: hidden;}
.each-Q{box-shadow: 0 6px 23px -5px #d6d6d6;}
.btn-Q {font-size: 15px;cursor: pointer;    background: #636363;}
.btn-Q i {transition: all 0.3s;float: left;font-size: 15px;margin: 3px 0 0;transform: rotate(180deg);}
.btn-Q.collapsed i {transition: all 0.3s;transform: rotate(0deg);}
.body-Q {line-height: 25px;background: white;border-radius: 0 0 10px 10px;font-size: 13px;}
.B-x3 {z-index: 1;}
.B-x3:before {content: "";background: var(--main-color);position: absolute;top: -300px;bottom: 0;right: 0;left: 0;z-index: -1;height: 200%;margin: auto;width: 46%;}
.download {width: 41px;height: 41px;font-size: 20px;transform: rotate(45deg);}
.download i {transform: rotate(-45deg);}


/*=*=*=*=*=*= * --- FOOTER --  * ======================== */
.P-Footer {background: #373737;}
.top-ft {border-bottom: 1px solid #ffffff30;font-size: 14px;letter-spacing: 1px;    color: #ffffffde;}
.top-ft i {font-size: 28px;}
.Itm-Ft {color: #ffffff94;font-size: 12px;}
.Itm-Ft:hover {color: #fff;}
.Itm-Ft i {font-size: 6px;transform: rotate(45deg);}
.letter-p input{border: 0;border-bottom: 1px solid #ffffff94 !important;}
.ft-social li {transform: rotate(45deg);margin: 7px;width: 37px;height: 37px;border: 1px solid #e0e0e0;border-radius: 2px;}
.ft-social li:hover {transition: all 0.3s;box-shadow: 0 0 10px 0 #d8d8d8;}
.ft-otm {transition: all 0.3s;width: 37px;height: 37px;font-size: 19px;transform: rotate(-45deg);}
.ft-otm i {transition: all 1.2s; }
.ft-otm:hover i {transform: rotate(360deg) scale(1.4);transition: all 1s; }
.P-BtmfFt::before, .P-BtmfFt::after {content: "";background-image: url(../images/p11.png);background-repeat: no-repeat;height: 100%;width: 172px;position: absolute;top: 0;background-size: auto 100%;}
.P-BtmfFt::before {right: 0;}
.P-BtmfFt::after {left: 0;transform: rotateY(180deg);}
/*=*=*=*=*=*= * --- login-register --  * ======================== */
.P-RLogn .title-L {font-size: 26px;}
.P-RLogn .title-L::before {content: "";background: var(--main-color);width: 95px;height: 3px;position: absolute;right: 0;left: 0;margin: auto;bottom: 0;border-radius: 12px;}
.P-RLogn {overflow: hidden;width: 900px;height: 550px;box-shadow: 0 8px 23px -5px #d6d6d6;}
.P-RLogn .sign-in {width: 580px;-webkit-transition: -webkit-transform 1.2s ease-in-out;transition: -webkit-transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.P-RLogn.s--signup .sign-in {-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;-webkit-transition-duration: 1.2s;transition-duration: 1.2s;-webkit-transform: translate3d(640px, 0, 0);transform: translate3d(640px, 0, 0);}
.P-RLogn .sign-up {width: 580px;-webkit-transition: -webkit-transform 1.2s ease-in-out;transition: -webkit-transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;-webkit-transform: translate3d(-900px, 0, 0);transform: translate3d(-900px, 0, 0);}
.P-RLogn.s--signup .sign-up {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.P-RLogn .sub-cont {overflow: hidden;left: 541px;top: 0;width: 900px;padding-left: 260px;-webkit-transition: -webkit-transform 1.2s ease-in-out;transition: -webkit-transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;}
.P-RLogn.s--signup .sub-cont {-webkit-transform: translate3d(-541px, 0, 0);transform: translate3d(-541px, 0, 0);}
.P-RLogn .TxBx {box-shadow: 0px 5px 7px -7px #3c3c3c;border: 0;height: 43px;line-height: 43px;transition: all 0.4s;}
.P-RLogn .TxBx:focus {border-bottom: 1px solid var(--main-color);border-radius: 3px;transition: all 0.4s;}
.P-RLogn .subjct-L {color: #bdbdbd;}
.P-RLogn .btn-efct3 {height: auto;border: 1px solid var(--main-color);color: var(--main-color);}
.P-RLogn button {margin: auto;width: 205px;}
.P-RLogn .img {overflow: hidden;z-index: 2;left: 0;top: 0;width: 361px;}
.P-RLogn .img:before {background-image: url("../images/page/p27.jpg");content: '';position: absolute;right: 0;top: 0;width: 1009px;height: 100%;background-size: cover;-webkit-transition: -webkit-transform 1.2s ease-in-out;transition: -webkit-transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;}
.P-RLogn.s--signup .img:before {-webkit-transform: translate3d(640px, 0, 0);transform: translate3d(640px, 0, 0);}
.P-RLogn .img__text {z-index: 2;left: 0;top: 50px;-webkit-transition: -webkit-transform 1.2s ease-in-out;transition: -webkit-transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;}
.P-RLogn.s--signup .img__text.m--up {-webkit-transform: translateX(520px);transform: translateX(520px);}
.P-RLogn .img__text.m--in {-webkit-transform: translateX(-520px);transform: translateX(-520px);}
.P-RLogn.s--signup .img__text.m--in {-webkit-transform: translateX(0);transform: translateX(0);}
.P-RLogn .img__btn {margin: 300px auto 0;overflow: hidden;z-index: 2;width: 100px;height: 36px;background: transparent;text-transform: uppercase;cursor: pointer;}
.P-RLogn .img__btn:after {content: '';z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 2px solid #fff;border-radius: 30px;}
.P-RLogn .img__btn span {left: 0;top: 0;display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;-webkit-transition: -webkit-transform 1.2s;transition: -webkit-transform 1.2s;transition: transform 1.2s;transition: transform 1.2s, -webkit-transform 1.2s;}
.P-RLogn .img__btn span.m--in {-webkit-transform: translateY(-72px);transform: translateY(-72px);}
.P-RLogn.s--signup .img__btn span.m--in {-webkit-transform: translateY(0);transform: translateY(0);}
.P-RLogn.s--signup .img__btn span.m--up {-webkit-transform: translateY(72px);transform: translateY(72px);}
.P-RLogn .forgot-pass {font-size: 12px;border-bottom: 1px dashed;}
/*=*=*=*=*=*= * --- BX-cart--  * ======================== */
.BX-cart {box-shadow: 0 18px 23px -5px #d6d6d6;border-radius: 9px 9px 0 0;position: sticky !important;position: -webkit-sticky !important;top: 188px;}
.BX-cart::after {content: "";background-image: url(../images/page/p-3.png);position: absolute;bottom: -17px;width: 100%;height: 28px;right: 0;left: 0;background-position: bottom;background-repeat: no-repeat;z-index: -1;background-size: 100% auto;}
.BX-cart .titl-c {font-size: 19px;color: #5a5a5a;}
.BX-cart .titl-c::before, .titl-c::after {content: "";background-image: url(../images/page/p-2.png);width: 61px;height: 54px;position: absolute;background-repeat: no-repeat;top: -32px;}
.BX-cart .titl-c::before{right: 6px;}
.BX-cart .titl-c::after {left: 6px;}
.all-order {background: #f3f3f39e;}
.all-order .name-c{font-size: 14px;color: dimgrey;}
.all-order .prc-order{font-size: 13px;color: dimgrey;}
.all-order .prc-order span {color: #afafaf;}
.all-order .all-price {color: black;}
.BX-cart .som-descrbe {background: #f3f3f3;}
.BX-cart .whol-pr {font-size: 18px;}
.all-order .delet-order {color: #8c8c8c;font-size: 16px;}
.btn-efct1 {transition: all 0.3s;height: auto;}
.btn-efct1:hover {transition: all 0.3s;transform: translateY(-5px) scale(1.01);box-shadow: 0 3px 12px 0px #a2a2a2;}
.Add-number {border-left: 1px solid var(--main-color);}
.Add-number .number-pr {width: 22px;height: 28px;border-radius: 38px;border: 1px solid var(--main-color);margin: 1px 0;}
.Add-number .MxMn-pr {width: 22px;height: 22px;border: 1px solid;font-size: 19px;cursor: pointer;}
/*=*=*=*=*=*= * --- category --  * ======================== */
.sort-ttl {font-size: 15px;}
.sort-li {color: #929292;}
.sort-li:hover {background: #f5f5f5;}
.sort-li.active {background: var(--main-color);color: #fff;}
.P-F-Slider {top: 0;}
.Main-deta {background: #f9f9f9 !important;}
.sub-ttle {box-shadow: 0 12px 12px -13px #dedede;}
.sub-ttle.text-left::before {left: auto;}
.sub-ttle::before {content: "";background: var(--main-color);border-radius: 62px;position: absolute;right: 0;left: 0;bottom: -3px;margin: auto;width: 100px;height: 3px;}
/*=*=*=*=*=*= * --- side advance search --  * ======================== */
.Advnc-body {font-size: 13px;max-height: 300px;overflow: auto;}
.field-seach {background: #f3f3f38c;}
.Advnc-ttl {font-size: 14px;}
.describe-categor {line-height: 28px;color: #545454;}
.describe-categor a {color: var(--main-color);border-bottom: 1px dashed;}

/*=*=*=*=*=*= * --- abot-us --  * ======================== */
.Main-deta {background: #f3f3f3;}
.P-Title {height: 500px;}
.P-Title .contct-sl {background: #00000000;bottom: 0;}
.P-Aboutus {line-height: 30px;font-size: 15px;}
.BX-2 .pc-team{transition: all 0.3s;}
.BX-2:hover .pc-team{transition: all 0.3s;transform: translateY(-8px);box-shadow: 0 18px 23px -5px #d6d6d6;}
/*=*=*=*=*=*= * --- P-news ---  * ================================== */
.whol-1::before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;height: 2px;background: #efefef;}
.BX-4 .dateq {font-size: 36px;margin: 0 0 -9px;}
.BX-4 .date-1::before {content: "";background: var(--main-color);position: absolute;bottom: 0;border-radius: 3px;height: 2px;width: 62%;right: 0;left: 0;margin: auto;}
.BX-4 .seeq {color: #b3b3b3;font-size: 12px;margin: -8px 0 0;}
.BX-4 .mounthq {font-weight: bold;color: #888888;}
.BX-4 {transition: all 0.3s;}
.BX-4:hover {transition: all 0.3s;background: #f3f3f35e;}
.BX-5 {line-height: 24px;}
/*=*=*=*=*=*= * --- contct-us --  * ======================== */
.item-field {padding: 12px 10px;box-shadow: 0px 2px 5px -1px #d4d4d4;}
.sub-deta .media-li{transition: all 0.3s;filter: grayscale(1);}
.sub-deta .media-li:hover{transition: all 0.3s;filter: grayscale(0);}
.sub-deta {font-size: 16px;color: #4a4a4a;}
/*=*=*=*=*=*= * --- Bx-3 --  * ======================== */
.BX-3 {height: 146px;box-shadow: 0 2px 14px -3px #c7c7c7;overflow: hidden;}
.BX-3 .pc-category{object-fit: cover;transition: all 1s;}
.BX-3:hover .pc-category{transform: scale(1.1);transition: all 1s;}
.BX-3 .contct-3 {top: 0;background: #00000047;opacity: 0;transition: all 0.5s;}
.BX-3:hover .contct-3 {opacity: 1;transition: all 0.5s;}
.BX-3 .contct-3 i {border: 1px solid ;color: #ffffff;background: #f07c0152;width: 39px;height: 39px;margin: 22px auto 0;font-size: 18px;}
/*=*=*=*=*=*= * --- P-Products ---  * ================================== */
.head-item{box-shadow: 0 6px 23px -5px #d6d6d6;}
.head-tab {font-size: 15px;}
.head-tab::-webkit-scrollbar {height: 3px;background-color: #fff;}
.head-tab::-webkit-scrollbar-thumb {background: var(--main-color);border-radius: 9px;}
.off-lnk {color:#fff !important;background: var(--main1-color);}
.sle-lnk {color:#fff !important;background: var(--main-color);}
.off-lnk:hover {color:#000 !important;}
.sle-lnk:hover {color:#000 !important;}
.head-tab a {color: #555555;transition: all 0.3s;    white-space: nowrap;}
.head-tab a:hover {background: #5555551c;transition: all 0.3s;}
.head-tab a.active.show {background: #555555;color: white;transition: all 0.3s;}
.BX-1{transition: all 0.3s;}
.BX-1 .Off-c {width: 58px;height: 59px;font-size: 20px;box-shadow: 0 6px 15px -3px #a2a2a2;border: 1px solid;left: 27px;top: 27px;}
.BX-1 .name-pr {font-size: 18px;}
.BX-1 .detal-pr {color: #737373;font-size: 13px;}
.BX-1 .price-pr{color: #a7a7a7;}
.BX-1 .old-prc {text-decoration: line-through;}
.BX-1 .new-prc {font-size: 17px;color: #272727;}
.BX-1 .btn-efct2 {color: #8c8c8c;border: 1px solid #b7b7b7;transition: all 0.3s;}
.BX-1 .pc-pr {height: 243px;}
.BX-1:hover{transition: all 0.3s;background: #fff;box-shadow: 0 6px 23px -5px #d6d6d6;transform: translateY(-5px);}
.BX-1:hover .btn-efct2{color: #fff;border: 1px solid var(--main-color);background: var(--main-color);transition: all 0.3s;}

/*=*=*=*=*=*= * --- articles --  * ======================== */
.Bx-6 {filter: saturate(0.7);}
.Bx-6:hover {filter: saturate(1);}
.Bx-6 .label-type {z-index: 11;right: 21px;top: 21px;}
.Bx-6 .ttl-6 {font-size: 17px;}
.Bx-6:hover .ttl-6 {color: var(--main-color) ;}
.Bx-6 .expln-6 {color: #313131;line-height: 22px;height: 109px;overflow: hidden;}
.Bx-6 .dte-6 {transition: all 0.3s;color: #949494;font-size: 11px;}
.Bx-6:hover .dte-6 {transition: all 0.3s;transform: translateX(-5px)}
.Bx-6 .see-more {transition: all 0.3s;}
.Bx-6:hover .see-more {color: var(--main-color) !important;transition: all 0.3s;transform: translateX(12px)}
.Bx-6 .pc-article {height: 188px;object-fit: cover;}
.Bx-7 .exp-7 {font-size: 15px;line-height: 30px;color: #565656;}
.share-7 a {font-size: 25px;color: #ababab;}
.share-7 a:hover {color: var(--main-color);}
/*=*=*=*=*=*= * --- P-Product ---  * ================================== */
.exp-po1 {font-size: 15px;color: #909090;}
.exp-po2 {font-family: 'Font Awesome 5 Brands';font-size: 19px;color: #5f5f5f;}
.table-options .table td,
.table-options .table th {padding: 1rem;vertical-align: middle;border-top: 1px solid #dee2e6;font-size: 13px;}
.see-catalog {background: #000;}
.option-product {border-bottom: 2px solid #d0d0d0;padding-right: 150px;padding-left: 150px;}
.Ad-pt p {font-size: 11px;color: #828282;}
.sl-p4 img {width: auto !important;margin: auto;}
.slide i.fas.fa-search {right: 25px;top: 25px;z-index: 11;background: #ffffff96;width: 55px;height: 55px;font-size: 21px;}
.BXX-Modal.show{display: flex !important;}
.modal-img1 {width: 355px;}
.modal-img2 {
    height: 500px;
    width: 100%;
    object-fit: cover;
}
/*=*=*=*=*=*= * --- zoom --  * ======================== */
.R-sl .zoom {background-position: 50% 50%;overflow: hidden;cursor: zoom-in;}
.R-sl .zoom img:hover {opacity: 0;}
.R-sl .zoom img {transition: opacity 0.5s;display: block;width: 100%;}
/*=*=*=*=*=*= * --- form --  * ======================== */
.P-Formm {font-size: 14px;color: #3a3a3a;}
.main-titlwe {font-size: 21px;line-height: 48px;}
.mini-exp {color: #888888;font-size: 12px;}
.P-Formm th,
.P-Formm td {font-size: 13px;color: #3a3a3a;}
/*=*=*=*=*=*= * --- radio --  * ======================== */
.radio-QW:checked,
.radio-QW:not(:checked) {position: absolute;right: 0;opacity: 0;display: none;}
.radio-QW:checked + label,
.radio-QW:not(:checked) + label {position: relative;padding-right: 28px;cursor: pointer;line-height: 20px;display: inline-block;color: #666;}
.radio-QW:checked + label:before,
.radio-QW:not(:checked) + label:before {content: '';position: absolute;right: 0;top: 0;width: 18px;height: 18px;border: 1px solid #ddd;border-radius: 100%;background: #fff;}
.radio-QW:checked + label:after,
.radio-QW:not(:checked) + label:after {content: '';width: 12px;height: 12px;background: var(--main-color);position: absolute;top: 3px;right: 3px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.radio-QW:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.radio-QW:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
/*=*=*=*=*=*= * --- step --  * ======================== */
.step-progress .step-slider .step-slider-item {height: 3px;background-color: #E0E0E0;}
.step-progress .step-slider .step-slider-item:after {content: "";width: 50px;height: 50px;position: absolute;top: -25px;left: 0;background-color: #FAFAFA;border: 3px solid #E0E0E0;border-radius: 50%;z-index: 2;transition: all 0.3s ease-out 0.5s;-webkit-transition: all 0.3s ease-out 0.5s;}
.step-progress .step-slider .step-slider-item:before {content: "";position: absolute;top: 0;left: 0;width: 0%;height: 3px;background-color: #B0BEC5;z-index: 1;-webkit-transition: all 0.5s ease-out;}
.step-progress .step-slider .step-slider-item.active:before {width: 100%;background-color: var(--main-color);}
.step-progress .step-slider .step-slider-item.active:after {border-color: var(--main-color);}
.step-progress .txt-step {left: 21px;z-index: 11;top: -7px;}
.step-content .step-content-foot button {border: 0;padding: 8px 16px;background-color: #CFD8DC;font-size: 14px;border-radius: 3px;outline: 0;}
.step-content .step-content-foot button:active {background-color: rgba(255, 255, 255, 0.2);}
.step-content .step-content-foot button.out {display: none;}
.step-content .step-content-foot button.disable {background-color: #ECEFF1;}
.step-content .step-content-foot button.active {background-color: var(--main-color);color: white;}
.step-content .step-content-body.out {display: none;}

/*=*=*=*=*=*= * --- RESPANSIVE --  * ======================== */

@media (min-width:1400px){
    .container-fluid {max-width: 1400px;padding: 0;}
}
@media (min-width: 576px){
    .modal-dialog {max-width: 85%;}
}
@media (max-width:1024px){
    .container-fluid {padding: 0 10px;width: 100%;}
}
@media (max-width:768px){
    .option-product{padding: 0;}
    .P-Title, .P-F-Slider img {height: 47vh !important;    padding: 7% 0 0;}
    .Drop-Menu {position: fixed;background: #fff;right: 0;top: 0;height: 100vh;width: 73%;z-index: 1;    transform: translateX(110%);transition: all 0.3s;}
    .Drop-Menu .drp-Itm {display: block !important;border-bottom: 1px dashed #ffffff4d;}
    .Drop-Menu.right-open {transform: translateX(0%);transition: all 0.3s;}
    .container-fluid {padding: 0 6px;}
    .Drop-Menu .click-op {float: left;border: 1px solid #838486;margin: 6px 2px 0;border-radius: 2px;width: 29px;height: 29px;display: inline-flex !important;align-items: center;justify-content: center;background: linear-gradient(45deg, #888888, transparent);}
    .list-drop {position: relative;min-width: auto;opacity: 1 !important;background: #f5f5f5ba !important;}
}
@media (max-width: 500px){
    html, body ,.head-tab{font-size: 12px;}
    canvas.connecting-dots{display: none !important;}
    .ft-social li ,.ft-otm{font-size: 17px;width: 27px;height: 27px;}
    .Tak-sl .owl-nav span {font-size: 40px;top: 47%;}
    .Tak-sl .owl-nav .owl-prev span {right: 10px;}
    .Tak-sl .owl-nav .owl-next span {left: 10px;}
    .owl-theme .owl-dots .owl-dot span {margin: 2px;width: 7px;height: 7px;}
    .Tak-sl .owl-dots {right: 12px;left: auto;bottom: 17px;}
    .ttile-M {font-size: 19px;}
    .B-x3:before {top: -19px;bottom: auto;right: -20px;height: 180px;width: 120%;}
}