input[type=number]::-webkit-inner-spin-button {
  opacity: 1;
}
@import url(font-awesome.min.css);

* {
    border: none;
    margin: 0;
    padding: 0;
    outline: none !important;
}

ul, p {
    margin-bottom: 0 !important;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
    direction: rtl;
    height: 100%;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

a {
    text-decoration: none !important;
}

@font-face {
    font-family: 'web_Yekan';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Black.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum)_Black.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum)_Black.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum)_Black.ttf') format('truetype');
}

@font-face {
    font-family: 'web_Yekan';
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'web_Yekan';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'web_Yekan';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}

@font-face {
    font-family: 'web_Yekan';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');

}

@font-face {
    font-family: 'web_Yekan';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/eot/IRANSansWeb(FaNum).eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype');

}

@font-face {
    font-family: 'Khandevane';
    src: url('../fonts/Khandevane.woff') format('woff'),
    url('../fonts/Khandevane.ttf') format('truetype');
}

body {
    background: url("../images/them/bg-layer.png") repeat;
    direction: rtl !important;
    font-family: 'web_Yekan';
    font-weight: normal;
    font-size: 13px;
    position: relative;
    overflow-x: hidden;
    line-height: 1.7;
}

.closeSubPanel {
    padding: 0;
    width: 100%;
    height: 28px;
    font-size: 13px;
    color: #fff;
    line-height: 15px;
    text-align: right;
    line-height: 28px;

    margin-left: 5px;
}

.panel-menu.isOpen .close-menu {
    padding: 0;
    width: 28px;
    height: 28px;
    font-size: 21px;
    color: #fff;
    line-height: 15px;
    text-align: center;
    line-height: 28px;
    float: left;
    position: absolute;
    left: -36px;
}

.closeSubPanel i {
    vertical-align: middle;
    margin-left: 5px;
    font-size: 20px;
}

.closeSubPanel::after {
    background-color: #f1f1f1;
    width: 100%;
    right: 0;
    content: '';
    height: 1px;
    bottom: -5px;
    position: absolute;
}

.support-mob-menu::after {
    height: 2px;
    background: #4062b9;
    content: '';
    display: block;
    left: 6%;
    position: absolute;
    width: 88%;
    bottom: 0;
}

.panel-menu {
    width: 300px;
    background-color: #fff !important;
    position: fixed;
    height: 100%;
    top: 0;
    bottom: 0;
    right: -300px;
    -webkit-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    transition: ease 0.5s;
    height: 100vh;
}

.panel-menu {
    z-index: 9999999;
}

.panel-menu.isOpen {
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    transform: translateX(-300px);
}

.lozad.fade {
    animation-name: fade;
    animation-duration: 2s;
    opacity: 1;
}

@keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.top-header {
    background-color: #f6f6f6;
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #ffffff2e;
    z-index: 15;
    position: relative;
}

.link-top h3, h1 {
    font-size: 13px;
    display: inline-block;
    margin-bottom: 0 !important;
    margin-left: 20px;
}

.link-top h3, h1 a {
    color: #ffffffb3;
    font-size: 12px;
    text-decoration: none;
}

.link-top h3, h1 a:hover {
    text-decoration: none;
    color: #ffffffb3;
    font-size: 12px;
}

.link-top span {
    padding-left: 14px;
}

.links span {
    padding-right: 14px;
}

.link-top span a, .links span a {
    color: #ffffffb3;
    font-size: 12px;
    font-weight: 500;
}

.icon-slice {
    background: url(../images/them/slices.png) no-repeat;
}

.img-reg {
    background-position: -5px -4px;
    width: 21px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
}

.img-shop {
    background-position: -36px -2px;
    width: 31px;
    height: 37px;
    display: inline-block;
    position: relative;
    margin-left: 8px;
}

.img-search {
    background-position: -86px -4px;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.shop-link {
    background-color: #ee0b74;
    border-radius: 7px;
    padding: 9px 7px;
    color: #fff;
    font-size: 12px;
    position: relative;
}

.frm-search input {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.frm-search {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    padding: 2px 4px;
}

.img-search.icon-slice {
    margin-right: 10px;
}

.row.row-header {
    align-items: center;
}

.mega-dropdown-menu .nav-item a {
    color: #201e1e !important;
    font-size: 13px;
}

.navbar-dark .navbar-nav .nav-link {
    color: #464646 !important;
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.nav-item i {
    font-size: 7px;
    vertical-align: middle;
}

.img-all {
    background-position: -41px -9px;
    width: 21px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
}

.gift {
    background-position: -148px -12px;
    width: 26px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
}

.register a {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}

.count {
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background-color: #fe8a00;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 18px;
    font-family: arial;
    top: 7px;
    position: absolute;
    font-weight: bold;
    font-size: 15px;
    left: -7px;
}

.dropdown-item {
    font-size: 12px;
}

.wdn {
    padding-top: 10px;
}

.img-pro img {
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
}

.img-pro {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 14px;
}

.pro-name {
    width: 100%;
    display: block;
    min-height: 30px;
}

.pro-name a {
    text-align: right;
}

.pro-name a {
    color: #292929;
    display: block;
    text-align: center;
}

.cost-pro {
    text-align: left;
    margin-bottom: 10px;
    padding-left: 10px;
}

.txt-timer {
    color: #716d71;
    font-size: 13px;
    font-weight: 500;
    margin-top: -10px;
}

.set > span {
    color: #ffffff;
    font-size: 16px;
    display: block;
    position: relative;
}

.lnk-footers li a {
    color: #ffffff;
    font-size: 12px;
}

@media screen and (min-width: 768px) {
    .col-12.col-lg-3.col-md-4.item.product-thumb.pr-2.ol-2 {
    padding-right: 0 !important;
}
  .wnd .owl-next {
    right: -40px;
}
  
  .wnd .owl-prev {
    left: -40px;
}  
    .register {
        color: #fff;
    }
    #modalOnLoad .modal-dialog {
       max-width: 40% !important;

    }
    .text-slide {

        font-size: 1.5rem;

        /*text-shadow: -1px -1px 0 #fc452e, 1px -1px 0 #fc452e, -1px 1px 0 #fc452e, 1px 1px 0 #fc452e;*/
        border-radius: 0 0 15px 15px;

    }

    .gift-type a {
        padding: 5px 20px;
        min-width: 150px;
    }

    .form-news-letter {
        margin-right: 20px;
    }

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

    .c-right {
        text-align: right;
    }

    .news-section {
        padding-top: 27px !important;
        padding-bottom: 27px !important;
    }

    .brand-section {
        padding-top: 27px !important;
        padding-bottom: 27px !important;
    }

    .send-section .img-send {
        display: inline-block
    }

    .product-info > a .item-info {
        border-right: 1px solid #f4f4f4;
    }

    .category-info {
        display: -ms-flexbox;
        display: flex;
    }

    .product-info > a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 1;
        flex: 1 1;
    }

    .send-section .desc-send {
        display: inline-block;
        vertical-align: middle;

    }

    .send-section .thum-send {
        display: block;
        text-align: center;
    }

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

    .set > span i {
        display: none;
    }

    .title-footer {
        position: relative;
    }

    .logo {
        text-align: right;
    }
}

.right-toolbar span {
    display: inline-block;
    vertical-align: middle;
}

.right-toolbar span {
    display: inline-block;
    vertical-align: middle;
}

/*menu*/
.navbar.navbar-inverse {
    margin-bottom: 0 !important;
}

.menu .navbar {
    min-height: 40px !important;
    padding: 0 !important;
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 11px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
}

.mega-dropdown, .mega-dropdown-menu1 {
    position: static !important;
}

.menu.navbar-nav > li {
    float: none !important;
    display: table-cell;
    width: auto;
    text-align: center;
    vertical-align: middle;
}

.menu .dropdown-toggle::after {
    display: none;
}

.mega-dropdown-menu1 li {
    text-align: right;
    position: relative;
}

.menu .navbar-nav > li > a {
    color: #fff;
    padding: 0 10px 0 10px;
    font-size: 13px;
}

.nav-item.mega-dropdown.dropdown.show > a {
    /*color: #fe8a00 !important;*/
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15)
}

.nav-item.mega-dropdown.dropdown.show > a i {
    transform: rotate(180deg) !important;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transition: .4s;
    transition-delay: 0s;
    transition-delay: 0s;
    transition-delay: 100ms;
}

.menu .nav.navbar-nav > li {
    line-height: 2.9 !important;
    margin: 0 10px;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #fe8a00 !important;
}

.menu .navbar-brand, .menu .navbar-nav > li > a {
    text-shadow: none !important;
    display: block;
}

.row.row-menu {
    padding: 20px 10px;
}

.img-menu {
    padding-top: 20px;
}

.dropdown-toggle:hover i {
    transform: rotate(180deg) !important;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transition: .4s;
    transition-delay: 0s;
    transition-delay: 0s;
    transition-delay: 100ms;
}

.inner-li li a:hover {
    color: #fe8a00 !important;
}

.mega-dropdown-menu, .mega-dropdown-menu1 {
    position: absolute !important;
    width: 100% !important;
    right: 0;
    border-radius: 0 !important;
    margin: 0 !important;
    opacity: 0;
    transition: opacity .25s;
    display: table;
    right: -99999px !important;
    max-height: 0;
    min-width: 0 !important;
    padding: 0 !important;
    top: 97% !important;
    border: 1px solid #ccc;
}

.icon-menu {
    line-height: 3 !important;
}

.dropdown.mega-dropdown.show .dropdown-menu {
    opacity: 1 !important;
    right: 0 !important;
    max-height: auto !important;
    transition: opacity .4s !important;
    width: 100% !important;
    min-height: 300px !important;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #7965be !important;
    color: #fff !important
}

.nav-stacked > li {
    float: none;
    text-align: center;
    display: block !important;
    width: 100% !important;
}

.dropdown-header a {
    font-size: 13px !important;
    color: #001730 !important;
    font-weight: bold;
}

.dropdown-header {
    padding: 0 !important;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent !important;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #36b649;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #36b649 !important;
    background-color: transparent !important;
}

.collapse.navbar-collapse.js-navbar-collapse {
    padding: 0 !important;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: transparent !important;
}

.dropdown1.mega-dropdown1.open > a::after {
    position: absolute;
    bottom: -1px;
    right: 42%;
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 5px solid #001730;
}

.dropdown1.mega-dropdown1.open > a {
    border-bottom: 2px solid #001730;
    line-height: 4 !important;
    position: relative;
    display: inline-block;;
}

.menu .dropdown-toggle .fa.fa-angle-down {
    opacity: 0;
}

.menu .dropdown-toggle:hover .fa.fa-angle-down, .dropdown.mega-dropdown.open .fa.fa-angle-down {
    opacity: 1 !important;
}

.title0category {
    color: #666;
    font-size: 13px;
    border-bottom: 2px solid #ebebeb;
    padding-bottom: 12px;
}

.owl-carousel img {
    max-width: 100% !important;
    height: auto !important;
}

.footer-bottom {
    background-color: #eceff1;
    padding-top: 28px;
    padding-bottom: 28px;
    position: relative;
}

.big-img-category {
    height: 100%;
}

.namd li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    background-color: #fff;
}

@media screen and (min-width: 1300px) {
    .container {
        max-width: 1272px !important;
    }
}

.owl-theme .owl-dots .owl-dot {
    background-color: transparent !important;
}

.owl-nav span {
    font-size: 38px;
    line-height: 0.5 !important;
}

.owl-nav {
    margin: 0 !important;
    direction: ltr;
}

.img-pro img {
    max-width: 100% !important;
    height: auto !important;
}
.home-product-box.uk-first-column a {
    display: block;
}
.home-product-box > a {
    display: block !important;
}
.uk-margin-large-bottom {
    overflow: hidden;
}
@media screen and (min-width: 767.99px)  and (max-width: 991.99px) {
    .banner-right {
        display: none !important;
    }

    .adv-banner li {
        display: inline-block;
        vertical-align: middle;
        width: 32.33%;
    }
}

@media screen and (max-width: 767.99px) {
    .home-product-box .meta-bot{
        position:relative !important;
        opacity:1 !important;
    }
    [class*=uk-width] {
     overflow: hidden;
    float: right;
    margin-bottom: 20px;
}
 .product-long-description {
    padding: 0 !important;
    text-align: justify;
    font-size: 14px;
}   
.container.product-des-qa {
    width: 100% !important;
    padding: 0 !important;
    background-color: #fff;
   
}    
 .container-fluid.wnd.mt-4 {
    overflow: hidden;
}   
  .wnd .owl-next {
    right: -25px;
}    
  .wnd .owl-prev {
    left: -25px;
}     
    .unmber {
        font-size: 12px;
    }
    .row.row-wnd-top img {
        width: 150px;
        margin: auto;
    }
    .text-slide {
        font-size: 1.2rem;

    }

    .item.img-pro-banner img {
        background-color: #0183bd;
        border-radius: 0 !important;
    }

    .about-company {
        margin-top: 20px !important;
    }

    .gift-type a {
        padding: 5px 0;
        min-width: 128px;
    }

    .container-fluid.banner.pt-3 {
        padding-top: 0 !important;
    }

    .pr-padding, .pl-padding {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .owl-pro .item {
        min-width: 229px;
    }

    .owl-send .item {
        min-width: 25%;
    }

    .gap-col-mob {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .owl-theme.owl-gift, .owl-pro, .owl-send {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .container-fluid {
        padding-left: 10px;
        padding-right: 10px;
    }

    #thumbs {
        display: none !important;
    }

    .banner-right {
        padding-right: 7px !important;
    }

    .gap-col-mob {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .accordion-container .set {
        position: relative;
        width: 100%;
        height: auto;
        background-color: transparent;
        border-bottom: 1px solid #f4f3f370;
    }

    .accordion-container .set > span i {
        position: absolute;
        left: 0;
        top: 17px;
        color: #fff;
        font-size: 10px;

    }

    .accordion-container .content {
        position: relative;
        width: 100%;
        height: auto;
        background-color: #501b8c;
        padding-right: 10px !important;
        display: none;
        line-height: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .brand-section {
        padding-bottom: 10px;
    }

    .owl-brands a {
        display: block !important;
        width: 100%;
        float: right;
    }

    .owl-brands img {
        max-width: 100% !important;
        height: auto !important;
    }

    .send-section .img-send {
        display: block;
        margin: auto;
    }
}

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

@media screen and (max-width: 991.99px) {
    .toolbar-desc {
        text-align: left;
    }
    #particles-js3 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;

        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;

    }

    .container-fluid.slider.mt-4 {
        margin-top: 0 !important;
    }

    .remain {
        text-align: center;
    }

    .timer {
        text-align: center !important;
        height: 60px;
    }

    .register .img-reg {
        margin-top: -10px;
    }

    .register {
        color: #fff;
    }

    .link-mob {
        background-color: #501b8c;
        border-top: 1px solid #ffffff3d;
    }

    .slider {
        padding: 0 !important;
        margin-top: 10px !important;
    }

    .row.row-copy {
        text-align: center;
    }

    .svg-icon {
        display: inline-block;
        height: 25px;
    }

    .menuTrigger span {
        display: inline-block;
        vertical-align: middle;
    }

    .soon-wrapper[data-visual] > .soon-group > .soon-group-inner > .soon-group-separator > .soon-group-inner > .soon-group-sub > .soon-group-inner, .soon-wrapper[data-visual] > .soon-group > .soon-group-inner > .soon-group-sub > .soon-group-inner, .soon[data-visual] > .soon-group > .soon-group-inner > .soon-group-separator > .soon-group-inner > .soon-group-sub > .soon-group-inner, .soon[data-visual] > .soon-group > .soon-group-inner > .soon-group-sub > .soon-group-inner {
        min-width: 12px !important;

    }

    .row.sotial-footer {
        border-top: 1px solid #ddd;
        padding-top: 20px;
    }

    .link-footer .row {
        border-bottom: 1px solid #999999;
        color: #666666;
        margin: 0 10px !important;
        padding: 10px 0;
    }

    .link-footer {
        background-color: #eceff1;
    }

    .main-menu:active i.fa-angle-left {
        color: #f1438d;
    }

    .openSubPanel:focus i {
        color: #f1438d !important;
    }

    .btn-menu a:hover, .btn-menu:hover i, .btn-menu:hover i {
        color: #fff !important;
    }

    .send-section {
        border-bottom: 9px solid #f6f6f6;
    }

    .btn-menu {
        color: #fff;
    }

    .closeSubPanel {
        padding: 0;
        width: 28px;
        height: 28px;
        font-size: 13px;
        color: #fff;
        line-height: 15px;
        text-align: center;
        line-height: 28px;
        margin-left: 5px;
    }

    .close-menu {
        padding: 0;
        width: 28px;
        height: 28px;
        background: rgba(0, 0, 0, 0.1);
        font-size: 13px;
        color: #fff;
        line-height: 15px;
        text-align: center;
        line-height: 28px;
        float: left;
    }

    .subPanel li a {
        line-height: 17px;
        font-size: 13px;
        color: #fff;
    }
.subPanel {
    max-height: 100vh;
    overflow-y: auto;
}
    .openSubPanel-li a {
        line-height: 17px;
        font-size: 13px;
        color: #fff;
    }

    .openSubPanel:hover, .panel-menu li a:hover {
        color: #fe8a00 !important;
    }

    .main-menu a {
        display: block;
    }

    .openSubPanel {
        position: absolute;
        height: 42px;
        cursor: pointer;
        z-index: 1;
        text-align: right;
        width: 42px;
      top: 0;
left: 10px;
    }

    .aroow-menu {
        position: absolute;
        left: 6px;
        top: 6px;
        height: 29px;
        color: #4d4d4d;
    }

    .openSubPanel i {
        color: #4d4d4d;
        font-size: 22px;
    }

    .openSubPanel-li {
        float: right;
    }

    .panel-menu, .subPanel {
        width: 300px;
        background-color: #fff !important;
        position: fixed;
        height: 100%;
        top: 0;
        bottom: 0;
        right: -300px;
        -webkit-transition: ease 0.5s;
        -moz-transition: ease 0.5s;
        -o-transition: ease 0.5s;
        transition: ease 0.5s;
        z-index: 999999 !important;
    }

    .panel-menu > ul:nth-child(1) {
        overflow-y: auto !important;
        max-height: 100vh;
    }

    .panel-menu.isOpen::after {
        position: absolute;
        right: 300px;
        content: '';
        top: 0;
        height: 100%;
        min-height: 100%;
        background: rgba(0, 0, 0, 0.5);
        width: 200%;
    }

    .panel-menu {
        z-index: 10;
    }

    .panel-menu ul li {
        width: 100%;
        line-height: 42px;
       padding: 5px 15px 5px 5px;
        cursor: pointer;
position: relative;
        background-color: #fff;
        border-bottom: 1px solid #eeeeee;
    }

    .panel-menu.isOpen, .subPanel.isOpen {
        -webkit-transform: translateX(-300px);
        -moz-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        -o-transform: translateX(-300px);
        transform: translateX(-300px);
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
    }

    .subPanel {
        z-index: 20;
    }

    .closeSubPanel, .closePanel, .openSubPanel {
        cursor: pointer;
    }

    .panel-menu > ul:nth-child(1) {
        overflow-y: auto !important;
        max-height: 100vh;
        width: 100%;
    }

    .slider .col-12 {
        padding: 0 !important;
    }

    .main-image {
        margin-top: 30px !important;
    }

    .wnd .row.row-align {
        margin-top: 14px;
    }

    .text-center.more a span {

        font-size: 11px;
    }

    .cost.text-right.p-3 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .col-12.text-center.more {
        padding: 0 !important;
    }

    .container-fluid.wnd {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        overflow-x: auto;
    }

    .img-pro.item {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .about-company .title-footer.un-link {
        text-align: center !important;
    }

    .off-link {
        text-align: center !important;
    }

    .off-link {
        display: inline-block;
        border-radius: 11px;
    }

    .owl-carousel.owl-theme.owl-pro {
        margin-right: 1px;
    }

    .owl-pro .item {
        margin: 20px 10px 20px 10px;
    }

    .cost.text-left.p-0 {
        text-align: left !important;
        padding-left: 10px !important;
    }

    .pro-name a {
        text-align: center !important;
        font-size: 12px;
    }

    .img-pro {
        margin: 7px .5rem 0 .5rem;
    }

    .col-md-5.col-12.p-0.order-md-5 {
        background-color: #ebebeb;
    }

    .reg {
        display: none !important;
    }

    .logo-mob img {
        width: 200px;
    }

    .gap-col-mob {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .overlay {
        display: none;
    }

    .menu-mob {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .header {
        padding-bottom: 20px;
        z-index: 15;
        position: relative;
    }

    .menuTrigger i {
        color: #6e6e6e;
        font-size: 26px;
        vertical-align: middle;
        margin-left: 20px;
    }

    .categori-item span {
        color: #d9d3d3;
        font-size: 16px;
        margin-left: 7px;
    }

    .toolbar-desc li {
        display: inline-block;
        vertical-align: middle;
        margin-right: 24px;
    }

    .logo-mob {
        text-align: center;
        padding: 10px 0;
    }

    .container {
        max-width: 100%;
    }

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

    .namd {
        margin: 5px 0 !important;
    }

    .copy span {
        direction: ltr;
    }

    .namd li {
        margin: 0 0.5% !important;
        width: 23%;
    }

    .footer-bottom .col-lg-3 {
        padding: 0 !important;
    }

}

.footer .title-footer {
    font-weight: 500;
    display: block;
    color: #ffffff;
}

.about-company {
    color: #585858;
    text-align: justify;
    display: block;
    line-height: 2;
    font-size: 12px;
}

.row.copy {
    font-size: 12px;
}

.lnk-footers li {
    line-height: 2.5;
    position: relative;
    list-style-type: none !important;
}

.lnk-footers li::after {
    width: 4px;
    height: 4px;
    position: absolute;
    content: '';
    background-color: #fff;
    right: -13px;
    top: 16px;
    border-radius: 100%;
}

.add-icon {
    background: url(../images/them/slices.png) no-repeat;
    background-position: 0px -44px;
    width: 35px;
    height: 32px;
    display: inline-block;
    margin-left: 14px;
}

.icon-tel {
    background: url(../images/them/slices.png) no-repeat;
    background-position: -36px -49px;
    width: 22px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 14px;
}

.icon-mail {
    background: url(../images/them/slices.png) no-repeat;
    background-position: -93px -52px;
    width: 22px;
    height: 22px;

    display: inline-block;
    margin-left: 14px;
}

.icon-fax {
    background: url(../images/them/slices.png) no-repeat;
    background-position: -60px -52px;
    width: 24px;
    height: 20px;
    display: inline-block;
    margin-left: 14px;
}

.sotial-footer ul li {
    display: inline-block;
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 37px;
    vertical-align: middle;
    margin: 0 10px;
}


.item-count{
    border: 1px solid #000;
}


.sotial-footer a {
    display: block;
    width: 37px;
    height: 37px;
    padding: 0;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 9;
}

.sotial-footer a .flip {
    -webkit-transform: translateZ(19px);
    transform: translateZ(19px);
}

.sotial-footer a span {
    padding: 0;
    display: block;
    width: 37px;
    height: 37px;
}

.sotial-footer a .flop {
    display: block;
    -webkit-transform: rotateX(-90deg) translateZ(-19px);
    transform: rotateX(-90deg) translateZ(-19px);
}

.sotial-footer a span {
    padding: 0;
    display: block;
    width: 37px;
    height: 37px;
    line-height: 37px;

}

.sotial-footer a:hover {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
}

.tel {
    direction: ltr;
    display: inline-block;
    font-size: 15px;
}

.footer-info li {
    list-style: none;
    line-height: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: right;
}

.thumbnail.thum-send img {
    width: 51px !important;
}

.send-section .title-send {
    font-size: 12px;
    color: #000;
}

.sotial-footer ul {
    overflow: hidden;
}

.send-section .thum-send {
    background-color: transparent !important;
    width: 100%;
    float: right;
    border: none;
    align-items: center;
    margin-bottom: 0 !important;
}

.send-section .desc-send {
    text-align: right;
    margin-right: 10px !important;
    vertical-align: middle;
}

.send-section .img-send {
    vertical-align: middle;
    position: relative;
    width: 60px;
}

.adv-banner img {
    max-width: 100% !important;
    height: auto !important;
}

@media screen and (min-width: 992px) {
    .footer-info li {

        margin-right: -43px;
    }
    .banner-section .item.d-block {
        height: 189px;

    }
    .namd li {
        width: 23%;
    }

    .namd li img {
        width: 100% !important;
    }

    .container-fluid {
        padding-left: 85px;
        padding-right: 85px;
    }

    .off-link {
        background-color: #fe8a00;
    }

    .tel {
        padding-left: 20px;
    }

    .col-slider img {
        border-radius: 5px;
    }

    #particles-js2 {
        border-radius: 5px;
    }

    .title-footer.lnk-footer.un-link::after, .footer .title-footer::after {
        position: absolute;
        bottom: -9px;
        right: 0;
        width: 64%;
        height: 1px;
        background-color: #ffffff91;
        content: '';
    }

    .title-footer.lnk-footer.un-link::before, .footer .title-footer::before {
        width: 34px;
        height: 3px;
        content: '';
        right: 0;
        background-color: #fff;
        position: absolute;
        bottom: -10px;
        border-radius: 5px;
    }

    .header {
        padding-bottom: 23px !important;
    }

    .menu-section {
        margin-top: -20px !important;
    }

    #nava2 {
        width: 46px;
        position: fixed;
        left: 0;
        z-index: 1001;
        top: 30%;
    }

    .header {
        padding-bottom: 24px;
    }

    .menu-section {
        margin-top: -21px;
        z-index: 12;
    }

    .about-company .title-footer {
        font-weight: bold;
    }

    .soon-wrapper[data-visual] > .soon-group > .soon-group-inner > .soon-group-separator > .soon-group-inner > .soon-group-sub > .soon-group-inner, .soon-wrapper[data-visual] > .soon-group > .soon-group-inner > .soon-group-sub > .soon-group-inner, .soon[data-visual] > .soon-group > .soon-group-inner > .soon-group-separator > .soon-group-inner > .soon-group-sub > .soon-group-inner, .soon[data-visual] > .soon-group > .soon-group-inner > .soon-group-sub > .soon-group-inner {
        min-width: 17px !important;

    }

    .footer-info li {
        margin-bottom: 10px;
    }

    .off-link {
        padding: 0 20px;
    }

    .owl-pro .pro-name {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .footer {
        background-color: #501b8c;
        padding-top: 40px;
        padding-bottom: 40px;
        position: relative;
    }

    .send-section {
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #fff;
        border-bottom: 1px solid #e3e3e3;
    }

    .caption-section > span::before {
        bottom: -1px;
    }

    .caption-section {
        margin-bottom: 20px;
    }

    .caption-section {
        margin-bottom: 20px;
    }

    .img-pro-wnd {
        margin: 7px .5rem 0 .5rem;
        display: block;
    }

    .img-icon {
        width: 85px;
        height: 95px;
    }

    .title-wnd {
        margin-top: 23px;
    }

    .title-wnd img {
        width: 120px;
    }

    .timer {
        margin-top: 24px;
        height: 70px;
    }

    .title-footer {
        margin-bottom: 20px !important;
    }

    .owl-pro .item {
        margin: 20px 10px;
    }

    .pr-padding {
        padding-right: 7px;
        padding-left: 7px;
    }

    .pl-padding {
        padding-right: 7px;
        padding-left: 7px;
    }

    .img-pro {
        margin: 7px .5rem 0 .5rem;
    }

    .right-footer::after {
        position: absolute;
        width: 1px;
        height: 100%;
        border-left: 1px dashed #ccc;
        content: '';
        top: 0;
        left: 23px;
    }

    .owl-brands .owl-prev {
        left: -50px;
    }

    .owl-brands .owl-next {
        right: -50px;
    }

    .owl-slider .owl-nav span {
        font-size: 0 !important;
    }

    .owl-send .item {
        position: relative;
    }

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

    #panel-menu {
        display: none;
    }

    .register {
        margin-left: 20px;
        position: relative;
        margin-right: 10px;
    }

    .menu .active.show {
        background-color: #fff;
    }

    .nav.tab-menu.nav-pills {
        background-color: #eee;
    }

    .menu .nav.tab-menu.nav-pills.col-2.nav-stacked a.show {
        background-color: #fff !important;
    }


    .menu .tab-content.col-10.p-0 {
        padding: 11px !important;
    }

    .level li {
        display: block;
        list-style: none;
        line-height: 2.5;
        font-size: 13px;
    }

    .tab-menu.nav-pills.col-2 li a {
        display: block;
        text-align: right;
        font-size: 13px;
        padding-right: 5px;
    }

    .nav.tab-menu.nav-pills.col-2.nav-stacked.pr15.p-0 {
        display: block !important;
    }

    .nav.tab-menu.nav-pills li a {
        text-align: right;
        font-size: 13px;
        display: block;
        color: #000;
    }

    .nav.tab-menu.nav-pills.col-2.nav-stacked.pr15.p-0 {
        display: block !important;
    }

    .tab-menu a .active.show {
        background-color: #eee;
    }

    .header {
        padding-bottom: 10px;
        background-color: #f6f6f6;
        position: relative;
    }

    .overlay {
        position: fixed;
        right: 0;
        height: 100%;
        width: 100%;
        top: 0;
        bottom: 0;
        content: "";
        background: rgba(74, 74, 74, .65);
        opacity: 0;
        z-index: 9;
        transition: opacity .2s cubic-bezier(.215, .61, .355, 1) .1s;
        pointer-events: none;
    }

    .overlay.is-active {
        pointer-events: all !important;
        opacity: 1;
    }

    .footer-info {
        width: 90%;
    }

    .namd {
        text-align: left;
    }

}

.adv-banner li {
    list-style: none;
    margin-bottom: 12px;
}

.owl-theme.owl-brands a {
    display: block;
    background-color: #fff;
}

.caption-section span {
    z-index: 2;
    color: #373737;
    font-weight: bold;
    font-size: 18px;
    position: relative;
}

.caption-section::after {
    position: absolute;
    width: 100%;
    height: 1px;
    content: '';
    bottom: 20px;
    right: 0;
    background-color: #d7d7d7;
}

.caption-section span {
    min-height: 39px;
    position: relative;
    display: inline-block;
    padding: 0 20px;
}

.caption-section > span::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    background-color: #501b8c;
    height: 3px;
    z-index: 1;
}

.big-img-category {
    display: block;
}

.big-img-category img {
    width: 100% !important;
    height: 100% !important;
}

.categori-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #555;
    font-size: 13px;
    text-align: center;
    padding: 8px;
    margin-bottom: 0 !important;
}

.brand-section {
    background-color: #f8f8f8;
}

.row.row-news img {
    width: 100% !important;
}

@media screen and (max-width: 991.99px) {
    .footer .title-footer.un-link::before {
        width: 34px;
        height: 3px;
        content: '';
        right: 0;
        background-color: #fff;
        position: absolute;
        bottom: -10px;
        border-radius: 5px;
    }

    .footer .title-footer::after {
        position: absolute;
        bottom: -9px;
        right: 0;
        width: 64%;
        height: 1px;
        background-color: #ffffff91;
        content: '';
    }

    .title-footer.un-link {
        position: relative;
        margin-bottom: 20px !important;
        margin-top: 20px !important;
    }

    .set .title-footer.un-link::after, .set .title-footer.un-link::before {
        display: none !important;
    }

    .add-icon {
        width: 23px !important;
    }

    .main-menu a {
        line-height: 3 !important;
    }

    .tel span {
        display: inline-block;
        vertical-align: middle;
    }

    .namd li img {
        width: 100% !important;
    }

    #nava2 {
        display: none !important;
    }

    .text-news {
        font-weight: bold;
    }

    .about-company .title-footer {
        color: #000 !important;
        font-weight: bold;
    }

    .site-name {
        padding-right: 15px !important;
    }

    .footer-info li {
        margin-bottom: 5px;
    }

    .title-wnd {
        text-align: right;
    }

    .title-wnd img {
        width: 104px;
    }

    .p-mob-0 {
        padding-right: 0;
        padding-left: 0;
    }

    .footer {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .send-section .title-send {
        font-size: 10px !important;
        color: #000 !important;
    }

    .send-section {
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #fff;
    }

    .panel-menu .subPanel.isOpen {
        width: 290px;
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
    }

    .panel-menu .subPanel.isOpen .subPanel.isOpen {
        width: 280px;
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
    }

    .btn-menu a {
        width: 49%;
        display: inline-block !important;
        line-height: 2;
        text-align: center !important;
    }

    .login-menu {
        border-left: 1px solid #fff;
    }

    .btn-menu {
        background-color: #501b8c !important;
    }

    .btn-menu a {
        color: #fff !important;
    }

    #panel-menu li a {
        color: #4d4d4d;
        font-size: 14px;
    }

    .pr-padding {
        margin-bottom: 8px;
    }

    .col-md-12.col-12.banner.d-xl-none.d-lg-none.mt-3.p-0 {
        margin-top: 4px !important;
    }

    .menuTrigger svg, .shop-mob svg {
        width: 25px;
        fill: #fff !important;
    }

    .logo-icon i {
        font-size: 20px;
        vertical-align: middle;
    }

    .caption-section > span::before {
        bottom: 5px;
    }

    .caption-section {
        margin-bottom: 13px;
    }

    .container-fluid.categori-section.pt-3 {
        padding-top: 0 !important;
    }

    .img-icon {
        width: 75px;
        height: 84px;
        background-size: contain !important;
    }

    .owl-wnd .item {
        border-radius: 10px;

    }

    .timer {
        margin-top: 7px;
        margin-bottom: 10px;
    }

    .cost-total {
        font-size: 16px;
    }

    .soon-wrapper [class*="soon-"], .soon [class*="soon-"] {
        font-size: 21px !important;
    }

    .timer .far {
        font-size: 16px;
    }

    .owl-pro .owl-stage {
        margin-right: -35px;
    }

    .menu-mob {
        background-color: #501b8c;
        position: relative;
    }

    .row.row-align {
        align-items: center;
    }

    .more a {
        border: 2px solid #fff;
        border-radius: 25px;
        color: #fff;
        padding: 5px 15px;
    }

    .title-wnd {
        color: #fff;
        margin-top: 20px;
    }

    .row.copy {
        text-align: center !important;
    }

    .c-left span {
        display: inline-block !important;
        vertical-align: middle;
    }

    .brand-section {
        padding-top: 10px !important;
    }

    .owl-brands .owl-prev {
        left: -45px;
    }

    .owl-brands .owl-next {
        right: -45px;
    }

    .product-carousel {
        padding-top: 0 !important;
    }

    .product-image-box img {
        width: 80% !important;
    }

    div#accordian > ul {
        max-height: 90vh;
        overflow-y: auto;
    }

    #search-field {
        line-height: 3;
        width: 86%;
        border-radius: 13px;
        padding-right: 10px;
    }

    .footer-bar ul li.search.active .site-search {
        bottom: 100%;
        visibility: visible;
    }

    .footer-cart-contents {
        position: relative;
    }

    .count {
        position: absolute;
        top: -16px;
        background-color: #fe8a00;
        width: 22px;
        height: 22px;
        border-radius: 100%;
        color: #fff;
        line-height: 22px;
        right: -11px;
        z-index: 2;
    }

    .product_search {
        background-color: #fff;
        border-radius: 13px;
    }

    .product_search button {
        background-color: transparent !important;
        float: left;
        padding-left: 10px;
        padding-top: 5px;
        height: 38px;
    }

    .my-account img {
        width: 33px;
    }

    #search {
        display: block;
        cursor: pointer;
    }

    .footer-bar ul li svg {
        width: 40px;
    }

    .categori-list-section {;
        padding: 0 !important;
    }

    .img-send img {
        margin: 10px auto !important;
    }

    .send-section .desc-send {
        text-align: center;
    }

    .banner-wnd {
        text-align: center;
    }

    .adv-banner li img {
        width: 100% !important;
        height: auto !important;
    }

    .img-pro img {
        width: 100% !important;
    }

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

    .footer-bottom {
        padding: 15px 15px 0 !important;
        text-align: center;
    }

    .title-footer {
        font-size: 13px;
    }

    .title-footer {
        display: block;
    }

    #accordian li.active a i::before {
        content: "\f068" !important;
    }

    #accordian {
        width: 100%;
    }

    #accordian h3, h1 a {
        font-size: 13px;
        line-height: 34px;
        display: block;
        color: #000;
        text-decoration: none;
    }

    #accordian h3 a i {
        margin-right: 10px;
        margin-left: 10px;
        font-size: 10px;
        border: 1px solid #eee;
        border-radius: 100%;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 17px;
        color: #ccc;
        display: inline-block;
        vertical-align: middle;
    }

    #accordian li {
        list-style-type: none;
        border-bottom: 1px solid #eee;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #accordian ul ul li a,
    #accordian h4, h1 {
        color: #000;
        text-decoration: none;
        font-size: 13px;
        line-height: 27px;
        display: block;
        padding: 0 26px 0 0;
        -webkit-transition: all 0.15s;
        transition: all 0.15s;
        position: relative;
    }

    #accordian ul ul {
        display: none;
        background-color: #eee;
    }

    #accordian li.active > ul {
        display: block;
    }

    #accordian ul ul ul {
        margin-left: 15px;

    }

    #accordian a:not(:only-child):after {
        content: "\f067";
        font-family: fontawesome;
        position: absolute;
        right: 10px;
        top: 0;
        font-size: 10px;

    }

    #accordian .active > a:not(:only-child):after {
        content: "\f068";
    }

    .panel-menu.isOpen::before {
        position: absolute;
        right: 300px;
        content: '';
        top: 0;
        height: 100%;
        min-height: 100%;
        background: rgba(0, 0, 0, 0.5);
        width: 500%;
    }

}

/* End css default */
.mega-menu {
    position: relative;
}

.mega-menu > ul {
    position: relative;
    display: block;
    position: relative;
}

.mega-menu > ul > li {
    display: block;
    width: 100%;
}

.mega-menu > ul > li > a {
    padding: 5px 0;
    color: #333;
    text-decoration: none;
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}

.mega-menu > ul > li:last-child > a {
    border-bottom: 0;
}

.mega-menu > ul > li > a:before, .mega-menu > ul > li > a:after {

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.mega-menu > ul > li > a:before {
}

.categori-arrow {
    color: #c0c0c0;
    position: absolute;
    left: 0;
    top: 10px;
}

.level li i {
    font-size: 7px;
    vertical-align: middle;
}

.level li {
    display: block;
    list-style: none;
    font-size: 13px;
    line-height: 2.3;
}

.level li a {
    color: #666;
}

@media screen and (min-width: 992px) and (max-width: 1999px) {
    .mega-menu > ul > li:hover .mega-submenu {
        top: 0;
        right: 0;
        right: 100%;
        z-index: 99;
        padding: 20px 30px;
        background-color: #fff;
        color: #fff;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        border-left: 1px solid #eee;
        overflow: hidden;
        visibility: visible;
        width: 800px;
        height: 100%;
    }
}

.item-main {
    width: 100%;
}

.item-img {
    width: 100%;
    position: relative;
}

.item-img .place {
    padding-top: 100%;
}

.item-img-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

.item-img-inner > a {
    height: 100%;
    width: 100%;
}

.product-image-box {
    height: 100%;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
}

.product-image-box img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

@media screen and (min-width: 1200px) {
  .img-wnd a {
    height: 225px;
} 
.big-image{
     height: 500px; 
}
    .navbar-expand-md .navbar-nav .nav-link {
        position: relative;
    }

    .nav-item:last-child a::before {
        display: none !important;
    }

    .menu .navbar-brand, .menu .navbar-nav > li > a {
        position: relative;
    }

    .nav.navbar-nav.mr-auto > a::before {
        position: absolute;
        width: 1px;
        height: 100%;
        content: '';
        top: 0;
        background-color: #eee;
        left: -28px;
    }

    .ul-off {
        width: 143px;
    }

    .menu-desk {
        width: calc(100% - 143px);
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .set {
        margin-right: -19px;
    }

    .owl-slider .owl-item, .owl-slider .owl-item img {
        max-height: 387px;
    }

    .owl-brands img {
        width: auto !important;
        margin: auto;
    }

    .mega-menu > ul > li:hover .mega-submenu {
        top: -59px;
        right: 0;
        right: 100%;
        z-index: 99;
        padding: 20px 30px;
        background-color: #fff;
        color: #fff;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        border-left: 1px solid #eee;
        overflow: hidden;
        visibility: visible;
        width: 975px;
        height: 496px;
    }
}

.lnk-footers li a:hover {
    color: #ffdd2b;
    transition: all 0.2s linear;
    text-decoration: underline !important;
    font-weight: 500;
}

.level li a:hover {
    color: #ee0b74;
    transition: all 0.2s linear;
    text-decoration: underline !important;
}

.img-pro img {
    width: 100% !important;
}

.owl-brands .owl-item:hover img {
    filter: none !important;
}

.owl-brands .owl-item img {
    filter: grayscale(100%);
    -webkit-transition: all 0.5s ease 80ms;
    -moz-transition: all 0.5s ease 80ms;
    -ms-transition: all 0.5s ease 80ms;
    -o-transition: all 0.5s ease 80ms;
    transition: all 0.5s ease 80ms;
}

.categori-section .img-pro img {
    border-radius: 14px;
    -webkit-transition: all 0.5s ease 80ms;
    -moz-transition: all 0.5s ease 80ms;
    -ms-transition: all 0.5s ease 80ms;
    -o-transition: all 0.5s ease 80ms;
    transition: all 0.5s ease 80ms;
}

.categori-section .img-pro:hover img {
    opacity: 0.7;
}

.categori-section .card:hover h3 {
    background-color: #27aabb;
    color: #fff !important;
    -webkit-transition: all 0.5s ease 80ms;
    -moz-transition: all 0.5s ease 80ms;
    -ms-transition: all 0.5s ease 80ms;
    -o-transition: all 0.5s ease 80ms;
    transition: all 0.5s ease 80ms;
}

.row.categori-box .card {
    border-radius: 0 !important;
}

.title-footer.un-link span {
    position: relative;
}

.owl-theme .owl-nav [class*="owl-"] {
    background: transparent;
}

.product-carousel .owl-nav [class*="owl-"] {
    margin: 0 !important;
}

@media screen and (min-width: 1320px) {

}

.price {
    text-align: center;
    color: #666;
}

@media screen and (min-width: 580px)  and (max-width: 992.99px) {
}

@media screen and (min-width: 680.99px)  and (max-width: 991.99px) {

}

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

}

.category-info a {
    display: block;
}

.menu-section {
    z-index: 12;
    position: relative;
}

.all-categori.mr-auto {
    z-index: 13;
}

.all-categori > a {
    color: #464646 !important;
    font-size: 14px !important;
    font-weight: 500;
}

.timer > span {
    display: inline-block;
    vertical-align: middle;
}

.owl-brands .owl-nav span, .owl-pro .owl-nav span {
    color: #000 !important;
}

.owl-brands .owl-prev {
    position: absolute;
    top: 0;
}

.owl-brands .owl-next {
    position: absolute;
    top: 0;
}

.owl-pro .owl-prev {
    position: absolute;
    left: 0;
    top: 38%;
    margin: 0 !important;
}

.owl-pro .owl-next {
    position: absolute;
    right: 0;
    top: 48%;
    margin: 0 !important;
}

.brand-logo img {
    width: auto !important;
}

.rate .fas.fa-star {
    color: #ffbc09;
    text-shadow: 0px 0px 5px #ffbc09;
}

.rate i {
    font-size: 10px;
}

.rate .far.fa-star {
    color: #d7d7d7;
}

.item-img {
    border-radius: 14px;
    background-color: #fff;
    margin-top: 149px !important;
    min-height: 200px;
    text-align: center;
}

.dark-overlay.removeFocusIndicator {
    width: 100%;
    height: 100%;
    background-color: #c1c3ca;
    opacity: .09;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 14px;
}

.brand-logo img {
    float: left;
}

.owl-pro .item {
    box-shadow: 0px 0px 10px #ccc;
    border-radius: 14px;
    background-color: #fff;
}

.item-img2 {
    background-color: #fff;
    border-radius: 14px;
    padding-bottom: 20px;
}

.text-top {
    font-size: 13px;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-left: .75rem;
    padding-right: .75rem;
    font-size: 15px;
}

.owl-slider .owl-dots {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    text-align: center;
}

.owl-slider .owl-dots .owl-dot span {
    width: 7px !important;
    height: 7px !important;
    margin: 5px 3px !important;
    background-color: #fff;
}

.adv-banner li
.owl-slider .owl-dot.active span, .owl-slider .owl-dots .owl-dot:hover span {
    background: #645ea9 !important;
}

.owl-slider .owl-prev {
    position: absolute;
    top: 38%;
    left: 5px;
}

.owl-slider .owl-next {
    position: absolute;
    top: 38%;
    right: 5px;
}

.wdn, .product-carousel, .categori-section {
    background-color: #f8f8f8;
}


.copy {
    background-color: #fafafa;
    padding-top: 13px;
    padding-bottom: 13px;
    color: #544040;
    border-top: 1px solid #ebebeb;
}

.c-left span {
    direction: ltr;
    display: inline-block;
    font-family: arial;
}

.color {
    color: #02aae8;
    font-weight: bold;
}

.soon-repeater.soon-value {
    border-radius: 100%;
    margin: auto !important;
    height: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fffcfc+1,6a4e89+33,654689+59,501b8c+77,501b8c+100 */
    background: rgb(255, 252, 252); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(255, 252, 252, 1) 1%, rgba(106, 78, 137, 1) 33%, rgba(101, 70, 137, 1) 59%, rgba(80, 27, 140, 1) 77%, rgba(80, 27, 140, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 252, 252, 1) 1%, rgba(106, 78, 137, 1) 33%, rgba(101, 70, 137, 1) 59%, rgba(80, 27, 140, 1) 77%, rgba(80, 27, 140, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 252, 252, 1) 1%, rgba(106, 78, 137, 1) 33%, rgba(101, 70, 137, 1) 59%, rgba(80, 27, 140, 1) 77%, rgba(80, 27, 140, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfc', endColorstr='#501b8c', GradientType=1); /* IE6-9 */


}

.remain {
    width: 100%;
    float: right;
    color: #7d797d;
    font-size: 12px;
}

.soon-slot .soon-slot-inner {
    z-index: 8;
}

.soon[data-layout*="group"][data-layout*="overlap"] > .soon-group {
    direction: ltr;
}

.soon-wrapper[data-visual*="ring"]:not([data-layout*="label-hidden"]) .soon-value, .soon[data-visual*="ring"]:not([data-layout*="label-hidden"]) .soon-value {

    top: 45%;

}

.soon-slot .soon-slot-inner {
    z-index: 8;
}

.soon-wrapper[data-visual*="ring"]:not([data-layout*="label-hidden"]) .soon-label, .soon[data-visual*="ring"]:not([data-layout*="label-hidden"]) .soon-label {

    bottom: 37% !important;
    font-size: 10px !important;
}

.soon-wrapper [class*="soon-"], .soon [class*="soon-"] {
    z-index: 8;
    position: relative;
}

.soon-group.soon-group-sub {
    direction: ltr;
}

.soon[data-scale="m"] {
    font-size: 20px;
    direction: ltr !important;
}

.timer {
    width: 100%;
    float: right;
    border-top: 1px solid #e8e8e8;
}

.soon-wrapper[data-visual] > .soon-group > .soon-group-inner > .soon-group-separator > .soon-group-inner > .soon-group-sub > .soon-group-inner, .soon-wrapper[data-visual] > .soon-group > .soon-group-inner > .soon-group-sub > .soon-group-inner, .soon[data-visual] > .soon-group > .soon-group-inner > .soon-group-separator > .soon-group-inner > .soon-group-sub > .soon-group-inner, .soon[data-visual] > .soon-group > .soon-group-inner > .soon-group-sub > .soon-group-inner {
    min-width: 48px !important;

}

.soon-wrapper [class*="soon-"], .soon [class*="soon-"] {
    display: inline-block;
    vertical-align: baseline;
}

.soon-wrapper [class*="soon-"], .soon [class*="soon-"] {
    z-index: 8;
    position: relative;
    font-size: 23px;
}

.soon-text {
    font-family: arial;
    font-weight: 501 !important;
}

.soon[data-layout*="group"] {
    padding: 0.5em 0 !important;
}

.soon-wrapper [class*="soon-"], .soon [class*="soon-"] {
    font-family: 'web_Yekan' !important;
}

.soon[data-layout*="group"][data-layout*="overlap"] > .soon-group {
    direction: ltr;
}

.soon-wrapper[data-visual*="ring"]:not([data-layout*="label-hidden"]) .soon-value, .soon[data-visual*="ring"]:not([data-layout*="label-hidden"]) .soon-value {

    top: 45%;

}

.soon-repeater.soon-value::after {
    position: absolute;
    width: 90%;
    height: 90%;
    top: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    content: '';
    border-radius: 100%;
    left: 0;
    bottom: 0;

}

.model-banner {
    color: #fff;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.model-pro {
    color: #6c6c6c;
    font-size: 12px;
}

.owl-carousel.owl-theme.owl-pro .item {
    position: relative;
}

.icon-card {
    background-position: -177px -49px;
    width: 24px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
}

.add-to-card {
    background-color: #ee0b74;
    position: absolute;
    width: 95%;
    bottom: 0;
    color: #fff;
    text-align: center;
    border-radius: 7px 7px 0 0;
    box-shadow: 0px 0px 5px #918a8a;
    left: 0;
    right: 0;
    margin: auto;
    height: 0;
    transition: all 0.2s linear;
}

.up-text {
    cursor: pointer;
}

.add-to-card a {
    color: #fff;
}

.owl-pro .item:hover .add-to-card {
    height: auto !important;
    padding: 8px 5px;
}

.c-left {
    font-size: 11px;
}

.right-footer {
    position: relative;
}

.footer .tel {
    font-size: 13px;
    font-weight: bold;
}

.gap {
    margin: 0 10px;
}

.footer-logo {
    display: block;
    margin-bottom: 10px;
}

.brand-section .card {
    box-shadow: 0px 0px 10px #ddd;
    border: none !important;
    border-radius: 0;
}

.cssmenu ul ul li.has-sub:hover a, .cssmenu ul li.has-sub ul li.has-sub ul li a:hover {
    background: #375699;
    color: #fff !important;
    text-align: right;
}

.cssmenu, .cssmenu ul, .cssmenu ul li, .cssmenu ul li a, .cssmenu #head-mobile {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.cssmenu #head-mobile {
    display: none
}

#cssmenu > ul > li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

#cssmenu2 > ul > li {
    display: block;
    list-style: none;
    list-style-type: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.cssmenu > ul > li.has-sub:hover > a:before {
    top: 23px;
    height: 0
}

.cssmenu ul ul {
    position: absolute;
    left: -9999px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
    border-radius: 14px !important;
    padding: 10px 0 5px 0;
    background: rgba(255, 255, 255, 0.8);
}

.cssmenu ul ul li {
    height: 0;
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}

.cssmenu ul ul li:hover {
}

.cssmenu li:hover > ul {
    left: auto
}

.cssmenu li:hover > ul > li {
    height: 45px
}

.cssmenu ul ul ul {
    margin-right: 100%;
    top: 0;
    z-index: 2;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}

.cssmenu ul ul li a {
    padding: 0 15px;
    width: 155px;
    font-size: 13px;
    text-decoration: none;
    color: #000;
    font-weight: 400;
    line-height: 2.7;
    box-shadow: 0px 0px 4px #dae9ff;
    margin: 0 10px 10px 10px;
    border-radius: 9px;
    text-align: right;
}

.cssmenu ul ul li:last-child > a, .cssmenu ul ul li.last-item > a {
    border-bottom: 0
}

.cssmenu ul ul li:hover > a, .cssmenu ul ul li a:hover {
    color: #000
}

.cssmenu ul ul li.has-sub > a:after {
    position: absolute;
    top: 16px;
    left: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ccc;
    content: ''
}

.cssmenu ul ul li.has-sub > a:before {
    position: absolute;
    top: 13px;
    left: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ccc;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease
}

.cssmenu ul ul > li.has-sub:hover > a:before {
    top: 17px;
    height: 0
}

.cssmenu ul ul ul li.active a {
    border-left: 1px solid #333
}

.cssmenu > ul > li.has-sub > ul > li.active > a, .cssmenu > ul ul > li.has-sub > ul > li.active > a {
    border-top: 1px solid #333
}

.cssmenu li:hover > ul {
    left: auto;
}

.cssmenu > ul > li > a {
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    line-height: 2.5;
}

#cssmenu > ul {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.cssmenu > ul > li.has-sub > a:after {
    content: ' ';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 3px solid #fff;
    position: absolute;
    top: 49%;
    left: -11px;
}

.cssmenu, .cssmenu ul, .cssmenu ul li, .cssmenu ul li a, .cssmenu #head-mobile {
    border: 0;
    list-style: none;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#cssmenu > ul > li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    display: inline-block;
    margin-left: 23px;
}

.img-off {
    background-position: -120px -4px;
    width: 26px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
}

.off-link {
    color: #fff;
    line-height: 3;
    display: block;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border-radius: 5px 0 0 5px;
}
.register-colleague-link {
    color: #fff;
    line-height: 3;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border-radius: 5px 0 0 5px;
    background-color: rgb(254, 138, 0);
}

.off-link span {
    animation: blink 1s linear infinite;
}

.header {
    position: relative;
    z-index: 12;
}

.off-link:hover {
    color: #fff !important;
}

.banner img {
    width: 100% !important;
}

.nav-link {
    color: #464646;
    font-size: 14px !important;
    font-weight: 500;
}

.shop-link {
    background-color: #fff;
    border-radius: 7px;
    padding: 7px 5px;
    color: #322f2f;
    font-size: 13px;
    position: relative;
    font-weight: bold;
}

.frm-search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #534F4F !important;
    font-size: 12px;
}

.frm-search input::-moz-placeholder { /* Firefox 19+ */
    color: #534F4F !important;
    font-size: 12px;
}

.frm-search input:-ms-input-placeholder { /* IE 10+ */
    color: #534F4F !important;
    font-size: 12px;
}

.frm-search input:-moz-placeholder { /* Firefox 18- */
    color: #534F4F !important;
    font-size: 12px;
}

.container-fluid {
    margin: 0 auto;
    max-width: 1566px;
}

@keyframes blink {
    50% {
        opacity: 0.5;
    }
}


#thumbs .item {
    text-align: center;
    color: #fff;
    line-height: 3;
    font-weight: 500;
    cursor: pointer;
}

#thumbs .current .item {
    background: rgba(0, 0, 0, 0.45) !important;
}

.banner-sectoon {
    padding-bottom: 18px;
}

.slider img, .banner a img {
    border-radius: 15px;
    width: 100% !important;
}

.outer {
    position: relative;
}

.owl-wnd .item {
    background-color: #ffff;
}

.timer .far {
    color: #545354;
    margin-top: -4px;
}

.title-wnd {
    font-family: 'Khandevane';
}

.title-wnd span:nth-child(1) {
    font-size: 25px;
    display: inline-block;
    text-shadow: 0px 11px 20px #000;
}

.form input {
    width: calc(100% - 40px);
    height: 44px;
    border-radius: 25px;
    padding-right: 20px;
}

.form {
    background-color: #fff;
    border-radius: 35px;
    box-shadow: 0px 0px 8px #ccc;
    display: flex;
}

.btn-news-letter {
    background: url(../images/them/slices.png) no-repeat -132px -44px;
    width: 36px;
    height: 36px;
    display: inline-block;
    padding: 0 !important;
    margin-top: 5px;
    box-shadow: none;
    box-shadow: none !important;
}

.up {
    background-color: #eceff1;
    padding: 14px 0;
    color: #666666;
    font-weight: 500;
    border-top: 1px solid #e1e1e1;
}

.col-8.cost {
    min-height: 55px;
}

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

.categori-section {
    background-color: #f6f6f6;
    padding-bottom: 15px;
}

.img-box {
    position: relative;
    display: inline-block;
}

.thumbnail.thum-send:hover img {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -moz-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 0.3s ease 80ms;
    -moz-transition: all 0.3s ease 80ms;
    -ms-transition: all 0.3s ease 80ms;
    -o-transition: all 0.3s ease 80ms;
    transition: all 0.3s ease 80ms;
}

.more-info.more {
    color: #666;
    font-size: 14px;
    background-color: #eceff1;
}

.text-news {
    text-align: center;
}

.img-box:hover img {

}

#thumbs {
    border-radius: 0 0 16px 15px;
    overflow: hidden;
}

.owl-theme .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
    margin: 5px 3px;

}

#big .owl-dots {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0 !important;
}

.border-none {
    border: none !important;
}

.header-li  {
    color: #4d4d4d;
    font-size: 13px;
    cursor:pointer;
}

.dropdown-menu.mega-dropdown-menu li {
    list-style: none !important;
    line-height: 2 !important;
    margin-bottom:5px !important;
}

.dropdown-menu.mega-dropdown-menu li a {
    color: #4d4d4d;
    font-size: 13px;
}
.header-li.accordion .fas {
    position: absolute;
    right: -1px;
    font-size: 8px;
    top: 9px;
}
.header-li.accordion.active .fas {
    transform: rotate(180deg);
}
.header-li  {
    color: #fe8a00 !important;
    font-weight: 500;
}

.shop-link:hover {
    color: #fff;
}

.shop-link:hover {
    background-color: #fe8a00;
    transition: all 0.2s linear;
}

.shop-link:hover .count {
    background-color: #501b8c !important;
    transition: all 0.2s linear;
}

.wnd .owl-prev {
    position: absolute;

    top: 38%;
    height: 40px;
    width: 40px !important;
}

.wnd .owl-nav span {
    color: #5a5a5a !important;
    line-height: 0.6 !important
}

.wnd .owl-prev, .wnd .owl-next {
    margin: 0 !important;
    background-color: rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0px 0px 5px #ccc !important;
}

.wnd .owl-next {
    position: absolute;
    top: 38%;
    height: 40px;
    width:40px !important;
}

.wnd {
    z-index: 2;
    position: relative;
}

.owl-dot.active span {
    background-color: #501b8c !important;
}

.item.box-shadow-none.border:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.item.box-shadow-none.border {
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
}

.row.row-company {
    align-items: center;
}

.footer {
    color: #fff;
}

canvas {
    display: block;
    vertical-align: bottom;
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #501b8c;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

/*canvas {*/
/*    opacity: 0.4;*/
/*}*/

.title-footer.lnk-footer.un-link {
    position: relative;
}

.news-name a, .news-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px !important;
    font-weight: bold;
    color: #fff;
}

.news-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px !important;
}

.news-date {
    font-size: 11px;
}

.list-news li {
    list-style: none;
    margin-bottom: 15px;
    position: relative;
}

.list-news li:not(:last-child)::after {
    position: absolute;
    right: 0;
    bottom: -6px;
    width: 100%;
    content: '';
    height: 1px;
    background-color: #cccccc5c;
}

.icon-basket {
    background: url("../images/them/slices.png") no-repeat -244px -10px;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
}

.item-pro {
    box-shadow: 0px 0px 7px #ccc !important;
}

.lst li {
    display: inline-block;
    list-style: none;
    text-align: center;
    width: 45%;
    color: #636363;
    font-size: 12px;
    line-height: 2.5;
    text-align: center;
}

.lst li a {
    color: #636363;
}

.lnk-sale {
    border-left: 1px solid #e1e1e1;
}

.lst {
    border: 1px solid #e1e1e1;
    margin-bottom: 20px !important;
    border-radius: 25px;
    width: 90%;
    margin: auto;
    text-align: center;
}

.pro-name a {
    color: #888;
}

.pro-total-cost.p-0 {
    color: #54b911;
    font-weight: bold;
}

.banner-top .item.d-block {
    background-color: #fff;
    border-radius: 4px;
    height: 197px;
    border-radius: 4px;
    -webkit-box-shadow: -10px 10px 5px -7px rgba(151, 146, 146, 0.75);
    -moz-box-shadow: -10px 10px 5px -7px rgba(151, 146, 146, 0.75);
    box-shadow: -10px 10px 5px -7px rgba(151, 146, 146, 0.75);
    margin-bottom: 10px !important;
    margin-top: 10px;
}

.banner-section .item.d-block {
    background-color: #fff;
    border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: -10px 10px 5px -7px rgba(151, 146, 146, 0.75);
    -moz-box-shadow: -10px 10px 5px -7px rgba(151, 146, 146, 0.75);
    box-shadow: -10px 10px 5px -7px rgba(151, 146, 146, 0.75);
    margin-bottom: 10px !important;
}

.owl-banner .owl-item img {
    -o-object-fit: fill;
    object-fit: fill;
    height: 100% !important;
    border-radius: 4px;
    width: 100% !important;
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
}

.owl-banner .owl-item:hover img {

}

.top-header {
    background-color: #5c2897;
}

.links {
    color: #fff;
}

.header {
    background-color: #501b8c;
}

.top-header, .header {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.img-tel {
    background: url("../images/them/slices.png") no-repeat -174px -8px;
    width: 21px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
}

.unmber {
    color: #fff;
    font-weight: bold;
    display: block;
    letter-spacing: 2px;
}

.tel-txt {
    color: #fff;
    font-size: 12px;
    line-height: 1;
}

.tel {
    position: relative;
}

.header .tel::before {
    position: absolute;
    width: 1px;
    height: 40px;
    content: '';
    top: -4px;
    left: 4px;
    background-color: #ffffff70
}

.col-slider {
    position: relative;
}

#particles-js2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;

}

.row.row-wnd-top {
    align-items: center;
}

.wnd-pro-name a {
    color: #636363;
    font-size: 12px;
}

.wnd {
    background-color: #fff;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.wnd .more {
    background-color: #5c2897;
    color: #fff;
    border-radius: 25px;
    padding: 8px 25px;
}

.wnd-cart span {
    margin-left: 20px;
}

.cost-pro {
    color: #ffb923;
    font-weight: bold;
    font-size: 17px;
}

.wnd-box {
    min-height: 300px;
}

.wnd-cart span {
    margin-left: 20px;
}

.off-wd {
    background-color: #ff0700;
    padding: 2px 10px;
    color: #fff;
    border-radius: 25px;
}

.soon-text.soon-separator {
    position: absolute;
    top: 0;
    left: 0;
}

.row.row-wnd {
    align-items: center;
}

.wnd-name {
    color: #3f3c3e;
    font-weight: bold;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px;
    font-size: 20px;
}

.desc2 {
    color: #656262;
    font-size: 11px;
    line-height: 2;
}

.img-tel.icon-slice {
    animation-name: shake-chunk;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    display: inline-block;
}

@keyframes shake-chunk {

    2% {

        transform: translate(-3px, 4px) rotate(5deg);

    }

    4% {

        transform: translate(1px, 5px) rotate(7deg);

    }

    6% {

        transform: translate(4px, 5px) rotate(3deg);

    }

    8% {

        transform: translate(-3px, 3px) rotate(5deg);

    }

    10% {

        transform: translate(-3px, 1px) rotate(-1deg);

    }

    12% {

        transform: translate(3px, 6px) rotate(1deg);

    }

    14% {

        transform: translate(6px, 3px) rotate(-7deg);

    }

    16% {

        transform: translate(6px, 5px) rotate(-1deg);

    }

    18% {

        transform: translate(-6px, 5px) rotate(-10deg);

    }

    20% {

        transform: translate(-3px, 5px) rotate(-10deg);

    }

    22% {

        transform: translate(-4px, 6px) rotate(-10deg);

    }

    24% {

        transform: translate(5px, -3px) rotate(-11deg);

    }

    26% {

        transform: translate(4px, 7px) rotate(-3deg);

    }

    28% {

        transform: translate(6px, 0px) rotate(9deg);

    }

    30% {

        transform: translate(0px, 5px) rotate(10deg);

    }

    32% {

        transform: translate(6px, 4px) rotate(-10deg);

    }

    34% {

        transform: translate(4px, -4px) rotate(4deg);

    }

    36% {

        transform: translate(6px, 7px) rotate(-3deg);

    }

    38% {

        transform: translate(5px, 0px) rotate(-1deg);

    }

    0%,
    40%,
    100% {

        transform: translate(0, 0) rotate(0);

    }
}

.row.menu {
    background-color: #fff;
    border-radius: 5px;
}

.float-left-button ul {
    display: block;
    padding: 0;
    width: 100%;
    direction: ltr;
}

.float-left-button ul a {
    outline: 0 !important;
    display: block;
    text-align: center;
    width: 53px;
    height: 53px;
    margin-bottom: 4px;
}

.float-left-button ul a li {
    display: block;
    color: #787878;
    height: 53px;
    width: 53px;
    line-height: 53px;
    text-align: right;
    position: relative;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    overflow: hidden;
    background-color: #fff;
    border-radius: 100%;
    padding: 0;
}

.float-left-button ul a li i {
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    width: 53px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    border-radius: 100%;
    background-color: #fff;
}

.float-left-button ul a li {
    color: #501b8c;
    line-height: 53px;
    text-align: right;
}

.float-left-button ul a li:hover {
    width: 225px;
    padding: 0 17px 0 48px;
    color: #501b8c;
    border-radius: 0 25px 25px 0 !important;
    border: none !important;
    font-weight: 500;
    box-shadow: 0px 0px 20px #ccc;
}

.float-left-button ul li i {
    font-size: 20px;
    color: #fec601;
}

.float-left-button img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    top: 0;
}

.off-pro {
    background: url("../images/them/slices.png") no-repeat -133px -49px;
    width: 64px;
    height: 30px;
    position: absolute;
    top: 0;
    right: -5px;
    z-index: 2;
    transform: rotate(180deg);
}

.off-pro span {
    color: #fff;
    transform: rotate(-180deg);
    display: block;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 2px;
    top: 3px;
    font-weight: bold;
    font-family: ariel;
    letter-spacing: 1px;
}

.pro-total-cost {
    color: #ff0700;
    font-weight: bold;
}

.off-cost {
    color: #b5b5b5;
    font-size: 12px;
    text-decoration: line-through;
    font-weight: 500;
}

.heart-icon {
    background: url("../images/them/slices.png") no-repeat -252px -58px;
    width: 18px;
    height: 16px;
    display: inline-block;
}

.rate-icon {
    background: url("../images/them/slices.png") no-repeat -251px -26px;
    width: 20px;
    height: 19px;
    display: inline-block;
}

.quick-btn {
    position: absolute;
    left: -40px;
    top: 40px;
    z-index: 3;
    border-radius: 3px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 100%;
    text-align: center;
}

.quick-btn .list-mrnu {
    width: 43px;
    height: 43px;
    display: inline-block;
    border-radius: 50%;
    padding: 0;
    background: #9e86b2;
    transform: scale(0);
    transition: .15s linear;
    margin: 3px 0;
    line-height: 43px;
    text-align: center;
    color: #fff;
    vertical-align: middle;

}

.item-pro:hover .quick-btn {
    left: 3px !important;
    z-index: 999;
}

.list-mrnu button {
    background-color: transparent !important;
    line-height: 51px;
}

.item-pro:hover .list-mrnu {
    transform: scale(1) !important;
    transition: .15s linear;
}

.show-rate span {
    display: inline-block !important;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
}

.book ul > li {
    width: 182px;
    height: 212px;
}

.book {
    width: 182px;
    height: 228px;
  
    transform: rotate(180deg) !important;
}

.book {
    display: block;
    margin: 0 auto;
    padding: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    box-shadow: -9px -10px 15px -10px rgba(62, 60, 60, 0.75);
}

.book ul {
    display: block;
    position: relative;
    margin: 0px;
    padding: 0;
    list-style: none;
    -webkit-perspective-origin: 0 50% 0;
    perspective-origin: 0 50% 0;
    -webkit-perspective: 800px;
    perspective: 800px;
    -webkit-transform: translate3d(0, 0, 0);
}

.book ul > li {
    display: block;
    position: absolute;

    top: 0;
    padding: 0;
    margin: 0;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF000000', endColorstr='#FFEDEDED');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: linear-gradient(to right, #b7b2b2 0%, #000 90%, #ededed 100%);
    -webkit-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: all 0.5s cubic-bezier(0.25, 1, 0.25, 1);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    right: 0;
}

.cover {
    z-index: 2 !important;
    display: block;
    width: 182px;
    height: 275px;

    -webkit-transform: rotateY(0deg) translateZ(0px);
    transform: rotateY(0deg) translateZ(0px);
}

.page1 {
    display: none;
    -webkit-transform: rotateY(20deg) translateZ(-1px);
    transform: rotateY(20deg) translateZ(-1px);
}

.page2 {
    display: none;
    -webkit-transform: rotateY(30deg) translateZ(-2px);
    transform: rotateY(30deg) translateZ(-2px);
}

.page3 {
    display: none;
    -webkit-transform: rotateY(40deg) translateZ(-3px);
    transform: rotateY(40deg) translateZ(-3px);
}

.item-pro:hover .page1 {
    -webkit-transform: rotateY(-34deg) translateZ(-2px);
    transform: rotateY(-34deg) translateZ(-2px);

}

.item-pro:hover .page2 {
    -webkit-transform: rotateY(-27deg);
    transform: rotateY(-27deg);
}

.item-pro:hover .page3 {
    -webkit-transform: rotateY(-15deg);
    transform: rotateY(-15deg);
}

.item-pro:hover .cover {
    -webkit-transform: rotateY(-40deg);
    transform: rotateY(-40deg);
}

.bg-slide {
    background-size: cover !important;
    background-position: center !important;
}

.list li i {
    color: #ffbc09;
    text-shadow: 0px 0px 5px #ffbc09;
}

.footer {
    position: relative;
}

.owl-banner .item, .img-pro-banner {
    position: relative;
    overflow: hidden;
}

.owl-banner .item::after, .img-pro-banner::after {
    background: #fff;
    content: "";
    height: 200%;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -100px;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: -1;
}

.owl-banner .item:hover::after, .img-pro-banner:hover::after {
    left: 100%;
    -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    z-index: 99;
}

.item.item-pro:hover .lst {
    background-color: #501b8c;
    border-color: #501b8c !important;
    transition: all .3s ease-out;
}

.item.item-pro:hover .lst li a {
    color: #fff;
    transition: all .3s ease-out;
}

.about-company .title-footer {
    font-size: 12px;
    text-align: center;
}

.owl-prev, .owl-next {
    width: 30px;
    height: 30px;
    background-color: #fff !important;
    border-radius: 100% !important;
    box-shadow: 0px 0px 5px #a6a5a5;
    line-height: 0 !important;
}

.owl-prev:hover, .owl-next:hover {
    background-color: #501b8c !important;
}

.owl-prev:hover span, .owl-next:hover span {
    color: #fff !important;
}

.row.row-copy {
    font-size: 11px;
}

@media screen and (min-width: 1024px) {
    .right-toolbar span {
        display: inline-block !important;
    }

    .right-toolbar span {
        display: inline-block !important;
    }
}

.price-old {
    text-decoration: line-through;
    color: #a4a4a4;
}

.cover > div {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transform: rotate(180deg);
    background-size: 100% 100% !important;
}

.item.d-block:hover {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);

}

.item.d-block, .img-box.img-pro-banner {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.thumb-banner {
    position: relative;
    overflow: hidden;
    border: none !important;
    background-color: transparent !important;
    z-index: 2;
}

.thumb-banner2 {
    position: absolute;
    width: 100%;
    top: 100%;
    height: 100%;
    margin: 0;
    right: 0;
    -webkit-transition: top .3s ease;
    -moz-transition: top .3s ease;
    -o-transition: top .3s ease;
    transition: top .3s ease;
    z-index: -1;
    opacity: 0;
    border: none !important;
    background-color: transparent !important;
}

.thumb-banner:hover .thumb-banner2 {
    top: 0;
    z-index: 1;
    opacity: 1;
}

.banner a {
    margin-bottom: 20px;
}

.text-slide {
    position: absolute;
    background: rgba(232, 232, 230, 0.6);
    bottom: 0%;
    right: 0;
    z-index: 9;
    color: #501b8c;
    width: 100%;
    padding: 10px 20px;
    /*text-shadow: -1px -1px 0 #fc452e, 1px -1px 0 #fc452e, -1px 1px 0 #fc452e, 1px 1px 0 #fc452e;*/

    font-family: 'Khandevane';
}

.owl-carousel.owl-theme.owl-slider.owl-rtl.owl-loaded.owl-drag {
    position: relative;
}

.soon-text {
    color: #ff0700 !important;
}

.img-box-pdf {
    width: 100px !important;
}

.img-box-pdf:hover {
    width: 100px !important;
    border: 2px solid #ff7f74 !important;
}

.images {
    overflow-y: scroll;
    height: auto;
    max-height: 1000px;
}

.page-number {
    padding-right: 8px
}

.show-full-image img {
    border: 1px solid slategrey;
}

.product-thumb .button-group button + button {
    width: 20%;
    border-left: 1px solid #ddd;
}

.product-thumb .button-group button {
    width: 60%;
    border: none;
    display: inline-block;
    float: left;
    background-color: #eee;
    color: #888;
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.button-group svg {
    width: 14px;
    display: inline-block;
}

.product-similar {
    margin-bottom: 40px !important;
}

.product-thumb .button-group button:hover {
    color: #444;
    background-color: #ddd;
    text-decoration: none;
    cursor: pointer;
}

.result-item {
    padding: 7px 7px 0 4px;
}





.product-add-to-cart a:hover {
    text-decoration: none !important;
    color: white !important;
    background-color: #0d994a;
}

.product-add-to-cart p {
    background-color: #2f314a;
    margin-top: 11px;
    padding: 10px;
    border-radius: 7px;
    color: white;
    width: 62%;
    margin: 10px auto;
}


.product-add-to-cart {
    /*border-left: 1px solid #eee;*/
    text-align: center;

}

.q-a-tab-body {
    background-color: white;
    padding: 35px;
}

.hidden-ask-q {
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
}.hidden-ask-q form button {
     background-color: #375699;
     padding: 10px 40px;
     color: white;
     border-color: #375699;
     box-shadow: none !important;
 }

.hidden-ask-q form input, .hidden-ask-q form textarea {
    border-color: #eee;
    box-shadow: inset 0px 0px 7px 0px rgba(198, 196, 196, 0.5) !important;
}

.back-to-top {
    position: fixed;
    bottom: 100px;
    right: 15px;
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    line-height: 28px;
    text-align: center;
    font-size: 13px;
    background: #501b8c ;
    z-index: 9;
}
.back-to-top i {
    color: #fff;
}
#filter {
    display: block !important;
}
.container {
    margin-top: 0 !important;
}
.result-offered-image  a{
    height: 200px;
    box-sizing: border-box;
    border: none;
    border-radius: 8px;
    background-color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 5px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 5px 15px 16px;
    padding-top: 5px;
    padding-bottom: 16px;
    position: relative;
}
.result-offered-image img{
}
.result-offered-image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    height: 100% !important;
}
.result-offered-title h5 {
    font-size: 13px;
    color: #2a2a2a;
    line-height: 1.7;
    height: 60px;
    font-weight: 400;
}
.result-item {
    background-color: #fff;
}
.item.product-thumb {
    margin-bottom: 20px;
}
.product-box {
    background-color: #fff;
}
.product-price li {
    list-style: none;
}
.old-cost {
    text-decoration: line-through;
    color: #666565;
}
.cost-total {
    color: #ff0700;
    font-weight: bold;
}
.result-offered-price.row {
    color: #ff0700;
    font-weight: bold;
    text-align: center;
}
.result-offered-price .cost-total {
  margin-right: -10px;

}
.result-offered-price.row {
    padding-bottom: 10px;
}
#modalOnLoad .modal-content {
    background-color: #fff  !important;
}
#modalOnLoad button.close {
    color: #000 !important;
    opacity: 1 !important;
}
#modalOnLoad .modal-header {
    border: none !important;
}
#modalOnLoad .modal-dialog {
    flex: 0 1 auto;
    max-height: calc(100% - 96px);
    height: 100%;
    vertical-align: middle;
    align-items: center;
    display: flex;
}
#modalOnLoad .modal-content {
    vertical-align: middle;
    min-height: 300px;
}
.right-toolbar .unmber {
    width: 140px;
    direction: ltr;
    display: inline-block;
}
.register a:hover {
    color: #fe8a00 !important;
}
.container.page-wrapper {
    margin: 2rem auto !important;
    background-color: #fff;
    border-radius: 17px;
    padding: 10px;
    box-shadow: 0px 0px 18px #ccc;
}
.header-li.accordion.active > .panel {
    display: block !important;
}
.menu .panel {
    padding: 0;

    display: none;
    overflow: hidden;
}
.owl-pro .pro-name {
    min-height: 55px;
}
.mail a {
    color: #fff !important;
}

.result-offered-price ul li {
    display: flex;
}
.result-offered-price .old-cost {
    font-size: 12px;
}
.result-offered-price .cost {
    font-size: 14px;
}
.result-item {
    position: relative;
}
.result-offered-image {
    overflow: hidden;
    height: 200px;
    box-sizing: border-box;
    border: none;
    border-radius: 8px;
    background-color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 5px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 5px 15px 16px;
        padding-top: 5px;
        padding-bottom: 16px;
    padding-top: 5px;
    padding-bottom: 16px;
    padding-top: 5px;
    padding-bottom: 16px;
    position: relative;
}
.MultiCarousel {
    margin-bottom: 20px;
}
.item-box {
    display: inline-block;
    margin: auto;
    position: relative;
    margin: -60px auto 0 auto !important;
}
.links span {
    line-height: 1 !important;
}
.offer-product{
    color: #ff0700;
}
.row.pro-total-cost {
    text-align: center;
    display: inline-flex !important;
    width: 100% !important;
 
}
.col-6.cost.text-left{
    padding-right: 5px !important;
     padding-left: 0 !important;
}
.col-6.cost.text-right {
    padding-left: 5px !important;
     padding-right: 0 !important;
}
.img-modal img{
    width:100% !important;
}
.img-modal .box-select {
    display: block;
    width: 100%;
    float: right;
    max-height: 200px;
    overflow-y: auto;
    height: 200px;
}
.selection {
    width: 100%;
    float: right;
    max-height: 200px;
    overflow-y: auto;
    height: 200px;
}
.img-wnd a,.big-image {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 100%;
    position: relative;
}
.img-wnd a img ,.big-image  img{
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    height: 100% !important;
}
.wnd-pro-name a {
    font-size: 11px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-weight: 500;
}
img {

    max-width: 100% !important;
    height: auto !important;
}
canvas {
    max-width: 100% !important;
}
.uk-padding.uk-slider .uk-active {
  
    height: 250px;
}
.uk-padding.uk-slider .uk-active img{
    max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
height: 100% !important;
}
.uk-position-center-left-out.uk-position-small.uk-icon.uk-slidenav-previous.uk-slidenav svg {
    transform: rotate(180deg);
}
.uk-position-center-right-out.uk-position-small.uk-icon.uk-slidenav-next.uk-slidenav svg {
    transform: rotate(180deg);
}
.page {
    overflow-x: hidden;
}
canvas{
pointer-events: none;
}
.AudioPlayerLayout {
  width: 100% !important;
  margin: 50px 0 !important;
}





.uabb-new-ib-desc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0;
}
.news-box:hover .uabb-new-ib-desc::before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.uabb-new-ib-desc::before {
  border-color: #0ff;
    border-top-color: rgb(0, 255, 255);
    border-bottom-color: rgb(0, 255, 255);
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity .35s,-webkit-transform .35s;
  transition: opacity .35s,transform .35s;
  border-top: 1px solid #fff;
    border-top-color: rgb(255, 255, 255);
  border-top-color: #fff;
  border-bottom: 1px solid #fff;
    border-bottom-color: rgb(255, 255, 255);
  border-bottom-color: #fff;
  -webkit-transform: scale(0,1);
  transform: scale(0,1);
  content: '';
  opacity: 0;
  -webkit-transition: opacity .35s,-webkit-transform .35s;
  transition: opacity .35s,transform .35s;
}
.news-box:hover .uabb-new-ib-desc::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.uabb-new-ib-desc::after {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  border-color: #0ff;
    border-right-color: rgb(0, 255, 255);
    border-left-color: rgb(0, 255, 255);
  border-right: 1px solid #fff;
    border-right-color: rgb(255, 255, 255);
  border-right-color: #fff;
  border-left: 1px solid #fff;
    border-left-color: rgb(255, 255, 255);
  border-left-color: #fff;
  -webkit-transform: scale(1,0);
  transform: scale(1,0);
  content: '';
  opacity: 0;
  -webkit-transition: opacity .35s,-webkit-transform .35s;
  transition: opacity .35s,transform .35s;
}
.uabb-new-ib-title.uabb-simplify {
  color: #fff !important;
  margin-top: 100px;
}
.uabb-new-ib-title {
  padding: 0 25px;
  font-size: 16px;
  font-weight: 400;
  text-shadow: 0 0 9px #000;
  transform: translate3d(0,-10px,0);
}
.news-box:hover .uabb-new-ib-content {
  opacity: 1;
  transform: translate3d(0,15px,0);
}
.uabb-new-ib-content {
  font-size: 18px;
  color: #fff !important;
  font-weight:600;
  padding: 20px 10% !important;
  opacity: 0;
  transition: transform .35s;
  -webkit-transform: translate3d(0,-20px,0);
  transform: translate3d(0,-20px,0);
  text-align: center;
  text-shadow: 0px 0px 5px #000;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex !important;
justify-content: center;
flex-direction: column;
}
.img-cat::before {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,501b8c+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(80,27,140,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(80,27,140,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(80,27,140,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#501b8c',GradientType=0 ); /* IE6-9 */
 border-radius:15px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  opacity: 0;
  transition: opacity .35s,transform .35s;
  z-index: 1;
}
.news-box:hover .img-cat::before {
  opacity: 1;
  transition: opacity .35s,transform .35s;
}
.col-list li {
  list-style: none;
  vertical-align: top;
}
.col-list {
  padding-right: 0 !important;
  display: block;
  overflow: hidden;
}
.img-cat {
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.d-block.news-box img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: cover;
  height: 100% !important;
  border-radius: 5px;
  border: 1px solid #ececec;
  border-radius: 15px !important;
  min-width: 100%;
  max-width: 100%;
  -webkit-transition: opacity .35s;
  transition: opacity .35s;
  -webkit-backface-visibility: hidden;
}
@media screen and (min-width: 768px) {

  .col-list li:nth-child(1) {
    width: 24%;
    margin-left:1%;
    display: inline-block;
  }
  .col-list li:nth-child(2) {
    width: 50%;
    display: inline-block;
  }
  .col-list li:nth-child(3) {
    width:24%;
    margin-right: 1%;
    display: inline-block;

  }
  .col-list {
    display: flex;
  }
  .col-list li:nth-child(2) .news-box:nth-child(1) {
    width: 58%;
    float: right;
    margin-left:2%;
    position: relative;
  }
  .col-list li:nth-child(2) .news-box:nth-child(2) {
    width: 40%;
    float: left;
    position: relative;
  }
  .col-list li:nth-child(2) .news-box:nth-child(3) {
    width: 40%;
    float: right;
    position: relative;
    margin-top:2%;
  }
  .col-list li:nth-child(2) .news-box:nth-child(4) {
    width: 58%;
    float: left;
    margin-right:2%;
    position: relative;
    margin-top:2%;
  }
  .col-list li img {
    display: block;
    height: 100%;
    left: 50%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
  }
  .col-list li:nth-child(2) .d-block.news-box:nth-child(1) .img-cat::after {
    padding-bottom: 52%;
    content: '';
    display: block;
  }
  .col-list li:nth-child(2) .d-block.news-box:nth-child(2) .img-cat::after {
    padding-bottom: 76%;
    content: '';
    display: block;
  }
  .col-list li:nth-child(2) .d-block.news-box:nth-child(3) .img-cat::after {
    padding-bottom:76%;
    content: '';
    display: block;
  }
  .col-list li:nth-child(2) .d-block.news-box:nth-child(4) .img-cat::after {
    padding-bottom: 52%;
    content: '';
    display: block;
  }
  .col-list li:nth-child(1) .d-block.news-box:nth-child(1) .img-cat::after {
    padding-bottom: 130%;
    content: '';
    display: block;
  }
  .col-list li:nth-child(3) .d-block.news-box:nth-child(1) .img-cat::after {
    padding-bottom: 130%;
    content: '';
    display: block;
  }
}
.owl-banner4 .item {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
@media screen and (max-width: 767.99px) {
   
  .col-list li .d-block.news-box {
     margin-bottom:20px;
  }
 
}
.d-block.news-box img {
 border:1px solid #ccc;
  border-radius: 15px;
}
.container-fluid.banner-section.mt-4 {
  padding-bottom: 20px;
}
.four-banner .pr-padding{
  margin-top:20px;
}
.four-banner  .img-pro-banner {
  box-shadow: 0 6px 15px rgba(36, 37, 38, 0.2);
  border-radius: 15px;
}
.four-banner  .img-pro-banner a{
  display:block;
  margin-bottom: 0 !important;
overflow: hidden;
}
.four-banner  .img-pro-banner:hover{
  box-shadow: 5px 12px 20px rgba(36, 37, 38, 0.13);
}
.acc2 span a {
    color: #fe8a00 !important;
}
.dropdown-menu.mega-dropdown-menu li a:hover {
    color: #fe8a00 !important;
    /*box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);*/
}
    .text-title-menu{
    color:#fe8a00 !important;
    border-bottom:1px solid ;
    padding-bottom:.5rem;
}
.all-categori {
    background: #fe8a00;
    border-radius: 8px;
}
.all-categori .dropdown-toggle{
    color: #fff !important;
}
.sweet-title{
    color: #501b8c !important;
    font-weight: bold;
    font-size: 16px;
}