/* tabs
---------------------------------------- */
.tablinks{text-align: center;//float: center;}
.contet{//max-width:960px;}
ul.tab2 {
    list-style-type: none;
    margin: 0;
	padding: 0px;
    overflow: hidden;
    border-bottom: 3px solid #333;	
	//text-align: center;
	
	
}

/* Float the list items side by side */
ul.tab2 li {//float: left;display: inline-block;margin: 5px;}

/* Style the links inside the list items */
ul.tab2 li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 16px;
	color:#fff;
	background: #111111;
	background-size: 200% auto;
	border-top-left-radius: 10px;border-top-right-radius: 10px;
}

/* Change background color of links on hover */
ul.tab2 li a:hover {
    background: #ff5723;color:#fff;
	background-position: right center; /* change the direction of the change here */
}

/* Create an active/current tablink class */
ul.tab2 li a:focus, .active {
    //color:#fff;
	
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 12px 0px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* buy
---------------------------------------- */
strong{font-weight: 600;}
@-webkit-keyframes rotate {
  100% {
    transform: rotate(1turn);
  }
}

@keyframes rotate {
  100% {
    transform: rotate(1turn);
  }
}
.rainbow {
  position: relative;
  z-index: 0;
  //width: 400px;
  //height: 300px;
  border-radius: 10px;
  overflow: hidden;
  //padding: 2rem;
}
.rainbow::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  background-color: #399953;
  background-repeat: no-repeat;
  background-size: 50% 50%, 50% 50%;
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  background-image: linear-gradient(#399953, #399953), linear-gradient(#fbb300, #fbb300), linear-gradient(#d53e33, #d53e33), linear-gradient(#377af5, #377af5);
  -webkit-animation: rotate 4s linear infinite;
          animation: rotate 4s linear infinite;
}
.rainbow::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 6px;
  top: 6px;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  background: white;
  border-radius: 5px;
}

.orderalert{font-size: 12pt;padding: 10px;color: #fff;background: #AD0002;max-width: 940px;text-align: left;}
.orderbtn{background:url('images/order.png') no-repeat;background-color: #8ac342;color:#fff;font-size:12pt;font-weight:bold;padding-top:17px;padding-bottom:16px;padding-left:80px;padding-right:20px;border-radius:5px;text-transform:uppercase;text-shadow:1px 1px 0 rgba(0,0,0,.1);font-family:arial;}
.orderbtn:hover{background-color: #b2c342;color:#fff;}

.buytit{padding:10px;background-color: #d2f1ff;border:1px solid #fff;font-size:10pt;font-weight:bold;}
.buytxt{padding:10px;background-color: #e8f8ff;border:1px solid #fff;font-size:9pt;}

.buyprice{color:#333;font-weight:bold;font-size:18pt;//padding:10px;}
.buypriceold{color:#B70003;font-weight:bold;font-size:12pt;//padding:10px;text-decoration:line-through;}
.buypriceoff{color:#4BA207;font-weight:bold;font-size:18pt;//padding:10px;}

.buyprice2{color:#0162A0;font-weight:bold;font-size:40pt;background-color: #d2f1ff;padding:10px;}
.buypricetxt{color:#b70000;font-weight:bold;font-size:14pt;background-color: #d2f1ff;padding:10px;}
.buyedit{border:1px solid #fff;padding:10px;background-color: #bddbe8;}
.orderhere{background-color: #3972ad;color:#fff;padding:5px;font-weight:none;border-radius:5px;font-size:8pt;}
.orderhere:hover{color:#fff;background-color: #6ea5dd;}
.buyid{//background-color: #7ca0b0;padding:10px;color:#333;text-transform:uppercase;//text-shadow:1px 1px 0px #EBF2F5;font-size:16pt;}
.borderr{border-right:1px solid #fff;}
.preview{padding:10px;color:#fff;font-size:10pt;text-transform:uppercase;background-color: #8abbca;transition-duration:0.3s;border-radius:5px;}
.preview:hover{color:#fff;background-color: #282828;transition-duration:0.3s;}

.buyimg{padding:25px 10px 25px 10px;//border-bottom:1px dashed #ccc;background: url('images/bg_mesh.png');height: 400px;display: block;}
.soldoutimg{background: url('images/icon_soldoutribbon.png') no-repeat right;z-index:10;width:290px;height:97px;position:absolute;display:block;}
.activeimg{}
.hotimg{background:url('images/icon_hot.png') no-repeat right;z-index:10;width:290px;height:97px;position:absolute;display:block;}
.resimg{background:url('images/icon_res.png') no-repeat right;z-index:10;width:290px;height:97px;position:absolute;display:block;}
.newimg{background:url('images/icon_new.png') no-repeat right;z-index:10;width:290px;height:97px;position:absolute;display:block;}

.buybtn{//background:#53C900 url('images/shopping-cart.png') no-repeat center;color:#546dff;//border-radius:10px;display:inline-block;padding:5px 10px 5px 10px;transition-duration:0.3s;border:2px solid #546dff;font-size: 14pt;margin:5px;}
.buybtn:hover{background:#233eff;color:#fff;transition-duration:0.3s;}
.buybtnds{background:#ccc;color:#636363;//border-radius:10px;display:inline-block;padding:5px 10px 5px 10px;transition-duration:0.3s;border:2px solid #ccc;font-size: 14pt;cursor: not-allowed;margin:5px;}
.zoombtn{//background:#0085DB url('images/zoom-in.png') no-repeat center;color:#546dff;//border-radius:10px;display:inline-block;padding:5px 10px 5px 10px;transition-duration:0.3s;margin:5px;border:2px solid #546dff;font-size: 14pt;}
.zoombtn:hover{background:#233eff;color:#fff;transition-duration:0.3s;}
.buybox{display:inline-block;background:rgba(255,255,255,1.00);padding-bottom:10px;width:300px;vertical-align:top;border:1px solid #eee;border-bottom:2px solid #eee;border-top:2px solid #eee;min-height:400px;border-radius:5px;transition-duration:0.3s;margin:20px 10px;text-align:center;}
.buybox:hover{background:rgba(220,227,231,0.3);transition-duration:0.3s;border-bottom:2px solid #ff5723;border-top:2px solid #ff5723;box-shadow: #ccc 0px 0px 10px;//-webkit-transform: scale(1.1);
        //-ms-transform: scale(1.1);
        //transform: scale(1.1);}

.pricebox{border-bottom:1px dashed #ccc;min-height:80px;padding:10px;}
.pagenum{background:#3F9A00;color:#fff;padding:5px 10px 5px 10px;display:inline-block;border:1px solid #3F9A00;//font-family: Titillium Web;}
.pagenum:hover{background:#296400;color:#fff;}
.pagenumcur{padding:5px 10px 5px 10px;border:1px solid #3F9A00;color: #3F9A00;display:inline-block;}
.buyscreen{width: 250px;//height: 500px;//transition-duration:0.3s;height: auto;//top: 0px;
//position: absolute;
    transition: all 0.2s ease 0s;}
.tmpinfo{border-bottom:1px dashed #ccc;padding: 10px;padding-left: 30px;padding-right: 30px;max-height: 40px;letter-spacing: 1px;}
.tmpinfo:hover{background: rgba(255,255,255,0.5);transition-duration: 0.3s;}
.tmptick{color: #3f9a00;}
.tmpwrong{color: red;}
.tmpbox {
    //border-radius: 5px 5px 5px 5px;
    float: left;
    height: 350px;
	background: #fff; 
    margin-left: 5%;
    overflow: hidden;
    position: relative;
    width: 250px;
    border:2px solid #E3E3E3;
}
.buybox:hover .buyscreen
 { 
 animation: border-bounce 200000ms linear;	 
 -moz-animation: border-bounce 20000ms linear;
 -webkit-animation: border-bounce 20000ms linear;
 
 }
 @keyframes border-bounce {

 0%   { margin-top: -10px;  }
 50% { margin-top: -700px;  }
 }
 @-moz-keyframes border-bounce {

 0%   { margin-top: -10px;  }
 50% { margin-top: -700px;  }
 }
 @-webkit-keyframe border-bounce {

 0%   { margin-top: -10px;  }
 50% { margin-top: -700px;  }
 }

.orderstepbox{border:2px solid #546dff;background: rgba(84,109,255,0.1);padding: 10px;text-align: left;color:#546dff;margin-bottom: 10px;}
.orderstepico{color:#546dff;font-size: 20pt;float: left;padding-right: 20px;}
.ordersteptit{color: #333;display: inline-block;font-size:14pt;letter-spacing: 1px;font-weight: 600;}
.ordersteptxt{//color: #878787;display: block;font-size:14pt;letter-spacing: 1px;}
.grayscale{-webkit-filter: grayscale(100%);filter: grayscale(100%);border:2px solid #eee;background: rgba(255,255,255,0.5);}

.buystyle{background: #111;color: #fff;font-size: 12pt;letter-spacing: 2px;//padding: 0px 10px 10px 10px;text-transform: uppercase;padding:5px;}
.buybox:hover .buystyle{background: #546dff;}


.orderpaybox{letter-spacing: 1px;}
.orderpayboxtit{color: #fff;background: rgba(34,151,0,1.00);padding: 5px;min-width: 70px;display: inline-block;margin-right: 10px;}
.orderpayboxbr{background: #fff;border:1px  dashed #ccc;padding: 5px;}
.orderpayboxico{float: right;}
.orderpayboxicoimg{width: 64px;}
.orderpayboxbtn{padding: 5px 10px 5px 10px;color: #111;cursor: pointer;font-size: 10pt;display: inline-block;}
.orderpayboxcol{color: rgba(3,102,255,1.00);}
.orderpayboxwallet{font-size: 14pt;}

/* Details
---------------------------------------- */
.detailbox{background: #fff;padding: 10px;border: 1px solid #ccc;margin-bottom: 10px;}
.detailsprice{padding: 10px;font-size:16pt;font-weight: 800;}
.detailsprice2{color: #546dff;}
.detailstxt{font-size: 12pt;letter-spacing: 1px;margin-top: 20px;text-align: left;}
.detailsid{background: #546dff;color: #fff;font-size: 16pt;letter-spacing: 2px;text-transform: uppercase;padding:20px 10px 20px 10px;}
.detailsstyle{//color: #546dff;}
.detailsmore{font-size: 12pt;letter-spacing: 1px;}
.detailsinfobox{border: 1px solid #ccc;margin-bottom: 10px;}
.detailspic{border: 1px solid #ccc;}
.detailsbtn{background: #546dff;color: #fff;letter-spacing: 1px;text-transform: uppercase;transition-duration: 0.3s;padding: 10px;margin-top: 5px;display: inline-block;min-width: 153px;margin-bottom: 10px;}
.detailsbtn:hover{background: #233eff;color: #fff;}
.detailssocial{color: #fff;padding: 5px 20px 5px 20px;border-radius: 5px;}
.detailssocial:hover{color: #fff;}


/* Preview
---------------------------------------- */
.gallery {
            display: flex;
            flex-wrap: wrap;
        }
        .gallery img {
            width: 400px;
            height: 400px;
            object-fit: cover;
            margin: 15px;
            cursor: pointer;
			border: 1px solid #eee;
			transition-duration: 0.3s;
			object-position: top;
			border-radius: 10px;	
			
			
        }
	.gallery img:hover{border: 1px solid #546dff;transition-duration: 0.3s;}
        #lightbox {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);z-index: 100;
        }
        #lightbox img {
            display: block;
            max-width: 100%;
            max-height: 80%;
            margin: auto;
            margin-top: 1%;
			margin-bottom: 1%;
        }
#lightbox .previous-button, #lightbox .next-button {
  position: fixed;
  bottom: 50%;
}

#lightbox .previous-button {
  left: 30%;
}

#lightbox .next-button {
  right: 30%;
}
@media only screen and (max-width: 1024px)
  
{
	.gallery img {
            width: 100px;
            height: 100px;
		margin: 5px;
            			
        }
	#lightbox .previous-button {
  left: 10px;
}

#lightbox .next-button {
  right: 10px;
}
}

/* order
---------------------------------------- */
.orderdelivery{font-size:12pt;}
.orderdays{color:#fff;background:#17AB00;padding:2px 10px;margin-left:5px;margin-right:5px;font-size:12pt;display: inline-block;border-radius: 10px;font-weight: 600;}
.orderdays2{font-size:12pt;}
.orderprice{//font-size:20pt;color:#546dff;background:none;border:0;font-weight: 600;}
.orderoff{font-size:20pt;color:#333;background:none;border:0;}
.orderpname{}
.orderinfo{display: none;transition-duration:0.3s;max-width: 100%;}
.orderinfoico{cursor:pointer;}
.orderinfoico:hover + .orderinfo{display: block;color:#fff;background:rgba(0,63,192,0.90);padding:10px;transition-duration:0.3s;position:absolute;border-radius:5px;font-size: 9pt;}
.orderidbox{background:#fff;border:2px dashed #74B0E1;padding:10px;}
.orderboxtxt{font-size:12pt;text-transform:none;}
.orderid{color:#fff;background:#99CB00;padding:10px;text-shadow:#6E9003 1px 1px 0px;}
.orderidrep{color:#D75C00;padding-right:10px;}
.orderreplog{float:right;}
.orderfailed{color:#fff;font-family:Titillium Web;//max-width:960px;font-size:12pt;text-align:left;letter-spacing: 1px;}
.orderdone{//color:#1AA200;font-family:Titillium Web;//max-width:960px;font-size:12pt;text-align:left;letter-spacing: 1px;}

/* status
---------------------------------------- */
.wtxt{color: #fff;}
.statusbg{max-width: 500px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}
.statustop{//max-width:940px;padding:10px;border:1px solid #eee;min-height:30px;text-align: left;font-size: 12pt;//letter-spacing: 2px;margin-top: 10px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */}


/* swiper slider
---------------------------------------- */
.swiper {
        width: 100%;
        height: 100%;
	
      }

      .swiper-slide {
        text-align: center;
        //font-size: 18px;
        //background: #fff;
		 
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        //height: 100%;
        object-fit: cover;
      }
/* ads
---------------------------------------- */
.adsbg{background: #f6f7ff;}
.adsborders{background: #eee;color: #fff;padding: 10px;margin-bottom: 10px;font-size: 12pt;letter-spacing: 1px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c608c3+0,c608c3+100&0+0,1+50,0+100 */
background: -moz-linear-gradient(left,  rgba(84,109,255,0) 0%, rgba(84,109,255,1) 50%, rgba(84,109,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(84,109,255,0) 0%,rgba(84,109,255,1) 50%,rgba(84,109,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(84,109,255,0) 0%,rgba(84,109,255,1) 50%,rgba(84,109,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c608c3', endColorstr='#00c608c3',GradientType=1 ); /* IE6-9 */

}
.ads{padding:5px;text-align:center;transition-duration:0.3s;max-width: 100%;}

   #popup {
            display:none;
            position:fixed;
            margin:0 auto;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 9999;
	   background: rgba(0,0,0,0.6);
		   width: 100%;height: 100%;
	   
	   
    }
.popimg{margin-top: 100px;}
.popclose{border:3px solid #fff;padding: 10px 20px 10px 20px;color: #fff;text-transform: uppercase;font-size: 12pt;background: none;cursor: pointer;margin-top: 20px;letter-spacing: 2px;}
.popclose:hover{background: rgba(255,255,255,0.3);}


/* coupon show
---------------------------------------- */
.couponbar{display:block;//background:url('images/couponbg.jpg') left center no-repeat;//background-attachment:fixed;border:1px solid #ccc;color:#333;//background-size:cover;padding: 20px;//transition-duration: 0.3s;
background: -moz-linear-gradient(45deg, #02e1ba 0%, #26c9f2 29%, #d911f2 66%, #ffa079 100%);
    background: -webkit-linear-gradient(45deg, #02e1ba 0%,#26c9f2 29%,#d911f2 66%,#ffa079 100%);
    background: linear-gradient(45deg, #02e1ba 0%,#26c9f2 29%,#d911f2 66%,#ffa079 100%);
    background-size: 200% 200%;
    -webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
	/*min-height: calc(100vh - 2rem);*/
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: space-evenly;
	overflow: hidden;
	position: relative; 
}
.couponbar::before, 
.couponbar::after {
	content: "";
	width: 70vmax;
	height: 70vmax;
	position: absolute;
	background: rgba(255, 255, 255, 0.09);
	left: -20vmin;
	top: -20vmin;
	animation: morph 15s linear infinite alternate, spin 20s linear infinite;
	z-index: 1;
	will-change: border-radius, transform;
	transform-origin: 55% 55%;
	pointer-events: none; 
}
	
.couponbar::after {
    width: 70vmin;
    height: 70vmin;
    left: auto;
    right: -10vmin;
    top: auto;
    bottom: 0;
    animation: morph 10s linear infinite alternate, spin 26s linear infinite reverse;
    transform-origin: 20% 20%; 
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0 50%
	}
}

@keyframes morph {
  0% {
    border-radius: 40% 60% 60% 40% / 70% 30% 70% 30%; }
  100% {
    border-radius: 40% 60%; } 
}

@keyframes spin {
  to {
    transform: rotate(1turn); 
  } 
}
	.st0{display:none;}
	.st1{display:inline;}
	.st2{opacity:0.29;}
	.st3{fill:#FFFFFF;}
	.st4{clip-path:url(#SVGID_2_);fill:#FFFFFF;}
	.st5{clip-path:url(#SVGID_4_);}
	.st6{clip-path:url(#SVGID_6_);}
	.st7{clip-path:url(#SVGID_8_);}
	.st8{clip-path:url(#SVGID_10_);}
	.st9{fill:none;}
	.st10{clip-path:url(#SVGID_12_);}
	.st11{opacity:0.7;}
	.st12{clip-path:url(#SVGID_14_);}
	.st13{opacity:0.2;}
	.st14{clip-path:url(#SVGID_16_);}
	.st15{opacity:0.3;fill:#FFFFFF;enable-background:new    ;}

.couponh3{display:inline-block;font-size:24pt;color:#fff;text-transform:uppercase;padding-bottom:10px;}
.couponh2{display:inline-block;font-size:30pt;color:#fff;padding-left:50px;}
.couponoff{display:inline-block;font-size:30pt;color:#FFED00;background:rgba(0,0,0,0.7);padding:5px 20px 5px 50px;min-width:270px;}

.couponcontentl{display:inline-block;float:left;text-align:left;}
.couponcontentr{display:inline-block;text-align:left;padding-left:30px;text-shadow:#000 1px 1px 0px;}

.coupontit{color:#fff;font-size:12pt;}
.coupontxt{color: #FFF500;font-size:12pt;letter-spacing: 2px;}
.couponcount{color: #FFF500;font-size:12pt;letter-spacing: 2px;}
.coupon-row{
    display: flex;
    align-items: center;
    margin: 10px auto;
    width: fit-content;
	font-size:12pt;

}
#cpnCode{
    border: 1px dashed #fff;
    padding: 10px 20px;
    border-right: 0;
	
	color: #fff;

}
#cpnBtn{
    border: 1px solid #fff;
    background: #fff;
    padding: 10px 20px;
    color: #6666ff;
    cursor: pointer;
}
.couponbox2{//background:rgba(0,0,0,0.5);//border-radius:5px;//border:1px dashed #fff;padding:5px;display:inline-block;//margin:10px;}

/* Home
---------------------------------------- */
.hsearch{background:url('images/background1.jpg') no-repeat center;background-size:cover;}
.fpay{margin: 10px;width: 64px;}


/* Testimonials
---------------------------------------- */
.checked {color: orange;}
.snip1533 {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  color: #9e9e9e;
  display: inline-block;
  font-family: open sans;
  font-size: 16px;
  margin-bottom: 50px;
  //max-width: 310px;
  min-height: 250px;
  position: relative;
  text-align: center;
  width: 100%;
  background-color: #ffffff;
  border-radius: 5px;
  border-top: 5px solid #546dff;
}

.snip1533 *,
.snip1533 *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

.snip1533 figcaption {
  padding: 13% 10% 12%;
}

.snip1533 figcaption:before {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  color: #546dff;
  content: "\f10e";
  font-family: 'FontAwesome';
  font-size: 32px;
  font-style: normal;
  left: 50%;
  line-height: 60px;
  position: absolute;
  top: -30px;
  width: 60px;
}

.snip1533 h2 {
  color: #3c3c3c;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  margin: 10px 0 5px;
}

.snip1533 h4 {
  font-weight: 400;
  margin: 0;
  opacity: 0.5;
}

.snip1533 blockquote {
  font-style: italic;
  font-weight: 300;
  margin: 0 0 20px;
}

/* Template
---------------------------------------- */
.cat{color:#7A4B00;padding:10px;font-size:12pt;border-bottom:2px solid #E0AE00;display:block;margin-bottom:10px;text-shadow:#FFDE70 1px 1px 0px;border-radius:5px;letter-spacing: 1px;text-align: left;margin-top: 30px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
background: #fceabb; /* Old browsers */
background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
}
.unqthemebox{border:1px solid #c608c3;//border-top:3px solid #c608c3;border-bottom:3px solid #c608c3;background: rgba(255,255,255,0.3);margin-top: 10px;margin-bottom: 10px;padding: 20px;border-radius: 20px;text-align: left;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.unqthemeboxbl{letter-spacing: 2px;text-transform: uppercase;text-shadow: #fff 1px 1px 0px;}
.unqthemeboxblcol{color: #c608c3;}
.unqthemeboxbr{float: right;margin-top:-23px;}
.unqthemeboxbrbtn{background: #c608c3;color: #fff;border-radius: 50px;padding: 10px 20px 10px 20px;letter-spacing: 1px;font-size: 12pt;text-transform: uppercase;transition-duration: 0.3s;border:2px solid #fff;}
.unqthemeboxbrbtn:hover{background: #333;transition-duration: 0.3s;color: #fff;}

.catbtc{border:1px solid #7A4B00;color:#7A4B00;padding:5px;margin:5px;display: inline-block;}
.catbtc:hover{background:#7A4B00;color:#fff;transition-duration:0.3s;text-shadow:none;}

.catcurrent{border:1px solid #7A4B00;color:#fff;padding:5px;background:#7A4B00;text-shadow:none;display: inline-block;}
.catcurrent:hover{background:#7A4B00;color:#fff;transition-duration:0.3s;text-shadow:none;}

/* affiliate
---------------------------------------- */
.afftotal{color:#546dff;margin:5px;font-weight: 800;}
.afftextbox{min-height: 110px;font-size: 10pt;letter-spacing: 2px;width: 60%;padding: 10px;}
.afflinkbr{border:1px solid #546dff;background: #fff;}
.afflinktit{color: #fff;background: #546dff;padding: 10px;text-transform: uppercase;letter-spacing: 2px;}
.afflink{padding: 10px;color: #546dff;letter-spacing: 2px;}
.affborder{border-bottom: 1px dashed #c608c3;margin: 20px;}
.tbtit{background:#3F9A00;color:#fff;text-align:center;padding:10px;letter-spacing: 1px;font-size: 10pt;}
.tr{background:rgba(238,238,238,0.8);text-align:center;padding:10px;font-size: 10pt;letter-spacing: 1px;}	
.tr:hover{background:rgba(135,135,135,0.8);color:#fff;}
.tr:hover a{color: #fff;}
.affpaneltit{color: #333;padding: 10px 0px 10px 0px;text-align: left;//max-width: 97%;letter-spacing: 2px;font-size: 12pt;}
.affnorec{color: #3F9A00;background: rgba(63,154,0,0.1);border: 1px dashed #3F9A00;letter-spacing: 2px;padding: 5px 10px 5px 10px;text-align: left;font-size: 12pt;}
.afcm{text-align: left;padding: 10px;background: rgba(255,255,255,0.7);border:1px dashed #ccc;letter-spacing: 1px;}

.afflinkbox{background: rgba(255,255,255,0.7);padding: 10px;border: 1px dashed #ccc;margin-bottom: 20px;margin-top: 5px;font-size: 10pt;letter-spacing: 2px;}

/* UK banner home
---------------------------------------- */
.full-width-offer {
            background: linear-gradient(135deg, #0064FF 0%, #9d50bb 100%);
            color: white;
            width: 100%;
            overflow: hidden;
            position: relative;
        }
        
        .offer-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 50px 40px;
            display: flex;
            align-items: center;
            position: relative;
        }
        
        .logo-container {
            margin-right: 50px;
            animation: fadeInLeft 1s ease-out;
            flex-shrink: 0;
        }
        
        .logo {
            width: 300px;
            height: 300px;
            background-color: rgba(255,255,255,0.15);
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid rgba(255,255,255,0.2);
            transition: transform 0.5s ease, box-shadow 0.5s ease;
        }
        
        .logo:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.2);
        }
        
        .logo i {
            font-size: 60px;
            color: white;
        }
        
        .content-container {
            flex-grow: 1;
        }
        
        .text-content {
            margin-bottom: 20px;
        }
        
        .full-width-offer::before {
            content: "";
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 70%);
            animation: pulse2 6s infinite linear;
        }
        
        .main-text {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 15px;
            animation: fadeInUp 1s ease-out;
            line-height: 1.2;
        }
        
        .sub-text {
            font-size: 1.8rem;
            font-weight: 300;
            opacity: 0.9;
            animation: fadeInUp 1s ease-out 0.3s forwards;
            opacity: 0;
            line-height: 1.3;
        }
        
        .price-text {
            font-size: 3.5rem;
            font-weight: 800;
            color: #ffeb3b;
            text-shadow: 0 2px 5px rgba(0,0,0,0.2);
            margin: 20px 0;
            animation: bounceIn 1s ease-out 0.6s forwards;
            opacity: 0;
            display: inline-block;
        }
        
        .highlight {
            background-color: rgba(255,255,255,0.2);
            padding: 2px 12px;
            border-radius: 8px;
            transition: all 0.3s ease;
        }
        
        .highlight:hover {
            background-color: rgba(255,255,255,0.3);
        }
        
        .cta-button {
            font-weight: 700;
            border-radius: 50px;
            padding: 16px 40px;
            font-size: 1.3rem;
            box-shadow: 0 6px 20px rgba(0,0,0,0.15);
            transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
            position: relative;
            overflow: hidden;
            border: none;
            background: white;
            color: #6e48aa;
            animation: fadeInUp 1s ease-out 0.9s forwards;
            opacity: 0;
            display: inline-flex;
            align-items: center;
            white-space: nowrap;
        }
        
        .cta-button:hover {
            transform: translateY(-5px) scale(1.05);
            box-shadow: 0 12px 30px rgba(0,0,0,0.25);
            color: #6e48aa;
        }
        
        .cta-button::before {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
            transition: 0.5s;
        }
        
        .cta-button:hover::before {
            left: 100%;
        }
        
        .cta-button i {
            margin-left: 10px;
            transition: transform 0.3s ease;
        }
        
        .cta-button:hover i {
            transform: translateX(5px);
        }
        
        @keyframes fadeInUp {
            from {
                transform: translateY(20px);
                opacity: 0;
            }
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }
        
        @keyframes fadeInLeft {
            from {
                transform: translateX(-20px);
                opacity: 0;
            }
            to {
                transform: translateX(0);
                opacity: 1;
            }
        }
        
        @keyframes bounceIn {
            0% {
                transform: scale(0.8);
                opacity: 0;
            }
            50% {
                transform: scale(1.1);
                opacity: 1;
            }
            100% {
                transform: scale(1);
                opacity: 1;
            }
        }
        
        @keyframes pulse2 {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
        
        /* Responsive adjustments */
        @media (max-width: 992px) {
            .offer-container {
                padding: 40px 30px;
            }
            
            .logo {
                width: 100px;
                height: 100px;
            }
            
            .logo i {
                font-size: 50px;
            }
            
            .main-text {
                font-size: 2.5rem;
            }
            
            .sub-text {
                font-size: 1.5rem;
            }
            
            .price-text {
                font-size: 3rem;
            }
            
            .cta-button {
                padding: 14px 35px;
                font-size: 1.2rem;
            }
        }
        
        @media (max-width: 768px) {
            .offer-container {
                flex-direction: column;
                text-align: center;
                padding: 40px 20px;
            }
            
            .logo-container {
                margin-right: 0;
                margin-bottom: 30px;
            }
            
            .main-text {
                font-size: 2.2rem;
            }
            
            .sub-text {
                font-size: 1.3rem;
            }
            
            .price-text {
                font-size: 2.8rem;
            }
        }
        
        @media (max-width: 576px) {
            .main-text {
                font-size: 1.8rem;
            }
            
            .sub-text {
                font-size: 1.1rem;
            }
            
            .price-text {
                font-size: 2.2rem;
            }
            
            .logo {
                width: 80px;
                height: 80px;
            }
            
            .logo i {
                font-size: 40px;
            }
            
            .cta-button {
                padding: 12px 30px;
                font-size: 1.1rem;
            }
        }

/* Script
---------------------------------------- */
.bg-section{background:#f7f8fd url('images/page-header-bg.png') right center no-repeat;//background-size: cover;}

/* Mobile browser
---------------------------------------- */
@media only screen and (max-width: 1024px)
  
{
ul.tab2 li a {display: block;border-radius: 10px;}
	ul.tab2 li{ display: block;}
	.visiblebl{display: none;}
	.buybox{display:block;width: 100%;margin:0px;margin-bottom: 20px;}
	.hotimg{right:10%;}
	.newimg{right:10%;}
	.resimg{right:10%;}
	.soldoutimg{right:10%;}
	.buybox:hover{background:rgba(220,227,231,0.3);transition-duration:0.3s;border-bottom:2px solid #c608c3;border-top:2px solid #c608c3;-webkit-transform: none;-ms-transform: none;transform: none;}
	.buyscreen{width: 100%;//height: 500px;}
	.tmpbox{width: 90%;}
	.tmptick{margin-top: -25px;float:right;}
	.tmpwrong{margin-top: -25px;float:right;}
	.tmpsold{margin-top: -30px;float:right;}
	.orderpayboxicoimg{width: 32px;}
	.orderpayboxwallet{font-size: 12pt;word-break: break-all; /* optional */ }
	
	}