/*!
Theme Name: Theme WoW optichoix
Theme URI: https://smmalead.com/
Author: SMMA
Author URI: https://smmalead.com
Description: SMMA LEAD Agence de communication à Marrakech au Maroc  et de développement web, Agence conseil en publicité. Ses judicieux conseils pour vous accompagner avec un grand nombre de techniques et d’outils marketing pour vous faire gagner du temps sur vos projets web. Aujourd’hui, concrétisez la transformation digitale de votre entreprise, l’équipe de l’agence SMMA LEAD mettra tout en oeuvre afin d’augmenter votre visibilité, améliorer votre popularité et fixer votre notoriété en développant une stratégie digitale de marketing performant dans le but d’augmenter vos ventes et d’améliorer la productivité de votre société.
Version: 1.0.8
Tested up to: 5.7
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: optichoix
Tags: custom-menu, custom-logo, grid-layout, one-column, two-columns, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, theme-options, threaded-comments, translation-ready, blog

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Shopix is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@font-face {
    font-family: 'Roboto Condensed Italic';
    src: url('./assets/fonts/RobotoCondensed-Italic.eot');
    src: url('./assets/fonts/RobotoCondensed-Italic.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/RobotoCondensed-Italic.woff2') format('woff2'),
        url('./assets/fonts/RobotoCondensed-Italic.woff') format('woff'),
        url('./assets/fonts/RobotoCondensed-Italic.ttf') format('truetype'),
        url('./assets/fonts/RobotoCondensed-Italic.svg#RobotoCondensed-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed BlackItalic';
    src: url('./assets/fonts/RobotoCondensed-BlackItalic.eot');
    src: url('./assets/fonts/RobotoCondensed-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/RobotoCondensed-BlackItalic.woff2') format('woff2'),
        url('./assets/fonts/RobotoCondensed-BlackItalic.woff') format('woff'),
        url('./assets/fonts/RobotoCondensed-BlackItalic.ttf') format('truetype'),
        url('./assets/fonts/RobotoCondensed-BlackItalic.svg#RobotoCondensed-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed Bold';
    src: url('./assets/fonts/RobotoCondensed-Bold.eot');
    src: url('./assets/fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/RobotoCondensed-Bold.woff2') format('woff2'),
        url('./assets/fonts/RobotoCondensed-Bold.woff') format('woff'),
        url('./assets/fonts/RobotoCondensed-Bold.ttf') format('truetype'),
        url('./assets/fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed Medium';
    src: url('./assets/fonts/RobotoCondensed-Medium.eot');
    src: url('./assets/fonts/RobotoCondensed-Medium.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/RobotoCondensed-Medium.woff2') format('woff2'),
        url('./assets/fonts/RobotoCondensed-Medium.woff') format('woff'),
        url('./assets/fonts/RobotoCondensed-Medium.ttf') format('truetype'),
        url('./assets/fonts/RobotoCondensed-Medium.svg#RobotoCondensed-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed Regular';
    src: url('./assets/fonts/RobotoCondensed-Regular.eot');
    src: url('./assets/fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/RobotoCondensed-Regular.woff2') format('woff2'),
        url('./assets/fonts/RobotoCondensed-Regular.woff') format('woff'),
        url('./assets/fonts/RobotoCondensed-Regular.ttf') format('truetype'),
        url('./assets/fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.sidebar-info-contents .content-inner .logo img {
    display: inline-block;
    max-width: 100px;
}
h1, h2, h3, h4, h5, h6 {
    position: relative;
    margin: 0px;
    background: none;
   font-family: 'Roboto Condensed Medium';
}
h1 {
    line-height: 30px;
    font-weight: 400;
    font-size: 26px;
}
h2 {
    line-height: 30px;
    font-size: 26px;
}
.scroll-to-top{
    display: none !important;
}
.contentslide{
    width: 70%;
    margin: 10px auto;
    text-align: center;
}
.contentslide p{
    color: #fff;
    text-align: center;
    background: #0000009c;
    padding: 10px;
}
#contactsmma .alert-success {
color: #ffffff;
    background-color: rgb(32 168 191);
    border-color: #ffffff;
    width: max-content;
    margin: 0px auto;
    border-radius: 0px;
    padding: 8px 15px;
}
.valide_input{
    border: 1px solid #ef0f24 !important;

}
.woocommerce-checkout .xoo-wsc-basket{
    display: none !important;
}
.subscribe-box .form-group button:hover {
    background-color: rgb(32 168 191);
}
.hide_200{
  display: none !important;
}
.show_200{
  display: block !important; 
}
#form_contact{
  position: relative;
}
#prelodergif {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff57;
    text-align: center;
    right: 0;
    padding-top: 32%;
}
#prelodergif .img_gif {
  position: absolute;
    left: 0;
    text-align: center;
    bottom: 30%;
    width: 100%;
}
#prelodergif .img_gif img{
  width: 80px;
  height: auto;
}
#form_contact .sucu{
/*  text-align: center;
  background-color: #0A0E19;
  padding: 16px;
  width: 100%*/
}
#contactsmma  p{
  text-align: center;
  margin:0px;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
}#form_contact .erorr{
  text-align: center;
  background-color: #d35400;
  padding: 16px;
  width: 100%
}
#form_contact .erorr p{
  text-align: center;
  margin:0px;
  color: #fff;
}
.shoping-cart-section {
    position: relative;
    padding: 30px 0px 30px;
}
.sidebar-page-container {
    position: relative;
    padding: 30px 0px 30px;
}
.sidebar-title h6 {
    font-weight: 400;
    color: var(--black-color);
    text-transform: capitalize;
    text-transform: uppercase;
}
.category-list li {
   position: relative;
    margin-bottom: 10px;
}
.contact-form .theme-btn{
    padding: 8px 40px;
}
.xoo-wsc-sm-sales{
    display: none !important;
}
a:hover {
    color: #6c757d;
}
.contact-page-section {
    position: relative;
    padding: 30px 0px 110px;
}
.contact-page-section .info-box a:hover {
    color: rgb(32 168 191);
}
.contact-page-section .info-box strong, .contact-page-section .title-box h3{
    font-family: 'Roboto Condensed Medium';
}
.contact-page-section .info-box a{
    font-family: 'Roboto Condensed Regular';
}
.contact-form .form-group input[type="text"], .contact-form .form-group textarea, .contact-form .form-group input[type="password"], .contact-form .form-group input[type="tel"], .contact-form .form-group input[type="email"], .contact-form .form-group select, .contact-form .form-group .ui-selectmenu-button.ui-button{
     font-family: 'Roboto Condensed Regular';
         padding: 12px 12px;
         height: 50px;
         border: 1px solid #333333a1;
}
textarea{
    height: auto !important;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    border: 1px solid #333333a1;
    line-height: normal;
    font-family: 'Roboto Condensed Regular';
    padding: 12px 12px;
   height: 40px;
}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover, .xoo-wsc-markup .xoo-wsc-btn:hover, .xoo-wsc-markup .woocommerce-shipping-calculator button[type="submit"]:hover {
    background-color: rgb(32 168 191);
    color: #fff;
    border: 2px solid rgb(32 168 191);
    padding: 10px 20px;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #333333a1;
    border-radius: 0px;
    height: 40px;
    padding: 12px 12px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 16px;
    display: block;
    padding: 0px;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover{
    background-color: #000;
    text-decoration: none;
    background-image: none;
    color: #fff;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button{
        font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 500;
    border-radius: 0px;
    font-family: 'Roboto Condensed Regular';
    left: auto;
    color: #ffffff;
    background-color: rgb(32 168 191);
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
}
.contact-form .theme-btn{
     font-family: 'Roboto Condensed Regular';
}
.woocommerce-MyAccount-navigation ul li {
    padding: 10px;
    background-color: rgb(32 168 191);
    color: #fff;
    margin-bottom: 3px;
    text-align: center;
}
.woocommerce-MyAccount-navigation ul li:hover{
    background-color: #000;
}
.woocommerce-MyAccount-navigation ul li a{
    color: #fff;
}
#sb_instagram .sbi_follow_btn a, #sb_instagram .sbi_follow_btn a, #sb_instagram #sbi_load .sbi_load_btn {
    transition: all 0.1s ease-in;
    background: #238b8e !important;
    border-radius: 0px;
}
#sb_instagram .sbi_follow_btn a:hover, #sb_instagram .sbi_follow_btn a:focus {
    outline: none;
    box-shadow: inset 0 0 10px 20px #161819;
}
.shop-item .option-list li a:hover {
    color: rgb(32 168 191);
}
.sidebar-info-contents .content-inner h6:before,.sidebar-info-contents .content-inner h6:after{
    background-color: rgb(32 168 191);
}
.main-header .main-menu .navigation > li > a, .main-header .main-menu .navigation > li > ul > li > a{
    font-family: 'Roboto Condensed Regular';
        font-size: 15px;
}
.list-style-one li .icon{
        color: rgb(32 168 191);
    font-size: 16px;
}
.main-header .cart-box a{
    font-family: 'Roboto Condensed Regular';
    color: rgb(32 168 191);
}
.shop-item .image .cart-box a{
    font-family: 'Roboto Condensed Regular';
    font-size: 14px;
}
.shop-item .price span {
    position: relative;
    padding: inherit;
    color: rgb(32 168 191);
    /* text-decoration: line-through; */
    margin-right: var(--margin-right-10);
}
.shop-item .lower-content {
    position: relative;
    padding-top: 8px;
}
.shop-item h6 {
    font-weight: 400;
    font-size: var(--font-16);
    text-transform: capitalize;
    margin-top: 4px;
    font-family: var(--font-family-Jost);
    margin-bottom: 2px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(var(--black-color-rgb), 0.06);
}
.main-header .cart-box:hover .icon-box {
    background-color: rgb(32 168 191);
}
.handle-preloader {
     background-color: rgb(32 168 191);
}
.xoo-wsc-sc-count {
    background-color: #20a8bf;
    color: #ffffff;
}
.sidebar-services-list li a:hover {
    color: rgb(32 168 191);
}
.main-header .main-menu .navigation > li > ul > li:hover > a{
     color: rgb(32 168 191);
}
.main-slider a.buy-now {
    position: relative;
    cursor: pointer;
    z-index: 9999999;
    color: #fff;
    margin: 0px auto;
    text-align: center;
    border-radius: 0px;
    border-radius: 0px;

    background-color: rgb(32 168 191);
    padding: 8px 40px;
}
.main-slider a.buy-now:hover {
    position: relative;
    cursor: pointer;
    z-index: 9999999;
    color: #fff;
    margin: 0px auto;
    text-align: center;
    border-radius: 0px;
    background-color: #000;
    padding: 8px 40px;
}
.theme_color {
    color: rgb(32 168 191);
}
.main-footer .page-list li a:hover {
    color: rgb(32 168 191);
}
.main-footer .page-list li {
    position: relative;
    margin-bottom: 5px;
}
.testimonial-section .owl-dots .owl-dot:hover span, .testimonial-section .owl-dots .owl-dot.active span {
    color: rgb(32 168 191);
    opacity: 1;
}
.newsblog .news-block .lower-content {
    position: relative;
    margin-top: 15px;
    z-index: 1;
    padding: 10px 15px;
    margin: 0px;
}
.search-popup .close-search{
        background-color: #238B8E;
   }
.search-popup .form-group input[type="submit"], .search-popup .form-group button{
    height: 50px;
    line-height: 50px;
}
.search-popup .form-group input[type="text"], .search-popup .form-group input[type="search"]{
    padding: 10px 14px;
        font-family: 'Roboto Condensed Regular';
        height: 50px;
        line-height: 50px;
}
@media only screen and (min-width: 900px) {
.Aligner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.Aligner-item--top {
  align-self: flex-start;
}

.Aligner-item--bottom {
  align-self: flex-end;
}
}
.contentyblog{
    margin-top: 25px;
    box-shadow: rgba(99,99,99,.2) 0px 2px 8px 0px;
    margin-bottom: 25px;
    padding: 10px 15px;
}
.testimonial-section .owl-dots .owl-dot span:after {
    position: absolute;
    background-color: rgb(32 168 191);

    }
.news-block h5 a:hover {
    color: rgb(32 168 191);
    border-color: rgb(32 168 191);
}
.news-block .image {
    position: relative;
    overflow: hidden;
    background-color: rgb(32 168 191);
}
.wpfFilterButton.wpfButton, .wpfClearButton.wpfButton{
     padding: 8px 40px !important;
     border-radius: 0px !important;
       font-family: 'Roboto Condensed Regular';
    background-color: rgb(32 168 191);
    min-height:inherit !important;
    font-size: 14px !important;
    color: #fff !important;
}.wpfFilterButton.wpfButton:hover, .wpfClearButton.wpfButton:hover{
     padding: 8px 40px !important;
     border-radius: 0px !important;
       font-family: 'Roboto Condensed Regular';
     background-color: #000;
     color: #fff !important;
    min-height:inherit !important;
    font-size: 14px !important;
}
.btn-style-one{
     padding: 8px 40px;
      background-color: #000;
      color: #fff;
}
.btn-style-one:hover{
     padding: 8px 40px;
      background-color: rgb(32 168 191);
      color: #fff;
}
.shop-item .image .cart-box a{
    background-color: #000;
    color: #fff;
}
.sale-block .overlay-box{
    bottom: 10%;
}
.main-slider a.buy-now:hover{
    background-color: #000;
}
.main-slider .owl-nav .owl-next {
    background-color: rgb(32 168 191);
}
.main-header .sticky-header .main-menu .navigation > li:hover > a, .main-header .sticky-header .main-menu .navigation > li.current > a {
    color: rgb(32 168 191);
}
.main-slider .auto-container{
    text-align: center;
}
.feature-block .inner-box {
    position: relative;
    padding: 10px 15px;
    border-right: 1px solid rgba(var(--black-color-rgb), 0.06);
}
.featured-section {
    position: relative;
    padding: 35px 0px 35px;
}
.sec-title h4 {
 font-family: 'Roboto Condensed Bold';
    color: rgb(32 168 191);
    text-transform: uppercase;

}
.page-title h2 {
    text-transform: capitalize;
    color: rgb(255 255 255);
}
.page-title .bread-crumb li:before {
    position: absolute;
    right: -6px;
    top: 0px;
    font-weight: 700;
    content: "\f105";
    color: rgb(253 253 253);
    font-family: 'FontAwesome';
}
.page-title .bread-crumb li a {
    color: rgb(188 173 173);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.page-title .bread-crumb li {
    position: relative;
    font-weight: 400;
    display: inline-block;
    text-transform: capitalize;
    font-size: var(--font-16);
    color: rgb(255 255 255);
    margin-right: var(--margin-right-15);
    padding-right: var(--padding-right-15);
}
.page-title {
    position: relative;
    text-align: center;
    background-size: cover;
    padding: 120px 0px 120px;
    background-color: rgb(32 168 191);
}
.main-footer .contact-list li .icon {

    background-color: rgb(32 168 191);
}
.page-title .bread-crumb li a:hover {
    color: rgb(255 255 255);
}
.text, p {
      font-family: 'Roboto Condensed Regular';
    color: #000;
    font-size: 16px;
    line-height: 25px;
}
.shop-item .image .cart-box a{
    display: block;
}
.shop-item .image .cart-box a:hover {
    color: var(--white-color);
    border-color: rgb(32 168 191);
    background-color: rgb(32 168 191);
}
.sec-title h4:before {
    background-color: rgb(32 168 191);
}
.main-header .main-menu .navigation > li:hover > a, .main-header .main-menu .navigation > li.current > a {
    opacity: 1;
    color: rgb(32 168 191);
}


.shop-item .rating p{
	color: #000;
    margin: 0px;
    line-height: 14px;
    font-size: 13px;

}
.inner-box .image{
    position: relative;
}
span.onsale {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 13px;
    background: #238b8e;
    color: #fff;
    padding: 2px 6px;
    z-index: 9;
}
.shop-detail-section {
    position: relative;
    padding: 30px 0px 0px;
}
.woocommerce-product-details__short-description {
    margin-bottom: 25px;
}
.quantity-box {
    position: relative;
    margin-bottom: 10px;
}
.shop-detail-section .content-column h3{
    font-family: 'Roboto Condensed Medium';
}
 .btn-style-one, .shop-detail-section .prod-tabs .tab-btns .tab-btn, .prod-tabs .tabs-content p, .shop-item h6, .main-footer .page-list li a, .main-footer .widgets-section .text, .main-footer .contact-list li, .main-footer .newslatter-widget .text{
    font-family: 'Roboto Condensed Regular';
}
.main-footer .copyright{
    font-family: 'Roboto Condensed Regular';

}
.prod-tabs .tabs-content p{
    color: #000;
}
.shop-detail-section .prod-tabs .tabs-content {
    position: relative;
    padding: 20px 0px 30px;
}
.shop-detail-section .content-column .price span {

    text-decoration: none !important;
}
.sale-block .buy-now.btnctg {
    background-color: rgb(32 168 191);
    padding: 8px 40px;
}
.sale-block .buy-now.btnctg:hover {
    background-color: #000;
    padding: 8px 40px;
    color: #fff !important;
}
.main-footer h5 {
    text-transform: uppercase;
    color: var(--color-twenty);
     font-family: 'Roboto Condensed Regular';
    margin-bottom: var(--margin-bottom-25);
}
.page-title {
    position: relative;
    text-align: center;
    background-size: cover;
    padding: 60px 0px 80px;
    background-color: rgb(32 168 191);
}
a {
    text-decoration: none;
    cursor: pointer;
    color: rgb(32 168 191);
}
.main-footer .copyright span {
    color: rgb(32 168 191);
}
.inner-box .image .onsale {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 13px;
    background: rgb(32 168 191);;
    color: #fff;
    padding: 2px 6px;
}
.afteraddcart{
    display: none;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: right;
    width: 100%;
}
.woocommerce a.remove{
    display: inline;
}
.table-outer .woocommerce table.shop_table{
    border: none;
}

.quantity-box .item-quantity input.qty-spinnerop {
    line-height: 40px;
    height: 40px;
    width: 40px !important;
    padding: 0px !important;
    box-shadow: none !important;
    border: none;
    margin: 0px;
    text-align: center;
    font-size: var(--font-14);
    font-weight: 500;
    color: #0B0B0B;
    border: none;
    border-radius: 0;
    background-color: #EDEDED !important;
}
/*.add_to_cart_button.loading:after, .single_add_to_cart_button.loading:after{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    font-family:"Glyphicons Halflings";
    content: "\e031";
    background: rgba( 255, 255, 255, 0.7 );
    text-align:center;
    line-height:34px;
}*/

.loading {
  background: lightgrey !important;
  position: relative;
}
.loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -16px;
  width: 24px;
  height: 24px;
  border-radius: 50px;
  border: 5px solid grey;
  border-top-color: black;
  -webkit-animation: loading 2s linear infinite;
          animation: loading 2s linear infinite;
}

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

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
    border: 1px solid rgb(32 168 191);
    padding: 20px;
    margin: 2em 0;
    text-align: left;
    border-radius: 0px;
}
.shop-detail-section .content-column .price{
    color: rgb(32 168 191);
}
.shop-detail-section .content-column .price span{
    opacity: 1;
    font-size: 16px;
}
.shop-detail-section .prod-tabs .tab-btns .tab-btn{
    padding: 8px 15px;
    margin-right: 15px;
}
.dnone{
    display: none !important;
}
.dblock{
    display: block !important;
}

#prelodergif {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff57;
    text-align: center;
    z-index: 9999999999999;
    right: 0;
    padding-top: 32%;
}
#prelodergif .img_gif {
  position: absolute;
    left: 0;
    text-align: center;
    bottom: 30%;
    width: 100%;
}
#prelodergif .img_gif img{
  width: 80px;
  height: auto;
}

.swiper-slide {
    height: 100% !important;
}
/* Hide count */ span.xoo-wsc-sc-count { display: block; }
/* Hide subtotal */ span.xoo-wsc-sc-subt { display: none; }
/* Icon font Size */ span.xoo-wsc-sc-bki { font-size: 20px; }

.main-header .logo-box .logo img, .main-header .sticky-header .logo img {
    max-width: 80px;
}
span.xoo-wsc-sc-count {
    top: -10px;
    right: -10px;
    font-family: 'Roboto Condensed Regular';
    font-size: 12px;
    line-height: 17px;
}

.main-footer .copyright{
    font-size: 14px;
}
.suiveznous li{
    display: inline-block !important;
}
.sale-section {
    position: relative;
    padding: 30px 0px 20px;
}
.products-section {
    position: relative;
    padding-bottom: 30px;
}
.counter-section .counter-boxed .counter {

    color: rgb(32 168 191);
    font-family: 'Roboto Condensed Regular';
}
.category-list li a:hover {
    color: rgb(32 168 191);
}


@media only screen and (max-width: 1023px) {
  /* For mobile phones: */
  .shop-detail-section .content-column, .shop-detail-section .gallery-column {
    order: inherit;
}

}


@media only screen and (max-width: 768px) {
  /* For mobile phones: */
.main-header .logo-box {
    padding: 8px 0px;
}
.nav-toggle-btn{
    display: none;
}
.mobile-menu .menu-box{
        background-color: rgb(255 255 255);
}
.mobile-menu .nav-logo img {
    max-width: 80px;
}
.main-header .mobile-menu .navigation li > a{
    color: #000;
    font-family: 'Roboto Condensed Regular';
}
.mobile-menu .navigation li.dropdown .dropdown-btn{
      color: #000;
}
.main-header .mobile-menu .navigation li:hover > a, .main-header .mobile-menu .navigation li.current > a{
    color: #238b8e;
}
.mobile-menu .nav-logo {
    position: relative;
    text-align: center;
    padding: 20px 20px 10px;
}
.contact-page-section .contact-boxed {
        padding: 40px 10px;
    }
.contentslide{
    width: 90%;
    margin: 10px auto;
    text-align: center;
}

}