/*@font-face { font-family: 'iranyekanweb'; src: url('../fonts/iranyekanwebregular.eot') format('embedded-opentype'), url('../fonts/iranyekanwebregular.ttf') format('truetype'), url('../fonts/iranyekanwebregular.ttf') format('truetype'), url('../fonts/iranyekanwebregular.svg') format('svg'), url('../fonts/iranyekanwebregular.woff') format('woff'), url('../fonts/iranyekanwebregular.woff2') format('woff2'); }
*/
@font-face { font-family: "IRANYekanWeb"; src: url("../fonts/1510aa80463174b1d0847ab936a70e8e.eot"); src: url("../fonts/1510aa80463174b1d0847ab936a70e8e.eot?#iefix")format("embedded-opentype"), url("../fonts/1510aa80463174b1d0847ab936a70e8e.woff")format("woff"), url("../fonts/1510aa80463174b1d0847ab936a70e8e.woff2")format("woff2"), url("../fonts/1510aa80463174b1d0847ab936a70e8e.ttf")format("truetype"), url("../fonts/1510aa80463174b1d0847ab936a70e8e.svg#IRANYekanWeb")format("svg"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: IRANYekan; src: url("../fonts/iranyekanwebregularfanum.eot") format("embedded-opentype"), url("../fonts/iranyekanwebregularfanum.woff") format("woff"), url("../fonts/iranyekanwebregularfanum.ttf") format("truetype"), url("../fonts/iranyekanwebregularfanum.svg#IRANYekanWeb")format("svg"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: IRANYekan; src: url("../fonts/iranyekanwebmediumfanum.eot") format("embedded-opentype"), url("../fonts/iranyekanwebmediumfanum.woff") format("woff"), url("../fonts/iranyekanwebmediumfanum.ttf") format("truetype"), url("../fonts/iranyekanwebmediumfanum.svg#IRANYekanWeb")format("svg"); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: IRANYekan; src: url("../fonts/iranyekanwebboldfanum.eot") format("embedded-opentype"), url("../fonts/iranyekanwebboldfanum.woff") format("woff"), url("../fonts/iranyekanwebboldfanum.ttf") format("truetype"), url("../fonts/iranyekanwebboldfanum.svg#IRANYekanWeb")format("svg"); font-style: normal; font-weight: 700; font-display: swap; }

/*@font-face { font-family: 'flaticon_mycollection'; src: url('../fonts/flaticon/flaticon_mycollection.eot') format('embedded-opentype'); }

@font-face { font-family: 'flaticon_mycollection'; src: url('../fonts/flaticon/flaticon_mycollection.woff') format('woff'); }

@font-face { font-family: 'flaticon_mycollection'; src: url('../fonts/flaticon/flaticon_mycollection.woff2') format('woff2'); }

@font-face { font-family: 'GraphikArabic'; src: url('../font/Graphik Arabic Light.otf') format('opentype'); }*/



* { font-family: IRANYekan; direction: rtl; font-size: 15px; padding: 0; margin: 0; }

body { direction: rtl; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 30px; }

h1 { font-size: 18px; }

h2 { font-size: 16px; }

h3 { font-size: 14px; }

h4 { font-size: 14px; }

h5 { font-size: 13px; }

h6 { font-size: 12px; }

@media(max-width:500px) {
    h1 { font-size: 14px; }
}

a:hover, a { text-decoration: none; transition: all .2s }
    a:hover { cursor: pointer; }
ul, li { list-style: none }
ul { padding: 0px; }
::placeholder { color: #5D5D5D; }
.text-success { color: #428d42; }

main.home { margin: 0 }

.bord { border: 1px dashed #428d423d; border-radius: 10px; padding: 15px; background: #e2e9e236; }

.border30 { border-radius: 30px }

.borderTopDash { border-top: 1px dashed #428d423d; }

.banner-btn { background: #FF9000; border-radius: 10px; width: 140px; height: 35px; text-align: center; margin-top: 30px; /* display: flex; */ line-height: 33px; }

.main-cl { color: #FF9000; }
.main-cl2 { color: #313130; }
.CGreen { color: #428d42 }

.price-container { padding: 8px; }
    .price-container p.price, .price-container .price span { color: #D81A24; font-size: 21px; }
    .price-container .price p { margin-bottom: 0px; }
.btnGold { background: #FF4852; color: #fff; padding: 11px 12px; border-radius: 20px; font-size: 15px; text-align: center; transition: all .3s; line-height: initial; }
    .btnGold:hover { background: #428d42; color: #fff; }


@media (max-width: 991px) {
    .container, .container-sm { max-width: 96%; }
    .banner-btn { background: #FF9000; border-radius: 20px; width: 120px; height: 30px; text-align: center; margin-top: 20px; display: inherit; line-height: 30px; font-size: 13px; }
}

@font-face { font-family: 'fontello'; src: url('../font/fontello.eot?24740103'); src: url('../font/fontello.eot?24740103#iefix') format('embedded-opentype'), url('../font/fontello.woff2?24740103') format('woff2'), url('../font/fontello.woff?24740103') format('woff'), url('../font/fontello.ttf?24740103') format('truetype'), url('../font/fontello.svg?24740103#fontello') format('svg'); font-weight: normal; font-style: normal; }

.form-control:focus, .form-select:focus { border-color: #ff9001db; outline: 0; box-shadow: 0px 0px 5px #ff90012e; }

.book-icons i { font-size: 23px; padding: 0px 5px; }

.btn:focus { border-color: transparent; }

.JustEn { font-size: 10px; position: absolute; top: 5px; left: 12px; color: #959392; }

.Ads2Box { position: relative }
    .Ads2Box::before, .Ads2Box.GrayBack::before { content: ""; width: 95%; height: 100%; background: #FFF7EC; position: absolute; z-index: -1; border-top-right-radius: 25px; border-bottom-right-radius: 25px; top: 0; left: 0; }
    .Ads2Box.GrayBack::before { background: #F3F3F3; left: auto; right: 0; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; }

.filter.pro-filter { padding: 16px; border-radius: 20px; background: #F0F0F0; margin-top: 15px; }
    .filter.pro-filter p { margin-bottom: 0px; color: #363636; line-height: 35px; }

.header .top-adver img { border-radius: 0px 0px 5px 5px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.20); width: 100%; }
.header .main-header { padding-top: 8px; }
.header .logo-img { margin-top: 10px; width: 100%; transition: all .3s; }

/*.header .search-group { display: inline-block; border: 1px solid #7d7d7b; width: 100%; text-align: right; margin-top:57px; border-radius: 10px; padding: 5px; }*/
.search-content { border-radius: 20px; background: #F0F1F5; padding: 0 8px; }
.input-group.search-content #txt_SearchText { border-top-right-radius: 20px; border-bottom-right-radius: 20px; background: #F0F1F5; color: #5B6076; transition: all .3s; height: 45px; }
.search-box { width: 79%; float: right; }
.SearchPro { color: #011F9B !important; font-size: 13px; height: 45px; padding: 0 20px; background-color: #F8DA6A; border-radius: 20px; float: left; line-height: 45px; }

.input-group.search-content #basic-addon2 { padding-left: 15px; height: 45px; cursor: pointer; border-style: none; transition: all .3s; background: none; margin-bottom: 0px; padding: 0; padding-left: 0px; padding-left: 15px; display: inherit; }


.search-group .xa i { border-left: 1px solid #c8c8c8; padding: 0px 0px 0 5px; line-height: 22px; font-size: 16px; }

.search-group button.xa { border: none; background: none; outline: none; }

    .search-group button.xa:hover { outline: none; }

.search-group input { border: none; width: 88%; }

    .search-group input:focus { border: none; outline: none }

.header .user { color: #85aa3b; }

.header button { color: #494949; border: none; background: transparent; }
.header .HeaderTop { height: 45px; line-height: 45px; margin-bottom: 16px; background-color: #F0F1F5; }
    .header .HeaderTop .slogan { color: #5B6076; font-weight: bold; font-size: 13px; }
    .header .HeaderTop .header-social { text-align: left; direction: ltr; }
    .header .HeaderTop a { padding: 0 5px; }
.header-logo a { color: #011257; font-weight: bold; }
    .header-logo a p { margin-right: 16px; padding-top: 30px; }
.header-search { position: relative }
.nav-item .flaticon-category { font-size: 16px; color: #ff9001; vertical-align: sub; }
/*.HeaderTop span#basketCount, .MenuUser span#basketCount { position: absolute; background: #F15929; border-radius: 50%; bottom: 0; left: 17px;*/ /*line-height: 10px;*/ /*text-align: center;*/ /*padding: 5px;*/ /*color: #fff; font-weight: 300; font-size: 13px; }*/
.basket .badge { display: inline-block; padding: 5px 7px; font-size: .75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 50%; background: #F8DA6A; border: 1px solid #FFD020; position: absolute; right: -10px; bottom: 0; }
.header .user div { /*display: inline-block; text-align: center;*/ float: left; margin-right: 16px; }
    .header .user div.like svg { width: 28px; height: 28px; }

@media screen and (max-width:1024px) {
    .header-top { font-size: 12px; }
    .filter.pro-filter p { font-size: 13px; }
    .search-box { width: 100%; float: right; }
}

@media screen and (max-width:820px) {
    .header-top { font-size: 13px; }
    .SearchPro { color: #011F9B !important; font-size: 13px; height: 20px; padding: 0 15px; background-color: transparent; border-radius: 0px; float: left; line-height: 20px; position: absolute; width: max-content; left: 10px; top: 70px; }

}

@media screen and (max-width:768px) {
    .header-top { font-size: 10px; }
        .header-top .payment { padding: 8px 5px; }
}

@media screen and (max-width:767px) {
    .header .HeaderTop { height: auto; margin-bottom: 0; }
        .header .HeaderTop .header-social { text-align: center; direction: ltr; }
        .header .HeaderTop .slogan { text-align: center; margin-bottom: 0; }
    .header-logo img { transform: scale(0.7); }
}

.form-check-input:checked { background-color: #FF9001; border-color: #FF9001; }
.MenuUse span#basketCount { top: 0 }
.btn-success { background-color: #30A014 !important; }
.reglog a { color: #494949; }
.f-right { float: right }
.f-left { float: left }
.footer-logo { transition: all .3s; width: 100% }
.comptitle { color: #F15928; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; }
.compsubtitle { color: #787878; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.2px; }

li.logoBox.nav-item:first-child { padding: 12px 5em 12px; background-position: center -10px; background-size: 130%; position: relative; }

@media(min-width:768px) {
    li.logoBox.nav-item:first-child { background: url('../images/Central_Curve.png') no-repeat; padding: 12px 5em 27px; padding: 10px 6em 27px; background-size: 99%; background-position: center -5px; }
}

@media only screen and (max-width:767px) {
    .footer-logo { transition: all .3s; width: auto; }
    .namad { width: auto; margin-top: 0; }
    .header .user .basket { padding-left: 15px; display: none; }
}

@media(min-width:992px) {
    li.logoBox.nav-item:first-child { padding: 12px 6em 27px; background-position: center -10px; background-size: 130%; }
}

li.logoBox.nav-item img { margin-top: -10px; width: 60px; }

@media screen and (min-width:1200px) and (max-width:1400px) {
    .comptitle { font-size: 17px; }
    .compsubtitle { font-size: 13px; }
}

@media screen and (min-width:1540px) and (max-width:2560px) {
    .header .logo-img { width: 80%; }
}

@media screen and (max-width:1024px) {
    .header .user { font-size: 12px; padding: 0 }

        .header .user .register { padding-left: 15px; }

        .header .user .login { padding-left: 15px; }

        .header .user a { font-size: 12px; }

        .header .user .register::after { right: 50px !important; }

        .header .user .login::after { right: 33px !important; }

        .header .user .contact a { font-size: 13px; }

    .header .contact { padding: 0 2px 0 0; }
}

@media screen and (max-width:800px) {
    .header .search-group { width: 100%; }
}

@media screen and (max-width:767px) {
    .header .search-group { width: 100%; margin-top: 12px; }
    .header .user { text-align: right; margin-bottom: 5px; }
}

@media screen and (max-width:425px) {
    .header .user .contact img { margin-top: 14px; }

    .header .contact { padding: 3px 2px 0px 0 }

    .header .user .contact span { font-size: 18px; }

    .header .search-group input { width: 75%; }
}

@media screen and (max-width:375px) {
    .header .user { text-align: right; }

        .header .user .register, .header .user .login, .header .user .basket { padding: 0 2px 0 5px; }

            .header .user .basket i { font-size: 27px; }

        .header .user .contact img { width: 21%; }

        .header .user .contact a { font-size: 12px; }

        .header .user .register::after { right: 44px !important; height: 30px; }

        .header .user .login::after { right: 30px !important; height: 30px; }

        .header .user .logout::after { right: 34px !important; height: 30px; }

        .header .user .basket::after { right: 80px !important; top: 20px; height: 30px; }
}

@media screen and (max-width:360px) {
    .header .user .logout { position: relative; padding: 0 2px 0 3px; }
}

@media screen and (max-width:320px) {
    .header .search-group { width: 100%; font-size: 10px; padding: 2px 1px; margin-top: 10px; }

    .header .user, .header .user a { text-align: right; font-size: 13px; }

        .header .user .register, .header .user .basket, .header .user .login { padding: 0 8px 0 8px; }

            .header .user .basket i { font-size: 20px; margin-top: 16px; }

        .header .user .contact img { width: 15%; }

        .header .user .register::after { right: 53px !important; height: 28px !important; }

        .header .user .logout { padding: 0 2px 0 11px; }

        .header .user .login::after { right: 37px !important; height: 28px !important; }

        .header .user .basket::after { right: 82px !important; top: 18px; height: 28px !important; }

    .header .logo-img { margin-top: 20px; width: 132%; }
}

/* end header */

/* menu-resize */

.menu-resize { background-color: #011258; margin-top: 16px; }

@media screen and (max-width:1024px) {
    .menu-resize .wsmenu > .wsmenu-list > li > .navtext > span { font-size: 12px; }

    .menu-resize .wsmenu > .wsmenu-list > li > .navtext { padding: 15px 5px; }
}

/*end menu-resize */

/* social-media */

.social-media { text-align: left }
    .social-media a { margin-right: 16px; }

/*end social-media */

/* banner */

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

/* end banner */

/* logo-carousel */

.logo img { width: 100%; }

.logo .owl-carousel .item { border: none; }

    .logo .owl-carousel .item:hover { box-shadow: none; }

.logo .owl-carousel .owl-nav button.owl-next, .logo .owl-carousel .owl-nav button.owl-prev { color: #ace43d; border: none; top: 70px; font-size: 20px; background: none; width: 25px; height: 0; padding: 0; }

.logo .owl-carousel { margin-bottom: 0px; }

    .logo .owl-carousel .owl-nav button.owl-prev { left: 0px; }

    .logo .owl-carousel .owl-nav button.owl-next { left: 1107px; }

@media screen and (min-width:1441px) and (max-width:2560px) {
    .logo .owl-carousel .owl-nav button.owl-next { left: 1430px; }

    .logo .owl-carousel .owl-nav button.owl-next, .logo .owl-carousel .owl-nav button.owl-prev { top: 95px; }
}

@media screen and (max-width:1024px) {
    .logo .owl-carousel .owl-nav button.owl-next { left: 925px; }
    .logo .owl-carousel .owl-nav button.owl-next, .logo .owl-carousel .owl-nav button.owl-prev { top: 60px; }
    .social-media a { margin-right: 8px; }
}

@media screen and (max-width:810px) {
    .logo .owl-carousel .owl-nav button.owl-next { left: 680px; }
}

@media screen and (max-width:768px) {
    .logo .owl-carousel .owl-nav button.owl-next { left: 685px; }
    .logo .owl-carousel .owl-nav button.owl-next, .logo .owl-carousel .owl-nav button.owl-prev { top: 70px; }
    .social-media a { margin-right: 5px; }
}

@media screen and (max-width:450px) {
    .logo .owl-carousel .owl-nav button.owl-next { left: 408px; }
    .social-media a { margin-right: 8px; }
}

@media screen and (max-width:425px) {
    .logo .owl-carousel .owl-nav button.owl-next { left: 380px; }
}

@media screen and (max-width: 414px) {
    .logo .owl-carousel .owl-nav button.owl-next { left: 373px; }
}

@media screen and (max-width:375px) {

    .logo .owl-carousel .owl-nav button.owl-next { left: 333px; }
    .logo .owl-carousel .owl-nav button.owl-next, .logo .owl-carousel .owl-nav button.owl-prev { top: 65px; }
}

@media (width:360px) {

    .logo .owl-carousel .owl-nav button.owl-next { left: 320px; }
    .logo .owl-carousel .owl-nav button.owl-next, .logo .owl-carousel .owl-nav button.owl-prev { top: 80px; }
}

@media screen and (max-width:320px) {

    .logo .owl-carousel .owl-nav button.owl-next { left: 277px; }
    .logo .owl-carousel .owl-nav button.owl-next, .logo .owl-carousel .owl-nav button.owl-prev { top: 77px; }
}

/*end logo-carousel */

/* shegeft-angiz */

.shegeft-angiz { background: #F0592A; }
    .shegeft-angiz .panel-right img { width: 100%; }

/* Style the tab */

.tab-img { width: 100%; border: 8px solid #ffffff; }

.tabs_wrapper { text-align: right; }

ul.tabs { display: inline-block; vertical-align: top; position: relative; z-index: 10; margin: 0; padding: 0; width: 23%; min-width: 175px; list-style: none; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

    ul.tabs li { margin: 3px 0 0 0; cursor: pointer; padding: 0px 15px; line-height: 25px; color: #3f3f3f; text-align: right; padding: 7.7px; font-size: 13px; background-color: #e9ecef; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

        ul.tabs li:first-child { margin-top: 0%; }

        ul.tabs li:first-child { border-top-right-radius: 10px; }

        ul.tabs li:last-child { border-bottom-right-radius: 10px; }

        ul.tabs li:hover { background-color: #a9dc46 !important; filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ae0046', endColorstr='#fb0f56', GradientType=0); color: #383838; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

        ul.tabs li.active { background-color: #a9dc46; filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4c001e', endColorstr='#9f0735', GradientType=0); color: #fff; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.tab_container { display: inline-block; vertical-align: top; position: relative; z-index: 2; width: 76%; min-width: 10px; text-align: right; padding: 25px; margin-right: -3px; min-height: 345px !important; background-color: #e9ecef; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }

.tab_content { height: 100%; display: none; position: relative; }

.tab_drawer_heading { display: none; }

.tab_container .special-sell { position: absolute; top: 0; background-color: #fff; padding: 5px 20px; left: 230px; color: #8cc63f; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; box-shadow: 0px 2px 5px 2px rgba(222, 225, 228, 0.6); }

    .tab_container .special-sell h1 { font-size: 17px; }

.tab_container .discount { position: absolute; top: 0; left: 0; background-color: #de2f50; color: #fff; font-size: 16px; padding: 5px 6px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; }

.tab_container .counter { position: absolute; bottom: 20px; }

.tab_container .countdown-counter { position: absolute; bottom: 100px; }

    .tab_container .countdown-counter .counter-title { font-size: 14px; }

    .tab_container .countdown-counter .counter { bottom: -95px; left: -233px; direction: ltr; font-weight: bold; font-size: 12px; color: #fff; text-align: center; margin-right: 25px; margin-top: 10px; }

        .tab_container .countdown-counter .counter ul { list-style-type: none; }

            .tab_container .countdown-counter .counter ul li { display: inline-block; font-size: 14px; list-style-type: none; padding: 7px 13px; line-height: 18px; background-color: #9fce38; }

                .tab_container .countdown-counter .counter ul li p { background-color: #799d38; margin-bottom: 0; padding: 5px; }

                .tab_container .countdown-counter .counter ul li span { display: block; font-size: 14px; font-weight: bold; padding: 4px; background-color: #9fce38; margin-bottom: 5px; }

.tab_container .clock { padding-left: 30px; bottom: 15px; }

@media screen and (min-width:1441px) and (max-width:2560px) {
    .tab_container .countdown-counter { bottom: 140px; }

        .tab_container .countdown-counter .counter ul li, .tab_container .countdown-counter .counter ul li span, .tab_container .countdown-counter .counter-title { font-size: 16px; }

        .tab_container .countdown-counter .counter { bottom: -115px; left: -275px; }
}

@media screen and (max-width:1024px) {
    .tab_container .countdown-counter { bottom: 88px; }

        .tab_container .countdown-counter .counter ul li, .tab_container .countdown-counter .counter ul li span, .tab_container .countdown-counter .counter-title { font-size: 13px; }

        .tab_container .countdown-counter .counter { margin-right: 0; margin-top: 0; padding-left: 0; left: -138px; }
}

@media screen and (max-width:800px) {
    .tab_container .countdown-counter { bottom: 85px; }

        .tab_container .countdown-counter .counter ul li, .tab_container .countdown-counter .counter ul li span, .tab_container .countdown-counter .counter-title { font-size: 12px; }
}

@media screen and (max-width:768px) {
    .tab_container .countdown-counter { top: 60px; }

        .tab_container .countdown-counter .counter { top: -30px; left: -259px; }
}

@media screen and (max-width:570px) {
    .tab_container .countdown-counter { top: 55px; }

        .tab_container .countdown-counter .counter { top: -22px; left: -200px; }

            .tab_container .countdown-counter .counter ul li { padding: 5px; }
}

@media screen and (max-width:375px) {
    .tab_container .tab-mohtava { margin-top: 100px !important; }

    .tab_container .countdown-counter { top: 30px; }

        .tab_container .countdown-counter .counter { top: 30px; left: -115px; margin-right: 0; }
}

@media screen and (max-width:320px) {
    .tab_container .countdown-counter .counter { left: -90px; margin-right: 0; }
}



.tab_content .content { padding: 6px 26px 0 54px; margin-top: 15px; line-height: 30px; font-size: 14px; }

    .tab_content .content .title { font-weight: bold; }

.tab_content .last-cost { text-align: center; margin-top: 10px; }

.tab_content .cost { text-align: center; margin-top: 5px; background-color: #de2f50; border-radius: 7px; color: #fff; padding: 5px 16px; }

.tab_content img { width: 100%; margin-top: 45px; }

@media screen and (min-width:1540px) and (max-width:2560px) {

    ul.tabs li { line-height: 42px; padding: 6px; }

    .tab_container .special-sell { left: 311px; }

    .tab_container { padding: 40px; }

    .tab_content img { width: 70%; }

    .tab_content .last-cost { margin-top: 30px; }
}

@media screen and (max-width:1024px) {
    .tab_container { width: 72%; min-height: 288px !important; }

        .tab_container .special-sell { left: 170px; }

    ul.tabs li { line-height: 22px; padding: 5.7px 5px; }

    .tab_content .content { font-size: 12px; padding: 20px 26px 0 25px; margin-top: 6px; line-height: 24px; }

    .tab_content .last-cost { margin-top: 4px; }
}

@media (width:800px) {
    .shegeft-angiz .sidebar-menu { margin-right: -30px; }

    .tab_content img { margin-top: 10px; }
}

@media screen and (max-width:800px) {
    .tab_container { width: 72%; padding: 40px 20px 10px; }

    .tabs_wrapper ul.tabs { width: 27%; padding: 0; min-width: 0 !important; }

    .tab_container .special-sell { right: 0; padding: 5px 10px; }

        .tab_container .special-sell h1, .tab_container .discount { font-size: 11px; }

    ul.tabs li { line-height: 22px; font-size: 10px; padding: 5.7px 5px; }

    .tab_content .content { font-size: 10px; padding: 6px 5px 0 5px; }
}

@media screen and (max-width:781px) {
    ul.tabs { display: none; }

    .tab_container { display: block; width: 95%; border-top: none; border-radius: 10px; }

    .tab_drawer_heading { filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#600026', endColorstr='#c60943', GradientType=0); font-size: 13px; color: #666; background-color: #dfe4e9; margin: 0; padding: 5px 20px; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; }

        .tab_drawer_heading:hover { background: #a9dc46; filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ae0046', endColorstr='#fb0f56', GradientType=0); color: #fff; }

    .d_active { background: #a9dc46; filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4c001e', endColorstr='#9f0735', GradientType=0); color: #fff; }

    .tab-img { margin-bottom: 20px; margin-top: 10px; width: 75%; margin-right: 50px; }

    .tab_content .last-cost { margin-top: 40px; }
}

@media screen and (max-width:768px) {
    .tab_container .discount { font-size: 12px; }

    .tab_container .special-sell h1 { font-size: 11px; }

    .tab_container .special-sell { right: 0; left: inherit; padding: 3px 20px; }

    .tab_container .tab-mohtava { margin-top: 80px; }

    .tab_content .cost { padding: 5px 10px; }

    .tab_content .content { font-size: 12px; padding: 0px 20px 12px 0px; margin-top: 14px; }

    .tab_content img { margin-top: 25px; margin-bottom: 15px; }
}

@media screen and (max-width:450px) {
    .tabs_wrapper { width: 100%; margin-top: 15px; }

    .tab_content img { width: 70%; margin-right: 0px; }

    .tab_content .content { padding: 0px 40px 10px 37px; }

    .shegeft-angiz .panel-right img { margin-left: 30px; width: 88%; }

    .last-product .panel-right img { margin-left: 30px; }
}

@media (max-width:375px) {
    .tab_drawer_heading { font-size: 11px; }

    .tab_content .content { line-height: 25px; font-size: 12px; padding: 0px 30px 10px 30px; }
}

@media screen and (max-width:320px) {
    .tab_content .cost { padding: 5px 7px; margin-left: 15px; }

    .tab_content .content { font-size: 11px; }
}

/* end shegeft-angiz */


/*slider*/
.swiper { width: 100%; height: 100%; }

.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

.SliderSwiper { z-index: 1; position: relative; }

.serviceBox::before { content: ""; position: absolute; width: 95%; background: #f6f6f6; height: 135px; border-bottom-left-radius: 25px; z-index: -1; height: 100% }

.serviceBox { text-align: end; display: contents; padding: 25px; border-bottom-left-radius: 30px; }

    .serviceBox i { font-size: 40px; position: relative; z-index: 2; transition: .2s; width: 46px; height: 46px; }

    .serviceBox .box { display: flex; background: #ffffff; border-radius: 10px; justify-content: center; padding-top: 10px; line-height: 5px; padding-bottom: 10px; margin: 12px 0px 12px 0px; }

@media (min-width: 992px) {
    .serviceBox .col-lg-3 { width: 20%; }
}

.serviceBox .bg-box { position: absolute; width: 30px; height: 26px; background: #ff900130; z-index: -1; right: -7px; top: 17px; border-radius: 5px; transition: all .3s; }

.serviceBox .box:hover .bg-box { width: 35px; height: 31px; }
/*@media (max-width:1199px) and (min-width:768px) {
    .SliderSwiper {
        top: -62px;
    }
}*/

.bannertopright { border-radius: 5px; }
    .bannertopright .swiper-pagination { text-align: left; left: 16px; width: 90%; }
    .bannertopright .swiper-pagination-clickable .swiper-pagination-bullet { width: 20px; height: 20px; border: 2px solid #fff; border-radius: 50%; position: relative; background: transparent; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); }
    .bannertopright .swiper-pagination-bullet-active { width: 20px; height: 20px; border: 2px solid #fff; border-radius: 50%; position: relative; background: transparent; }
        .bannertopright .swiper-pagination-bullet-active:before { content: ''; width: 10.5px; height: 10.5px; background-color: #fff; border-radius: 50%; top: 3px; right: 3px; position: absolute; }


.SliderSwiper .swiper-button-next, .SliderSwiper .swiper-button-prev { top: 45%; color: #fff; background-image: none; width: 70px; height: 70px; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); background-color: transparent; border-radius: 0px; border: none; }

/*.SliderSwiper.swiper-rtl .swiper-button-prev { right:5px;  }

.SliderSwiper.swiper-rtl .swiper-button-next { left: 5px; }

    .SliderSwiper.swiper-rtl .swiper-button-next:after { background-image: url('../images/chevron-left.svg'); }*/

.titleSection img { width: 38px; margin-top: 13px; float: right; }

/*
.SliderSwiper.swiper-rtl .swiper-button-prev:after { background-image: url('../images/chevron-right.svg'); }*/
.SliderSwiper .swiper-button-next:hover, .SliderSwiper .swiper-button-prev:hover { background: transparent; }
    .SliderSwiper .swiper-button-next:hover .swiper-button-next::after { background-image: url('../images/chevron-right-dark.svg'); }
    .SliderSwiper .swiper-button-prev:hover .swiper-button-prev::after { background-image: url('../images/chevron-left-dark.svg'); }
.SliderSwiper .meta { position: absolute; top: 30%; right: 6em; padding: 30px; border-radius: 19px; color: #fff; text-align: right; }

@media(max-width:768px) {
    .swiper.SliderSwiper { height: 190px; margin-top: 20px }
    .SliderSwiper .meta { top: 5px; right: 15px; width: 85%; }
    .main-cl { font-size: 13px; line-height: 15px; }
        .main-cl p { line-height: 20px; margin-bottom: 0; }
    .SliderSwiper .swiper-button-next, .SliderSwiper .swiper-button-prev { transform: scale(0.6) }
    .swiper-button-next, .swiper-rtl .swiper-button-next { right: 0px; left: auto; }
    .swiper-button-prev, .swiper-rtl .swiper-button-prev { right: auto; left: 0px; }
}
/* last-product */
.last-product .panel-right img { width: 100%; /*height: 88%;*/ }

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

.last-product .fas { color: #a9dc46; font-size: 14px; }

.item .heart .fa-heart { color: #e4e4e4; font-size: 18px; }

@media screen and (min-width: 1441px) and (max-width:2560px) {
    .last-product .panel-right img { height: 90%; }
}


@media screen and (max-width:767px) {
    .last-product .panel-right img { width: 50%; margin: 0 auto; display: block; }
}

@media screen and (max-width:425px) {
    .last-product .panel-right img, .shegeft-angiz .panel-right img, .panel-right img { width: 88%; margin-left: 22px; }
}


/* end last-product */

/* footer */

.footer { text-align: right; font-size: 15px; color: #5B6076; border-top: 1px solid #DFE3F2; }
.footerB { padding-bottom: 50px }
.footer .namad { text-align: left; float: left; position: absolute; left: 0; bottom: 0; }

.footer .AboutUs h4 { font-size: 15px; margin: 15px; font-weight: bold; }

.footer a { color: #5B6076; font-size: 15px; }

.footer .ertebat { line-height: 30px; }

    .footer .ertebat a:hover { color: #FFD020; }

.footer .logo-footer1 { float: left; }

.footer p { line-height: 25px; font-size: 15px; }
.footer .about p { color: #011257; padding: 0 20px; }
.footer .about a { color: #FFD020; font-size: 25px; font-weight: 400; }
.footer ul { list-style-type: none; }

@media screen and (max-width:768px) {

    .footer p { line-height: 25px; font-size: 13px; }
}

.footer ul li { line-height: 25px; display: flex; margin-bottom: 16px; }

    .footer ul li i { font-size: larger; }

    .footer ul li:last-child { font-size: 14px; }

    .footer ul li:first-child img { float: right; }

    .footer ul li img { margin-left: 10px; }

.footer .social-media { text-align: inherit; direction: ltr; }

.footer .akhbar { line-height: 36px; border-bottom: 1px solid #727171; margin-bottom: 5px; }

    .footer .akhbar:last-child { border-bottom: none; }

    .footer .akhbar img { float: right; margin-left: 10px; width: 75px; height: 65px; border-radius: 5px; border: 1px solid #646464; }

    .footer .akhbar .date { color: #a7df38; }

    .footer .akhbar a:hover { color: #cadfa0; }

.footer .border-b { border-bottom: 1px solid #727171; }

.copyright { padding: 18px 0; border-top: 2px solid #DFE3F2; }

    .copyright p, .copyright b, .copyright a { font-size: 13px; margin-bottom: 0; }

    .copyright a { color: #001A72; border-bottom: 1px solid; }

.footer a:hover { color: #f7942e; }

.footerInfo h4 { font-size: 17px; position: relative; line-height: 40px; color: #011257; font-weight: bold; }

ul.list-inline.social-net { border-right: none; text-align: center; }

    ul.list-inline.social-net li { display: inline-block; margin: 5px; font-size: 19px; }

        ul.list-inline.social-net li i { font-size: 20px; }
/*Membership Footer*/
.membership { padding: 3em 0 8em; background-image: url(../images/back-member.jpg); background-position: top center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }

    .membership form { background: #FCFCFC; border-radius: 30px; padding: 8px; height: auto; }

        .membership form input { border: none; font-size: 14px; background: transparent; }

        .membership form button { border-radius: 30px !important; color: #000 !important; padding: 8px 15px; margin-bottom: 0; }



.footerM { padding-bottom: 3em; }

.footerB .AboutUs { background: #ffffff; border-radius: 30px; position: absolute; width: 100%; top: -16em; padding: 45px; color: #000; }

@media(max-width:767px) {
    .footerB .AboutUs { width: 90%; top: -14em; padding: 20px; right: 5%; }
    .footerInfo h4 { text-align: center; margin: 20px 0; }
        .footerInfo h4::after { right: 0; left: 0; }
    .footer .social-media { top: 10px; left: 0px; position: relative; text-align: center; }
    .copyright { border-top: none; }
}

.footerB .AboutUs .imgHolder { background: url(../images/Central_CurveUp.png) no-repeat; background-position: center -1px; background-size: 112%; width: 130px; text-align: center; position: absolute; top: -45px; right: 22px; }
    .footerB .AboutUs .imgHolder img { margin: 0 auto; padding: 25px 0px 0; width: 53px; }

/* end index.html css */

/* product.html css */
#breadcrumb-container, .breadcrumb-section { background-color: #FDF0C4; }
.breadcrumb { padding: 20px 0px 0; font-size: 13px; }

/*#breadcrumb-container { width:90% }*/

.breadcrumb-item a { color: #011258; }
ul.breadcrumb li:first-child { margin-left: 10px; color: #011258; }
ul.breadcrumb li:last-child a { color: #555555; pointer-events: none; }
    ul.breadcrumb li:last-child a h1 { display: inline-block; font-size: 15px; font-weight: 100; line-height: inherit; }

.breadcrumb-item + .breadcrumb-item::before { font-family: "Font Awesome 5 Free"; display: inline-block; padding-right: .5rem; content: "\f053"; font-weight: bold; font-size: 10px; line-height: 22px; margin-left: 7px; color: #011258; }

@media screen and (max-width:1024px) {
    .breadcrumb-item, .breadcrumb-item h1 { font-size: 12px; }
    ul.breadcrumb li:first-child { font-size: 13px; }
}

@media screen and (max-width:768px) {
    .breadcrumb-item a, ul.breadcrumb li:last-child a h1 { font-size: 13px; line-height: 20px; }
    .breadcrumb-item + .breadcrumb-item::before { padding-right: 6px; font-size: 10px; line-height: 19px; margin-left: 4px; }
}


@media screen and (max-width:320px) {
    .breadcrumb-item, .breadcrumb-item h1 { font-size: 10px; }

        .breadcrumb-item + .breadcrumb-item::before { padding-right: 2px; margin-left: 3px; }
}

/* .body-resize */

/*.body-resize {
    padding-top: 30px;
}*/
.body-resize { margin-top: 30px; }
.gallery-resize { text-align: center; position: relative; margin-top: -40px; }

    .gallery-resize img { border-radius: 15px; width: 70%; }

    .gallery-resize .discount-img { position: absolute; top: -10px; left: 20px; background-color: #ed1c24; color: #fff; border-radius: 50%; padding: 8px; font-size: 14px; }

.footer-icons i { font-size: 18px }

.footer-icons .fa-instagram { color: #975cc3; }

.footer-icons .fa-telegram-plane, .footer-icons .fa-twitter { color: #00aeef; }

.body-resize .share-in-socials { border-radius: 20px; background: #F0F1F5; padding: 10px 15px; width: 100%; text-align: center }

.share-in-socials a { margin-inline: 10px; font-size: 20px; font-weight: 300; line-height: 20px; }

    .share-in-socials a .fa-twitter:hover { color: #3ac2d5; }

    .share-in-socials a .fa-instagram:hover { color: #af30b1; }

    .share-in-socials a .fa-telegram-plane:hover, .share-in-socials a .fa-facebook-f:hover { color: #0088cc; }

.flaticon-comment { font-size: 25px; color: #ff9000; }

.book-off { width: 68px; }

.share-in-socials a .fa-whatsapp:hover, .flaticon-share { color: #25d366; }

.flaticon-gift { color: #fe9f24; }

.addto-like { width: 100%; line-height: 40px; color: #011258; font-size: 13px; }
    .addto-like a { border-radius: 100px; border: 2px solid #D61A23; background: #FFF; width: 70px; height: 40px; float: left; line-height: 36px; text-align: center; }
.body-resize .first-infos .infos-row .question { float: right; width: 32%; text-align: right; margin-left: 0px; padding-right: 5px; }
.body-resize .first-infos .infos-row .answer { float: right; width: 68%; text-align: right; padding-right: 5px; }

.body-resize .first-infos .table { margin-bottom: 0px !important; line-height: 42px; font-size: 15px; }
    .body-resize .first-infos .table a { color: #a2cb3b; }
.body-resize .downloadFile { border-radius: 20px; background: #F0F1F5; padding: 19px; margin-top: 15px; }
.body-resize .count-basket { width: 100%; width: 100%; padding-top: 10px; border-radius: 20px; background: #F0F1F5; padding: 19px; margin-top: 15px; }

.qty-wrapper { margin: 5px 0px; align-items: center; display: flex; }

.count-title { display: inline-block; }

.pro-count { height: 40px; line-height: 40px; width: 100px; border-radius: 10px; border: 1px solid #E9E9E9; background: #FFF; }

    .pro-count .pro-count-r, .pro-count .pro-count-l { font-size: 15px; float: right; text-align: center; height: 42px; display: block; color: #646464 }

    /*.pro-count .pro-count-l {
        width: 35%;
    }*/

    .pro-count .pro-count-r { line-height: 40px; }

.pro-count-l-t, .pro-count-l-b { width: 100%; height: 20px; color: #646464; font-size: 14px; line-height: 38px; font-weight: bold; float: none; cursor: pointer; }

.pro-count-l-t { border-top-left-radius: 8px }

.pro-count-l-b { border-bottom: 0px; border-bottom-left-radius: 8px }

.body-resize .explain { border: 1px solid #a2cb3b; border-radius: 5px; padding: 10px; margin: 15px 0px; }

.body-resize .explain-header { text-align: right; font-size: 17px; }

.body-resize .explain-body { text-align: justify; font-size: 13px; line-height: 30px; }

.addtobasket-btn { margin-top: 15px; padding-bottom: 10px; }

    .addtobasket-btn span { display: inline-block; margin-bottom: 8px; }

        .addtobasket-btn span span { display: inline; text-decoration: line-through; padding: 0px 5px; color: #838080 }

    .addtobasket-btn .addtobascket, .btn { background-color: #ffa12e; color: #fff !important; padding: 7px 20px; font-size: 15px; line-height: 28px; border-radius: 20px; margin-bottom: 10px; text-align: center; transition: all .3s; border-style: none; }

    .addtobasket-btn .addtobascket { line-height: 14px }

AddressListRegion .btnEdite { padding: 7px 7px }

.btn-danger { background: #db3e4d; }

.MyOrder .div-data .btn-danger { padding: 4px 8px 0px; }

.btn-secondary { background-color: #bfbbae !important; border-color: #bfbbae !important; }

.not-in-stock.d-block.btn.btn-secondary { pointer-events: none; background-color: #F79E06 !important; }

.modal-footer .btn-success, .modal-footer .btn-danger { padding: 5px 17px; line-height: 30px; }

.addtobasket-btn .price { line-height: 12px; float: left; text-align: end; }

.addtobasket-btn .addtobascket:hover { cursor: pointer; }

/*.productlist-container .addto-like {
    position: absolute;
    top: -6px;
    left: 18px;
}*/

/*.*/ /*productlist-container .addto-like a {
        font-size: 34px;
        color: #428d42;
    }*/
.KeyWords li a { font-size: 12px; color: rgba(0,0,0,.5) !important; }

.KeyWords li { font-size: 12px; display: inline-block; background: rgb(229 225 211); padding: 2px 6px; margin: 3px; border-radius: 4px; }

    .KeyWords li:hover { background: #e9dcaf }

@media screen and (min-width:1540px) and (max-width:2560px) {
    .gallery-resize .discount-img { left: 55px; }
}


.addtobasket-btn a { text-align: center; border-radius: 20px; height: 45px; transition: all 0.2s; }


@media screen and (max-width:1024px) {
    .gallery-resize .discount-img { left: 0px; }
    .body-resize .count-title { margin-left: 0; }
}

@media screen and (max-width:800px) {
    .pro-count-l-t, .pro-count-l-b { height: 17px; font-size: 11px; line-height: 35px }

    .count-title { font-size: 14px; margin-left: 0; }



    .addtobasket-btn .addtobascket { font-size: 12px; padding: 8px 6px; }

    .pro-count { width: 95px; height: 35px; }

    .gallery-resize { margin-top: 0px; }

    .addto-like { font-size: 12px; }
}

@media screen and (min-width:768px) and (max-width:800px) {
    .gallery-resize img { width: 100%; }

    .gallery-resize .discount-img { left: -12px; }

    .body-resize .first-infos .infos-row .answer { width: 60%; }

    .body-resize .first-infos .infos-row .question { width: 40%; }

    h1.title { font-size: 15px; }

    .body-resize .first-infos .table { font-size: 13px; }

    .header .user .contact span { font-size: 13px; }
}

@media screen and (max-width:576px) {
    .body-resize .first-infos .table { font-size: 12px; margin-right: 0; }

    .body-resize .explain-header { font-size: 15px; }

    .body-resize .explain-body { font-size: 12px; }

    .share-in-socials .tooltip1 { font-size: 12px; }

    .body-resize .share-in-socials { text-align: center; margin: 5px 0px 20px; font-size: 12px; }

    .addtobasket-btn .price { font-size: 14px !important; }

    .addtobasket-btn .addtobascket { font-size: 11px !important; }

    .addtobasket-btn { padding-left: 0px; padding-top: 0 !important; }

    .pro-count { height: 35px; line-height: 55px; width: 75px; }

    .count-title { margin-left: 0; }

    .pro-count .pro-count-r { line-height: 35px; }

    .pro-count-l-t, .pro-count-l-b { height: 17px; font-size: 12px; }

    .count-title { font-size: 12px; }

    .contetnt-2 span { padding: 10px 22px 11px; }

    div.basket-div { width: 160px; height: 44px; }

    .gallery-resize img { width: 60%; }
}

@media screen and (max-width:450px) {
    .gallery-resize .discount-img { left: 95px; }
}

@media screen and (max-width:425px) {
    .gallery-resize .discount-img { left: 85px; }
}

@media screen and (max-width:375px) {
    .gallery-resize .discount-img { left: 60px; }
}

@media screen and (max-width:320px) {
    .addtobasket-btn .price { margin-left: 0 !important; }

    .count-title { margin-left: 0; }

    .gallery-resize .discount-img { left: 35px; }
}

/* end gallery-resize ********/

/* tabs */

.body-resize .tabs { max-width: 640px; margin: 15px auto; max-width: 100%; margin-top: 30px; }

.tab-button-outer { display: none; }

#tab-button { width: 70%; }

#tab-button { width: 50%; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #e9e9e9; font-size: 14px; }

    #tab-button li { display: table-cell; width: 33%; position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-left: 2px; border: 1px solid #e9e9e9; padding: 0px 10px; }

        #tab-button li a { display: block; padding: 10px; text-align: center; color: #515151; text-decoration: none; }

        #tab-button li:hover { background-color: #e9ecef; /* border-top-left-radius: 33px;
    border-top-right-radius: 5px; */ }

    #tab-button li { background: #f8fafb; }

        #tab-button li.is-active { background-color: #e9ecef; }

#tab-select { padding: 10px; width: 100%; border-radius: 4px; border: 1px solid #ccc; font-size: 14px; }

    #tab-select option:hover { background-color: red !important; }

.tab-contents .answer { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

.tab-contents .question { color: #343434; }

.tab-contents .question, .tab-contents .answer { padding: 8px 10px; }

.tab-contents { padding: 1.5em 1em 1.5em; margin-top: 20px; }

    .tab-contents p { text-align: justify; line-height: 30px; }

.body-resize .related-body { margin-top: 10px; padding: 6px; border-radius: 3px; width: 100%; margin-bottom: 20px; }

.tabs .tab-select-outer .select2 { display: none; }

.body-resize .owl-carousel2 .owl-nav button.owl-next, .body-resize .owl-carousel2 .owl-nav button.owl-prev { top: 122px; }

.body-resize .owl-carousel2 .owl-nav button.owl-next { left: 1073px; }

@media screen and (min-width:1540px) and (max-width:2560px) {
    .body-resize .owl-carousel2 .owl-nav button.owl-next { left: 1400px; }

    .body-resize .owl-carousel2 .owl-nav button.owl-next, .body-resize .owl-carousel2 .owl-nav button.owl-prev { top: 150px; }
}

@media screen and (max-width:1024px) {
    .body-resize .owl-carousel2 .owl-nav button.owl-next { left: 890px; }
}

@media screen and (max-width:1200px) {
    #tab-button { width: 100%; }
}

@media screen and (max-width:800px) {
    #tab-button { width: 100%; }

        #tab-button li a { padding: 0; height: 37px; line-height: 40px; }

    .body-resize .owl-carousel2 .owl-nav button.owl-next { left: 630px; }
}

@media screen and (min-width:768px) {
    .tab-button-outer { position: relative; z-index: 2; display: block; }

    .tab-select-outer { display: none; }

    .tab-contents { position: relative; top: -1px; margin-top: 0; }
}

@media screen and (max-width:576px) {
    .tab-contents p { font-size: 14px; }
    .body-resize .related-body { margin-bottom: 0; }
    .body-resize { margin-bottom: -25px; margin-top: 15px; }
}

@media screen and (max-width:450px) {
    .body-resize .owl-carousel2 .owl-nav button.owl-next { left: 360px; }

    .body-resize .owl-carousel2 .owl-nav button.owl-next, .body-resize .owl-carousel2 .owl-nav button.owl-prev { top: 110px; }
}

@media screen and (max-width:425px) {
    .body-resize .owl-carousel2 .owl-nav button.owl-next { left: 337px; }
}

@media screen and (max-width:414px) {
    .body-resize .owl-carousel2 .owl-nav button.owl-next { left: 325px; }
}

@media screen and (max-width:375px) {
    .body-resize .owl-carousel2 .owl-nav button.owl-next { left: 290px; }
}

@media screen and (max-width:360px) {
    .body-resize .owl-carousel2 .owl-nav button.owl-next, .body-resize .owl-carousel2 .owl-nav button.owl-prev { top: 180px; }

    .body-resize .owl-carousel2 .owl-nav button.owl-next { left: 277px; }
}

@media screen and (max-width: 320px) {
    .body-resize .owl-carousel2 .owl-nav button.owl-next { left: 220px; }

    .body-resize .owl-carousel2 .owl-nav button.owl-prev { left: 8px; }

    .body-resize .owl-carousel2 .owl-nav button.owl-next, .body-resize .owl-carousel2 .owl-nav button.owl-prev { top: 140px; }
}

/* end product.html css */

/* list.html css */

/* product */
a.add-to-basket:hover { color: #fff; }

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

.product .item:hover .product-image .add-to-basket { opacity: 1; bottom: 5px }

.product .pic-product { height: 200px; }

.product .product-image { border-radius: 10px; width: 100%; margin: 0 auto; display: block; position: relative; overflow: hidden; background-size: 100% !important; box-shadow: 0px 0px 6px #ccc; }

/*.product .item:hover { background-color: #f7f7f7; }*/

.product .item:hover .basket { opacity: 1; bottom: 20px; }

.product .item:hover .tooltip-share { opacity: 1; right: 0; }

.product .item .pro-title { padding: 0 6px 6px; margin-top: 12px; font-weight: normal; font-size: 12px; height: 60px; display: flex; justify-content: center; color: #161619; text-align: center; width: 100%; line-height: 20px; }

.product .item .cost { color: #D81A24; font-size: 15px; font-style: normal; font-weight: 700; line-height: normal; height: 45px; margin-top: 10px; }

.product .item .tooltip-share { position: absolute; top: 0; right: -18px; background-color: #a9dc46; color: #fff; padding: 5px; border-radius: 5px; opacity: 0; transition: 350ms ease-out; z-index: 9; }

    .product .item .tooltip-share .tooltiptext { visibility: hidden; width: 23px; background-color: #646464; color: #fff; text-align: center; border-radius: 6px; padding: 10px 0; position: absolute; z-index: 1; top: 115%; right: 0px; }

    .product .item .tooltip-share:hover .tooltiptext { visibility: visible; }

    .product .item .tooltip-share .tooltiptext::after { content: ""; position: absolute; top: -10%; left: 30%; margin-left: 0px; border-width: 5px; border-style: solid; border-color: transparent transparent #646464 transparent; }

    .product .item .tooltip-share .tooltiptext a { color: #fff; display: block; padding: 2px 0; }

.product .discount-img { position: absolute; top: 0; left: 0; background-color: #ed1c24; color: #fff; border-radius: 50%; padding: 7px; font-size: 14px; }

@media screen and (min-width:1540px) and (max-width:2560px) {

    .product .item:hover .tooltip-share { right: 6px !important; }
    .product .basket a { padding: 10px 50px !important; }
}

@media screen and (max-width:1024px) {

    .product .basket a { padding: 6px; }
    .product-image .add-to-basket { font-size: 12px }
    .product .item .pro-title { overflow: hidden }
}

/*@media (min-width: 992px) {
    .product .col-lg-2 { -ms-flex: 0 0 19.666667%; flex: 0 0 19.666667%; max-width: 19.666667%; }
}*/

@media screen and (max-width:1024px) {

    .product .item .heart { bottom: 0; right: 5px; }
    .product .item { padding: 22px 17px 23px; }
        .product .item .tooltip-share .tooltiptext a { font-size: 12px; }
}

@media screen and (max-width: 576px) {
    #BasketRegion i { font-size: 27px; }
}

.product .item .pro-title { overflow: auto; }


@media screen and (max-width:500px) {
    .product .item .product-icon-wrap { right: 20px; }
    .product-image .add-to-basket { font-size: 10px; }
}

@media screen and (max-width:425px) {
    .product .basket a { padding: 6px 18px; }
}

@media screen and (max-width: 375px) {
    .product .basket a { padding: 6px; }

    .product .item .cost { margin-top: 15px; }
}

@media screen and (max-width: 320px) {
    .product .item { padding: 22px 6px 23px; }
}

/* filter */

.filter { margin-bottom: 5px; }

    .filter .container { padding: 16px; border-radius: 20px; background: #F0F0F0; margin-top: 15px; }
    .filter p { margin-bottom: 0px; color: #363636; line-height: 35px; }
    .filter .fa-list-ul { float: right; margin-top: 30px; }

    .filter .display { float: left; background-color: #f1f1f1; margin-right: 10px; font-size: 14px; padding: 5px 8px 5px 15px; color: #161619; margin-top: 20px; }

    .filter .display select { background-color: #f1f1f1; border: none; }

    .filter .display-content { font-size: 14px; margin-top: 30px; float: left; margin-right: 20px; }

.pull-right { padding: 0px 5px; }

.filter .filter-img { width: 23px; height: 24px; float: right; margin-top: 23px; }

.filter .custom-select select { display: none; /*hide original SELECT element:*/ }

.filter .select-selected { /* background-color: #f5f6f7; */ color: #161619; }

    /*style the arrow inside the select element:*/

    .filter .select-selected::before { position: absolute; content: ""; top: 14px; right: 130px; width: 0; height: 0; border: 5px solid transparent; border-color: #000 transparent transparent transparent; display: none; }

    /*point the arrow upwards when the select box is open (active):*/

    .filter .select-selected.select-arrow-active:before { border-color: transparent transparent #fff transparent; top: 7px; }

/*style the items (options), including the selected item:*/

.filter .select-items div, .select-selected { color: #161619; padding: 8px 16px; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; user-select: none; text-align: right; }

/*style items (options):*/
.table > :not(caption) > * > * { padding: 0.5rem 0.2rem; }



.filter .custom-select { padding: 2px 10px 5px 0px; font-size: 14px; line-height: 15px; width: 133px; position: relative; background-color: #f1f1f1; border: none; border-radius: 0; float: right; margin-top: 20px; margin-right: 10px; }

.filter .select-items { position: absolute; background-color: #f1f1f1; top: 100%; left: 0; right: 0; z-index: 99; }

/*hide the items when the select box is closed:*/
.book-title img { height: 25px }

.filter .select-hide { display: none; }

.filter .select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1); }

@media screen and (max-width:450px) {
    .filter .container { border-bottom: none; }

    .filter .custom-select { width: 133px; font-size: 12px; margin-top: 20px; }

    .filter .display { margin-top: 10px; float: right; padding: 3px 7px; }

    .filter .filter-img { width: 19px; height: 20px; margin-left: 8px; margin-top: 45px; }

    .filter .display-content { font-size: 12px; text-align: center; margin-top: 15px; float: right; }
}

@media only screen and (width:425px) {
    filter .display { margin-top: 45px !important; }
}

@media screen and (max-width: 360px) {
    .filter .custom-select { width: 150px; margin-top: 20px; }

    .filter .select-selected::before { right: 111px; }
}

@media screen and (max-width: 320px) {
    .filter .custom-select { width: 115px; font-size: 10px; }

    .filter .display, .filter .mojoodi { font-size: 10px; }

    .filter .select-selected::before { right: 100px; }
}

@media screen and (max-width:425px) {
    .about-us .about { margin: 45px 0px 15px; }
}

.login-form { text-align: right; }

.open .dropdown-menu { display: block; }

.modal-content { border: 2px solid #fb940a5c; border-radius: 10px; }
h5.modal-title { font-size: 17px; }
.input-captcha { margin-bottom: 10px; }

.feedback { font-size: 12px; color: #d61c3d; }

.modal-footer { display: block; }

#marsAlerts-footer button.btn.btn-success { padding: 6px 18px; background: #EDB422; border: none; border-radius: 11px; font-size: 14px; color: #000; transition: all .3s; }

    #marsAlerts-footer button.btn.btn-success:hover, #marsAlerts-footer button.btn.btn-success:focus { box-shadow: 0px 1px 7px #040303; }

.modal-footer .btn-link { font-size: 15px; margin-top: 10px; width: 49%; }

    .modal-footer .btn-link:nth-child(2n+1) { background-color: rgba(39,50,76,0.5); color: #fff; }

    .modal-footer .btn-link:nth-child(2n) { background-color: #ecb31e; color: #fff; float: left; }

.modal-footer .btn-primary { background-color: #0e9346; border: none; color: #fff !important; }

.modal-footer::before { display: table; content: " "; }

.hidden { display: none; }



.flexslider { margin: 0 auto; box-shadow: none; border-radius: 10px }

    .flexslider li { position: relative; }

        .flexslider li .meta { position: absolute; right: 0; margin: 0 auto; bottom: 40%; color: white; /*display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; direction: rtl;*/ text-align: center; left: 0; width: max-content; }

        .flexslider li h3 { /*background: rgba(10, 32, 85, 0.5);*/ padding: 12px 18px 12px; margin-bottom: 10px; font-size: 1.8em; font-weight: 600; }

        .flexslider li h2 { /*background: rgba(51, 51, 51, 0.5);*/ padding: 13px 18px 11px; font-size: 1.1em; margin-bottom: 5px; font-weight: 600; }

        .flexslider li .category { display: flex; flex-direction: row; }

            .flexslider li .category p { background: transparent; margin-right: 7px; font-size: 15px; padding: 6px 18px 5px; font-weight: 300; border: 2px solid rgba(10, 32, 85, 1); }

                .flexslider li .category p a { color: #fff; }

            .flexslider li .category span { /*background: #e43837;*/ margin-top: 17px; padding: 8px 12px 0; font-size: 0.9em; font-weight: 300; height: 26px; }

            .flexslider li h1,
            .flexslider li h3,
            .flexslider li .category p,
            .flexslider li .category span { -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

        .flexslider li.flex-active-slide .meta h1,
        .flexslider li.flex-active-slide .meta h3,
        .flexslider li.flex-active-slide .meta .category p,
        .flexslider li.flex-active-slide .meta .category span { -webkit-animation-delay: .4s; animation-delay: .4s; -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

        .flexslider li.flex-active-slide .meta h3 { -webkit-animation-delay: .5s; animation-delay: .5s; }

        .flexslider li.flex-active-slide .meta .category p { -webkit-animation-delay: .6s; animation-delay: .6s; }

        .flexslider li.flex-active-slide .meta .category span { -webkit-animation-delay: .8s; animation-delay: .8s; }

.flex-direction-nav { position: absolute; top: 47%; right: 0; width: 100%; }

    .flex-direction-nav a { text-decoration: none; display: block; text-align: center; width: 50px; height: 50px; line-height: 50px; /*margin: -20px 0 0;*/ position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; color: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; text-indent: 0; }

    .flex-direction-nav .flex-prev { text-align: left; left: 0px; }

    .flex-direction-nav .flex-next { text-align: right; right: 15px; }

.flexslider:hover .flex-prev { left: 0px; }

.flexslider:hover .flex-next { right: 15px; }

    .flexslider:hover .flex-next:hover,
    .flexslider:hover .flex-prev:hover { opacity: 1; }

.flex-direction-nav a:before { font-family: "Font Awesome 5 Free"; font-weight: bold; content: '\f104'; display: flex; justify-content: center; align-items: center; position: relative; top: 0; padding: 2px; font-size: 45px; line-height: 45px; }

.flex-direction-nav a.flex-next:before { content: '\f105'; }

@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@-webkit-keyframes fadeOutLeft {
    0% { opacity: 1; }

    100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

@keyframes fadeOutLeft {
    0% { opacity: 1; }

    100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

.pd-0 { padding: 0px; }

.mr-lu { margin-left: auto !important; }

.mr-ru { margin-right: auto !important; }

.dark-blue { color: #273045 !important; }

.blue-gray { color: #555a65 !important; }

@media only screen and (max-width: 1900px) {
    /*.flexslider li { width: 100% !important;}*/
    .flexslider li img { width: 100% !important; }

    .flexslider li .meta { position: absolute; right: 0; margin: 0 auto; bottom: 30%; left: 0; }
}

@media only screen and (max-width: 480px) {
    .flexslider li h3 { font-size: 15px !important; font-weight: 600; }
    .flex-direction-nav a::before { font-size: 25px; }
    .flex-direction-nav { top: 30%; }
    .search-resize { padding-top: 15px; margin-bottom: 15px; width: 100%; }
}

.main-slider { margin-top: 0px !important; direction: ltr !important; }

#slider-container { height: 350px; /* overflow: hidden;*/ margin-bottom: 40px; }

.slider-area, .slider-area2 { display: block; position: relative; }

    .slider-area .item-content .item-slider.items1 { /*background: url(../img/slide-1.jpg);*/ height: 570px; }

    .slider-area .item-content .item-slider .contents { height: 100vh; vertical-align: middle; display: block; padding-top: 150px; }

    .slider-area2 .item-content .item-slider .contents { height: 350px; }

        .slider-area2 .item-content .item-slider .contents h1 { margin-top: 100px; font-size: 20px; color: #fff; padding-right: 90px; }

@media only screen and (min-width: 1600px)and (max-width: 1921px) {
    .slider-area .item-content .item-slider .contents { height: 70vh; }
}

@media only screen and (max-width: 992px) {
    .News.SecBackDot:before { content: ""; background: #F6F6F6; width: 100%; display: inherit; height: 100%; position: absolute; border-bottom-left-radius: 25px; border-top-left-radius: 25px; z-index: -1; }
    .slider-area .item-content .item-slider .contents { height: 100vh; padding-top: 160px; }
    .serviceBox::before { content: ""; position: absolute; width: 100%; background: #f6f6f6; height: 135px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; z-index: -1; height: 100%; }
}

@media only screen and (max-width: 768px) {
    .slider-area .item-content .item-slider .contents { padding-top: 200px; }
    .slider-area2 .item-content .item-slider .contents h1 { margin-top: 50px; font-size: 17px; color: #fff; padding-right: 0px; }
    #productlist-container2 .title span::after { width: 55%; }
}

.slider-area .item-content .item-slider .contents h2 { display: block; font-size: 40px; color: #fff; font-weight: 600; }

@media only screen and (max-width: 1200px) {
    .slider-area .item-content .item-slider .contents h2 { margin: 0 0 20px; }
}

@media only screen and (max-width: 768px) {
    .slider-area .item-content .item-slider .contents h2 { font-size: 36px; }
}

@media only screen and (max-width: 320px) {
    .slider-area .item-content .item-slider .contents h2 { font-size: 30px; }
}

.slider-area .item-content .item-slider .contents p { font-size: 18px; display: block; width: 48%; margin: 0 0 35px; color: #ececec; text-align: right; }

@media only screen and (max-width: 1200px) {
    .slider-area .item-content .item-slider .contents p { width: 70%; margin: 0 0 25px; }
}

@media only screen and (max-width: 992px) {
    .slider-area .item-content .item-slider .contents p { width: 80%; margin: 0 0 25px; }
}

@media only screen and (max-width: 480px) {
    .slider-area .item-content .item-slider .contents p { width: 95%; }
}

.slider-area .item-content .item-slider .contents .buttons { display: block; }

@media only screen and (max-width: 320px) {
    .slider-area .item-content .item-slider .contents .buttons a:first-child:after { display: none; }
}

.slider-area .item-content .item-slider .contents .buttons a:last-child { color: #fff; }

@media only screen and (max-width: 320px) {
    .slider-area .item-content .item-slider .contents .buttons a:last-child { display: none; }
}

.slider-area .bx-wrapper { margin: 0; }

    .slider-area .bx-wrapper .bx-viewport { padding: 0; left: 0; right: 0; box-shadow: none; border: none; }

.slider-area .item-thumbnail { position: absolute; left: 0; right: 0; bottom: 0; z-index: 99999; }

@media only screen and (max-width: 992px) {
    .slider-area .item-thumbnail { display: none; }
}

.slider-area .item-thumbnail a { padding: 40px 20px; background: rgba(0, 0, 0, 0.5); position: relative; }

    .slider-area .item-thumbnail a:after { content: ''; position: absolute; right: 0; top: 20%; bottom: 20%; width: 2px; background: rgba(255, 255, 255, 0.05); }

    .slider-area .item-thumbnail a.active { background: rgba(34, 34, 34, 0.4); }

    .slider-area .item-thumbnail a .items .dbox .dleft figure { display: block; }

        .slider-area .item-thumbnail a .items .dbox .dleft figure img { border-radius: 5px; display: block; }

    .slider-area .item-thumbnail a .items .dbox .dright .content { padding: 18px 0; }

        .slider-area .item-thumbnail a .items .dbox .dright .content h3 { font-size: 22px; color: #fff; font-weight: 400; margin: 0 0 10px; }

        .slider-area .item-thumbnail a .items .dbox .dright .content p { font-size: 18px; color: #a6ce39; margin: 0; }
/*bx Slider Navigatons*/
@media only screen and (max-width: 768px) {
    .bx-controls .bx-controls-direction { display: none; }
}

.bx-controls .bx-controls-direction a { text-indent: 0; color: transparent; text-align: center; background: #333; width: 50px; height: 50px; line-height: 50px; }

@media only screen and (max-width: 992px) {
    .bx-controls .bx-controls-direction a { top: 62%; }
}

.bx-controls .bx-controls-direction a:hover { background: #ecb31e; }

.bx-controls .bx-controls-direction a.bx-prev { left: 0; border-top-right-radius: 5px; border-bottom-right-radius: 50px; }

    .bx-controls .bx-controls-direction a.bx-prev:before { content: '\f104'; position: absolute; left: 0; top: 0; bottom: 0; right: 15px; color: #fff; font-weight: 900; font-size: 18px; font-family: "Font Awesome 5 Free"; }

.bx-controls .bx-controls-direction a.bx-next { right: 0; border-bottom-left-radius: 5px; border-top-left-radius: 50px; }

    .bx-controls .bx-controls-direction a.bx-next:before { content: '\f105'; position: absolute; left: 15px; top: 0; bottom: 0; right: 0; color: #fff; font-weight: 900; font-size: 18px; font-family: "Font Awesome 5 Free"; }

.btn2 { display: inline-block; position: relative; padding: 0 60px; line-height: 46px; height: 50px; background: transparent; border: 2px solid #20408b; text-transform: uppercase; font-weight: 900; color: #20408b; cursor: pointer; text-transform: capitalize; margin-left: -27px; }

@media only screen and (max-width: 320px) {
    .btn2 { clip-path: none; margin: 0; padding: 0 30px; }
}

.btn2:hover { background: #20408b; color: #fff; text-decoration: none; }
/*end slider css*/

.collapse.in { display: block; }

.social-media-modal #demo { margin-top: 2px; margin-left: 5px; }

.product .search-tool { margin: 0 auto; }


@media screen and (max-width:800px) {
    .select select, .in-stack-filter label { font-size: 12px; }
}

@media screen and (max-width:570px) {
    .page-link { padding: 9px 9px; }

    .product .search-tool { font-size: 12px; }
}

@media screen and (max-width:375px) {
    .page-link { padding: 9px 6px; }
}

.gallery-pro .showimage { text-align: center; border-radius: 30px; height: 215px; }

    /*.boxW {
    background: #fff;
    border-radius: 30px;
}*/

    .gallery-pro .showimage #show-img { border: 1px solid #ededed; width: auto !important; height: 100% !important; border-radius: 30px; }

div#info-tabContent { box-shadow: 0px 4px 10px #00000024; padding: 30px; border-radius: 30px; }

    div#info-tabContent p.titleD { font-weight: bold; padding-left: 8px; width: 100px; }

#FormComment .btnGold { width: 100%; border: none; }

.BocTable { padding: 0 15px; margin-bottom: 4px; border-radius: 9px; }

    .BocTable p { margin-bottom: 0 }

#info-tabContent .col-md-4.col-sm-6:nth-child(2n+1) .BocTable { background: #f5f8f5; }

#info-tabContent .col-md-4.col-sm-6 .BocTable { background: #fafafa; }

#FormComment .btn#edc422c7 { width: 100%; border: none; }

ul#info-tab { background: #e2e9e257; border-radius: 30px; }

    ul#info-tab li button { border-radius: 15px }

    ul#info-tab.nav-pills .nav-link.active, ul#info-tab.nav-pills .nav-link.active:hover { background-color: #428d42; color: #fff }

    ul#info-tab.nav-pills .nav-link { color: #838080; }

        ul#info-tab.nav-pills .nav-link:hover { color: #428d42; }

.small-img { height: 70px; margin-top: 10px; position: relative; right: 0px; }
/*.gallery-pro.gallery-pro.p-lg-3.pt-lg-5.pb-lg-5.pt-3 {
    border: 1px dashed #428d423d;
    border-radius: 30px;
    background: #fff;
}*/
/*.productlist-container .InfoBookBox {
    border: 1px dashed #428d423d;
}*/
/*.small-img .icon-left, .small-img .icon-right {
    width: 35px;
    height: 35px;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}


    .small-img .icon-left {
        left: 0;
    }

    .small-img .icon-right {
        right: 0;
        transform: rotate(180deg);
    }

        .small-img .icon-left:hover, .small-img .icon-right:hover {
            opacity: .5;
        }

.small-container {
    width: 70%;
    height: 70px;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

    .small-container div {
        width: 800%;
        position: relative;
    }

    .small-container .show-small-img {
        width: 55px;
        height: 65px;
        margin-left: 6px !important;
        cursor: pointer;
        float: right;
        border: 1px solid rgb(237 180 34 / 44%) !important;
        border-radius: 15px;
    }

        .small-container .show-small-img:last-of-type {
            margin-left: 0;
        }*/

.section-product-detail { margin-top: 20px }

.gallery-pro .sale-pro-b { width: 40px; height: 40px; position: absolute; top: 0px; left: 60px; z-index: 99; transition: all 0.5s ease; background: #226752; color: #fff; font-size: 13px; line-height: 40px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); text-align: center; font-weight: bold; }

    .gallery-pro .sale-pro-b span { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); color: #fff; display: block; }

.gallery-pro #big-img { z-index: 99999; }


@media screen and (min-width:1441px) and (max-width:1920px) {
    /*.small-img {
        right: 34px;
    }*/
}



.header-resize, .phone-img, .header .logo-img, .header { transition: all 500ms ease }

    .header-resize.sticky-top::before { width: 100%; height: 126px; }

    .header-resize.sticky-top .HeaderTop .row.pt-3 { padding-top: 8px !important; }

.HeaderTop .row.pt-3 { transition: all .3s; }

.header-resize.sticky-top .header .main-logo { /*    width: 120px;*/ }

.header-resize.sticky-top .input-group.search-content #basic-addon2,
.header-resize.sticky-top .input-group.search-content #txt_SearchText { height: 46px; }

.sticky-top .phone-img, .sticky-top .tell-title { display: none !important }

.sticky-top .contact p { margin-bottom: 0px !important }

.sticky-top .header .user { margin-top: 0px !important }

.sticky-top .header .search-group { margin-top: 15px !important; }

.h1-title { text-align: right; margin: 15px 0px; color: #D00D10; }

    .h1-title h1 { font-size: 15px; font-weight: bold; }

#marsAlerts-message a span { color: red }

#tab02 { text-align: right }

    #tab02 ul { padding: revert !important }

        #tab02 ul li, #tab02 ol li { list-style-type: inherit; text-align: right; list-style-type: circle !important; }

#realated_items .owl-carousel2 .item .product-img { width: auto !important }

#realated_items .owl-carousel2 .product-image { background: none !important; }

.outofstock { position: absolute; bottom: 7px; left: 10px; z-index: 9; right: auto; background: #ff9001; padding: 2px 5px; border-radius: 8px; }

    .outofstock span { display: block; font-size: 8px; color: #fff; }


/*category section style*/
.icon-order:before { font-size: 30px; width: 18px; }

@media(min-width:768px) {
    section { padding: 3em 0; margin: 2em auto; }
}

section { padding: 1em 0; margin: 1em auto; }
    /*.SecBackDot {
background-image: url('../images/back-leftpix.png'),url('../images/back-rightpix.png');
background-size: 22%;
background-position: left bottom,top right;
    background-repeat: no-repeat;
}*/

    section.categories { margin-top: 0; }

.CatBox.text-center h5 { height: 30px; font-size: 15px; margin-top: 5px; color: #000; font-weight: bold; overflow: hidden; }

.categories .container { padding: 30px; margin-bottom: 0; background: #F1F1F1; /* padding: 0px 15px; */ border-radius: 30px; position: relative; }

.categories .categories-inner .swiper { padding: 0px 15px; }

.categories .container::after { position: absolute; width: 100%; height: 100%; content: ''; right: 0; top: 0; border-radius: 30px; background-image: url('../images/back-leftpix.png'),url('../images/back-rightpix.png'); background-size: 15%; background-position: left bottom,top right; background-repeat: no-repeat; }

.categories .swiper-slide .subj-img img { width: 40px; margin: 0 auto; }

section.categories.marker .swiper-slide .subj-img { height: 70px; }

    section.categories.marker .swiper-slide .subj-img img { filter: grayscale(.7); transition: all .3s; width: auto; height: 100%; }

        section.categories.marker .swiper-slide .subj-img img:hover { filter: initial; }

.categories .swiper-slide.CatBox { background: #EDB422; border-radius: 30px; padding: 15px; }

.swiper-button-next, .swiper-button-prev { width: 35px; height: 35px; color: #626262; transition: all .2s; border: 1px solid #F8DA6A; border-radius: 50%; }
    .swiper-button-next:hover, .swiper-button-prev:hover { color: #F0592A; }

.swiper-rtl .swiper-button-prev { left: 130px; right: auto; }
.SliderSwiper .swiper-button-prev { left: 10px; right: auto; }

.swiper-rtl .swiper-button-next:after, .swiper-button-next:after { /*content: "\f104"; font-family: 'FontAwesome'; font-size: 20px;*/ content: url('../images/chevron-small-right.svg'); top: 0; position: relative; }
.swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after { content: url('../images/chevron-small-left.svg'); top: 0; position: relative; }
.SliderSwiper .swiper-button-next:after, .swiper-button-next:after { /*content: "\f104"; font-family: 'FontAwesome'; font-size: 20px;*/ content: url('../images/chevron-right.svg'); top: -18%; position: relative; }
.SliderSwiper .swiper-button-prev:after, .swiper-button-prev:after { content: url('../images/chevron-left.svg'); top: -18%; position: relative; }
.CampSwiper .swiper-rtl .swiper-button-next:after, .CampSwiper .swiper-button-next:after { top: 0%; }
.CampSwiper .swiper-rtl .swiper-button-prev:after, .CampSwiper .swiper-button-prev:after { top: 0%; }


/*.swiper-rtl.arrowMid .swiper-button-next { transform: rotate(180deg); right: -2px; }*/
.TopsaleProduct .swiper-button-next, .TopsaleProduct .swiper-button-prev { height: 35px; background: #FBF7F5; }
.ProductList .swiper-button-next, .ProductList .swiper-button-prev { height: 35px; background: #fff; }
.titleSection .title { color: #011257; font-size: 17px; font-weight: bold; }
.HotProduct { padding: 45px 0; border-bottom: 1px solid #EFF0F8; background: #F9FAFF; }
    .HotProduct .titleSection { /*padding-left:10%;*/ padding-top: 5%; }
        .HotProduct .titleSection .title { color: #2E3093; font-size: 25px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 30px; position: inherit; padding: inherit; }
            .HotProduct .titleSection .title:after { content: none; }
.titleSection .des { float: right; padding: 5px 0px; }
.HotProduct .titleSection .des { float: none; color: #343434; text-align: center; font-size: 15px; font-weight: 400; line-height: 30px; margin-bottom: 30px; }
.HotProduct .swiper { padding: 0 60px; }
.TopsaleProduct { background: #F9F9F9; padding: 20px 0 70px; margin:0px; }
.ProductList { background: #fff; }
    .TopsaleProduct .swiper, .ProductList .swiper { padding: 0; }
    .TopsaleProduct .swiper{ padding-bottom:20px;}
    .ProductList .titleSection .title { background: #fff; }
/*.TopsaleProduct .swiper-container { width: 100%; height: 100%; }*/
.SuggestedProduct { }
.SuggestedProduct-right { background: url('../images/Rectangle 11.svg') no-repeat center; text-align: center; padding-top: 60px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); border-radius: 10px; margin-top: 80px; }
    .SuggestedProduct-right .title { color: #2E3094; font-size: 21px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 45px; }
    .SuggestedProduct-right .price { border-radius: 5px; background: #FC0000; padding: 10px 15px; color: #fff; margin-bottom: 16px; display: inline-block; }
    .SuggestedProduct-right a { color: #000; font-size: 17px; margin-bottom: 20px; display: block; width: 80%; margin: 0 auto 20px; }
    .SuggestedProduct-right figure { display: inline-block; transition: transform .3s; width: 55%; position: relative; transform: rotateY(3deg); outline: 1px solid transparent; margin: 0; }
    .SuggestedProduct-right img { width: 100%; height: auto; border-radius: 0px 5px 5px 0px; box-shadow: 0px 2px 4px 0px rgba(194, 194, 194, 0.20); }
    .SuggestedProduct-right figure::after, .SuggestedProduct-right figure::before { position: absolute; top: 3px; height: 98%; content: " "; z-index: -1; }
    .SuggestedProduct-right figure::before { width: 104%; right: 0; background: #bcbcbc; }
    .SuggestedProduct-right figure::after { width: 2%; right: 100%; background: #efefef; box-shadow: inset 0 0 5px #cbcbcb; }
.SuggestedProduct-left .title { color: #F15929; font-size: 25px; font-style: normal; font-weight: 700; line-height: normal; text-align: center; }
.SuggestedProduct-left .row { padding: 0 10% }

@media(min-width:768px) {
    .titleSection::after { margin-right: -40%; }
}

@media(min-width:992px) {
    .titleSection::after { margin-right: -35%; }
}

@media(max-width:600px) {
    .titleSection::after { display: none }
    .HotProduct { padding: 0; }
        .HotProduct .titleSection { padding-bottom: 25px; }
        .HotProduct .swiper { padding: 20px 60px; }
    .SuggestedProduct-right { margin-top: 0px; }
    .SuggestedProduct-left { margin-top: 20px; }
    .titleSection .title { font-size: 17px; }
    .TopsaleProduct .col-12{ padding-top:20px;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .HotProduct .titleSection { /*padding-left:10%;*/ padding-top: 0; }
    .titleSection .des { padding: 0; }
    .SuggestedProduct-left .row { padding: 0 5%; }
}

@media screen and (min-width:1200px) and (max-width: 1400px) {
    .SuggestedProduct-left .row { padding: 0; }
    .SuggestedProduct-left .item.swiper-slide { padding: 0 10px; }
    .TopsaleProduct .titleSection .btnMore { width: 85px; }
}

.col-md-9 .titleSection::after { width: 60%; }
.titleSection .btnMore { background: #011F9B; float: left; width: 8%; display: block; border-radius: 20px; height: 35px; padding-right: 40px; color: #fff; font-size: 13px; position: relative; line-height: 35px; }
.TopsaleProduct .titleSection .btnMore { width: 100px; }
.titleSection .btnMore:hover { background: #F8DA6A; color: #011F9B; }
.titleSection .btnMore:before { content: url('../images/link.svg'); position: absolute; right: 6px; border-radius: 50%; background: #fff; text-align: center; width: 24px; height: 24px; transition: all .2s; line-height: 35px; top: 6px; }
.titleSection .btnMore:hover:before { -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 4s linear infinite; }

@-moz-keyframes spin {
    100% { -moz-transform: rotate(360deg); }
}

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

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

.HotProduct .titleSection .btnMore { float: none !important; }
    .HotProduct .titleSection .btnMore a { border-radius: 10px; background: #2E3094; padding: 7px 20px; color: #fff; float: none; margin-top: 48px; }
        .HotProduct .titleSection .btnMore a:before { content: none; }

/*--DTO style--*/
.swiper.SmipleSwiper .swiper-wrapper, .News .swiper-wrapper { align-items: stretch; }

.NameWriter h5 { font-weight: 100; line-height: 20px; }

.WriterName /*, .NameWriter:hover */ { color: #5B6076; font-size: 13px; text-align: right; padding-top: 2px; line-height: 18px; height: 38px; overflow-y: hidden; }

.item.swiper-slide { overflow: hidden; position: relative; transition: all .8s; padding: 20px; background: #F7F7F7; border-radius: 20px; height: fit-content; }
.TopsaleProduct .swiper-slide { height: 130px; font-size: 13px; height: unset !important; }
    .TopsaleProduct .swiper-slide a { color: #011258 }
    .TopsaleProduct .swiper-slide .product-image { width: 130px; float: right; margin: 0; border-radius: 15px; box-shadow: 0px 2px 4px 0px rgba(194, 194, 194, 0.50); margin-left: 30px; }
        .TopsaleProduct .swiper-slide .product-image img { height: 180px; }
.TopsaleProduct .swiper-wrapper:first-child { margin-top: 70px; }
/*.TopsaleProduct .swiper.SmipleSwiper .swiper-wrapper { padding-top: 50px; }*/ /*.TopsaleProduct .swiper-slide div { float: right }*/ .SuggestedProduct-left .item.swiper-slide { overflow: hidden; position: relative; transition: all .8s; padding: 0 25px; }

.Best-writer .item.swiper-slide { padding: 8px; }

.Swiper4th .item.swiper-slide { background-position: right 84%; background-size: 90%; }

@media(max-width:547px) {
    .item.swiper-slide { background-position: 2px 60%; }
}

@media screen and (max-width: 375px) {
    .product .item { background-position: 2px 109%; }
}

@media(max-width:767px) {
    .ProductList .titleSection .btnMore, .TopsaleProduct .titleSection .btnMore { width: 30%; }
    .Ads4Box .box2 a:first-child { margin-bottom: 1rem; }
    .ProductList { padding: 0px 0; }
}

.Swiper3th .item.swiper-slide { background-size: contain; background-position: right 12px; }

.item.swiper-slide:hover .ProdName { color: #0F408D; }

/* .item.swiper-slide:hover .product-image img { filter: brightness(0.4) grayscale(1); }*/

.item.swiper-slide:hover .product-image .add-to-basket img, .item.swiper-slide:hover .product-image .add-to-order img { filter: none; }

.item .product-image { margin-bottom: 16px; /*padding-bottom: 5px;*/ transition: all .5s; /*width: 65%;*/ width: 100%; /*box-shadow: 0px 2px 4px 0px rgba(194, 194, 194, 0.20);*/ border-radius: 10px; padding: 5px; }

.campaign-resize .container { border-bottom: 2px solid #F8DA6A; padding-bottom: 30px; }
.campaign-title { background: url('../images/offer-back.jpg') no-repeat center; background-size: cover; border-radius: 20px; color: #FBD359; padding: 115px 0; }
.campaignprc { font-size: 50px; font-weight: bold; line-height: 100px; vertical-align: middle; padding-top: 10px; }
.campaign-title p b { font-size: 21px; }
.campaign-item { background: #F3F3F7; border-radius: 20px; padding: 16px; position: relative; }
    .campaign-item .campaign-item-img { float: right; display: block; border-radius: 15px; margin-left: 15px; box-shadow: 0px 2px 4px 0px rgba(194, 194, 194, 0.20); width: 130px; height: 185px; }
    .campaign-item .campaign-item-title a { color: #011258; padding-top: 10px; margin-bottom: 6px; font-weight: 600; }
        .campaign-item .campaign-item-title a:hover, .campaign-item:hover .campaign-item-title a { color: #0F408D }
    .campaign-item .campaign-item-writer { color: #5B6076; font-size: 13px; }
.campaign-item-price { color: #F42525; font-weight: bold; font-size: 17px; position: absolute; bottom: 10px; right: 160px; }
    .campaign-item-price p { margin-bottom: 6px; }
    .campaign-item-price .old-price { color: #5B6076; text-decoration: line-through; font-size: 13px; font-weight: 300; }

.CatList .item.swiper-slide .product-image { height: 280px; padding: 0; }
.CatList .item.swiper-slide { overflow: hidden; position: relative; transition: all .8s; padding: 20px; }

@media(min-width:1400px) {
    .item .product-image { height: 250px; }
    .campaign .item .product-image { height: 250px; width: 250px; }
    .SuggestedProduct-left .item .product-image { height: 200px; }
    .CatList .item.swiper-slide .product-image { height: 260px; }
}

@media(max-width:1399px) and (min-width:1200px) {

    .CatList .item.swiper-slide .product-image, .item .product-image { height: 220px; }
}

@media(max-width:1199px) and (min-width:1024px) {
    .CatList .item.swiper-slide .product-image { height: 145px; }
}

@media(max-width:1199px) and (min-width:768px) {
    .SliderSwiper .meta { top: 20%; }
    /*.item .product-image { height: 250px; }*/
    .campaign .item .product-image { height: 150px; width: 150px; }
    .SuggestedProduct-left .item .product-image { height: 200px; }
    .SuggestedProduct-left .item.swiper-slide { padding: 0; }
    .TopsaleProduct .titleSection .btnMore, .ProductList .titleSection .btnMore { width: 85px; }
    .titleSection .title::after { bottom: 6px !important; }
    .titleSection::before { width: 90% !important; }
}

@media(max-width:900px) and (min-width:768px) {
    .CatList .item.swiper-slide .product-image { height: 170px; }
}

@media(max-width:767px) and (min-width:500px) {
    .item .product-image, .product .product-image { width: 50% }
}

@media screen and (max-width:767px) {
    .SuggestedProduct-left .item.swiper-slide { padding: 0; }
}

@media screen and (max-width:600px) {
    .item .product-image { width: 65%; }
    .campaign-title, .campaign-resize .col-md-4 { margin-bottom: 1rem !important; }
    .CatList .item.swiper-slide .product-image { height: auto; }
}

@media screen and (max-width:360px) {
    .item .product-image { width: 90%; }
}

.item .priceDes { width: 100%; color: #F42525; font-weight: bold; }
    .item .priceDes p { display: block; line-height: normal; color: #D81A24; }
.campaign .item .priceDes .cost { color: #2E3094; font-size: 17px; font-style: normal; font-weight: 700; line-height: normal; }

/*.item.swiper-slide:hover {
    transform: translateY(-25px)
}*/


.CatList .item.swiper-slide { background-position: right 108%; background-size: 75%; }

.item.swiper-slide img { border-radius: 10px; display: block; width: 100%; height: inherit; object-fit: cover; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.20); }
.productlist-container .item.swiper-slide img { height: 100%; }
.item.swiper-slide .rating-stars img{ border:none; display:inline;object-fit:none; box-shadow:none; width:auto; height:auto;}
.discount { position: absolute; z-index: 9999; transition: all .3s; right: 8px; top: 8px; background: #FF4852; width: 35px; height: 35px; border-radius: 50%; text-align: center; line-height: 35px; }
.GalleryBox .discount { position: absolute; z-index: 99; transition: all .3s; right: 50px; top: 14px; background: #FF4852; width: 65px; height: 30px; border-radius: 100px; text-align: center; line-height: 30px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.50); }
.SuggestedProduct .discount, .CatList .discount { position: absolute; z-index:1; transition: all .3s; right: 0px; top: 20px; background: #F0592A; width: 35px; height: 35px; border-radius: 50%; text-align: center; line-height: 35px; }
.TopsaleProduct .discount { width:32px; height:32px; line-height:32px; }
.discount span { /* padding: 2px 6px;background: #CA1908;*/ color: #fff; font-size: 13px; font-weight: 700; }
.AdBtn, .AdBtn a { color: #fff; display: flex; }
.AdBtn i { border: 2px solid #fff; padding: 3px 4px; margin-right: 5px; border-radius: 4px; }
.fa-info { color: #ff9102; margin-left: 10px; border: 2px solid #ff9102; padding: 2px 7px; border-radius: 4px; font-size: 12px; }
.Best-writer .container { border-bottom: 1px solid #b5b5b573; }
.price-container .flaticon-discount { font-size: 24px; color: #ff0000e0; align-self: end; padding-left: 2rem; }

.item.swiper-slide .ProdName:hover { color: #0F408D; }

.item.swiper-slide .ProdName { font-size: 15px; position: relative; display: inline-block; word-wrap: break-word; overflow: hidden; height: 49px; line-height: 25px; letter-spacing: 0px; color: #011258; text-align: right; transition: all .2s; }

.iconsProd { position: absolute; display: block; width: 50%; top: 10px; transition: all .5s; color: #fff; font-size: 12px; opacity: 0; right: 0; padding: 15px; z-index: 2; }

    .iconsProd img { box-shadow: none !important; }

    .iconsProd .add-to-basket, .iconsProd .add-to-order, .iconsProd .add-to-like { width: 35px; height: 35px; transition: all .3s; cursor: pointer; background-color: #fff; border-radius: 50%; color: #011257; text-align: center; margin: 0 auto; display: grid; align-items: center; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); float: right; }

        .iconsProd .add-to-basket:hover, .iconsProd .add-to-basket:focus { color: #ff9001; }

    .iconsProd a { color: #fff; font-size: 19px; transition: all .3s; display: flex; }

    .iconsProd .shareProd:hover .ShareMedia { display: flex }

    .iconsProd .shareProd .ShareMedia { justify-content: space-around; position: absolute; margin-right: auto; margin-left: auto; width: 90%; padding-top: 10px; margin-top: 16px; display: none; transition: all .3s; top: 74%; right: 0; left: 0; }

    .iconsProd .shareProd .ShareMedia a { display: inline; padding: 2px; }
.swiper-vertical .swiper-slide .iconsProd { position: absolute; display: block; width: 50%; bottom: 5px; top: inherit; transition: all .5s; color: #fff; font-size: 12px; opacity: 0; right: 0; padding: 10px; z-index: 2; }
.swiper-vertical .swiper-slide .add-to-basket { opacity: 1; float: left; width: 100px; position: absolute; bottom: 0px; left: -100px; transition: 1s; }
.swiper-vertical .swiper-slide .add-to-basket .btnMore { background: #FF4852; border-radius: 20px; display: block; width: 100%; height: 35px; padding-right: 40px; color: #fff; font-size: 13px; line-height: 35px; }
.swiper-vertical .swiper-slide .add-to-basket .btnMore::before { content: url('../images/cart-4.svg'); position: absolute; right: 6px; border-radius: 50%; background: #fff; text-align: center; width: 24px; height: 24px; transition: all .2s; line-height: 35px; top: 6px; }

.item.swiper-slide:hover .iconsProd, .swiper-vertical .swiper-slide:hover .iconsProd { opacity: 1 }
.swiper-vertical .swiper-slide:hover .add-to-basket { transition: 1s; left: 0; }
.campaign .item.swiper-slide .ProdName { color: #fff; width: 90%; }
.campaign .item.swiper-slide .ProdName:hover { color: #2E3094; }

/*.item.swiper-slide .cost, .campaign .cost { color: #565555;*/ /*    font-weight: bold;*/ /*}*/
.TopsaleProduct .cost { color: #F42525; font-size:17px; font-weight:bold; }
.old-cost { color: #626262; text-decoration: line-through; font-size: 13px; font-style: normal; font-weight: 400; }
.campaign .old-cost { color: #D7D7D7; }
.swiper.SmipleSwiper .swiper-button-next, .swiper.SmipleSwiper .swiper-button-prev { bottom: 0px; top: 34%; background-color: #fff; }
.ProductList .swiper.SmipleSwiper .swiper-button-next, .ProductList .swiper.SmipleSwiper .swiper-button-prev { top: 23px; }
.TopsaleProduct .swiper.SmipleSwiper .swiper-button-next, .TopsaleProduct .swiper.SmipleSwiper .swiper-button-prev { z-index: 999; top: 22px; }
.swiper.SmipleSwiper .swiper-button-next { left: 175px; right: inherit }
.TopsaleProduct .swiper-button-prev { left: 115px; }
.TopsaleProduct .swiper.SmipleSwiper .swiper-button-next { left: 160px; }
/*-- Ads 4box swiper section style--*/
/*.Newest-product .AdverInfo {
    height: 360px;
    overflow: hidden;
    border-radius: 30px;
}*/
.Ads4Box img, .AdsBox img { border-radius: 20px; /*box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);*/ object-fit: cover; object-position: center; height: 100% !important; }
/*.Ads4Box .box1 img, .Ads4Box .box3 img, .AdsBox img { height: 100% !important; }
    .Ads4Box .box2 img { height: 50% !important; }*/
/*.Ads4Box .box2 a { display: block; }
        .Ads4Box .box2 a:first-child { margin-bottom: 25px }*/

@media(min-width:1399px) { /* .Ads4Box img, .AdsBox img { height: auto !important; }*/
}

.AdBoxRights, .AdBoxLeft { height: 315px; }

.AdsBox { box-shadow: 0px 4px 10px #00000024; border-radius: 10px; height: 100%; background: #e2e9e2; overflow: hidden; }

    .AdsBox a.btnGold { width: auto; height: auto; display: inherit; }

.Ads4Box.AdsW .AdsBox { padding: 3em; }

.Ads4Box .AdsBoxDes, .Ads2Box .AdsBoxDes { padding: 3em; background-size: cover; background-position: center; }

.news-img { width: 100%; height: 100%; border-radius: 5px; }

.singleNews .newsImg { height: 300px }

    .singleNews .newsImg img { height: 100% }

.Ads2Box .AdsBoxDes { border-radius: 20px; background-position: left; background-repeat: no-repeat; height: fit-content; margin-right: 30px; background-color: #fff; }
.DesAd { text-align: right }
.AdBoxRights .AdsBox { height: 100%; margin-bottom: 16px; }

.AdsBox a.btn#edc422c7 { width: auto; height: auto; display: inherit; }

.AdsBox a { padding: 8px 20px; }

.AdBoxRightTop, .AdBoxRightBottom { height: 150px; margin-bottom: 15px; }

.row.AdBoxRightBottom div[class^="col-"] { padding-left: 5px; height: 100%; }


.SmipleSwiperAds .swiper.SmipleSwiper .swiper-button-next, .SmipleSwiperAds .swiper.SmipleSwiper .swiper-button-prev { right: 53%; margin-right: -22px }

.SmipleSwiperAds .swiper.SmipleSwiper .swiper-button-next { left: auto; margin-right: -70px; }

.Ads2Box .AdsBox, .Ads2Box .AdsBox img { height: 200px }

.filterImg { filter: brightness(0.6) sepia(.5); }

.AdsBox .info.position-absolute { top: 0; width: 100%; height: 100%; border-radius: 30px; text-align: center; padding: 40px 30px; color: #fff; }

.AdsBox .info .BtnMore { bottom: 10%; right: 50%; margin-right: -72px; position: absolute; }

.btn#edc422c7 { background: #EDB422; color: #4A4D4E; padding: 8px 12px; border-radius: 30px; font-size: 14px; box-shadow: 0px 1px 7px #464545; text-align: center; transition: all .3s; line-height: initial; }

    .btn#edc422c7:hover, .btn#edc422c7:focus, .btn:hover, .btn:focus, .btn-danger:active:focus,
    .btn-success:active:focus { box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; }
.search-resize .btn:hover, .search-resize .btn:focus { box-shadow: none }
.AdsBox .info .BtnMore a { color: #4A4D4E; }
.Ads1Box{ padding:0px; margin:0px;}

@media(max-width:1024px) and (min-width:800px) { .ProductList .swiper.SmipleSwiper .swiper-button-next, .ProductList .swiper.SmipleSwiper .swiper-button-prev { top: 22px; }
}

@media(max-width:610px) {
    .iconsProd { position: absolute; display: block; width: 100%; top: 12%; transition: all .5s; color: #fff; font-size: 12px; text-align: center; opacity: 0; right: 0; padding: 10px; z-index: 2; }
    .AdBoxRightBottom, .AdBoxRightTop, .AdBoxRights { height: auto; }
        .AdsBox, .row.AdBoxRightBottom div[class^="col-"], .AdBoxRights .AdsBox { /*height: 226px; margin-bottom: 30px;*/ text-align: center; }
    .Newest-product .AdsBox { height: 350px; margin-bottom: 30px; }
        .Newest-product .AdsBox img { width: 100% !important; height: auto !important; }
    .AdBoxLeft .AdsBox, .AdBoxLeft { height: 315px; margin-bottom: 30px; }
        .AdBoxLeft .AdsBox img { height: auto !important; width: 100% !important; }
    .AdsBox img { height: 100% !important; width: auto; }
    .Ads2Box .AdsBox { height: 250px }
    .Ads1Box { padding: 0; margin: 0 auto; }
        .Ads1Box img { object-fit: cover }
    .item .priceDes { height: 50px; }
    .old-cost { font-size: 12px; }
}

@media(max-width:361px) {
    .iconsProd { top: 0; padding: 15px; }
}

.book-title h2 { color: #011257; text-align: right; font-size: 17px; font-style: normal; font-weight: 700; line-height: normal; }

.table { font-size: 15px; border-color: transparent; }

.infos-row { margin: 15px 0; width: 49%; display: inline-block; color: #011258; }

.answer.d-inline a { color: #404040; position: relative; }

.infos-row p { padding: 0 8px; }

.answer.d-inline a:hover { margin-right: 5px }

.answer.d-inline a:after { position: absolute; width: 0; content: ''; height: 2px; /*background: #428d42;*/ bottom: 46%; left: 95%; transition: all .3s; border-radius: 15px; }

.answer.d-inline a:hover:after { width: 5px; }

.downloadFile .answer.d-inline a:after { left: 104%; }

.icon-affiliate:before { content: '\e819'; font-size: 19px; }

.InfoBookBox .table .icon:before { font-weight: bold; margin-left: 10px; }

tbody, td, tfoot, th, thead, tr { vertical-align: middle; text-align: center; min-width: 8rem; }

    td a { color: #000 }

    th:first-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

    th:last-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }

    td:first-child { border-bottom-right-radius: 10px; border-top-right-radius: 10px; }

    td:last-child { border-bottom-left-radius: 10px; border-top-left-radius: 10px; }

.table > :not(:first-child) { border-top: 0; }

thead { background: #edb422; border-bottom: 6px solid #FFF; }

.MenuUser, .MenuUser #BasketRegion #titleBasket { display: none }

@media(max-width:767px) {
    .TableHolder { overflow: scroll; }
    .MenuUser { width: 100%; background: #f1f1f1; padding: 15px 8px; text-align: center; display: block; z-index: 9999; }
        .MenuUser i { color: #3e3635; font-size: 26px; }
}

@media(max-width:766px) {
    .infos-row { margin: 6px 0; width: 100%; color: #011258; }
}
/*--MostBuy-produc swiper section stylet--*/
.MostBuy-product .swiper, .Best-writer .swiper, .Swiper4th { padding: 15px 8px 30px; }

.MostBuy-product .item .productImage { height: 195px; }

.MostBuy-product .item .discount { left: 20px; top: 10px; }

.MostBuy-product .item.swiper-slide .ProdName { padding: 20px 0 0; height: 80px; }

.MostBuy-product .item.swiper-slide .cost { margin-top: 10px }

ul.iconsProds { padding-right: 0; margin-top: 10px; }

    ul.iconsProds li { display: inline-block; text-align: center; font-size: 16px; color: #cba23b; }

        ul.iconsProds li a { font-size: 18px; color: #cba23b; }

            ul.iconsProds li:hover, ul.iconsProds li a:hover { color: #962960; }

.Swiper3th .swiper-button-next, .Swiper3th .swiper-button-prev,
.Swiper4th .swiper-button-next, .Swiper4th .swiper-button-prev { bottom: 0; top: auto; left: auto; right: 0; }

.Swiper3th .swiper-button-next, .Swiper4th .swiper-button-next { transform: rotate(180deg); }

.Swiper3th .swiper-button-prev, .Swiper4th .swiper-button-prev { right: 50px }

@media(max-width:757px) {
    .MostBuy-product .item .productImage { height: 220px; }

    .MostBuy-product .item.swiper-slide .ProdName { height: 60px }

    .WriterName { margin-bottom: 0 }

    .Swiper3th .item.swiper-slide, .item.swiper-slide { background-size: contain; background-position: 29px bottom; }

    .Best-writer .Swiper3th .item.swiper-slide { background-position: right 12px; }
}
/*----writers swiper section style---*/
.WriterImage { width: 115px; height: 115px; border-radius: 50%; }

.WriterImage { margin: auto; width: 95px; height: 95px; border-radius: 50%; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all .2s; border-style: solid; border-width: 1px; border-color: #c5c3c075; }

    .WriterImage:hover { box-shadow: rgb(255 137 1) 0px 0px 4px; border-style: none; }
/*.WriterInfo {
    float: right;
    width: Calc(100% - 95px);
}*/

.Books i { font-size: 29px; margin-left: 3px; }

.Books span { color: #962960; font-size: 18px; font-weight: bold; }

.publicists .WriterImage { width: 80px; height: 80px; border-radius: 10px; }

.publicists .WriterInfo { width: Calc(100% - 80px); }

.news-cal { background: #f6f6f6; border-radius: 2px; margin-top: 5px; margin-right: 5px; }

    .news-cal i { color: #FF9001; }
/*News swiper section style*/
.News .NewsImage { height: 180px; width: 200px; align-self: center; }

.News .titleSection .btnMore { background: transparent }

    .News .titleSection .btnMore a { color: #1E1E1E; }

        .News .titleSection .btnMore a i { color: #ff9102; margin-left: 10px; border: 2px solid #ff9102; padding: 3px 4px; border-radius: 4px; }

@media only screen and (min-width: 992px) {
    .News.SecBackDot:before { content: ""; background: #F6F6F6; width: 95%; display: inherit; height: 100%; position: absolute; border-bottom-left-radius: 25px; border-top-left-radius: 25px; z-index: -1; }
}

.news-wrapper .news-col { padding: 15px; border-radius: 10px; background: white; box-shadow: rgb(164 164 167 / 20%) 0px 6px 12px -2px, rgb(0 0 0 / 7%) 0px 3px 7px -3px; }

.NewsTitle h5 { color: black }

.news-wrapper p { color: #5e5e5e; height: 110px; overflow: hidden; }

.News .Swiper3th .item.swiper-slide { background-size: 80%; background-position: 94px bottom; }

.news-wrapper .news-col .fa-long-arrow-left { border: 2px solid #FF9001; border-radius: 4px; padding: 5px }

.news-wrapper .news-col .fa-long-arrow-left { color: #FF9001; }

/*.emptyBasket .imgHolder { height: 150px; }
  .emptyBasket .imgHolder img { height: 100%; }*/

/*register page*/
div#Activate-modal { z-index: 2000; }
.register .imgHolder, .login .imgHolder, .forgotPass .imgHolder { width: 50%; margin: 0 auto; }

/*--filter right style--*/

.filterRight, .productlist-container { /*background: #f2f2f280; padding: 20px; border-radius: 30px;*/ }
/*.productlist-container { padding: 15px; }*/

@media(min-width: 992px) {
    /*  .productlist-container .GalleryBox {
        width: 32%;
        margin-left: 30px;
    }
*/
    /*.productlist-container .InfoBookBox {
        width: 63%;
    }*/

    /*.productlist-container { padding: 30px; }*/
}
/*@media(max-width: 992px) and (min-width:768px){
    .productlist-container .GalleryBox {
        width: 32%;
        margin-left: 30px;
    }

    .productlist-container .InfoBookBox {
        width: 63%;
    }
}*/


.filterRight .card { padding: 15px; border-radius: 15px; margin-bottom: 15px; border: none }


    .filterRight .card .titleCol .cardTitle span { content: ''; width: 8px; height: 8px; border-bottom: 1px solid #000; border-left: 1px solid #000; transform: rotate(-45deg); position: absolute; left: 9px; top: 6px; transition: all .3s; }

    .filterRight .card ul { height: 130px; overflow-y: scroll; }

#FliteList span { font-size: smaller; background: #ededed; padding: 3px; border-radius: 5px; color: #727272; position: relative; margin: 5px 8px; cursor: pointer; }

.filterRight #sendFilter { display: none; transition: all .3s; transition: all .3s; background: #ff9001; color: #ffffff; border: none; border-radius: 15px; width: 80%; padding: 5px; margin: 15px auto 0px auto; }

    .filterRight #sendFilter:hover, .filterRight #sendFilter:focus { box-shadow: 0px 1px 5px #464545; }

#FliteList span:after { position: absolute; content: 'x'; top: -9px; background: #ca1908; line-height: 9px; color: #fff; padding: 3px 4px; border-radius: 50%; font-weight: bold; right: -6px; }

.filterRight .card ul::-webkit-scrollbar, .wsshoptabing.wtsdepartmentmenu.CatTow::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar, .search-ajax::-webkit-scrollbar { width: 5px; }

.table-responsive::-webkit-scrollbar { width: 5px; height: 5px }

.filterRight .card ul::-webkit-scrollbar-track, .wsshoptabing.wtsdepartmentmenu.CatTow::-webkit-scrollbar-track,
.table-responsive::-webkit-scrollbar-track, .search-ajax::-webkit-scrollbar-track { background: #F6F6F6; border-radius: 5px }

.filterRight .card ul::-webkit-scrollbar-thumb, .wsshoptabing.wtsdepartmentmenu.CatTow::-webkit-scrollbar-thumb,
.table-responsive::-webkit-scrollbar-thumb, .search-ajax::-webkit-scrollbar-thumb { background: #ff9001; border-radius: 5px }

.num-comment { color: #2E2E2E }
.member-rate { padding-top: 5px; }
.review-count .rating > input { display: none; }

.review-count .rating > label { color: #F8DA6A; /* float: right;*/ margin-bottom: 0px; line-height: 10px; }

.table .answer i { color: #011F9B; }

.review-count .rating > label:before { margin: 0 3px; display: inline-block; content: url('../images/star-e.svg'); }

.review-count .rating > input:checked + label:hover, .review-count .rating > input:checked ~ label:hover,
.review-count .rating > label:hover ~ input:checked ~ label, .review-count .rating > input:checked ~ label:hover ~ label { content: url('../images/star-f.svg'); }

.review-count .rating > input:checked ~ label, .review-count .rating:not(:checked) > label:hover,
.review-count .rating:not(:checked) > label:hover ~ label,
.review-count .rating:not(:checked) > label.active, .review-count .rating:not(:checked) > label.active ~ label { color: #ff9001; }

    .review-count .rating > input:checked ~ label:before, .review-count .rating:not(:checked) > label:hover:before,
    .review-count .rating:not(:checked) > label:hover ~ label:before,
    .review-count .rating:not(:checked) > label.active:before,
    .review-count .rating:not(:checked) > label.active ~ label:before { content: url('../images/star-f.svg'); }

.expSend { background: #ccc; padding: 25px; border-radius: 30px; display: flex; }

    .expSend .icon { float: right }

    .expSend i:before { font-size: 60px; }

    .expSend p { margin-bottom: 0; }

    .expSend .descBox { display: inline; width: Calc(100% - 84px); float: left; text-align: left; }

    .expSend.BoxGreen .icon i, .expSend.BoxGreen h4 { color: #428D42 }

    .expSend.BoxGreen { background: #428d4230; }

    .expSend.BoxPing .icon i, .expSend.BoxPing h4 { color: #962960; }

    .expSend.BoxPing { background: #9629602b; }

    .expSend.YelooGreen .icon i, .expSend.YelooGreen h4 { color: #C9B73B; }

    .expSend.YelooGreen { background: #c9b73b36; }

.ComplainForm .btn { padding: 10px 25px; }

/*-------Special sell-------*/
/*.ListBoxCamp .swiper, .ImgBoxCamp { height: 400px }*/

/*    .ListBoxCamp .swiper { padding-right: 15px; }*/

.CampSwiper { padding: 0 70px; }

@media(min-width:1024) {
    .ListBoxCamp .swiper, .ImgBoxCamp { height: 480px; }
}

.special-sell { color: #FFF; font-size: 30px; font-style: normal; font-weight: 700; letter-spacing: -1.2px; text-align: center; margin-top: 30%; }

.special-sell h3 { }

.countdown-counter { /*bottom: 14%; width: 84%; right: 8%; */ margin: 0 auto; position: relative; }
    .countdown-counter img.stopwatch { display: inline-block; margin-right: 10px; position: absolute; top: 10px; left: 55px; }
    .countdown-counter .counter { margin-left: 25px; }
    .countdown-counter .counter ul { text-align: center; margin-bottom: 0px; direction: ltr; }

.countdown-counter .counter li { display: inline-block; padding: 5px; text-align: center; }

.countdown-counter .counter li p { background: #FFF; width: 40px; height: 40px; border-radius: 15px; color: #011258; line-height: 42px; font-weight:bold; }

.countdown-counter .counter li span { color: #789CFF ;}

.ImgBoxCamp .discount span { padding: 4px 4px 4px 9px; font-size: 21px; color: #fff; margin-right: 0; }

/*.ImgBoxCamp .discount img { height: 40px; margin-left: -8px; }

    .ImgBoxCamp .discount i { font-size: 39px; color: #fff; left: -33px; }*/

.ImgBoxCamp .discount { left: 0; top: 10px; right: 0; background: none; border: none; position: relative; margin: 26px auto; width: auto; height: auto; border-radius: 0; }

/*    .ListBoxCamp .imgHolder { height: 130px; }*/

.ListBoxCamp .imgHolder img { height: 100%; border-radius: 15px }

.iconsProd .add-to-basket img, .iconsProd .add-to-order img, .iconsProd .add-to-like img { margin: 0 auto; height: 24px !important; box-shadow: none; border-radius: 0; width: 24px; }

/* ListBoxCamp { height: 540px }*/

.ListBoxCamp .item.swiper-slide { background: none; box-shadow: none; padding: 0; }

.CampSwiper .swiper-button-next { right: 0px; top: 5px; height: 105%; width: 70px; background: #F0592A; }

.CampSwiper .swiper-button-prev { top: 5px; left: 0; height: 105%; width: 70px; background: #F0592A; }

@media(max-width:1370px) {

    .countdown-counter .counter li p { background: #FFF; width: 40px; height: 40px; border-radius: 15px; color: #011258; line-height: 35px; }
}

@media(max-width:1024px) {
    .special-sell { padding: 0px 17px; margin-top: 15%; font-size: 25px; }
}

@media(max-width:768px) {

    .ListBoxCamp .swiper .title { line-height: 24px; font-size: 14px; margin-bottom: 0; }

    .ListBoxCamp .swiper, .ImgBoxCamp { height: 310px; /*margin-bottom: 30px;*/ }

    .special-sell { padding: 0px 17px; margin-top: 15%; font-size: 25px; }

    .special-sell h3 { font-size: 14px; line-height: 28px; }

    .ImgBoxCamp .discount span { padding: 7px 7px 4px 6px; font-size: 13px; }

    .countdown-counter { bottom: 0; }

    .countdown-counter .counter li p { background: #FFF; width: 54px; height: 54px; border-radius: 50%; border: solid 2px #FFBCA7; color: #2E3094; line-height: 50px; }
}

@media(max-width:500px) {
    .ListBoxCamp .imgHolder { margin-bottom: 15px; height: 180px; width: 180px; }
    .ImgBoxCamp .AdsBox { height: 100%; }
}

.input-group.NewsLetter_Email.position-relative .feedback { position: absolute; bottom: -11px; right: 17px; font-size: 11px; z-index: 20; }

.ErrorHolder { width: 80%; margin: 0 auto; border-radius: 30px; padding: 30px; background: #fff; }

@media(min-width:768px) {
    .ErrorHolder { width: 50%; }
}

.ErrorHolder h1 { font-size: 16px; }


/*----Account page style-----*/

.dashboard .nav-tabs .nav-item.show .nav-link, .dashboard .nav-tabs .nav-link.active { color: #011F9B; background-color: transparent; border-color: transparent; border-bottom: 1px dashed #428d423d; }

.dashboard .nav-tabs .nav-link { width: 100%; color: black; border-bottom: 1px dashed #428d423d; padding: 13px; text-align: center; }

.dashboard .nav-tabs .nav-item:last-child .nav-link { border-bottom: none }

.dashboard #AccountTab { background: #fff; border-radius: 10px; padding: 15px; border: 2px solid #011F9B; }

/*---uo\pload avatar user image*/
#UserAvatar .wrap-custom-file { border: 1px dashed #428d423d; padding: 3px; }

.wrap-custom-file { position: relative; display: inline-block; width: 130px; height: 130px; margin: 0 0.5rem 1rem; text-align: center; }

    .wrap-custom-file input[type="file"] { position: absolute; top: 0; left: 0; width: 2px; height: 2px; overflow: hidden; opacity: 0; }

    .wrap-custom-file label { z-index: 1; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; overflow: hidden; padding: 0 0.5rem; cursor: pointer; background-color: #fff; border-radius: 4px; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; background-image: url('../images/profile-pic.jpg'); background-size: cover; }

        .wrap-custom-file label span { display: block; margin-top: 2rem; font-size: 14px; color: #000; -webkit-transition: color 0.4s; transition: color 0.4s; position: absolute; bottom: 0; width: 100%; right: 0; }

        .wrap-custom-file label .fa { position: absolute; bottom: 50%; left: 50%; margin-top: -12px; -webkit-transform: translatex(-50%); transform: translatex(-50%); font-size: 1.5rem; color: #d61c3d; -webkit-transition: color 0.4s; transition: color 0.4s; }

        .wrap-custom-file label:hover span, .wrap-custom-file label:hover .fa { color: #ad102b; }

        .wrap-custom-file label.file-ok { background-size: cover; background-position: center; }

            .wrap-custom-file label.file-ok span { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.3rem; font-size: 14px; color: #000000; border-radius: 8px; background-color: rgb(226 233 226 / 78%); }

            .wrap-custom-file label.file-ok .fa { display: none; }

#OrderDetail { white-space: nowrap; line-height: 14px; padding: 8px; }

@media(max-width:992px) {
    .prosearch-form .justIt { order: 1 }

    .prosearch-form .btnSearch { order: 2 }
}

.map iframe { width: 100%; height: 190px; border-radius: 15px; }

.picauthor.text-center { height: 140px; }

    .picauthor.text-center img { height: 100%; width: auto; border-radius: 15px; padding: 2px; box-shadow: 0px 4px 10px #00000024; }

.showSreach, .GetSaerchResult .HideSreach { display: none; }

.GetSaerchResult .showSreach { display: block }

.search-ajax { position: absolute; width: 100%; background-color: #ffffff; z-index: 1000; max-height: 300px; overflow-y: scroll; /* border: 1px solid #F0F0F0;*/ border-radius: 20px; }

    .search-ajax ui { list-style: none }

    .search-ajax li { display: block; padding: 0px 15px; }

        .search-ajax li img { width: 40px; margin-left: 10px; border-radius: 6px; box-shadow: 0px 2px 8px #00000033; }

        .search-ajax li a { border-bottom: 1px dashed #ff9001; display: block; padding: 6px 0; color:#5B6076 }

.pagination { justify-content: center; margin-top: 30px; border-top: 1px solid #EAECF0; width: 100%; margin: 0 auto; padding: 10px; padding-top: 20px; }

.page-link { color: #667085; margin-inline: 8px; border-radius: 50%; }

.page-item.active .page-link { color: #011257; background-color: #EBEFFF; border: none; }

.page-link:hover { z-index: 2; color: #011257; }


.gallery-pro .swiper-slide { background-size: contain; background-position: center; background-repeat: no-repeat; border-radius: 20px; height: auto; padding: 5px; }

/*.gallery-pro .swiper-slide .imgHolder { text-align: center; border-radius: 30px; height: 100%; width: 80%; margin: 0 auto; }

.gallery-pro .swiper-slide .imgHolder img { border-radius: 30px; }

.gallery-pro .gallery-top { height: 100%; }

.gallery-pro .gallery-thumbs { box-sizing: border-box; height: 65px; width: 80%; margin-top: 30px; }

    .gallery-pro .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4; width: 55px; margin-left: 6px !important; cursor: pointer; float: right; border: 1px solid rgb(237 180 34 / 44%) !important; border-radius: 15px; }

    .gallery-pro .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }

.gallery-pro .swiper-rtl .swiper-button-next { left: auto; right: 17px; transform: rotate(180deg); top: 60%; }

.gallery-pro .swiper-rtl .swiper-button-prev { left: 17px; right: auto; top: 60%; }

.gallery-pro .swiper-container { width: 100%; height: 300px; overflow: hidden; }
.gallery-pro .swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto; }

.gallery-pro .swiper-slide { background-size: cover; background-position: center; }*/

.gallery-pro .gallery-top { height: 95%; width: 80%; }
.gallery-thumbs { height: 80px; box-sizing: border-box; padding: 10px 0; width: 70%; padding-right: 10px; }
    .gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; }
    .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }
    .gallery-thumbs .swiper-slide { height: max-content; }
.gallery-pro .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.20); }
.gallery-thumbs .swiper-slide img { display: block; width: 40px !important; height: 57.327px; object-fit: cover; border-radius: 10px; }
.gallery-pro .swiper-button-next, .gallery-pro .swiper-button-prev { z-index: 1; top: 94%; width: 25px; height: 25px; border: 0; }
.gallery-pro .swiper-button-next, .gallery-pro .swiper-rtl .swiper-button-next { right: 6%; left: auto; }
.gallery-pro .swiper-button-prev, .gallery-pro .swiper-rtl .swiper-button-prev { left: 6%; right: auto; }
    .gallery-pro .swiper-rtl .swiper-button-prev::after, .gallery-pro .swiper-button-prev::after { content: url('../images/arrow-circle-left.svg'); top: 0; position: relative; }
.gallery-pro .swiper-rtl .swiper-button-next::after, .gallery-pro .swiper-button-next::after { content: url('../images/arrow-circle-right.svg'); top: 0; position: relative; }

.titleSection .fa-book { float: right; font-size: 17pt; width: 30px; height: 40px; text-align: center; position: relative; top: 10px; line-height: 40px; right: 0px; }
.titleSection .fa-newspaper { float: right; font-size: 17pt; width: 30px; height: 40px; text-align: center; position: relative; top: 0px; line-height: 40px; right: 0px; }
.titleSection { display: flow-root; border-bottom: 2px solid #F8DA6A; }
.TopsaleProduct .titleSection { background: #f9f9f9; z-index: 999; }

/*        .titleSection:before { top: 20px; width: 94%; right: 14px; position: absolute; height: 2px; border-bottom: 2px dashed #2E2E2E; content: ""; }
*/
/*.CatList .titleSection::before, .MyAccount .titleSection:before { top: 15px; width: 100%; right: 0; position: absolute; height: 2px; border-bottom: 2px dashed #2E2E2E; content: ""; }
*/ .HotProduct .titleSection::before /*, .CatList .titleSection:before*/ { content: none; }
#pnlSearchResult { box-shadow: rgb(229, 229, 229) 0px 3px 2px; padding: 0px; position: absolute; width: 100% !important; z-index: 99999; background: #fff; }
    #pnlSearchResult .list-group-item-SearchDropDown { position: relative; display: block; margin-bottom: -1px; background-color: #fff !important; border: 1px solid rgba(0,0,0,.125); line-height: 30px; font-size: 13px; text-align: right; padding-right: 10px; }
        #pnlSearchResult .list-group-item-SearchDropDown.selected { background-color: #dbf2f2 !important; }
.search-content .form-control { border: 0; height: 45px; }
.grid { max-width: 1300px; margin: 0 auto; list-style: none; text-align: center; }
    .grid li { display: inline-block; margin: 0; padding: 20px; text-align: left; position: relative; }
    .grid figure { margin: 0; position: relative; }
        .grid figure img { max-width: 100%; display: block; position: relative; }
    .grid figcaption { position: absolute; top: 0; left: 0; padding: 20px; background: #2c3f52; color: #ed4e6e; }
        .grid figcaption h3 { margin: -15px -5px; padding: 0; color: #fff; float: right; font-weight: 400 !important; }
        .grid figcaption a { text-align: center; padding: 0px 10px; border-radius: 2px; display: inline-flex; color: #FF9000; }
            .grid figcaption a i { margin-right: 5px; }
            .grid figcaption a:hover { color: #fff; }

/* Caption Style 5 */
.cs-style-5 figure img { z-index: 10; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; border-radius: 20px; }

.no-touch .cs-style-5 figure:hover img,
.cs-style-5 figure.cs-hover img { -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); }

.cs-style-5 figcaption { height: 100%; width: 100%; opacity: 0; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; -moz-transition: -moz-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; border-radius: 20px; }

.no-touch .cs-style-5 figure:hover figcaption,
.cs-style-5 figure.cs-hover figcaption { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

.cs-style-5 figure a { position: absolute; bottom: 5px; left: 10px; }

#address-modal #PostalCode, #address-modal #Mobile, #address-modal #PhoneNumberWithAreaCode { font-family: tahoma !important }

.nav-pills { z-index: 999; margin-bottom: 6px; }
    .nav-pills .nav-item { margin-left: 2px; }
    .nav-pills .nav-link { border-radius: 5px; border: 2px solid rgba(194, 194, 194, 0.20); color: #787878; background: #fff; font-size: 15px; }
        .nav-pills .nav-link.active, .nav-pills .show > .nav-link { border-radius: 5px; border: 2px solid #FFC9CC; color: #D81A24; background: #fff; }
.tab-content { border-radius: 5px; border: 2px solid #011F9B; padding: 8px; margin-bottom: 50px; }

.about-us .titleSection::before { top: 15px; width: 100%; }

#related_items .swiper-rtl .swiper-button-prev { left: 0; }
#related_items .swiper-rtl .swiper-button-next { left: 50px; }
.review-count { color: #2E2E2E }
.book-description, .comments-list { background-color: #F0F1F5; padding: 30px; border-radius: 20px; color: #2E2E2E; margin-top: 30px; }
    .book-description .desc-title, .comments-list .desc-title, .info-title { color: #011258; font-weight: bold; font-size: 17px; }
.form-select, .form-control { border: 1px solid #011257; font-size: 13px; height: 40px; border-radius: 20px; color: #505050; }
.comments-list .form-select, .comments-list .form-control { border: 1px solid #DCDDE1; padding: 16px; }
.comments-list .form-control { height: 100px; }
.comments-list .btnGold { border-radius: 20px; background: #011F9B; }

@media(max-width:767px) {
    .pagination { position: relative; padding-top: 35px; }
        .pagination .prev { position: absolute; top: 10px; right: 40%; }
        .pagination .next { position: absolute; top: 70px; left: 40% }
    .page-link { margin-inline: 2px; }
}