@font-face {font-family: 'IRANSansWeb(FaNum)';  src: url('../font/IRANSansWeb(FaNum).ttf') format('truetype'); }
@font-face {font-family: 'Khandevane';  src: url('../font/Khandevane.woff') format('woff'), url('../font/Khandevane.ttf') format('truetype'); }
/*-*-*-*------------commen-style */
*,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%;}
html,body{overflow-x:hidden;direction: rtl;font-family: 'IRANSansWeb(FaNum)';background:#e9edee;font-size: 13px;}
/*-----------------------------------------------------------------------------------------------*/
::selection {color: white;background: var(--main-color);} *,ul,p,label,.row{padding: 0;margin: 0;}
li{list-style: none;}  a{text-decoration: none !important;}a:hover {color: var(--main-color);}  button:focus , input:focus {outline: 0; box-shadow:none;}  img{max-width: 100%;max-height: 100%;}
.rounded {border-radius: .5rem!important;}.dir-ltr{direction: ltr;}.position-initial {position: initial;}  .rounded-all{border-radius: 40px;}
html,body{overflow-x:hidden;direction: rtl;;background:#f8f8f8;font-size: 13px;}body::-webkit-scrollbar {width: 8px;background-color: #d7d9d3;}  body::-webkit-scrollbar-thumb {background: #edb00a;border-radius: 9px;}
:root{--main-color:#ffc107;}
.sub-titls {font-size: 17px;color: #313131;}  .sub-titls::before {content: "";background: var(--main-color);position: absolute;right: 0;bottom: -1px;width: 10%;height: 3px;left: 0;margin: auto;border-radius: 8px;}  .sub-titls span {font-size: 13px;margin: 9px 0 0;color: #9c9c9c;}
/*=*=*=*=*=*= * --- header--  * ======================== */
.new-style .btm-header {transition: all 0.7s;margin: -65px 0 0;}  .new-style .top-header {transition: all 0.7s;padding: 8px 0 !important;}  .new-style1 .btm-header {transition: all 0.7s;background: #3c3c3c;}  .new-style1 .Meg-itm1 {transition: all 0.7s;padding-top: 2px !important;padding-bottom: 2px !important;}
/*=*=*=*=*=*= * --- header--  * ======================== */
.top-header {background: #252525;z-index: 1;transition: all 0.3s;}  .btm-header {background: white;transition: all 0.3s;margin: 0 0;}  .S-earch {width: 58%;}
.Cz-1 i {font-size: 28px;}  .Cz-2 {border: 1px solid #ffffff45;}  .each-itm .numbr {width: 16px;height: 16px;}  .Cz-3 .numbr {top: -5px;right: -5px;}  .Cz-1 .numbr {top: 12px;right: -10px;}
/*-----------------------------------menu-mobileeeeee-------*/
a.Meg-itm1 {font-size: 14px;}
img.squre{margin: 20px 24px;}
a.naav-link.p-2 {font-size: 15px;} a.naav-link{color: black; font-size:14px;} a.naav-link:hover{color:#edb00a; transition: 0.3 ease; }
.Prt-X1 {
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 999991;
    float: left;
}
.Prt-X1 span {
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    background-color: #edb00a;
    transform: translate(0, -50%);
    transition: opacity 0.3s 0.3s;
}
.Prt-X1::before,
.Prt-X1::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    background-color: #edb00a;
    transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s;
}
.Prt-X1::before {
    top: 6px;
}
.Prt-X1::after {
    bottom: 6px;
}
.open .Prt-X1 span {
    opacity: 0;
    transition: opacity 0.3s;
}
.open .Prt-X1::before,
.open .Prt-X1::after {
    background-color: #edb00a;
}
.open .Prt-X1::before {
    top: calc(50% - 1px);
    transform: rotate(45deg);
}
.open .Prt-X1::after {
    bottom: calc(50% - 1px);
    transform: rotate(-45deg);
}
.open .Prt-X1::before,
.open .Prt-X1::after {
    transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s;
}

/*-*-*-*------------Prt-X2 افکت بک گراند منو */
.Prt-X2 {
    visibility: hidden;
    width: 334%;
    height: 273px;
    position: absolute;
    left: -130%;
    background-color: #fff;
    transition: background-position 0.5s, transform 0.5s 0.5s, visibility 0.5s 1s;
}
.open .Prt-X2 {
    visibility: visible;
    transition: background-position 0.5s, transform 0.5s 0.5s;
}
.Prt-X2.top {
    transform: rotate(-45deg) translateY(-150%);
    background: linear-gradient(to top, #ffc107 50%, #fff 50%);
    background-size: 100% 200%;
    background-position: -100% 100%;
}
.open .Prt-X2.top {
    transform: rotate(-45deg) translateY(-49%);
    background-position: 0 0;
}
.Prt-X2.middle {
    transform: rotate(-45deg) translateY(50%) scaleY(0);
    background: #fff;
}
.open .Prt-X2.middle {
    transform: rotate(-45deg) translateY(50%) scaleY(1);
}
.Prt-X2.bottom {
    transform: rotate(-45deg) translateY(250%);
    background: linear-gradient(to bottom, #fff 50%, #ffc107 50%);
    background-size: 100% 200%;
    background-position: 0 -100%;
}
.open .Prt-X2.bottom {
    transform: rotate(-45deg) translateY(149%);
    background-position: 0 0;
}

/*-*-*-*------------Prt-X3 استایل منو موبایل */
.Prt-X3 {
    position: absolute;
    right: 0;
    left: 0;
    top: 48px;
    padding: 85px 22px 0;
    visibility: hidden;
    list-style-type: none;
    margin: 0;
    z-index: 99999;
}
.open .Prt-X3 {
    visibility: visible;
}
.Prt-X3 .list-menu {
    opacity: 0;
    margin-bottom: 5px;
    transform: translateX(-20px);
    transition: all 0.3s;
}
.open .Prt-X3 .list-menu {
    opacity: 1;
    transform: translateX(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.open .Prt-X3 .list-menu:nth-child(1) {
    transition-delay: 1.1s;
}
.open .Prt-X3 .list-menu:nth-child(2) {
    transition-delay: 1.2s;
}
.open .Prt-X3 .list-menu:nth-child(3) {
    transition-delay: 1.3s;
}
.open .Prt-X3 .list-menu:nth-child(4) {
    transition-delay: 1.4s;
}
.open .Prt-X3 .list-menu:nth-child(5) {
    transition-delay: 1.5s;
}
.open .Prt-X3 .list-menu:nth-child(6) {
    transition-delay: 1.6s;
}
.open .Prt-X3 .list-menu:nth-child(7) {
    transition-delay: 1.7s;
}
.Prt-X3 a {
    position: relative;
    font-size: 24px;
    text-decoration: none;
    color: #ffc107;
}
.Prt-X3 a::before {
    content: "";
    display: block;
    height: 2px;
    width: 0;
    position: absolute;
    left: -30px;
    top: 50%;
    background-color: #ffc107;
    transform: translateY(-50%);
    transition: width 0.3s;
}
.Prt-X3 a:hover::before {
    width: 15px;}
/*-*-*-*------------accordianNav لیست داخلیه منو موبایل */
.accordianNav a,
.accordianNav h3 {
    display: block;
    line-height: 2.5em;
    color: #757575;
    letter-spacing: 2px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    font-size: 13px;
    font-weight: 100;}

.accordianNav a {
    text-decoration: none;
    padding-left: 0;}
.accordianNav h3:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #444;
    background: rgba(244, 244, 244, .3);
    transition: all 0.3s ease-out;}

.accordianNav h3:hover:before,
.accordianNav .dropArrow.active:before {
    width: 2%;}

.accordianNav .dropArrow span {
    z-index: 2;
    position: relative;}

.accordianNav .dropArrow:after,
.accordianNav .dropArrow1:after{
    content: "";
    width: 6px;
    height: 6px;
    border-bottom: 2px solid #757575;
    border-right: 2px solid #757575;
    float: right;
    position: relative;
    top: 12px;
    right: -5px;
    
    transform: rotate(45deg);
    transform-origin: center;}

.accordianNav .dropArrow.active ,
.accordianNav .dropArrow1.active {
    color: #000;}

.accordianNav .dropArrow.active:after ,
.accordianNav .dropArrow1.active:after {
    transform: rotate(-135deg);
    border-color: #000;}

li.list-menu {
    border-bottom: 1px dashed #999999;}
.accordianNav a:hover,
.accordianNav a:active,
.accordianNav h3:hover,
.accordianNav h3:active,
.accordianNav h3.dropArrow:hover:after,
.accordianNav h3.dropArrow:active:after {
    color: #000;
    border-color: #000;
    -webkit-transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88);
    transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88);}

.accordianNav li {
    list-style-type: none;}

.accordianNav a {
    transform: translate(0px, 0px);
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);}

.accordianNav ul ul li a:hover {
    transform: translate(8px, 0px);}
.accordianNav ul ul {
    display: none;}

.accordianNav li.active ul {
    display: block;
}
.accordianNav .list-menu ul {
    background: #0000000d;
    padding: 12px 20px;
}
h3.dropArrow1 {
    padding: 0;
    margin: 0;}
/*-----------------------------------------------------------------header*/
.part-header {
    z-index: 111;}
.top-header {background: white;}

.btm-header{
 background-color:#e9e9e9;}
section.s-dig {margin: -25px;}
/*=*=*=*=*=*= * --- MEGA-MENU--  * ======================== */
.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;}
.ic-menu {width: 60px;}
.Meg-itm1 {transition: all 0.3s;} 
.Meg-itm:after {position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 0%;content: '';background: #edb00a;height: 3px; transition: all .5s;} 
.Meg-itm:hover:after {width: 100%;}
.Mega-Menu .foorm {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: #edb00a ;}
.masonry {column-count: 2;column-gap: 5px;}
.masonry .masonry-item {box-sizing: border-box;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;counter-increment: brick-counter;}  
.masonry img {width: 100%;height: 100%;object-fit: cover;} 
@media (min-width: 768px) {  .masonry {column-count: 3;}  }  @media (min-width: 1199px) {  .masonry {column-count: 4;}  }
.Mega-Menu .fadeIn-bx {
    right: 0;
    left: 0;
    top:90%;
    display: none;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s;
    box-shadow: 0px 2px 10px -5px #a2a2a2;
}

/*=*=*=*=*=*= * --- 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: 4px 6px;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;} 
/*=*=*=*=*=*= * --- RESPANSIVE-MENU--  * ======================== */
.Side-mob {top: 0;right: 0;bottom: 0;overflow-y: auto;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;}
.home{color: blueviolet;} .fire{color: orangered;} .information{color: deeppink;}  .see-thiscategori{font-size: 14px;} .fa-long-arrow-alt-left{color: #c99c16;}
.Titl-Col:hover{color:#edb00a;}

.Titl-Col {
    color: #181717;
    font-size: 15px;
}

/* ----------------------------------------------------------------------------------header-------------------   */
body{background: #f2f1f1}
.Fix-Headr {background: white;}
.btm-header{background: white;}
.sssw {
    border-radius: 50px;
    overflow: hidden;
    border: 1px solid red;
    width: 50%;
    text-align: center;
   padding: 5px;
    float: left;
    margin-left: 23px;
    }


.foorm{margin: auto;}
.S-earch{
     border-radius: 50px;
    overflow: hidden;
    text-align: center;
    background:#eef3f4;
    width: 65%;
    color: black;}   .zarebin{font-size: 20px;}

/*________________________________________________________________________slider1*/
.sl-pr1 .owl-nav span {
    background: transparent;
    display: block;
    width: 17px;
    height: 59px;
    border-radius: 4px;
    font-size: 57px;
    color: #a9a0a0;
    position: absolute;
    top: 57%;
}

.sl-pr1 .owl-nav .owl-prev span {
    right: 52px;
}
.sl-pr1 .owl-nav .owl-next span {
    left: 52px;
}

.sl-pr1 .owl-dots {
    text-align: center;
    position: absolute;
    bottom: 30px;
    display: inline-block;
    align-items: center;
    width: 100%;}
.media-li{ width: 48px; display: inline-flex; justify-content: center; align-items: center;}
.nav-social {position: fixed;  bottom: 0; z-index: 111111;left: 1px!important; background:#D2691E;border: 1px solid;
    border-radius: 53%;}
img.social-item {width: 77%; margin-right: 4px;}
/*------------------------------------------------------------------------------------------slider2*/
.sl-pr3 .owl-nav span {
   background: transparent;
    display: block;
    width: 38px;
    height: 59px;
    border-radius:30px;
    line-height: 56px;
    font-size: 48px;
    color: #a9a0a0;
    position: absolute;
    top: 37%;}
.sl-pr3 .owl-nav .owl-prev span {right:6px;}
.sl-pr3 .owl-nav .owl-next span {left: 6px;}


.sl-pr8 .owl-nav span {
   background: transparent;
    display: block;
    width: 38px;
    height: 59px;
    border-radius:30px;
    line-height: 56px;
    font-size: 48px;
    color: #a9a0a0;
    position: absolute;
    top: 37%;}
.sl-pr8 .owl-nav .owl-prev span { right:6px;}
.sl-pr8 .owl-nav .owl-next span {left: 6px;}

.pc-o7{height: 98px;}
.Box-o1 {transition:all 0.3s; box-shadow: 0 2px 10px -2px #e1e1e1;}
.Box-o1:hover {transition:all 0.3s; box-shadow: 0 2px 26px -2px #e1e1e1;}
.pc-o1 {height: 210px; text-align: center;}
.Box-o{height: 328px;}
.title-o1 {color: #3a3232; height: 52px; font-size: 12px;}
.ft-o1 {height: 42px;}
.numbr-new {font-size: 17px;}
.part-product1{background: #edb00a;}
.observe{border:1px solid #e7cccc; border-radius: 50px;}
.option-o1{color: #c6c6c6;}

.P-Sections{background-color: #0c0c0c;} 

.Box-e5 {
    background: #e4e7eb;
    width: 122px;
    height: 122px;
    transition: all 0.3s;  margin: auto}

.dayere{
   background: white;
    border: 4px solid #ffc107;
    border-radius: 50%;
    overflow: hidden;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;}
/*------------------------------------------------اسلایدر پرفروش ترین محصولات*/
.basket {
    box-shadow: 0 2px 5px -2px #868686;
    width: 31px;
    height: 31px;
    text-align: center;
    font-size: 25px;
    color: #fff;
    cursor: pointer;
    background: #e81043;
    position: absolute;
     right: 10px;
      bottom: 5px;}

.P-Sectionsp{background: #f8f8f8;}
.mahsol{color:#ed850a; font-size: 19px; font-weight: 600px;}
.Box-m .name-e1 {font-size: 13px; color: #545454; padding: 30px;}
.off-card {
    background: #e81043;
    border-radius: 50px;
    padding: 0 7px;
    color: white;
   position: absolute;
    left: 10px;
    bottom: 123px;}
.new-prc {color:#26a112;}
.Box-m .pic-hod {height: 246px;}
.fa-heart{font-size: 23px; color: #c4c4c4;}
.fa-shopping-cart{font-size: 15px; padding: 7px;}
.Box-m .basket{opacity: 0;}
.Box-m:hover .basket{opacity: 1; z-index: 1111; transition: all 0.5s;}
.Box-m:hover {box-shadow: 0 2px 18px -5px #a2a2a2; transform: translateY(-3px);transition: all 0.3s;}
.pricece{margin-bottom: 15px;} .offer{font-size: 20px;}
.P-Sectio{background: linear-gradient( 
180deg ,#edb00a 75%,#f8f8f8 55%);}
.bo-beh{width:15%;}
.title-f {
    color: #3a3232;
    height: 11px;
    font-size: 12px;} .ptc-o1{height: 114px !important;}
/*----------------------------------------------------------------------------------slider3----------------*/
.title-2{color: black;} .numbr-new1{color: black;} .Box-e5 {height:100px;} 
/*-----------------------------------------------------------------------------اسلایدر محصولات*/
.sl-pr4 .owl-nav span {
   background: transparent;
    display: block;
    width: 38px;
    height: 59px;
    border-radius:30px;
    line-height: 56px;
    font-size: 48px;
    color: #e3e3e3;
    position: absolute;
    top: 37%;
    border: 1px solid #e3e3e3;
}
.sl-pr4 .owl-nav .owl-prev span {
    right: 6px;
}
.sl-pr4 .owl-nav .owl-next span {
    left: 6px;
}
/*-------------------------------------------------------------------اسلایدر شیرالات بهداشتی*/
.ax-kit img{width: auto !important;}
img.moji {margin-bottom: -109px;}
.piart-product{background: linear-gradient(180deg ,#dc7900 75%,#f8f8f8 55%);margin-top: 31px;}
h2.sub-titl{color: #dc7900; font-size: 21px;}
.into-s1 {z-index: 1; top: 0; left: 10%;}
h3.titl-s1 {height: 49px; font-size: 19px;}
p.expln-s1 {height: 59px; color: #727272;}
.ptc-o1 {height: 130px !important;}
.pic-hod img{width: auto !important;}
.ptc-o2 {padding: 37px; height: 221px;}
.ptc-o4 {padding: 37px; height: 221px;}
.sl-pr7 .owl-nav span {
    background: transparent;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 47px;
    border: 1px solid #a9a0a0;
    line-height: 28px;
    font-size: 28px;
    color:#a9a0a0;
    position: absolute;
    top: 37%;}
.sl-pr7 .owl-nav .owl-prev span { right: 25px;}
.sl-pr7 .owl-nav .owl-next span {left: 25px;}
.ptc-o9{padding-right: 18px; height: 125px;}
.sub-titel{font-size: 25px; padding-top: 21px;}
.pic-3:hover{transform: translateY(-3px);transition: all 0.3s;}

/*------------------------------------------------------------footer----------*/
.fot2{background: #696969; padding: 18px;} .Itm-Ft{color: white;} .Title-Ft{color: white;}
section.fot-one{background:#e6eaec;} .shomare-tel li{direction: ltr;} .fot-one{padding: 22px;}
.fa-phone{font-size: 22px; color:#65696a;} .loco{font-size: 23px; color:#65696a;} .fa-envelope {font-size: 23px; color:#65696a;}
.Itm-Ft:hover{color:#edb00a} .nav-link{font-size: 24px; color:#65696a;} .nav-link:hover{color: #edb00a;}
.S-earrch{
     border-radius: 50px;
    overflow: hidden;
    text-align: center;
    background:#eef3f4;
    width: 63%;
    color: black;}   .zarebin{font-size: 20px;}
/*----------****-************----------- R E S P O N S I V---****----*/
@media only screen and (max-width:1024px){
 .dayere {width: 100%;}   
    h6.Title-Ft {font-size: 10px;} .S-earrch{width: 84%;}
   .ptc-o1 {height:92px;} h3.titl-s1 {height: 29px; font-size: 15px;}
    p.expln-s1 {height: 31px; color: #727272; font-size: 11px;} .ptc-o2 {padding: 5px; height: 287px; margin-right: 80px;}  .ptc-o9 {padding-right: 0; height: 60px;}img.squre {margin: 22px 12px;}
    .sl-pr7 .owl-nav span {width: 49px; height: 49px; border-radius: 47px; line-height: 46px; font-size: 37px;}
  .sl-pr7 .owl-nav .owl-next span {left: 11px;} .sl-pr7 .owl-nav .owl-prev span {right: 18px;}
    .ptc-o9{padding: 5px; height: 127px; margin-right: 20px;}
    .ptc-o4 {padding: 23px; height: 292px; margin-right: 60px;}
    .Mega-Menu .fadeIn-bx{top:84%;}
    p.price-s1 { font-size: 10px; padding: 5px;}
    .Itm-Ft {font-size: 10px;}
}
/*----------------------*/
@media only screen and (max-width:768px){
 header {height: 46px;} .dayere {width: 100%;}
    .Itm-Ft {font-size: 11px;} .S-earrch{font-size: 11px;}  h6.Title-Ft {font-size: 12px;}
    form.S-earch {margin-right: 40px;}img.squre {margin: 31px 5px;}
    .ptc-o9 {padding: 0;  height: 174px;   margin-right: 80px;}
    .ptc-o2 {padding: 25px; margin: 0;  height: 187px;} .ptc-o1 {height: 182px!important;}
    .ptc-o4 {padding: 23px; height: 188px; margin-right: 60px;}.sl-pr1 .owl-nav span {top: 50%;}}
/*---------------------*/
@media only screen and (max-width:540px){
.dayere {width: 100%;} header {height: 99px;} .S-earrch{font-size: 11px; width: 111%;} 
    input.input-search {font-size: 9px;}
.sl-pr4 .owl-nav span {height: 58px; border-radius: 11px; line-height: 50px; font-size: 31px; color: #423f3f; background: white;}
.sl-pr1 .owl-nav .owl-next span {left: 22px;} .sl-pr1 .owl-nav .owl-prev span {right: 22px;}
.sl-pr1 .owl-nav span {font-size: 47px; color: #afa5a5; top: 32%;}
.sl-pr3 .owl-nav span {color: #afa5a5;} .sl-pr8 .owl-nav span {color: #afa5a5;}
.sl-pr7 .owl-nav .owl-next span {left: 1px;} .sl-pr7 .owl-nav .owl-prev span {right: 1px;}
.sl-pr7 .owl-nav span {font-size: 34px; color: #6c6868;  width: 40px; height: 40px;  line-height: 39px;} 
.ptc-o9 {height: 62px; margin-right: 40px;} h3.titl-s1{font-size: 11px; height: 10px;} p.expln-s1 {height: 84px;font-size: 9px; height: 20px;}.numbr-new1 {font-size: 10px;}
 .ptc-o2 {height:70px; padding: 14px;} h3.titl-s1{font-size: 11px; height: 10px;} p.expln-s1 {height: 84px;font-size: 9px; height: 14px;}.numbr-new1 {font-size: 10px;}
.ptc-o1{height: 50px !important;} .ptc-o4 {height: 50px; padding: 0;}}

/*start login & register*/
.title-page-login {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.login-form input {
    height: 42px;
    font-size: 13px !important;
}
.thumb-register, .thumbanil.thum-reg-log {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    border: 1px solid #ebeced;
    padding: 20px !important;
    margin: auto;
}
.input-group-addon:first-child {
    border-right: 1px solid #ccc !important;
    width: 50px;
    text-align: center;
    line-height: 40px;
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    background-color: #ebecec;
}
.body-section {
    background-color: #f3f3f3;
    padding-top: 2rem;
    padding-bottom: 2rem;
    min-height: 500px;
    margin-top: 90px;
}
.thumb-register, .thumbanil.thum-reg-log {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    border: 1px solid #ebeced;
    padding: 20px !important;
    margin: auto;
}

@media screen and (min-width: 768px)
{
    .thumbanil.thum-reg-log {
        width: 40% !important;
        margin: auto !important;
    }
}
.icon-login {
    background-position-x: 0;
    background-position-y: 0;
    background-position: -1305px -188px!important;
    height: 49px;
    line-height: 38px;
    width: 65px;
    float: right;
    background: url(../images/them/slices-inner.png) no-repeat
}

#content {
    min-height: 300px;
    padding-top: 40px!important;
    padding-bottom: 40px!important
}

.title-page::after {
    position: absolute;
    bottom: -5px;
    width: 20%;
    height: 2px;
    background-color: #000;
    content: '';
    right: 0;
}
.title-page::before {
    position: absolute;
    bottom: -6px;
    width: 5%;
    height: 4px;
    background-color: #ffc107;
    content: '';
    right: 0;
    z-index: 1;
}
.title-page {
    font-size: 21px;
    margin-bottom: 25px !important;
    position: relative;
    font-weight: 600;
    color: #000;
}
.btn-reg.form-control,
.btn-register {
    padding: 0 !important;
    -webkit-transition: background-color 150ms ease 0s;
    -ms-transition: background-color 150ms ease 0s;
    -moz-transition: background-color 150ms ease 0s;
    -o-transition: background-color 150ms ease 0s;
    transition: background-color 150ms ease 0s;
    background-color: #fd7e14 !important;
    color: #fff !important;
    height: 50px;
    line-height: 50px;
    text-align: right;
    position: relative;
    overflow: hidden;
    box-shadow: none !important;
}

.btn-reg::before,
.btn-register::before {
    width: 95px;
    height: 95px;
    position: absolute;
    right: -15px;
    background: hsla(0, 0%, 100%, .21);
    content: "";
    border-radius: 50%;
    top: -23px;
    transition: all .3s ease-in-out
}

.txt-btn-reg {
    font-size: 18px
}
.btn-reg:hover::before,
.btn-register:hover::before {
    width: 900px;
    height: 900px;
    right: -334px;
    top: -334px;
    transform: unset
}

.modal-footer {
    border-top: 1px solid #e5e5e5;
    background: #e2f2f4;
    min-height: 70px!important;
    padding: 0!important;
    text-align: center!important;
    line-height: 68px
}

.link-register a {
    color: #bd2130!important;
    border-bottom: 1px dashed
}

.checkbox label {
    vertical-align: middle;
    font-size: 12px
}

.checkbox-icon {
    position: absolute
}

.checkbox input[type=checkbox] {
    visibility: hidden;
    position: absolute
}

.checkbox input[type=checkbox]:checked+.c-ui-checkbox__check {
    background: #fd7e14;
    border: 1px solid #fd7e14;
    width: 20px;
    height: 20px
}
.c-ui-checkbox__check {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 5px;
    border: 1px solid #b7b7b7;
    width: 20px;
    height: 20px;
}
.checkbox-txt {
    padding-right: 30px !important;
}
.checkbox input[type=checkbox]:checked+.c-ui-checkbox__check::before {
    content: "\f00c";
    position: absolute;
    left: 2px;
    top: 2px;
    color: #fff;
    font: normal normal normal 14px/1 FontAwesome
}

.checkbox label a {
    color: #2d76b5!important;
    border-bottom: 1px dashed
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    font-size: 13px;
}
.login-form input {
    height: 42px;
    font-size: 13px !important;
}
.icon-reg {
    background-position: -1306px -76px !important;
    height: 49px;
    line-height: 38px;
    width: 65px;
    float: right;
    background: url(../images/them/slices-inner.png) no-repeat #fd7e14  ;
}
#account input {
    border-radius: 4px 0 0 4px !important;
    height: 42px !important;
}
.input-group-addon i {
    font-size: 18px;
    color: #a69f9f;
    vertical-align: middle;
}
#account .select2-container--default .select2-selection--single {
    height: 40px !important;
    text-align: right !important;
}

a{
    color:black;
}

.form-cart{
    display: flex;
}
/*end login & register*/

/*accounts*/
.cont-categori {
    background-color: #f5f5f5;
    padding: 40px;
}

.row.row-accounts {
    padding-top: 30px!important;
    padding-bottom: 40px!important
}
.main-sidebar.col-md-3.col-sm-5.col-12 {
    padding: 0!important
}

@media screen and (max-width:991.99px) {
    .main-sidebar{
        margin-bottom: 20px !important;
    }
    .category__img__big.gap-col {
        text-align: center
    }
    .category__img__big.gap-col img {
        margin: 20px auto!important
    }
}
.header-profile {
    position: relative;
    background-color:#fdab14;
    height: 47px
}

.icon-user-profile img {
    width: 100%;
    height: 100% !important
}

.icon-user-profile {
    width: 54px;
    height: 54px;
    background: 50% no-repeat #fff;
    background-position-x: 0;
    background-position-y: 0;
    box-shadow: 0 0 0 4px hsla(0, 0%, 100%, .61);
    position: absolute;
    left: 50%;
    top: 12px;
    transform: translate(-50%);
    border-radius: 50%;
    overflow: hidden
}

.category__img__big.gap-col,
.lnk-user-edit p,
.status-order,
.submenu {
    text-align: center
}
.lnk-user-edit{
    background: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-bottom: none;
}

.lnk-user-edit ul li {
    display: inline-block;
    width: 49%;
    text-align: center
}

.lnk-user-edit a {
    color: #7b7b7b
}

.lnk-user-edit p {
    padding: 19px 0;
    margin: 0!important
}

.lnk-user-edit ul {
    display: flex;
    align-items: center
}
/*accounts*/
/*compare start*/
.link .wishlist,.link .compare  {
    opacity: 0;
    transition:all 0.3s linear;
}
.crd-pro:hover .link .wishlist,.crd-pro:hover .link .compare{
    opacity: 1 !important;
}
.row.row-top-compare.fixed-row .card {
    border-bottom: 2px solid #c61526!important
}

.row.row-top-compare.fixed-row .card::after {
    width: 0;
    height: 0;
    border-color: transparent transparent #c61526;
    border-style: solid;
    border-width: 0 10px 10px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    content: ""
}

.row.row-top-compare.fixed-row {
    position: fixed;
    top:0;
    width: 100%;
    right: 0;
    z-index: 99;
    background-color: #fff;
    left: 0;
    margin: 0 !important;
    border-bottom: 2px solid;
}

.btn.animateBtn.del{
    padding: 0!important;
    background-color: transparent!important;
    position: absolute;
    top: 0;
    left: 6px;
    color: #c61526;
}

.row.row-attrib {
    background-color: #fff;
    margin-top: 20px!important;
}

.row.row-attrib .card {
    border-radius: 0!important;
    border-top: 0!important;
    border-right: 0!important;
    border-bottom: 0!important;
    margin-top: 20px!important;
    margin-bottom: 20px!important;
}


.btn-add-to-cart.js-add-to-cart.js-btn-add-to-cart.addToCart.text-light {
    background-color: #49bac0 !important;
    border: 1px solid #49bac0;
    font-size: 13px;
    padding: 11px 18px;
    border-radius: 4px;
    margin:10px;
}
/*compare end*/
/*=*=*=*=*=*= * --- BACKGROUND-LOGIN--  * ======================== */
.bg--log-animated {width: 100%;height: 100%;background: #fff;overflow: hidden;top: 0;}
.bg--log-animated.in-register{height: 66% !important;}
.bg--log-animated .bgPulse {width: 100%;height: 100%;}
.bg--log-animated .bgPulse span {position: absolute;width: 80px;height: 80px;background: #fd7e14;}
.bg--log-animated .bgPulse span:nth-child(3n+1) {background: transparent;border: 5px solid #fd7e14;}
.bg--log-animated .bgPulse span:nth-child(1) {top: 50%;left: 20%;animation: animate 10s linear infinite;}
.bg--log-animated .bgPulse span:nth-child(2) {top: 80%;left: 40%;animation: animate 12s linear infinite;}
.bg--log-animated .bgPulse span:nth-child(3) {top: 10%;left: 65%;animation: animate 15s linear infinite;}
.bg--log-animated .bgPulse span:nth-child(4) {top: 50%;left: 70%;animation: animate 6s linear infinite;}
.bg--log-animated .bgPulse span:nth-child(5) {top: 10%;left: 30%;animation: animate 9s linear infinite;}
.bg--log-animated .bgPulse span:nth-child(6) {top: 90%;left: 95%;animation: animate 8s linear infinite;}
.bg--log-animated .bgPulse span:nth-child(7) {top: 80%;left: 5%;animation: animate 5s linear infinite;}
.bg--log-animated .bgPulse span:nth-child(8) {top: 35%;left: 50%;animation: animate 14s linear infinite;}
.bg--log-animated .bgPulse span:nth-child(9) {top: 5%;left: 5%;animation: animate 11s linear infinite;}
.bg--log-animated .bgPulse span:nth-child(10) {top: 25%;left: 90%;animation: animate 10s linear infinite;}
.bg--log-animated .bgPulse span:nth-child(10) {top: 25%;left: 90%;}
@keyframes animate {
    0% {transform: scale(0) translateY(0) rotate(0deg);opacity: 1;}
    100% {transform: scale(1) translateY(-100px) rotate(360deg);opacity: 0;}
}
@keyframes bgColor {
    0% {background: #f44336;}
    25% {background: #03a9f4;}
    50% {background: #9c27b0;}
    75% {background: #00ff0a;}
    100% {background: #f44336;}
}

.btn-link{
    color:#000!important;
    text-decoration:none!important;
}
.list-group a:hover{
    background-color: #eee!important;
}
.hide{
    display:none;
}
.modal-header {
  background: #ffc107;
}
.modal-body.p-5 {
  color: #000;
  font-weight: 500;
}
.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em .25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: .25rem;
  opacity: .5;
}