*{
   font-family: montserrat, sans-serif;
}
body{
   background:#fff !important
}
/*.main_item{
  background:#f9f9f9 !important
}
.proudact-content{
  background:#f9f9f9 !important
}

body.modal-open {
    overflow: hidden;
}
.page-content{
  background:#f9f9f9 !important
}
.myprofile-content {
  background:#f9f9f9 !important
}*/
     hr
     {
       margin:0;
     }
     h1
      {
        letter-spacing:5px;
        line-height:60px;
      }
      h2
      {
        letter-spacing:3px;
        line-height:50px;
      }
      p
      {
       line-height:2.3rem;
       color:#666;
      }

	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	  color: #bbbbbb!important;
	  opacity: 1!important; /* Firefox */
	}

	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	  color: #bbbbbb!important;
	}

	::-ms-input-placeholder { /* Microsoft Edge */
	  color: #bbbbbb!important;
	}
    .path
    {
		margin-left: 7px;
		margin-right: 7px;
		cursor: pointer;
    }
    .owl-next,
    .owl-prev
    {
      display:none;
    }
  
    .top-title
    {
		line-height: 22px;
		font-size: 18px;
		font-style: italic;
		color:#686868;
    }
    .cat-text
    {
		line-height: 22px;
		font-size: 16px;
		font-style: italic;
		color:#686868;
    }
    .light-text
    {
		margin-bottom: 3px;
		font-size: 18px;
		font-family: italic;
		color: rgba(255, 255, 255, 0.60);
		letter-spacing: 4px;
    }
.owl-dot.active{
    background: #333333!important;
}
.nav-secoundrydiv{
margin-right: 12em;
}
    .nav-button
    {
		margin: 0!important;
		padding: 17px;
		text-decoration: none!important;
    }
    .nav-button.active
    {
		border-bottom: 2px solid rgba(255, 255, 255, 0.65);
		padding: 15px 17px;
		background: rgba(255, 255, 255, 0.2);
    }
    .nav-button:hover
    {
		background: rgba(255, 255, 255, 0.2);
    }
    .view_more
    {
      background: #000;
      width: 210px;
      color: yellow;
      padding: 5px 4px 4px 20px;
      border-radius: 50px;
    }
    .view_more:hover
    {
      background: yellow;
      color:#000;
      cursor: pointer;;
    }
    .view_more:hover span i
    {
      background:#000;
      color:yellow;
    }
    .view_more .view_more_content
    {
      transition:all 0.5s;
    }

    .view_more:hover .view_more_content
    {
      margin-left:50px;
    }
    .view_more span i
    {
      transition:all 0.5s;
    }
    .view_more:hover span i 
    {
      margin-left: -157px;
    }
    .view_more span
    {
      display: inline-block;
      font-weight:bold;
    }
    .view_more span i
    {
      color: #000;
      background: yellow;
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 40px;
      margin-left: 53px;
      border-radius: 80px;
    }
    .view_Store_content
    {
      margin-top:100px
    }
    .link_categorie .active
    {
      background:#333;
      border-radius:80px;
      color:yellow;
      padding:6px;
      display: inline-block;
      width:120px;
      transition:all 0.5s;
    }
    .link_categorie .active:hover
    {
      background:yellow;
      color:#333;
      text-decoration:none;
    }
    .link_categorie a
    {
      color:#666;
    }
    .link_categorie  .item.active
    {
	  background:black;
	  color:yellow;
    }
    .link_categorie  .item
    {
      padding:6px 25px;
	  margin: 2px 8px;
      height:40px;
      line-height:25px;
      display: inline-block;
	  border-radius:30px;
	  text-decoration: none;
      transition:all 0.5s;
    }
    .link_categorie  .item:hover
    {
      background:black;
	  color:yellow;
    }
      @media(max-width:552px)
      {
        h2
        {
          font-size:25px;
          letter-spacing:2px;
          line-height:40px;
        }
        h1
        {
          font-size:30px;
          line-height:40px;
          letter-spacing:4px;
        }
        
        
      }
     /*--------- end reset ------------*/


     /*---------chevron top ------------*/
     .cart-fix-number
     {
		position: absolute;
		top: -5px;
		left: 28px;
		background: yellow;
		padding: 10px 8px;
		color: #000;
		font-size: 10px;
		line-height: 0;
		border-radius: 30px;
     }
     .cart-fix
     {
      background: #333;
      width: 50px;
      height: 50px;
      line-height:50px;
      color: yellow;
      position: fixed;
      z-index: 999;
      bottom: 80px;
	  border-radius: 40px;
	  border: 2px solid rgba(255, 255, 255, 0.15);
      right: 21px;
      text-align: center;
      transition:all 0.5s;
      display:none;
     }
     .cart-fix:hover
     {
       background:yellow;
       color:#000;
       cursor: pointer;
     }
     .back-to-top
     {
      background: #333;
      width: 50px;
      height: 50px;
      line-height:50px;
      color: yellow;
      position: fixed;
      z-index: 999;
      bottom: 25px;
      right: 21px;
      text-align: center;
      transition:all 0.5s;
      display:none;
     }
     .back-to-top:hover
     {
       background:yellow;
       color:#000;
       cursor: pointer;
     }
     /*--------- end chevron top ------------*/

     /*--------- sidebar ------------*/
     .sidebar
     {
       backdrop-filter: blur(5px);
       background-color:rgba(0,0,0,0.8);
       position: fixed;
       z-index:9999999999;
       width:100%;
       height:100%;
       display:none;
     }
     .sidebar_content
     {
       position:fixed;
       right:0;
       background:#2b2b2b;
       opacity:1;
       height:100%;
       width:400px;
       right:-400px;
       padding:30px 50px;
     }

    #sidebar-left,.sidebar_item{
        min-width: 308px; 
        padding-left: 0;
    }

     .sidebar_content hr
     {
		border: solid #c5cacb;
		border-width: 1px 0 0 0;
     }
     .Shoping_cart h3
     {
       color:#fff;
     }
     .Shoping_cart span
     {
		color: #333;
		background: yellow;
		width: 30px;
		height: 30px;
		line-height: 30px;
		border-radius: 50%;
		text-align: center;
		display: inline-block;
		margin-top: 6px;
		float: right;
	 	font-weight:bold;
     }
     .list-cart
     {
       margin-top:20px;
       margin-bottom:20px;
     }
     .list-cart img
     {
       border-radius:5px;
     }
     .list-cart span
     {
       display: inline-block;
     }
     .list-cart-content
     {
       margin-left:120px;
     }
     .list-cart-content span {
    color: #f8ff24;
}
     .list-cart-content h4
     {
        color: #fff;
        font-size: 18px;
        line-height: 29px;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 55px;
     }
     .detail-cart
     {
       color:#fff;
     }
     .detail-title
     {
       cursor: pointer;
     }
     .detail-cart h5
     {
       font-size:15px;
     }
     /*.detail-cart .price*/
     /*{*/
     /*  color:yellow;*/
     /*}*/
     .detail-cart i
     {
       margin-top:19px;
       margin-left:150px;
       font-size:13px;
     }
     .detail-cart i
     /*.price-list*/
     /*{*/
     /*  color:yellow;*/
     
     /*}*/
     @media(max-width:552px)
     {
       .sidebar
       {
         top:0;
         z-index:9999999;
       }
      .sidebar_content
      {
        width:90%;
        padding:20px;
      }

     }


.items_container{
    
   flex-wrap: nowrap;
}
     /*--------- end sidebar ------------*/
.localcategories{
    width: 100%;
}
     /*--------- navbar ------------*/
.container-mobile{
    height: 65px;
   
}
.navbar-toggler{
    border: 0!important;
}
    
     .navbar-toggler-btn
     {
        
      width: 22px;
      height: 3px;
      display: block;
      background: yellow;
      margin-bottom: 3px;
     }

     .index .navbar
     {
       z-index:99999;
       top:0;
       background:#2a2a2a;
       position:fixed;
       width:100%;
     }
     .navbar-light .navbar-toggler {
      position: relative;
      float: left;
      color:#fff;
      padding-top: 5px;
     }
     .navbar-light .navbar-nav .nav-link
     {
       color:#fff;
     }
     .navbar_tab
     {
      position: fixed;
      background: #2b2b2b;
      width: 100%;
      height: 57px;
      line-height: 52px;
      z-index: 99999999999;
     }
 .navbar_tab .logo
     {
       position:relative;
       z-index:999999999;
     }
     .main-logo
     {
        height: 57px;
        vertical-align: top;
        padding: 4px 15px;
        background: #f8ff22;
     }
     .store-logo
 {
        height: 30px;
     }
     .Links a
     {
       color:#fff;
     }
    .st-nav-link{
        margin: 0!important;
        padding: 22px 25px;
        height: 118px;
    }
     .Links:first-child a:not(:first-child)
     {
       margin-left:34px;
     }
     .Links:last-child a:not(:last-child)
     {
      margin-right:34px;
     }
     @media(max-width:992px)
     {
    
          .item_product_content:hover .img_product
          {
            width:180px;
            height:180px;
          }

      .navbar_tab
      {
        display: none;
      } 
      .nav-mobile
      {
        display:table;
      }
   
     .nav-secoundry{
             flex-direction: row-reverse;
         }
         .nav-secoundry .navbar-brand {
             margin-right: auto;
             margin-left: 0;
         }
         .nav-secoundry .navbar-toggler{
             margin-right: 10px!important;
         }
         
         
         
     }




     /*--------- end navbar------------*/

     /*----------- header -------------*/
    .background_header
    {
      background:url("../img/background.jpg");
      width:100%;
      height:550px;
      position: relative;
    }
    .header
    {
      padding:0px 40px;
      position: absolute;
      top:52px;
      width:100%;
    }
    .header_content
    {
      background:url("../img/header.jpg");
      background-repeat:no-repeat;
      background-size:cover;
      padding:150px 50px 130px 50px;
      text-align:center;
      color:#fff;
    }
    .header_content h1 span
    {
      font-weight:bold;
     }
    .header_content form
    {
      justify-content:center;
      margin-bottom:20px;
    }
    .header_content form input[type="text"]
    {
		border-radius: 0;
		width:55%;
		padding:13px 0px;
		padding-left:10px;
    }
    .header_content form button
    {
      background:#fff;
      border-radius: 0;
      padding:13px 23px;
      margin-top:8px;
      margin-left:-10px;
    }
    .header_content form button i
    {
      color:#bbbbbb;
      font-size:20px;
    }
    .categorie-active
    {
      background:yellow;
      color:#000
    }
    .header_categorie
    {
      text-align:center;
      display:flex;
      align-items:center;
      justify-content:center;
    }
    .header_categorie ul
    {
      margin-top:24px;
    }
    .header_categorie ul li
    {
      display: inline-block;
      margin-left:5px;
      border:1px solid rgba(255, 255, 255, 0.70);
      padding:2px 20px;
      border-radius:50px;
      font-size:12px;
      transition:all 0.5s;
      margin-bottom:10px;
	  color :rgba(255, 255, 255, 0.70);
    }
    .header_categorie ul li:hover
     {
       background:white;
       color:#000;
       border:1px solid white;
       cursor: pointer;
     }
     @media(max-width:992px)
     {
      .header_categorie
      {
        flex-direction:column;
      }
     }
     @media (max-width:768px) {
      .header
      {
        padding:0;
      }
      .header_content
      {
        padding:100px 0px;
      }
      .header_content form input[type="text"]
      {
        width:80%;
      }
      .header_categorie ul li
      {
        margin-bottom:10px;
      }
     }

    /*------------- end header --------------*/

    /*------------- Featured --------------*/
    .Featured
    {
      background:var(--background-color);
      padding:80px 0px 100px 0px;
      position: relative;
    }

    .Featured .owl-nav
    {
      display:none;
    }
    .Featured h4
    {
      text-align:right;
      margin-top: 8px;
    }
    .Featured  .store_card
    {
      background:#fff;
      border:solid #ececec;
	  border-width: 1px 1px 1px 0px;
      overflow: hidden;
      height:370px;
      padding:150px 20px;
      transition:all 0.5s;
      position: relative;

    }
    .Featured  .store_card:hover
    {
      flex-direction:column;
      padding:80px 20px;
      filter:drop-shadow(3px 1px 4px #bbb)
    }
    .Featured .store_card button
    {
      transition:all 0.5s;
      opacity:0;
    }

    .Featured .store_card button
    {
      opacity:0;
    }
    .more-store-mobile
    {
      display:none;
      margin:50px auto 0px auto;
      transition:all 0.5s;
    }
    .more-store-mobile:hover
    {
      background:yellow;
      color:#333;
    }
    .Featured .store_card button,
    .more-store-mobile
    {
      width:150px;
      background:#000;
      color:yellow;
      border-radius:50px;
    }

    .Featured  .store_card:hover button
    {
      opacity:1;
      margin-top: 115px;
    }
    .Featured .store_card button:hover
    {
      background: yellow;
      color:#000;
    }
    .more-store
    {
      background:#000;
      position:absolute;
      right:0;
      top: 0px;
	  width: 270px;
      height:370px;
      color: yellow;
      z-index:9;
      padding:300px 20px 0px 20px;
      text-align:left;
    }
    .more-store a
    {
      color:yellow;
    }
    .more-store i
    {
      background:yellow;
      width:40px;
      height:40px;
      line-height:40px;
      color:#000;
      border-radius:50%;
      margin-left:50px;
          margin-top: 17px;
      text-align: center;
    }

    .new
    {
      background: #000;
      height: 60px;
      line-height: 60px;
      color: yellow;
      position: absolute;
    
      left: 0;
      top: 25px;
    }
    .new span
    {
      transform:rotate(270deg);
      display: inline-block;
      font-size: 13px;
    }
    @media(max-width:992px)
    {
      .Featured
      {
        padding:80px 0px 50px 0px;
      }
      .Featured h4
      {
        text-align:center;
        margin-top:11px;
      }
      .owl-three
      {
        margin-top:8px;
      }
    }
    @media(max-width:552px)
    {
        
      
      .more-store
      {
        display:none;
      }
      .more-store-mobile
      {
        display: block;
        position: absolute;
        bottom: -50px;
        width: 100%;
        height: 52px;
        border-radius: 0 0 25px 25px;
      }
      .Featured h4
      {
        margin-bottom:20px;
      }
    }
    /*------------- end Featured --------------*/

    /*------------- New store --------------*/
    .New_Store
    {
      padding:50px 0px;
      transition:all 0.5s;
    }

    .New_Store_content
    {
      margin-top:70px;
    }
    .New_Store .img_store
    {
      margin:auto;
      position: relative;
      z-index:9;
      filter: drop-shadow(2px 2px 5px #999);
    }
    .New_Store .square
    {
      position: absolute;
	  width: 30%;
      right: 137px;
      top: -45px;
      transition:all 1s;
    }
    .New_Store .rectangle
    {
      position: absolute;
      width: 69%;
      right: 99px;
      top: 92px;
    }
    .New_Store .circle
    {
      position: absolute;
      width: 20%;
	  bottom: 20px;
	  left: 55px;
      transition:all 1s;
    }
    .New_Store_img:hover:hover .circle
    {
      transform:translate(20px,-20px);
      transition:all 1s;
      transition-timing-function:initial;
    }
    .New_Store_img:hover:hover .square
    {
      transform:translate(-20px,20px);
      transition:all 1s;
    }
    @media(max-width:992px)
    {
       
      .New_Store .square
      {
        position: absolute;
        width: 13%;
        right: 52px;
        top: 24px;
       }
      .New_Store .circle
      {
       bottom: 88px;
       left: 44px;
      }
      .New_Store .rectangle
      {
        width: 76%;
        right: 61px;
       }
    }
@media (max-width:576px){
    .comment-text{
    margin-left: 0!important;
        text-align: center;
    }
          /*COMMENTS*/
    .comment-info{
            margin-right: 0!important;

    }
        .comment-info >div,.comment-info span{
            display: flex;
            justify-content: center;
        }
        .comments .comment .comment-info h3{
                text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
            margin-left: 0;

        }
        /*END OF COMMENTS*/
}
    @media(max-width:552px)
    {
        
  
        
        
      .New_Store .rectangle
      {
        width: 94%;
        right: 11px;
      }
      .New_Store .square
      {
        right: 53px;
        top: 42px;
      }
    }
    /*------------- end New store --------------*/


    /*------------- popular item --------------*/
    .popular_item
    {
      background:#f6f6f6;
      padding:80px 0px;
    }
    .popular_item .owl-dot
    {
      display:none;
    }
    .popular_item h2
    {
      position: relative;
      z-index:999;
    }
    .popular_img
    {
		width: 60px;
		position: absolute;
		left: -20px;
		top: -10px;
        
    }
    .popular_item .owl-nav
    {
      display:none;
    }
    .popular_item p
    {
      margin-top:40px;
      margin-bottom:80px;
      width:300px;
    }
    .popular_item hr
    {
      border:1px solid #999;
    }
    .popular_item .popular_card
    {
      background:#fff;
      border:1px solid #ddd;
      padding:10px;
      box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important;
    }
    .popular_item .popular_card i
    {
      background: #000;
     color: yellow;
     width: 40px;
     height: 40px;
     line-height: 40px;
     cursor: pointer;
     border-radius: 50%;
     text-align: center;
     position: relative;
     z-index: 1;
     left: 70%;
     top: 31px;
    }
    .popular_item .popular_card h5
    {
      font-size:15px;
        margin-top: 15px;
    }
     .popular_item .owl-carousel .owl-stage-outer
    {
      padding:46px 0;
    }
    .chevron-control
    {
      margin-top:80px;
    }
    @media(max-width:552px)
    {
      .popular_item h2
      {
        text-align:center;
      }
    }
    /*------------- end popular item --------------*/


    /*------------- footer --------------*/
    footer
    {
      background:var(--main-color);
      padding-top:50px;
    }
    .footer-copyright span
    {
      color:#999;
    }
    footer hr
    {
      border:1px solid #313131;
    }
    footer h5
    {
      color:yellow;
    }
    footer .links li a
    {
      color:#fff;
    }
    footer .social li
    {
      display:inline;
    }
    footer .social  li:not(:first-child)
    {
      margin-left:10px;
    }
    footer .social li a
    {
      font-size:18px;
    }
    @media(max-width:992px)
    {
         .discover{
            display: none;
        }
      footer h5
      {
        font-size:14px;
      }
    }
    @media(max-width:552px)
    {
      .footer-copyright 
      {
        text-align:center;
      }
    }
    /*------------- end footer --------------*/



    /*------------------ page item --------*/ 
    .page_item
    {
      padding:0;
    } 
    .page_item .navbar_tab
    {
      position: fixed;
      z-index:999999;
    }
    .page_item nav button
    {
      margin-top:4px;
    }
    .page_item .navbar-toggler-second{
      width: 22px;
      height: 3px;
      display: block;
      margin-bottom: 3px;
    }  
    .main_item
    {
      padding:130px 0;
      background:var(--background-color);
    }
    .main_item .card
    {
      box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important;
    }
    .main_item  .card-body
    {
      padding:10px 0px 0px 0px;
    }
    @media(max-width:1200px)
    {
      .main_item
      {
        padding:130px 10px;
      }
    }
    @media(max-width:552px)
    {
      .main_item
      {
        padding:150px 0px;
      }
    }
    /*------------------ end page item  --------*/  

    /*------------------ sidebar mobile --------*/  
    .page_item .nav-mobile
    {
      background:#2a2a2a;
      position: fixed;
      z-index:999999;
      width:100%;
      height: 57px;
    }
    .sidebar_mobile
    {
      position: fixed;
      background:#000;
      width:100%;
      height: 100%;
      top:0;
      z-index:9999999999;
      background:rgba(0,0,0,0.8);
      display:none;
    }  
    .sidebar_mobile_content
    {
      width: 324px;
      height: 100%;
      position: fixed;
      z-index: 9999999;
      background: white;
      top: 0;
      right: -200px;
    }
    .sidebar_mobile_content h6
    {
      color:#666;
    }
    .sidebar_mobile_content .title
    {
      background: #efefef;
      padding: 14px 0px;
    }
    .sidebar_mobile_content .refine
    {
      background:var(--background-color);
      margin-top: -10px;
      padding: 10px;
    }
    .sidebar_mobile_content .price_range input
    {
      display: inline;
      width:80px;
      margin-left:20px;
      border-radius:8px;
      border:1px solid #666;
    }
    .sidebar_mobile_content .list_color,
    .sidebar_mobile_content .price_range
    {
      margin-left:10px;
    }
    .sidebar_mobile_content .color_item
    {
      margin-left:160px;
    }
    .sidebar_mobile_content .color_item li
    {
      display:inline-block;
    }
    .sidebar_mobile_content .red
    {
      background:red;
      width:20px;
      height:20px;
      border:1px solid #999;
    }
    .sidebar_mobile_content .green
    {
      background:green;
      width:20px;
      height:20px;
      border:1px solid #999;
    }
    .sidebar_mobile_content .orange
    {
      background:orange;
      width:20px;
      height:20px;
      border:1px solid #999;
    }
    .sidebar_mobile_content .list_size
    {
      margin:auto;
    }
    .sidebar_mobile_content .list_size ul:not(:first-child)  li
    {
      margin-left:75px;
    }

    .sidebar_mobile_content .img_brand img
    {
      margin:24px;
      display: block;
    }
    .sidebar_mobile_content .img_brand input[type="radio"]
    {
      margin:auto;
    }
 
    .sidebar_mobile_content hr
    {
      margin-top:35px;
    }
    .sidebar_mobile_button
    {
      margin-top:52px;
      padding:10px;
    }
    .sidebar_mobile_button .clear
    {
      color:#666;
    }
    .sidebar_mobile_button .apply
    {
      margin-left:200px;
      color:orange;
    }
    .sidebar_mobile_button a
    {
      display: inline-block;
    }
    .list_mobile_select button
    {
      width: 33%;
      height: 38px;
      line-height: 38px;
      background: #fff;
      border: none;
    }
    /*@media(max-width:552px)
    {
      .page_item .nav-mobile
      {
        display:block;
      }
    }*/
        /*------------------ end sidebar mobile --------*/    


    /*------------------ page item nav --------*/

    .page_item .navbar_tab
    {
      padding: 0px;
    }
    .page_item .main_nav
    {
      background:#333;
      position: fixed;
      z-index:999999;
      width:100%;
      padding: 9px 78px;
    }
    .page_item .nav_filter
    {
      width: 100%;
      height: 61px;
      background: white;
      filter: blur(2px);
    -webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);

      position: fixed;
      z-index: 9999;
    }  
    .nav-store{
      position: fixed;
      width: 100%;
      margin: 0;
      padding: 0;
      z-index: 999;
      background: rgba(255, 255, 255, 0.60);
        backdrop-filter: blur(5px);
      -moz-backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        -o-backdrop-filter: blur(5px);
      margin-top: 57px;
    }
    @media (max-width: 992px)
    {
         .secound-brand{
             top: 15px!important;
             left: 64px!important;
    } 
      .container-mobile {
        max-width: 100%!important;
        padding-left: 16px;
          height: 65px;
       
      }
      .nav-store-item{
        display: inline-flex;
              margin-top: 8px;

      }
    }
    .shopping-cart-mobile{
      float: right;
      font-size: 25px;
      padding: 0 7px;
      position: relative;
    }
a.shopping-cart{
    position: relative;
}
    .shopping-cart-label-mobile{
        top: 0;
      position: absolute;
      font-size: 8px;
      color: black;
      background: yellow;
      width: 18px;
      height: 18PX;
      left: 20px;
      border-radius: 30px;
      text-align: center;
      padding-top: 3px;
    
      font-family: sans-serif;
      border: 1px solid #4e515e;
    }
    .shopping-cart-label-lg{
        position: absolute;
        top: 10px;
        left: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 0;
    }
    .nav-store-item{
      padding-left: 0;
      padding-right: 0;
      padding-top: 12px;    
    }
    .page_item .nav-item .nav-link
    {
      color:#333;
      font-weight:bold;
      transition:all 0.5s;
    }
    .page_item .secound-nav .nav-link.active
    {
      color:#FD6C7F!important;
    }
    .page_item .secound-nav .nav-link:hover
    {
      color:#FD6C7F!important;
    }
    .page_item .nav-item:not(:last-child) .nav-link
    {
      margin-right:25px;
    } 
    @media(max-width:552px)
    {
      .page_item
      {
        padding:0;
      }
      .page_item .main_nav
      {
        padding:0;
      }
    }
   
    /*------------------ end page item nav --------*/    

    /*------------------ search_bar --------*/   
    .search-btn-mobile{
      float: right;
    padding: 1px 9px;
    color: white;
    font-size: 22px;
    }
    
    .search_bar input
    {
      width: 100%;
      height: 63px;
      background: #fff;
      position: fixed;
      z-index: 9999999999;
      top: 53px;
      border:none;
      padding-left:20px;
      display:none;
    } 
    /*------------------ end search_bar --------*/    

        /*------------------ search bar mobile --------*/   
        .search_bar_mobile 
        {
          width: 100%;
          height: 100%;
          background: #fff;
          position: fixed;
          z-index:9999999999;
          top:0px;
          border:none;
          display:none;
        }
        /*------------------ end search bar moile--------*/    
    
    


        /*------------- sidebar --------------*/
        .card .card-header h5 i
        {
          font-size:12px;
          color:yellow;
          float: right;
          margin-right:10px;
          margin-top:16px;
        }
        .card .card-header h5 .up
        {
          transform:rotate(178deg);
        }
  .secound-brand{
    position: absolute;
    top: 10px;
    left: 80px;
    }
        #title_categorie,
        #title_color,
        #title_size,
        #title_Brands
        {
          background:#2a2a2a;
          padding:10px 0;
        }
        #title_categorie h5 button,
        #title_color h5 button,
        #title_size h5 button,
        #title_Brands h5 button
        {
          color:yellow;
          font-size:22px;
          text-decoration:none;
        }
        .list-categorie li ul
        {
          list-style:no;
        }
        #title_categorie h5 button:hover,
        #title_color h5 button:hover
        {
          text-decoration:none;
        }

        .list-categorie li ul
        {
          list-style:none;
            list-style: none;
            margin-left: -23px;
           margin-top: 9px;
        }
        .list-categorie li a
        {
          color:#333;
          margin-left:10px;
          text-decoration:none;
        }
        .list-categorie li .active
        {
          color:#9a9f00;
        
        }
        .list-color
        {
          margin-left:13px;
          margin-top:10px;
        }
        .list-color li
        {
          display:inline-block;
          width:30px;
          height:30px;
        }
        .list-color .black
        {
          background:black;
        }
        .list-color .green
        {
          background:green;
        }
        .list-color .orange
        {
          background:orange;
        }
        .list-color .red
        {
           background:red;
        }
        .list-checkbox
        {
          text-decoration:none;
          margin-left:15px;
        }
        .list-checkbox li
        {
          display: inline-block;
        }
        .list-checkbox li:not(:first-child)
        {
          margin-left:40px;
        }
        .list-checkbox li input[type="checkbox"]
        {
          width:15px;
          height:15px;
        }


        /*------------ end sidebar -----------*/

        /*---------- item header ---------------*/
        .item_header
        {
          position:relative;
          background:url("../img/item_header.jpg");
          height:400px;
          width:100%;
          box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important;
        }
        .item_header .shop_now
        {
          background:#fffec2;
          height:100%;
          width:340px;
          position: absolute;
          right:0px;
        }
        .item_header_content
        {
          position: absolute;
          top:30%;
          left:60%;
          z-index:9;
        }
        .item_header_content h5
        {
          font-weight:bold;
          font-size:15px;
        }
        .item_header_content h3
        {
          font-size:40px;
        
          letter-spacing:4px;
        }
        .item_header .shop_now a
        {
          position:absolute;
          background:#2a2a2a;
          width:100%;
          display:block;
          padding:25px 0px 25px 30px;
          bottom:0;
          color:yellow;
          font-weight:bold;
          line-height:40px;
          text-decoration:none;
        }
        .item_header .shop_now a i
        {
          background:yellow;
          color:#333;
          width:40px;
          height:40px;
          line-height:40px;
          text-align:center;
          border-radius:50%;
          margin-right:30px;
        }
       /*---------- end item header ---------------*/

      /*---------- nav link ---------------*/
  
    .navbar-button{
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    }
      .nav_link ul
      {
        margin-top:40px;
        margin-bottom:40px;
        margin-left:18px;
      }
      .nav_link ul li
      {
        display: inline-block;
      }
      .nav_link ul li:not(:first-child)
      {
        margin-left:5px;
      }
    .nav_link ul .active {
    background: #000;
    padding: 3px 5px;
    width: 112px;
    height: 28px;
    text-align: center;
    }
      .nav_link ul li a
      {
        color:#7b7b7b;
        text-decoration:none;
            font-weight: 500;

      }
      .nav_link ul li a::after{
              content: "/";
             color:#7b7b7b;}
.nav_link ul .active a::after{
    content: "";
    display: none;
}
      .nav_link ul li .main
      {
        color:yellow;
      }
      .view_mobile
      {
        width:100%;
        margin-left:0;
        margin-top:57px;
        display:none;
      }
      .view_mobile .active
      {
        color:#a9af00;
        display: inline-block;
      }
      .view_mobile i
      {
        color:#999;
      }
      .view_mobile i:first-child
      {
        margin-right:10px;
      }
      @media(max-width:552px)
      {
        .nav_link
        {
          margin-left:21px;
        }
        .nav_link ul
        {
          margin:20px 0px;
        }
        .nav_link ul li a
        {
          font-size:13px;
        }
         
        .view_mobile
        {
          display:block;
          position: absolute;
          left: -15px;
          margin-top:23px;
        }
          .item-product-options {
              display: none;
          }
      }
      @media(max-width:320px)
      {
        .view_mobile
        {
       }
      }
      /*---------- end nav link ---------------*/

@media(max-width:360px){


.products_content{
    min-width: 100%!important;
    }


}
    
        /*---------- prodcuct ---------------*/
        .item-product{
          position:relative;
          margin-left: 14px;

        }

        .item-product-options{
            justify-content: space-between;
            width: 100%;
            margin-left: 0;
        }
        .item-product select 
        {
          background:var(--background-color);
          padding:10px;
            width: 262px;
            height: 43px;
            border: solid 1px #4c4c4c;}
.item-product select option span{
  
}
        .item-product .view
        {
          border:2px solid #717171;
        font-size: 0.9rem;
    width: 126px;
    height: 43px;
    border: solid 1px #4c4c4c;
        }
        .item-product .view i
        {
          cursor: pointer;
        }
        .item-product .view .list
        {
          color:#999;
        }
        .item-product .view .active
        {
          color:#a9af00;
        
        }
        .item-product .view span,
        .item-product .view i
        {
    margin-left: 7px;
        }


        .products_content{
            min-width: 196px;
            max-width: 196px;
            margin: 10px 4px;
            position: relative;
            height: max-content;
        }
        .item_product_content
        {
          overflow: hidden;
          height:310px;
          padding:5px 0px 20px 0px;
          background:#fff;
          box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important;
        }
        .item_product_content h4 a{
            margin-bottom: .5rem;
            font-family: inherit;
            font-weight: 500;
            line-height: 1.2;
            color: #000;
            font-size: 1.5rem;
        }
        .item_product_content .img_product
        {
          width:180px;
          height:180px;
          margin:auto;
          margin-bottom: 7px!important;

        }
        .item_product_content:hover .img_product
        {
      width: auto;
    height: 100px;
    transition: all 0.5s;
        }
        .item_product_content span
        {
          display:inline-block;
        }
        .item_product_content .discount
        {
          color:#ffadad;
          text-decoration: line-through;

        }
        .item_product_content .new
        {
          background:#333;
          width:30px;
          height:60px;
          color:yellow;
          display:block;
          position: absolute;
          left:0;
        }
        .item_product_content .new h5
        {
          transform:rotate(91deg);
          font-size:13px;
          margin-top:23px;
        }
        .item_product_content h5
        {
          font-weight:bold;
        }
        .item_product_content button
        {
          background:#fff;
          padding:5px 0px;
          width:150px;
          border-radius:50px;
          border:1px solid #333;
          transition:all 0.5s;
        }
        .item_product_content button:hover
        {
          background:#333;
          color:#fff;
          cursor: pointer;
        }
        .item_product_content button,
        .item_product_content .add_to_cart
        {
        }
        .item_product_content:hover .add_to_cart,
        .item_product_content:hover button
        {
          display:inline-block;
        }

        .item_header_content_mobile,
        .shop_now_mobile
        {
          position: relative;
          top:20px;
        }
        .add_to_cart
        {
          background: #000;
           width: 163px;
           color: yellow;
           padding: 5px 4px 5px 10px;
          border-radius: 50px;
         margin: 10px auto;
        }
        .add_to_cart:hover
        {
          background: yellow;
          color:#000;
          cursor: pointer;
        }
        .add_to_cart:hover span i
        {
          background:#000;
          color:yellow;
        }
        .add_to_cart .add_to_cart_content
        {
          transition:all 0.5s;
        }
    
        .add_to_cart:hover .add_to_cart_content
        {
          margin-left:30px;
        }
        .add_to_cart span i
        {
          transition:all 0.5s;
        }
        .add_to_cart:hover span i 
        {
          margin-left:-257px;
        }
        .add_to_cart:hover span
        {
          margin-right:10px;
        }
        .add_to_cart span
        {
          display: inline-block;
          font-weight:bold;
          margin-right: 1px;
        }
        .add_to_cart span i
        {
          color: #000;
          background: yellow;
          width: 30px;
          height: 30px;
          text-align: center;
          line-height: 30px;
          margin-left: 18px;
          border-radius: 80px;
        }
        .item_header_content_mobile,
        .shop_now_mobile,
        .list_mobile_select
        {
          display:none;
        }

        .list_product_one
        {
          background:#fff;
          box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important;
          padding:40px 20px 40px 0px;
          display:flex;
        }

        .list_product_one h4 a
        {
          color:#333;
        }
        .list_product_one h4 a:hover
        {
          text-decoration:none;
        }
        .list_product_one span
        {
          display:block;
          color:#9E9E9E;
        }
        /*.list_product_one .price*/
        /*{*/
        /*  color:#f1f100;*/
        /*  font-weight:bold;*/
        /*}*/
    
        .list_product_one p
        {
          font-size:14px;
        }
        .list_product_one_content
        {
          margin-top:10px;
        }
        .list_product_one_content button
        {
          background:#fff;
          padding:8px 0px;
          width:150px;
          border-radius:50px;
          border:1px solid #333;
          transition:all 0.5s;
        }
        .list_product_one_content button:hover
        {
          background:#333;
          color:#fff;
          cursor: pointer;
        }
        .list_product_one_content
        {
          margin-top:29px;
        }
        .list_product_one_content .add_to_cart
        {
          margin:0;
          padding: 9px 4px 5px 15px;
          margin-left:10px;
        }
        .list_product_one_content .add_to_cart span i
        {
          margin-top: -3px;
        }
        .list_product_one_content .add_to_cart:hover span i 
        {
          margin-left:-110px;
        }
        .list_product_one_content .button_list
        {
          display:flex;
        }








@media(max-width:800px){
        
    .cart-mobile{
    right: 10px;
    bottom: 10px;
    background: #333!important;
    width: 50px;
    height: 50px;
    color: white!important;
    display: block!important;
    position: absolute;
    border-radius: 33px 0 0 0;
    font-size: 23px;
        padding: 7px 0px 0px 5px;}
    .cart-mobile  i{
        margin-left: 0!important;
    }
    .add_to_cart{
        display: none;
    }
         .products_content{
                min-width: 204px;
                max-width: 204px;

         }
            .item-product{
                width: 100%;
                margin: 0;}
            .item-product-container{
                justify-content: center!important;
            }
          .item_product_content .new
          {
            left:11px;
            top: 18px;

          }
          .item_product_content
          {
            margin:10px;
          }
          .item-product select,
          .item-product .view,.add_to_cart
          {
            display:none;
          }
          .item-product select
          {
            width:169px;
          }
          .item_header_content_mobile,
          .shop_now_mobile,
          .list_mobile_select
          {
            display:block;
          }
       
          .item_header_content,
          .shop_now
          {
            display:none;
          }
          .item_header_content_mobile
          {
            background:#fffec2;
            margin-top:-20px;
            padding:16px 17px;
            text-align:center;
            font-weight:bold;
          }
          .item_header_content_mobile h5,
          .item_header_content_mobile h3
          {
            font-weight:bold;
          }
          .item_header_content_mobile p
          {
            display:none;
          }
          .item_product_content:hover .img_product
          {
            width:180px;
            height:180px;
          }
          .item_product_content
          {
        height:max-content;
          }
          .item_product_content:hover .add_to_cart,
          .item_product_content:hover button
          {
            display:none;
          }
          .item_product_content button,
          .item_product_content .add_to_cart
          {
            margin:10px auto 0px auto;
            display:none;
          }
    .cart-mobile i{
        display: inline-block!important;
    }
          .shop_now_mobile
          {
            background:#2a2a2a;
            padding:15px 20px;
          }
          .shop_now_mobile a
          {
            color:yellow;
            
          }
          .shop_now_mobile i
          {
            background:yellow;
            color:#333;
            width:30px;
            height:30px;
            line-height:30px;
            text-align: center;
            border-radius:50px;
            margin-top:-2px;
          }
          .list_mobile_select
          {
                height: 50px;
                margin-top:20px;
          }
          .list_mobile_select select
          {
            width:32.6%;
       
          }
        
          .list_mobile_select select
          {
           
                height: 38px;
                line-height: 38px;
                background: #fff;
                border: none;
                width: 31.9%;
                font-size: 16px;
                font-weight: 500;
                padding-left: 14px;
         }
         .list_product_one p
         {
           display:none;
         }
         .list_product_one_content
         {
           flex-grow:2;
         }
         .list_product_one_content h4
         {
           font-size:20px;
           font-weight:bold;
           line-height:23px;
         }
         /*.list_product_one_content .price*/
         /*{*/
         /*  font-size:15px;*/
         /*}*/
         .list_product_img
         {
           flex-shrink:2;
         }
     .list_product_one_content .button_list
         {
           display:none;
}
             .sidebar-item
          {
            display:none;
      }
            #sidebar-left{
                display: none;
                }
            
          
            #discover{
                display: none;
            }
            


}

@media(max-width:540px){


.products_content{
    min-width: 192px;
    max-width: 192px;
    margin: -6px;
    padding: 0.5px
    }


}
    /*---------- end product -----------*/


        /*--------------- modal ----------*/
        .modal
        {
          z-index:999999999999;
        }
        .owl-dot span
        {
          height:20px;
          width:20px;
          background:red;
        }
        .menu .nav-item .nav-link
        {
          color:#fff;
        }
        .modal .nav-link
        {
          color:#fff;
        }
        .modal_navigation
        {
          background:#d4db0c;
          width: 46px;
          height: 97px;
          border-radius: 50px;
          text-align: center;
          padding-top: 2px;
          position: relative;
          top: -250px;
          right: 101px;
          z-index: 999;
        }
        .modal_navigation i
        {
          display:block;
          margin-top:20px;
          cursor: pointer;
        }
        .modal-body
        {
          padding:0;
        }
        .modal-content
        {
          margin:auto;
        }
        .modal-content .item
        {
          background:#fff;
        }
        .modal-content .item img
        {
          margin-top:90px;
          background:#fff;
        }
        .modal_second
        {
          background:#333;
          padding:80px;
        }
        .modal_second_header h3{
          color:#fff;
        }
        .modal_second_header h5{
          color:yellow;
          font-weight:bold;
        }
        .modal_second_header h6
        {
          color:yellow;
        }

        .modal_second_header p
        {
          color:#fff;
          font-size:13px;
        }
        .modal_second_header .subtitle
        {
          color:#999;
          font-size:13px;
          margin-bottom:20px;
        }
        .tab_modal a
        {
          font-size:14px;
        }
        .tab_modal .specs
        {
          color:#fff;
          border-bottom:1px solid yellow;
        }
        .tab_modal .details
        {
          color:#b0b0b0;
        }
        .details_paragraph p
        {
          display:none;
        }
        .specs_paragraph ul li
        {
          font-size:14px;
        }
        .tab_modal .tab_link a:not(:first-child)
        {
          margin-left:10px;
        }
        /*.price h5*/
        /*{*/
        /*  color:#999;*/
        /*  font-size:13px;*/
        /*    font-weight: 600;*/
        /*}*/
        /*.price h3*/
        /*{*/
        /*  color:yellow;*/
        /*  font-weight:600;*/
        /*    display: inline;*/
        /*    margin-right: 3px;*/
        /*}*/
        .modal_second_header .discount{
            text-decoration: line-through;
            display: inline;
            color: #ffadad;
        }
                .add_item_cart
        {
          background:yellow;
         width: 204px;
         color: #000;
         padding: 10px 4px 10px 20px;
         border-radius: 50px;
         margin-top: 20px;
        }
        .add_item_cart:hover
        {
          background: yellow;
          color:#000;
          cursor: pointer;
        }
        .add_item_cart:hover span i
        {
          background:#000;
          color:yellow;
        }
        .add_item_cart .add_item_cart_content
        {
          transition:all 0.5s;
        }
    
        .add_item_cart:hover .add_item_cart_content
        {
          margin-left:30px;
        }
        .add_item_cart span i
        {
          transition:all 0.5s;
        }
        .add_item_cart:hover span i 
        {
          margin-left:-178px;
        }
        .add_item_cart span
        {
          display: inline-block;
          font-weight:bold;
        }
        .add_item_cart span i
        {
          color: yellow;
          background: #000;
          width: 30px;
          height: 30px;
          text-align: center;
          line-height: 30px;
          margin-left: 10px;
          border-radius: 80px;
        }
        .favorite i
        {
          font-size:22px;
          background:#fff;
          color:#333;
          width:45px;
          height:45px;
          line-height:45px;
          text-align:center;
          border-radius:50%;
          margin-top: 22px;
          margin-left: 20px;
        }
        @media(max-width:1100px)
        {
          .modal_navigation
          {
            display:none;
          }
        }
        @media(max-width:552px)
        {
             #discover{
                display: none;
            }
          .modal_second
          {
            padding:20px;
            margin:0px 15px;  
          }
        }
        @media (min-width: 576px)
        {
         .modal-dialog
         {
           max-width:1000px;
         }
        }
        /*-------------- end modal ---------*/

        /*--------------- popular item -------*/
        .page_item .popular_item
        {
          background:#fff;
        }
        /*-------------- end popular item -----*/



/*Proudact Page Style*/


.proudact-content-page{
    background: #fff;
}
.proudact-content{
        padding-top: 150px;
}


.proudact-content .proudact-img{
    padding-top: 119px;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}




.proudact-img .carousel{
    position:staticl
}
.proudact-img .carousel-fade .carousel-item{
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(.22,.68,0,1.71);
}

#product-img{
    position: static;
    margin-right: 6%;

}
#product-img ol{

    position: static;
    margin-top: 6.5rem;

}
#product-img .carousel-indicators li.active{
    background: #a2b456!important;
    opacity: 1;
}
#product-img .carousel-indicators li{
  opacity: 0.31;
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 0.625rem;
    height: 0.625rem;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
background: #000!important;
    border: 0;
    border-radius: 50%;
    -webkit-border-radius:50%
    -o-border-radius:50%;
    -moz-border-radius:50%;

}



.proudact-content .product-info{
    padding-left: 8%;
    padding-right: 0;
}
.proudact-content h1{
  width: 100%;
  height: 44px;
  font-family: Montserrat;
  font-size: 2.25rem;

  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 2.4px;
  color: var(--main-color);
}
.proudact-content .subtitle {
  width: 348px;
  height: 18px;
  opacity: 0.6;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.93px;
  color: #000000;
}

.proudact-content .seller{
    padding-top: 30px;
    padding-bottom: 30px;
}
.proudact-content p{
 display: inline;
  width: 56px;
  height: 18px;
  opacity: 0.6;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.93px;
  color: #000000;
}


/*RAting CSS*/

.proudact-content .rating{
    padding-bottom: 30px;
}
.star-rating {
    direction: rtl;
    display: inline-block;
    padding: 0px 5px;
}

.star-rating input[type=radio] {
    display: none
}

.star-rating label {
    color: #bbb;
    font-size: 16px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.star-rating label:hover,
.star-rating label:hover ~ label,
.star-rating input[type=radio]:checked ~ label {
    color: #e25a5a
}
/*END OF RATING CSS*/

.proudact-content .seller img{
    display: inline;
    width: 98px
}



/*TABS*/
.tabs{
        padding-top: 30px;
        padding-bottom: 30px;

}
.tabs ul{
    border-bottom: solid 1px #000000;
}
.tab-content{
    padding-top: 30px;
}
.tab-content >div li{
  width: 100%;
  margin-bottom: 15px;
  font-family: Montserrat;
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--main-color);
}
.tabs ul li a{
  height: 46px;

  opacity: 0.5;
    margin-right: 0!important;
    display: flex;
justify-content: center;
    align-items: center;
}

.tabs ul li a.active {
  opacity: 1;
  height: 46px;
  background: var(--main-color); 
  margin-right:0!important;
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
  letter-spacing: normal;
  color: #f8ff24!important;
}



/*QUantity*/

.quantity{
    margin-bottom: 30px;
}
.quantity p{
    margin-right: 20px;
}

.input-number,
.input-number-decrement,
.input-number-increment {
    
    border: 1px solid #ccc;
    height: 37px;
    user-select: none;
    margin-left: -17px;
    z-index: 0;
    background: #fff0;
}

.input-number {
    width: 70px;
    padding: 0 12px;
    vertical-align: top;
    text-align: center;
    outline: none;
    border-right: none; 
    border-left: none;
}

.input-number-decrement,
.input-number-increment {
    width: 37px;
    height: 37px;
    display: inline-block;
    line-height: 34px;
    color: #444;
    text-align: center;
  
    cursor: pointer;
    border-radius: 50%;
}
.input-number-decrement:active,
.input-number-increment:active {
  background: #ddd;
}





.input-number-decrement,.input-number-increment {
    width: 37px;
    height: 37px;
}

/*Price*/
/*.price{*/
/*    margin-bottom: 30px;*/
/*    position: relative;*/
/*}*/
/*.price span{*/
/*    position: absolute;*/
/*    top: -15px;*/
/*      font-family: Montserrat;*/
/*      font-size: 36px;*/
    
/*      font-stretch: normal;*/
/*      font-style: normal;*/
/*      margin-left: 30px;*/
/*      letter-spacing: normal;*/
/*      color: #000000;*/
/*}*/


/*ACTION BUTTONS*/
.action-buttons{
    margin-bottom: 46px;
}
.action-buttons >a{
 font-family: Montserrat;
  display: inline-block;
  height: 51px;
  border-radius: 27.5px;
  box-shadow: 0 2px 7px 0 rgba(120, 137, 149, 0.26);
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  line-height: 51px;
  font-size: 18px;
    margin-bottom: 10px
}
.action-buttons >a:hover{
    text-decoration: none;
}
.action-buttons .buy-button{

    background-color: var(--main-color);
    color: #f8ff24;
    margin-right: 10px;
}

.action-buttons .addtocart-button{
    color: #000000;
    background: #fff0;
      border: solid 1px #000000;

}





/*MEDIA QUERY*/
@media (max-width:992px){
    .proudact-content .proudact-img {
   padding-right: 15px;
    padding-left: 15px;
}
    .proudact-content .product-info{
    padding-left: 15px;
    }
    #product-img{
        margin-right: auto;
    }
    .tabs ul li a,.tabs ul li a.active{

        height: 64px!important;
}
    
}
    /* bought-together*/
    
    .bought-together-container,.similar-items{
    background: #f9f9f9;
    padding-top: 100px;
        position: relative;

    }
.bought-together-container .popular_item{
    background: #fff0;
    padding-bottom: 100px;
    padding-top: 2%;
}
.bought-together .bought-together-proudcts{
    background: #fff0!important;
    padding: 17px 0px;
    padding-right: 57px;
}

  

.bought-together-container .add_to_cart{
    width: 290px;
    height: 55px;
    align-items: center;
    justify-content: space-between;
    padding: 7px 4px 7px 10px;
    padding-left: 56px;
    box-shadow: 0 2px 7px 0 rgba(120, 137, 149, 0.26);
    position: absolute;
    right: 13%;
    bottom: 0;}
.cart-mobile,.cart-mobile i
{
    display: none;
}
.bought-together-container .add_to_cart .add_to_cart_content{

    font-size: 0.9rem;
    font-family: Montserrat;
    font-weight: 600;}
.bought-together-container .add_to_cart span{
    font-size: 27px;}

.bought-together-container .add_to_cart span i{
    color: #000;
    background: yellow;
    width: 47px;
    height: 47px;
    text-align: center;
    line-height: 47px;
    border-radius: 81px;
    padding-left: 6px;
}
.bought-together-container .add_to_cart:hover span i {
    margin-right: -1px;
    margin-left: -270px;
    background: #000!important;
    color: yellow!important;
}



.bought-together-container .line{

    height: 2px;
    border-radius: 4px;
    background-color: #000;
    position: absolute;
    right: 0;
    top: 21%;
    width: 85.59%;


}

.bought-together-proudcts .item{
    display: inline-block;
    width: 203px;
    height: max-content;
      box-shadow: 0 2px 10px 0 rgba(196, 196, 196, 0.5);
  background-color: #f9f9f9!important;
    margin-right: 4px;
        padding-bottom: 0;
margin-bottom: 20px;
}

.bought-together .bought-together-proudcts .item i{
    top: 15px;
}
.bought-together .bought-together-proudcts .item h4,.bought-together .bought-together-proudcts .item h5{
    font-size: 1rem;
}

.bought-together .bought-together-proudcts .item h5{
    padding-top: 20px;
}
.bought-together .col-md-6 ,.similar-items .col-md-6 ,.comments .container .col-md-6{
    z-index: 1;
}

.bought-together hr,.comments hr{
    background: #000;
}

  .section-title {
        
          font-family: Montserrat;
          font-size: 32px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.72;
          letter-spacing: 5px;
          color: var(--main-color);
        z-index: 1;

    }

.doteed-img{
    z-index: -1;
}

/**similar-items*/
.similar-items{
    background: #fff;
}
.similar-items .items{
    display: flex;

    flex-wrap: wrap;

}
.similar-items .items .item{
    background-color: #fff!important;
    width: 195px;
    padding-top: 60px;
    padding-bottom: 25px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.similar-items .items .item img{
    width: 80%;
    max-height: 156px;
}
.similar-items .items .item h4{
    text-align: center;
    position: static;
    font-weight: 400;
}
.similar-items .items .item h5{
    font-weight: bolder;
}
/****END OF similar items*/



/*START COMMENTS */
.comments {
    background: var(--background-color)
}
.comments .container{
    padding: 70px 0;
}
.comments .comment {
    margin: 0;
    margin-top: 50px;
}
.comment .comment-info,.comments .comment .comment-info h3,.comments .comment .comment-info img,.rate,.comment-date
{
    padding: 0;    
}

.comment .comment-info p{
    font-size: 1rem;
    margin-left: 8%;
      line-height: 1.5;

}
.comment .comment-info a{
    padding-top: 7px;
  
    text-decoration: underline;
    color: #000;
    margin-left: 8%;

}
.comments .comment .comment-info img{
    width: 72px;
    height: 72px;
    border-radius: 50%;
}
.comments .comment .comment-info h3{
display: inline-block;
 font-family: Montserrat;
  font-size: 1.3rem;
  font-weight: 500;
  color: #231f20;
margin-left: 15px;

 
}
.comment-info{
    display: flex;
    align-items: center;
}
.rate {
    float: left;
    height: 46px;
    display: flex;
    flex-wrap: nowrap;
    direction: rtl;

}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}

.rate > input:checked ~ label {
    color: #e25a5a;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #e25a5a;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #e25a5a;
}

.comment-date{
    text-align: right;
    display: inline-block;

}
.comment-text{
        margin-left: 97px;

}
/*END OF COMMENTS*/





@media (max-width:800px){
    
    .bought-together-proudcts .item,.similar-items .items .item{
width: 160px;
    margin: 17px 1px;    }
    .similar-items .items .item h5{
        text-align: center;
    }
    .bought-together-proudcts,.similar-items .items .item{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .similar-items .items{
        padding-right: 0;
    }
}



/*ACCOUNT PAGE STYLE START*/




/*Save Changes*/
.pop-up-container{
    position: fixed;
    top:0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: none;
}
.pop-up-container-background{
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pop-up-container .pop-up-box{
        position: absolute;
        top: 50%;
        margin-top: -50px;
        width: max-content;
        height: max-content;
        border-radius: 6px;
        background: #fff;
        z-index: 9999;
        opacity: 1;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        padding: 50px 20px 10px 30px;
}
.pop-up-container .pop-up-box .row{
    margin-top: 34px;
    display: flex;
    justify-content: center;
}
.pop-up-container .close-icon{
   position: absolute;
    display: inline;
    top: 20px;
    right: 20px;
    opacity: 0.4;
    padding:0!important;
    margin-right: 0!important;
}
.pop-up-container .close-icon img{
    width: 19px;
}

.pop-up-container .pop-up-box h1{
    font-size: 1.5rem;
  
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1b2125;
    margin-bottom: 20px;

}
.pop-up-container .pop-up-box p{

  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #525252;
}

.pop-up-container .pop-up-box a{

  border-radius: 27.5px;
    padding: 10px 0;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 10px;

}

 .save-button,.cencel-order-button,.send-review-button{
    background: #1a1a1a;
    color: #f8ff24;
    line-height: 1.5;
}
 .cancel-button,.keep-order-button,.skip-button{
  border: solid 1px #1a1a1a;
    color: #1a1a1a;
}

.send-review-button,.skip-button{
    display: block!important;
}
/*End POPUP*/


/*CENCEL ORDER*/
.cancel-order-div{
    display: none;
}
.cancel-order-div .pop-up-box{
    top: 20%;
}
.proudct-view .img{
    text-align: center;
    padding-right: 0;
}
.proudct-view .img img  
{width: 10rem;
}
.proudct-view .proudct-info h2
{       font-size: 1.3rem;
      
        margin: 0;

}
.proudct-view .proudct-info{
    padding-left: 0;
    padding-top: 4%;
}
.proudct-view .proudct-info p{
    font-size: 0.8rem;
}
/*.proudct-view .proudct-info .price{*/

/*    font-size: 1.7rem;*/
/*    color: #000;*/
/*}*/
/*END OF CENCEL ORDER*/



/*END OF RATE BOX*/







.myprofile-sidebar{
    box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    padding: 0;
    height: max-content;
    margin-bottom: 20px;

}
.myprofile-content{
    height: max-content;
    padding: 100px 0;
    display: flex;
    justify-content: center;
}
.myprofile-content .row{
    width: 100%;
}
/*account-details*/
.account-details{
      background: #1a1a1a;
    height: max-content;
    padding: 7px 0px;
    margin-bottom: 10%;
    width: 100%!important;
    margin-left: 0;


}

.profile-img img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
}
.account-details .col-lg-8{
    line-height: 1;
    padding: 0;
}
.account-details h3{
    font-size: 1.25rem;
    color: #ffffff;
    margin: 0;

}
.account-details span{
    font-size: 0.8rem;
    color: #ffffff;
    letter-spacing: 0.44px;
    font-weight: 300;
}

/*END OF account-details*/



/*account-info*/

.account-info{
    padding: 6%;
}
.account-info h2{
  
    font-size: 1.125rem;
    margin-left: 20px;
    color: #1b2125;
    line-height: 1;
    width: 100%;
    letter-spacing: 0;

}
.account-info form{
    margin-bottom: 20px;
}


.account-info form >p,.Currancy p{
    font-size: 0.9rem;
    color: #000000;
    opacity: 0.4;
    margin: 0;
}
/*PHONE NUMBER SCRIPT EDIT*/

.iti__flag {background-image: url("../img/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("../img/flags@2x.png");}
}

.iti{
    width: 100%;
        margin-bottom: 10%;

}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container{
    left: auto;
    right: 0;
}
.iti input, .iti input[type=tel], .iti input[type=text]{
    padding: 0;
    padding-left:5px;
}
/*END OF PHONE NUMBER SCRIPT EDIT*/


.Currancy span{
    color: #000000;
    font-weight: 500;
    font-size: 0.8rem;
    letter-spacing: 2px;
}
.edit-info{
    font-weight: 600;
    color: #1a1a1a;
    font-size: 1rem;
    border-radius: 27.5px;
    border: solid 1px #1a1a1a;
    text-align: center;
    line-height: 1;
    padding: 17px 55px;
    margin: 55px 0;
    cursor: pointer;
}

.account-info .save-button,.account-info .cancel-button,.skip-button,.send-review-button{

    border-radius: 27.5px;
    padding: 10px 0;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 10px;
    cursor: pointer;
    display: none;
}


/*END OF account-info*/


/*START myprofile-proudect */

.myprofile-proudect{ transition: opacity 0.5s ease-in-out 0s;
}


.proudect-content{
    width: 100%;
    height: max-content;
    border-radius: 3px;
    box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 30px 6px 30px 32px;
    margin-left: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 7px;

}

.proudect-content .p-img{
    max-width: 160px;
    max-height: 120px;
        ;}
.proudect-content .col-lg-6 h2{
    color: #1b2125;
    font-size: 1.125rem;
  

}
.proudect-content .col-lg-6 >p{
    font-size: 0.875rem;
    opacity: 0.6;
    color: #000;
    letter-spacing: 0.93px;
   
}
.proudect-content .seller p,.proudect-content .seller img {
    display: inline;
}
.proudect-content .seller img{
    width: 98px;
}



/*THIRD PART*/
.status-part{
    text-align: right;
}
.status-part .status{
    margin-bottom: 14px;
}
.status-part .status p{
    display: inline;
    letter-spacing: 0.93px;
}
.status-part .status span{
    letter-spacing: 0.93px;
}
.status-part .status .Pending{

    color: #816c45;
}

.status-part .status .paid{
        color: #3a9400;

}
.status-part .status .canceled{
        color: red;

}
/*.status-part .price{*/
/*    font-size:  1.5rem;*/
/*    color: #000;*/
/*    display: inline-block;*/
/*    margin-bottom: 20px;*/
/*}*/
.status-part .cancel-order{
    display: block;
    color: #e25a5a;
}

/*END myprofile-proudect */






/*MEDIA QUERY*/
@media(max-width:992px){
    .proudect-content{
        padding-left: 0;
    }
    .proudect-content >div{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .status-part{
        margin-left: 0;
    }
    .status-part div,.status-part p,.status-part a,.proudect-content  .proudect-info h2,.proudect-content .proudect-info p{
        width: 100%;
        text-align: center;
    }
}

@media(max-width:768px){
    
    .proudct-view .proudct-info{
        text-align: center;
        padding-right: 0;
    }
    .status-part{
        margin-left: 0;
    }
    .account-details>div{
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    margin-bottom: 10px;

}
    .account-details>div h3,.account-details>div span{
        width: 100%;
        text-align: center;
}

    .pop-up-container .pop-up-box .save-button{
        margin-bottom: 10px;
    }
    
    
    
}
@media(max-width:600px){
    .pop-up-container .pop-up-box {
        width: 90%;
        top: 35%;

    }
.cancel-order-div .pop-up-box {
        width: 90%;
        top: 25%;

    } 
}
/*ACCOUNT PAGE STYLE END*/

















/*CONTENT PAGE START*/
.page-content{
    height: max-content;
    padding-top: 120px;
    padding-bottom: 120px;
}

.page-content hr{
    background: #000;
    margin-bottom: 20px;
}


.page-content .content p{
    line-height: 3.44;
    font-weight: 500;
    margin-bottom: 30px;
    font-size: 0.9rem;
}
.page-content .content p span{
    color: #000;
  
    display: block;
}
/*CONTENT PAGE END*/
.a_update{
  padding:10px !important;
}
.navbar_tab a{
  text-decoration: none !important;
}
.navbar_tab a:hover {
    background: rgba(255, 255, 255, 0.2);
}
.search_btn:hover{
   background: rgba(255, 255, 255, 0.2)!important;
   color:#fff;
}
#technologie li,#clothing li,#home li,#alldepartement li{
  padding: 5px;
}