html,body{
    overflow-x: hidden;
}
body{
    background-color: #333333;
}
.border-gradient-section{
    padding-top: 80px;
}
section .ct-section-inner-wrap{
    max-width: 1750px;
}
.not-find-icon{
    width: 44px;
    height: 44px;
    background-size: cover;
    background-image: url(../img/not-find-icon.svg);
    display: inline-block;
    margin-right: 10px;
}
a.them-btn{
    background-color: #FFD264;
    color: #000;
    text-decoration: none;
    padding: 10px;
    display: inline-block;
    margin-top: 1em;
}
a.them-btn:hover{
    background-color: #B28A2E;
   
}
.ct-shortcode form .submit{
 position: relative;
}

.ct-shortcode form span.ajax-loader{
    position: absolute;
}
.view-by-year{

}
.view-by-year span{
    width: 20px;
    height: 20px;
    background-image: url(../img/products-icon.svg);
    background-size: cover;
    background-repeat: no-repeat;
    display: none;
}


header a.cur span{
    color: #ffd264;
    font-weight: 600!important;
}

/* home */
.index-banner .swiper-pagination {
    text-align: center;
    padding-right: 2%;
    color: #fff;
}
.index-banner .swiper-pagination span{
    width: 30px;
    height: 30px;
    background-color: #FFD264;
    opacity: 1;
}
.index-banner .swiper-pagination span.swiper-pagination-bullet-active{
   
    background-color: #B28A2E;
}
.index-banner .swiper-button-prev,.index-banner .swiper-button-next{
    width: 130px;
    padding-bottom: 10%;
    top: 50%;
    transform: translateY(-50%);
    background-size: cover;
    opacity: 0.9;
}
.index-banner .swiper-button-prev:after,.index-banner .swiper-button-next:after{
    display: none;
}
.index-banner .swiper-button-prev{
    
    background-image: url(../img/GoldMe-prev.svg);
}
.index-banner .swiper-button-next{
    background-image: url(../img/GoldMe-next.svg);
    
}

/* home */

/* contact us */
.contact-us-form{
    width: 100%;
}
.contact-us-form .item{
    display: block;
    width:  100%;
    margin-bottom: 10px;
}
.contact-us-form .item {
  
}
.contact-us-form .item span{
    width: 100%;
    display: block;
}
.contact-us-form .item label{
    width: 100%;
    display: block;
}
.contact-us-form .item input,.contact-us-form .item textarea{
    border-radius: 7px;
    width: 100%;
    max-height: 205px;
    display: block;
    padding-left: 10px;
    resize: none;
    overflow: hidden;
    border: none;
    line-height: 1.6;
}
.contact-us-form .submit{
    display: flex;
    align-items: flex-start;
    width: 100%;
    justify-content: flex-end;
}
.contact-us-form .submit input{
    background: #FFD264;
    border: #FFD264;
    padding: 10px 45px;
}
.contact-us-form + .wpcf7-response-output{
 color: #fff;
}
/* contact us end*/


/* product details*/
.product-details-additional-images {

}
.product-details-additional-images ul{

}
.product-details-additional-images li{

}
.gallery {

}
.gallery .swiper-container{
    width: 100%;
}
.gallery ul{
    padding: 0;
    margin: 0;
}
.gallery ul li{
    list-style: none;
    
}
.gallery ul li:hover{
    cursor: pointer;
}
.gallery .swiper-container{
    position: relative;
}
.gallery .swiper-container::after{
    content: '';
    position: absolute;
    background: url(../img/bg.png);
    right: 0;
    width: 116px;
    height: 100%;
    top: 0;
    z-index: 6;
}
.gallery ul li div{
    width: 100%;
    padding-bottom: 83.33%;
    display: block;
    background-size: cover;
    background-position: center;
}
.gallery .swiper-button-next,.gallery .swiper-button-prev{
    background-size: cover;
    background-position: center;
    width: 65px;
    height: 80px;
    z-index: 88;
}
.gallery .swiper-button-prev{
    background-image: url(../img/GoldMe-prev.svg);
 
}
.gallery .swiper-button-next{
    background-image: url(../img/GoldMe-next.svg);
   
  
}
.gallery .swiper-button-next::after,.gallery .swiper-button-prev::after{
    display: none;
}
.youlike-swiper{

}
.youlike-swiper::before,.youlike-swiper::after{
    content: '';
    width: 116px;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 888;
    top: 0;
    background: url(../img/bg2.png);
}
.youlike-swiper::before{
  
    transform:rotate(-180deg);
    -ms-transform:rotate(-180deg); 	/* IE 9 */
    -moz-transform:rotate(-180deg); 	/* Firefox */
    -webkit-transform:rotate(-180deg); /* Safari 和 Chrome */
    -o-transform:rotate(-180deg); 	/* Opera */
}
.youlike-swiper::after{right: 0;}
.youlike-swiper .swiper-wrapper{
    margin: 0;
    padding: 0;
}
.youlike-swiper .swiper-wrapper li{
    list-style: none;
    
}
.youlike-swiper .swiper-wrapper li a{
    display: block;
    width: 100%;
    padding-bottom: 77.45%;
    background-size: cover;
    background-position: center;

}
.youlike-swiper .swiper-button-prev::after,.youlike-swiper .swiper-button-next::after{
    display: none;
}
.youlike-swiper .swiper-button-prev,.youlike-swiper .swiper-button-next{
    background-size: cover;
    width: 59px;
    top: 50%;
    transform: translateY(-50%);
    padding-top: 5.25%;
    margin: 0;
    z-index: 8888;
}
.youlike-swiper .swiper-button-prev{
    background-image: url(../img/GoldMe-prev.svg);
}
.youlike-swiper .swiper-button-next{
    background-image: url(../img/GoldMe-next.svg);
}

/* product details end*/
.video-frame.layui-layer-iframe{
    overflow-y: initial;
    width: 90%;
    max-width: 1200px;
min-height: 800px;}
.video-frame .layui-layer-ico.layui-layer-close.layui-layer-close2 {

    background-position: center;
    background-image: url(../img/close.svg);
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.video-frame .layui-layer-ico.layui-layer-close.layui-layer-close2:hover {
    background-image: url(../img/close-them-color.svg);
}

/* list page */
.category-scroll{
    flex:1
}
.category-scroll .category-scroll-shortcode{
    width: 100%;
}
.category-scroll .category-scroll-shortcode a{
    display: inline-block;
    width: auto;
    color: #fff;
    margin:0 20px;
}
.category-scroll .category-scroll-shortcode a.cur{
    
/* font-weight: 800; */}

.category-scroll .category-scroll-shortcode a:hover{
    
text-decoration: underline;}
@media only screen and (max-width : 1600px) {}



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

@media only screen and (max-width : 1440px) {
    .ct-section>.ct-section-inner-wrap{
      padding-left:15px;
      padding-right: 15px;
    }
}

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


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


@media only screen and (max-width : 1200px) {
    .index-banner .swiper-button-prev, .index-banner .swiper-button-next{
        width: 72px;
        top:70%;
      
    }
    .youlike-swiper .swiper-button-prev,.youlike-swiper .swiper-button-next{
      
        padding-top: 8.25%;
       
    }
}

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

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

@media only screen and (max-width : 768px) {
      .youlike-swiper .swiper-button-prev,.youlike-swiper .swiper-button-next{
      
        padding-top: 13%;
       
    }
}

@media only screen and (max-width : 640px) {
    .index-banner .swiper-pagination span{
        width: 25px;
        height: 25px;
    }
    .index-banner .swiper-button-prev, .index-banner .swiper-button-next{
        width: 36px;
    }
    .view-by-year font{
        display: none;
    }
    .view-by-year span{
        display: inline-block;
    }
     .youlike-swiper .swiper-button-prev,.youlike-swiper .swiper-button-next{
      
        padding-top: 16%;
       
    }
}

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

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

@media only screen and (max-width : 375px) {
     .youlike-swiper .swiper-button-prev,.youlike-swiper .swiper-button-next{
      
        padding-top: 20%;
       
    }
}

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