﻿  
  * {
    font-family: 'Poppins';
    }   
    .clear{
        clear:both;
    }
        h1,h2,h3,h4,h5,h6{
          font-family: 'Poppins';
    }
    
      article:hover .cz_post_image {
        background: #eee;
    }
    .akko_filter_nav_wrap_inner{
    padding-bottom: 200px;
    }

      .footer_icon{
      background: url('../image/css_spritesv2@4.png') no-repeat;
       background-size: 150px 65px;
    }
    .footer_icon_2{
      background: url('../image/css_spritesv2@4.png') no-repeat;
       background-size: 300px 130px;
    }
    .xcottons-widget-container{
        width:auto;
    }

    .footer_icon_social{
      width: 25px;
      height: 25px;
      margin-right: 15px;

    }
      .footer_icon_country{
      width: 25px;
      height: 25px;
      margin-left: 15px;
      display: inline-block;
      vertical-align: bottom;
      opacity: .5;

    }

  .footer_icon_en{
    opacity: 1;
  }
  .footer_icon_country:hover{
    opacity: 1;
  }
  
  .footer_icon_kr{
        background: url('../image/flag_kr.jpg') no-repeat;
        background-size: 100%;
        border-radius: 50%;
        overflow: hidden;

    }

    .footer_icon_pay{
      width: 30px;
      height: 30px;
      margin-left: 0px;
      display: inline-block;
      vertical-align: bottom;
      transform: scale(0.9,0.9);
    }
    .footer_icon_p1{
    background-position: 0px 0px ;
    }
     .footer_icon_p2{
    background-position: -30px 0px ;
    }
     .footer_icon_p3{
    background-position: -60px 0px ;
    }
     .footer_icon_p4{
    background-position: -90px 0px ;
    }
     .footer_icon_p5{
    background-position: -120px 0px ;
    }
     .footer_icon_p6{
    background-position: -150px 0px ;
    }

     .footer_icon_p7{
    background-position: -180px 0px ;
    }

     .footer_icon_p8{
    background-position: -210px 0px ;
    }
    
         .footer_icon_p9{
    background-position: -240px 0px ;
    width: 40px;
    }

    .footer_icon_facebook{
      background-position: 0px -40px ;
    }
      .footer_icon_discord{
      background-position: -25px -40px ;
    }
      .footer_icon_twitter{
      background-position: -50px -40px ;
    }
      .footer_icon_youtube{
      background-position: -75px -40px ;
    }
      .footer_icon_tiktok{
      background-position:-100px  -40px ;
    }
      .footer_icon_ins{
      background-position:-125px  -40px ;
    }


   .footer_icon_en{
          background-position: 0px -15px ;
      
    }

    .footer_icon_cn{
      background-position: -25px -15px ;
    }
 
   .footer_icon_vn{
      background-position: -50px -15px ;
    }

   .footer_icon_de{
      background-position: -75px -15px ;
    }

   .footer_icon_br{
      background-position: -100px -15px ;
    }
   .footer_icon_ag{
      background-position: -125px -15px ;
    }

    .woocommerce_cat .star-rating{
      font-family: 'star' !important;
      display: inline-block;
      float:none!important;
    }
      .woocommerce #coupon_code{
        min-width:200px;
    }
    
    .woocommerce table.shop_table th, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .tm-cart-edit-options,.showcoupon{
        font-weight: normal;
        font-family: 'Poppins';
    }
   
   .woocommerce div.product .woocommerce-tabs .panel{
       border:none!important;
   }
   .mwai-open-button{
        width:80px;
        height:80px;
        
    }
      .akko_product_title_wrap h4{
     font-family: 'Poppins' !important;


  }
  .akko_menu li{
      font-weight: normal;
  }
  .akko_menu li,  .akko_menu li a,.akko_nav_ul li b{
      font-family: 'Poppins-Regular';
  }
  .akko_nav_ul li b{
      font-weight: normal;
  }
  .page_footer{
  background: #444549;
  padding: 65px 0px 0px;
  }
  .footer_title{
  font-size: 14px; 
  font-family: 'Poppins-Regular'; 
  color: #fff;
  margin:0;
  }
  .footer_title_sep_holder{
  width: 100%;
  margin-top:3px;
  height: 5px;
  position: relative;
  display: block;
  min-width: 10%;
  text-align: center;
  }
  .sep_holder_45{
  width: 45%;
  }

  .sep_holder_50{
  width: 50%;
  }
  .sep_holder_60{
  width:60%;
  }
  .sep_holder_85{
  width: 85%;
  }
  .footer_title_sep_line{
  height: 1px;
  border-top: 1px solid #ebebeb;
  display: block;
  position: relative;
  width: 100%;

  }
  .footer_title_wrap a {
  font-size: 16px;
  color: #ffffff;
  line-height: 2rem;
  }
  .footer_col_5_1{
  width: 16%;
  float:left;
  margin:0 2%;
  }
  .footer_col_5_2{
  width: 36%;
  float:left;
  margin:0 2%;
  }
  .footer_link{
  margin:15px 0 15px;
  overflow: hidden;
  }
  .footer_link p,.footer_link a{
  color:#fff;
  font-family: 'Poppins';
  }
  .footer_link input{
  color:#fff;
  }
  .footer_link input::-webkit-input-placeholder{
  color:#999;
  }

  .footer_link li{
  list-style: none;
  }
  .footer-icon{
      display: flex;
       justify-content: left;
  }
  .footer_2{
    padding-top:20px;
    background: none;
  }
  .page_content {
    min-height: 300px;
    }
    .akko_cart_icon .cz_cart img{
      width: 120px!important;
      border:1px solid #ddd;
    }

  .woocommerce-Price-amount{
      text-decoration: none;
  }
  
  .payment_icon{
    margin-top:20px;
    text-align: right;
    }
  .payment_icon img{
    width: 30px;
    margin:0px;
    display: inline;
  }
  



  
@media ( min-width:1280px) { 
  .akko_menu{
    margin-right:160px;
    }
  }



  @media ( max-width:1280px) { 
  .akko_menu{
    margin-right:50px;
    }

    .social_icon{
      right:15px;
    }

  }


  @media ( max-width:1200px) { 
  .akko_menu{
    float:right;
    margin-right:20px;
    }

       .akko_menu li {
        margin-left: 10px;
        font-size: 16px;
        padding: 19px 10px;
    }



  }


  @media ( max-width:1100px) { 
  .akko_menu{
    float:right;
    margin-right:0px;
    }

    .akko_menu li{
      margin-left:5px;
    }
  
}

    @media ( max-width:960px) { 

    .akko_nav_currency{
      display: none;
    }
  
}

  
  .foc_ajax_bg{
     width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    

  }
  .first_order_coupon{
      cursor: pointer;
  }
  .foc_ajax_pop{

  position: fixed;
    top: 50%;
    left: 50%;
    width: 500px;
    min-height: 300px;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    z-index: 999999;
    text-align: center;
  box-sizing: content-box;
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.5));
    padding: 15px 30px;
    color: #000;
    font-size: 16px;
    background-size: 50% 100%;
    background-repeat: no-repeat;
    background-image: radial-gradient(circle at 0 250px, rgba(255, 255, 224, 0) 0.4em, rgba(255, 255, 255, 0.89) 0.5em), radial-gradient(circle at 100% 250px, rgba(255, 255, 224, 0) 0.4em, rgba(255, 255, 255, 0.89) 0.5em);
    background-position: top left, top right;
    pointer-events: auto;
  }
  .foc_ajax_pop_top{
    padding:15px 60px;
  }
  .foc_ajax_pop_top h3{
    font-size: 18px;
    font-weight: bold;
  }
  .foc_ajax_pop p{
    font-size: 14px;
    padding:15px;
  }
  .foc_ajax_pop a{
    text-decoration: underline;
  }
  .foc_ajax_pop_ticket{
  width:230px;
  height:74px;
  margin:5px auto;  
  border: 2px dashed #ccd;
  color:#6F5CAE;
  display: flex;
  background: rgba(255,255,255,0.9);
  justify-content: space-between;
  line-height: 74px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
    position: relative;
  }
  .foc_ticket_count{
    width:168px;

  }
  
  .foc_ajax_pop_top{
    position: relative;
    height: 200px;
    border-bottom: 2px dashed #fff;
  }
 

 .foc_ajax_pop_ticket::before {
            content: "";
            position: absolute;
            top: 0px;
            bottom: 0px;
            left: 68px;
            width: 12px;
            transform: translateX(-50%);
            background-image: radial-gradient(circle, #ddd 3px, transparent 3px),
                             radial-gradient(circle, #eee 3px, transparent 3px);
            background-size: 10px 20px;
            background-position: 0 0, 0 10px;
            background-repeat: repeat-y;
            z-index: 3;
        }
        

  .foc_ticket_logo{
    width: 70px;
    height: 74px;
    background: #6F5CAE url('../image/mini_logo_w.png');
    background-position: 7px 12px;
    background-size: 50px;
    background-repeat: no-repeat;
  }
 
  .foc_close{
    width: 25px;
      height: 25px;
      background: url('../image/i_sprites.png');
      background-position: 0px 0px;
      background-size: 100px;
      position: absolute;
      right: -15px;
      top: 0px;
      display: block;
      content: '';
      cursor: pointer;
      z-index: 99;
  }
  .foc_info{
    padding:15px;
  }
  .foc_info p{
    padding:0!important;
    margin:0!important;
  }

  .foc_input{
    display: flex;
    padding:15px 80px;
  }
  .foc_input input{
    height:40px;
    line-height: 40px;
    padding:5px 15px;
  
    display: block;
    border-radius: 5px;
    background: rgba(0,0,0,0.05);
    border:1px solid #ddd;
      box-sizing: border-box;
  }

  .foc_btn{
    height:40px;
    width: 100px;
    line-height: 30px;
    padding:5px 15px;
    color:#fff;
    background:#6F5CAE ;
    margin-left:15px;
    border-radius: 5px;
    cursor: pointer;
    box-sizing: border-box;
  }

    .foc_btn:disabled{
      background: #666;
    }

  @media screen and (max-width:768px) {
      .swiper-pagination-bullet{
          width: 40px;
      }
    .footer-icon{
        justify-content: center;
    }
  .footer_link{
  margin:5px 0 15px;
  }

  .footer_col_5_1{
  width: 45%;
  margin-left:5%;
  margin-right: 0;
  text-align: left;
  float: left;
  
  }

  .footer_col_5_2{
  width: 95%;
  margin-left:5%;
  text-align: left;
  float: none;

  }
  .footer_title_sep_line{
  width: 140px;
  margin:0 auto;
  display: block;
  }

    .footer_title{
  font-size: 16px; 

  margin-bottom:15px;
  }
  .footer_col_5_2 .footer_title{
    margin-top:20px;
  }
  .footer_title_sep_holder{
    width: 100%!important;
    display: none;
  }
  .footer_xs_cl{
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 14px;
  }
    .payment_icon{
    margin-top:10px;
    text-align: center;
    }
    .clear-xs{
      clear:both;
    }
    .akko_product_wrap{
           padding-top:20px!important;
    }
    .akko_filter_nav{
      top:140px;
    }
    .foc_ajax_pop{
       width: calc(95% - 50px);  
    }
    .foc_ajax_pop_top{
        padding:15px ;
    }
    .foc_input{
        padding: 15px 30px;
    }
   
    
  }


