@font-face {
    font-family: 'FontAwesome';
    src: url('css/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('css/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('css/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('css/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('css/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('css/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.products-list.grid .product-layout .product-item-container .right-block {
    background-color: #fff;
}

.products-list .product-layout {
    border: 1px solid #dbdbdb;
    padding-right: 0px;
    padding-left: 0px;
}

.products-list
    .product-layout
    .product-item-container
    .left-block
    .product-image-container {
    max-height: 252px;
}

.products-list.grid .product-layout .product-item-container {
    margin: 0;
    height: 425px;
    background-color: #fff;
}

.deals-layout1 .so-deal .extraslider-inner .item .caption .addToCart {
    color: #fff;
    padding: 5px 10px;
    border-radius: 0;
    line-height: 1.5;
    margin-top: 0;
    float: none;
}

.listingtab-layout1
    .so-listing-tabs
    .products-list.grid
    .product-layout
    .product-item-container {
    height: fit-content;
    margin-bottom: 0;
}

.module.listingtab1-custom
    .so-listing-tabs
    .ltabs-items-container
    .ltabs-items
    .ltabs-items-inner
    .ltabs-item
    .item-inner {
    padding: 0;
}

span.label-product.label-new {
    width: fit-content;
    padding: 7px 12px;
    border-radius: 0;
    background-color: #ee0606;
    line-height: normal;
    height: auto;
    right: 20px;
}

.label-product.label-sale {
    background-color: #53d542;
}
.deals-layout1 .so-deal .extraslider-inner .item .image .label-product-sale {
    background-color: #53d542;
}

@media (max-width: 767px) {
    header.typeheader-1 .search-header-w #sosearchpro .search {
        right: -150px;
    }
}

.container-megamenu.vertical
    .vertical-wrapper
    ul.megamenu
    > li
    > .sub-menu
    .content {
    padding: 15px;
}

.transform-center-parent {
    position: relative;
    transform-style: preserve-3d;
}

.transform-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.header-middle {
    margin-top: 10px;
    margin-bottom: 10px;
}

button.icon {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    color: #666;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    background-color: transparent;
}
button.icon:hover {
    border-color: #06C72A;
    color: #06C72A;
}

button.addToCart {
    color: #fff;
    background-color: #06C72A;
    border: 1px solid #06C72A;
    border-radius: 4px;
    padding: 10px 16px;
    font-size: 120%;
}

button.addToCart:hover {
    color: #fff;
    background-color: #11a23f;
    border-color: #11a23f;
}

button.addedToCart, button.addedToCart:hover {
    color: #fff;
    background-color: darkgrey;
    border: 1px solid darkgrey;
    border-radius: 4px;
    padding: 10px 16px;
    font-size: 120%;
}

button.addToCart:active, button.addedToCart:active {
    color: #fff;
}

button.addToCart:focus, button.addedToCart:focus {
    color: #fff;
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    background: white;
    padding: 10px;
    overflow: hidden;
    z-index: 10000;
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .ui-menu-item {
    padding: 5px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front
    .ui-menu-item:hover {
    background-color: #eee;
}

.container-megamenu.vertical
    .vertical-wrapper
    ul.megamenu
    > li
    > .sub-menu
    .content {
    padding: 0;
}

.container-megamenu.vertical
    .vertical-wrapper
    ul.megamenu
    > li
    > .sub-menu
    .content
    .static-menu
    .menu
    > ul
    > li:hover {
    background-color: #eee;
}

.related .modtitle {
    border-bottom: 2px solid #eee;
    display: inline-block;
    width: 100%;
    position: relative;
    margin-top: 45px;
    margin-bottom: 20px;
}
.related .modtitle span {
    font-size: 22px;
    color: black;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0px;
    background-color: var(--header-footer-color);
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding: 11px 20px;
    position: relative;
    bottom: 12px;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a i {
    display: inline-block;
    height: auto;
    margin: 0;
    margin-right: 10px;
}

@media (min-width: 992px) {
    .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a i {
        height: auto;
        left: 0px;
        margin: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
}

.a-menu {
    font-weight: 500;
}

.left-content-product
.content-product-right
.box-info-product
.quantity
.quantity-control
select.form-control {
    float: right;
    height: 33px;
    line-height: 31px;
    margin: 0;
    margin-left: 17px;
    padding: 0 10px;
    width: 35px;
    border: 1px solid #bdc2c9;
    border-radius: 0;
    z-index: 0;
}

.megamenu-style-dev
.vertical
ul.megamenu
.sub-menu
.content
.static-menu
.menu
ul
li
> a {
    padding: 10px;
}

.quantity-select {
    min-width: 70px;
    display: inline;
    max-width: 100px;
    margin-bottom: 5px;
}


/** Spinner code */ 
.spinner {
    /* margin: 10px auto 0; */
    width: 60px;
    text-align: center;
  }
  
  .spinner > div {
    width: 10px;
    height: 10px;
    background-color: #f1f1f1;
  
    -webkit-border-radius: 100%;
  
            border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    -o-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
       animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  }
  
  .spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    -o-animation-delay: -0.32s;
       animation-delay: -0.32s;
  }
  
  .spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    -o-animation-delay: -0.16s;
       animation-delay: -0.16s;
  }
  
  @-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
  }
  
  @-o-keyframes sk-bouncedelay {
    0%, 80%, 100% { 
      -webkit-transform: scale(0);
      -o-transform: scale(0);
         transform: scale(0);
    } 40% { 
      -webkit-transform: scale(1.0);
      -o-transform: scale(1.0);
         transform: scale(1.0);
    }
  }
  
  @keyframes sk-bouncedelay {
    0%, 80%, 100% { 
      -webkit-transform: scale(0);
      -o-transform: scale(0);
         transform: scale(0);
    } 40% { 
      -webkit-transform: scale(1.0);
      -o-transform: scale(1.0);
         transform: scale(1.0);
    }
  }

/* Mobile spinner */ 
/* <div class="spinner">
  <div class="double-bounce1"></div>
  <div class="double-bounce2"></div>
</div> */

@media screen and (max-width: 520px) {
    .mob-spinner {
        margin-right: -3px;
        width: 1.5rem !important; 
    }

    .mob-spinner > div {
        width: 5px !important;
        height: 5px !important;
        text-align: center; 
    }

}

.mob-spinner {
    /* margin: 10px auto 0; */
    width: 60px;
    text-align: center;
  }
  
  .mob-spinner > div {
    width: 10px;
    height: 10px;
    background-color: #333;
  
    -webkit-border-radius: 100%;
  
            border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    -o-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
       animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  }
  
  .mob-spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    -o-animation-delay: -0.32s;
       animation-delay: -0.32s;
  }
  
  .mob-spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    -o-animation-delay: -0.16s;
       animation-delay: -0.16s;
  }
  
  @-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
  }
  
  @-o-keyframes sk-bouncedelay {
    0%, 80%, 100% { 
      -webkit-transform: scale(0);
      -o-transform: scale(0);
         transform: scale(0);
    } 40% { 
      -webkit-transform: scale(1.0);
      -o-transform: scale(1.0);
         transform: scale(1.0);
    }
  }
  
  @keyframes sk-bouncedelay {
    0%, 80%, 100% { 
      -webkit-transform: scale(0);
      -o-transform: scale(0);
         transform: scale(0);
    } 40% { 
      -webkit-transform: scale(1.0);
      -o-transform: scale(1.0);
         transform: scale(1.0);
    }
  }


/*Filteration checkbox styles*/
.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 16px;
}
.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 17px;
    width: 17px;
    background: #D3D3D3;
}
.control input:checked ~ .control__indicator {
    background: var(--primary-color);
}
.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control__indicator:after {
    display: block;
}
.control--checkbox .control__indicator:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

.shopping_cart .shoppingcart-box a.checkout-cart {
    color: #fff;
    background: var(--primary-color);
    border-color: var(--primary-color);
    border-radius: 4px;
}

.shopping_cart .shoppingcart-box a.checkout-cart i {
    float: none;
}

.shopping_cart .shoppingcart-box a.checkout-cart:hover {
    border: 1px solid #444;
    background: #444;
    color: #fff;
}

.shopping_cart .shoppingcart-box a.view-cart {
    color: #000;
    background: #fff;
    border: 1px solid #000;
    border-radius: 4px;
}

.shopping_cart .shoppingcart-box a.view-cart:hover {
    color: #fff;
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
}

.shopping_cart .shoppingcart-box .table-striped a.fa-delete {
    background: none;
    color: #666;
    font-weight: normal;
}

.shopping_cart .shoppingcart-box .table-striped a.fa-delete:hover {
    color: white;
}

.shopping_cart .cart_product_name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cart-content .btn-cart-delete {
    background: none;
    border: none;
    padding: 0px 4px 0px 4px;
    color: #666;
    font-weight: normal;
}

.cart-content .price-old {
    font-size: 80%;
}

.cart-content .btn-cart-delete:hover {
    color: white;
}

@media (min-width: 768px) {
    .small-cart-table .cart-total-price {
        margin-top: 8px;
    }
}

a.btn-main {
    color: #fff;
    background: var(--primary-color);
    border-color: var(--primary-color);
    border-radius: 4px;
}

a.btn-main i {
    float: none;
}

a.btn-main:hover, a.btn-main:active, a.btn-main:focus {
    border: 1px solid #444;
    background: #444;
    color: #fff;
}

a.btn-secondary {
    color: #000;
    background: #fff;
    border: 1px solid #000;
    border-radius: 4px;
}

a.btn-secondary:hover, a.btn-secondary:active, a.btn-secondary:focus {
    color: #fff;
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
}

a.a-blue {
    color: #337ab7;
}

a.a-red {
    color: var(--primary-color);
}

a.a-red:hover {
    color: #337ab7;
}

.delete-cart-item:hover {
    background: var(--primary-color);
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
}

@media (min-width: 1224px) {
    .cart-content {
        width:80%;
        margin:0px auto;
    }
}

@media (max-width: 1223px) {
    .cart-content {
        width:90%;
        margin:0px auto;
    }
}

.small-cart-table tbody {
    font-size: 80%;
}

.small-cart-table .price-new {
    font-size: 110%;
}

.small-cart-table .price {
    font-size: 110%;
}

.small-cart-table .quantity-select {
    display: inline;
    width: fit-content;
    height: fit-content;
    margin-top: 5px;
    padding: 4px 4px;
}

.small-cart-table thead {
    font-size: 90%;
}

.small-cart-table .product-name {
    font-size: 115%;
}

.small-cart-table .btn-cart-delete {
    margin-top: 5px;
    background: none;
    border: none;
    color: #d9534f;
    font-size: 14px;
}

.small-cart-table .btn-cart-delete:hover {
    color: #444;
}

.cart-content .row {
    margin-right: 0;
    margin-left: 0;
}

.small-cart-table .col-sm-6 {
    padding-left: 0;
    padding-right: 0;
}

.main-nav .vertical-menu li .collapsible i {
    padding: 0 2px 0 2px;
}

.main-nav .vertical-menu li .nav-item i {
    padding: 0 2px 0 2px;
}

.lang a {
    color: white;
}


.cart-items-no {
    position: absolute;
    top: 18%;
    left: -12px;
    height: 20px; 
    width: 20px; 
    margin-bottom: -5px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    padding: 0 5px;
    font-size: 12px;
    background: white; 
}

.cart-items-no .center-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
}

.shopping_cart .shoppingcart-box td {
    color: #555;
}

.mobile-content {
    padding: 10px;
}

.mobile-content h3{
    font-size: 18px;
}

.hag-tabcontent {
    padding: 15px 5px 20px 5px;
}

.all-nav-item {
    background-color: #4e4e4e !important; }

.all-nav-item:hover {
    background-color: #b3b3b3 !important; }

.panel-heading {
    font-size: 15px;
}

.mobile-pagination .pagination {
    margin: 0;
}

.related .slider-title-div {
    padding: 30px 0px 10px 0px;
}

@font-face {
    font-family: NizarCoconKurdishBold;
    src: url('/css/fonts/Nizar Cocon Kurdish Bold.otf');
}

.related .slider-title {
    font-size: 26px;
    font-family: NizarCoconKurdishBold, sans-serif;
    color: #404553;
    font-weight: 700;
    text-transform: uppercase;
}

.related .slider-title-div .btn-main{
    padding: 5px;
    font-size: 14px;
}

.related .about-us {
    padding: 0;
}

.about-us .client-logo-slider {
    padding: 0;
}

.about-us .client-logo-slider .products-list .product-layout{
    border: none;
}

.typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .total-shopping-cart .items_carts {
    color: #fff;
}

.mt-30px {
    margin-top: 30px;
}

.mt-20px {
    margin-top: 20px;
}

.pt-20px {
    padding-top: 20px;
}

@media (max-width: 786px) {
    .pd0 {
        padding: 0;
    }
}

@media (min-width: 1200px) {
    .typeheader-1 .header-bottom .bottom1 {
        width: 5%;
    }
}

.typeheader-1 .header-bottom .header-top {
    border-bottom: none;
}

.banners7 img {
    width: 100%;
}

.related .slider-title-div span.float-right {
    margin-top: 5px;
}

#categories-navbar > ul.megamenu > li:hover > a {
    color: var(--primary-color);
}

ul.megamenu .sub-menu .content {
    padding: 5px;
}

.menu-item {
    padding: 5px;
}

.products-list.grid .product-layout .product-item-container .right-block h4 {
    height: 48px;
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: center;
}

.products-list.grid .product-layout .product-item-container .right-block .price {
    text-align: center;
}

.product-simple .extraslider .extraslider-inner .item .item-inner .item-info .item-title a {
    white-space:normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ratings span.fa-stack {
    margin-top: -16px;
}

span.fa-stack .fa-stack-2x {
    font-size: 15px;
}

.left-content-product .content-product-left .owl2-carousel .owl2-item img {
    max-height: 150px;
}

input[type=number].hidden-arrows::-webkit-outer-spin-button,
input[type=number].hidden-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

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

#filters-form li .label {
    font-size: 14px;
}

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

span.results-count h3 {
    font-size: 12px;
}