@import url('font-awesome.min.css');

/*============================================*/	
/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
	
ul{ margin:0; padding:0;}

/* Clearfix*/
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;}

.clearfix:after {
	clear: both;}


select {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position-x: 98%;
        background-position-y: 50%;
        color: #000;}

/*============================================*/	

html, body.collections {
	position: relative; height: 100%; }

body.mobile-actived{ overflow: hidden;}


.sp-arrow.sp-next-arrow{ background: url(../images/slide-arrow.svg) no-repeat center; background-size: 100% auto; width: 20px; height: 82px; transform: rotate(0deg); right: -20px !important;}
.sp-arrow.sp-previous-arrow{ background: url(../images/slide-arrow.svg) no-repeat center; background-size: 100% auto; width: 20px; height: 82px; transform: rotate(180deg); left: -20px !important;}
.sp-arrow.sp-next-arrow:after,
.sp-arrow.sp-next-arrow:before,
.sp-arrow.sp-previous-arrow:after,
.sp-arrow.sp-previous-arrow:before{ content: none; }
/*============================================*/	
/* cart-btn */

/*=================1229 add side menu===========================*/
.sb-slidebar .item-wrapper .left-info{ display: flex; flex-wrap: wrap;}
.sb-slidebar .item-wrapper .left-info .p-thumb a{ display: block; width: 120px; height: auto;}
.sb-slidebar .item-wrapper .left-info .p-thumb a img{ width: 100%; height: auto;}
/*================end 1229 add side menu========================*/







.cart-btn-wrapper{ position: absolute; right: 0; top: 0; background-color: #ff0; z-index: 99999;}
.cart-btn-wrapper a{ color: #000; font-size: 24px; padding: 10px 20px 10px 20px; display: block;}

/*============================================*/	
/* main-menu */

header.main-nav{ width:15%; float:left; height:100%; }

.desktop-menu{ position:fixed; left:0; top:100px; z-index:1100; padding:10px 40px; }
.desktop-menu li{ margin:14px auto;}
.desktop-menu li a{ font-size:18px; color:#000; letter-spacing:0.1em; position:relative; text-transform:capitalize;}
.desktop-menu li a:after{ content:''; width: 0px; height:1px; display:block; background:#000; position:absolute; bottom:1px; left:0;}
.desktop-menu li a:hover:after{ width: 100%;}
.desktop-menu li.current a:after{ width: 100%;}
.desktop-menu li ul.follow-icon{ margin:0; padding:0; display:none; width:auto !important;}
.desktop-menu li ul li{ float:left; margin:10px;}

/*============================================*/	
/* mobile-menu */

#mobile-nav{
	display:none;
	background:#fff;
	position: relative;
	z-index:990;}
	
#mobile-nav ul{ list-style:none; padding:0; margin:0;}
	
#mobile-nav .mobile-btn{
	width:100%;
	height:54px;
	background:url(../images/logo.png) no-repeat center;
	background-size:50px auto;
	background-position:50% 0;
	cursor:pointer;
	color:#333;}
	
#mobile-nav .mobile-btn i{
	font-size:24px;
	line-height:50px;
	padding-left:20px;
	text-align:left;
	display:block;}


#mobile-nav .mobile-list > ul > li{
	padding:10px 20px;
	cursor:pointer;}
	
#mobile-nav .mobile-list ul li:hover a{
	color:#aaa;}
	
#mobile-nav .mobile-list ul li.current{
	background:#666;}

#mobile-nav .mobile-list ul li a{
	font-size:15px;
	text-decoration:none;
	letter-spacing:0.05em;
	font-weight: normal;
	color:#333;
	text-transform:capitalize;}
#mobile-nav .mobile-list ul li.current a{
	color:#fff;}
	

#mobile-nav li ul.follow-icon{ display: none;}
#mobile-nav li ul.follow-icon li{ float:left; margin:10px; padding:10px 16px;}


/*============================================*/	
/* collection-swiper */	

body.collections .collection-swiper {
	width: 100%; height: 100%; margin:0 auto; position:relative;}

.collection-swiper .swiper-slide{ display: inherit;}
.collection-swiper .swiper-slide .left,
.collection-swiper .swiper-slide .right{ float:left; width:30%; height:100%; display:inherit;}
.collection-swiper .swiper-slide .center{ float:left; width:40%; height:80%; text-align:center; margin: auto; display:table-cell; position:relative;}
.collection-swiper .swiper-slide .center > span{ font-size:16px; color:#666; display: none;}
.collection-swiper .swiper-slide .center > p{ position: absolute; top:30%; width:100%; font-size:32px; line-height:1.5em;}

.collection-swiper .swiper-slide .instant-buy{ position: absolute; bottom:40px; width:100%; z-index: 99999;}
.collection-swiper .swiper-slide .instant-buy p{ font-size:18px; margin:6px auto;}
.collection-swiper .swiper-slide .instant-buy a{ font-size:18px; color:#000; position:relative; z-index:10;}
.collection-swiper .swiper-slide .instant-buy a:before{ content:''; display:block; width:140px; height:1px; margin:auto; background:#000; position:relative; bottom:-10px;}
.collection-swiper .swiper-slide .instant-buy a:after{ content:''; display:block; width:80px; height:36px; margin:auto; background: #fff; position:relative; bottom:30px;}

.collection-swiper .swiper-slide .instant-buy .instant-form{ display:none; width:100% !important;}
.collection-swiper .swiper-slide .instant-buy select{ width:auto; height:30px; border:1px solid #333; padding:20px; border-radius:4px; font-size:14px; margin-bottom:10px;}
.collection-swiper .swiper-slide .instant-buy button{ padding:6px 20px; border:1px solid #333; background:#fff; border-radius:4px; font-size:16px; letter-spacing:0.05em; outline:none; }


.collection-swiper .swiper-slide .instant-buy select{ display: block; margin: 0 auto 20px;}
.collection-swiper .swiper-slide .instant-buy button:hover{ border:1px solid #999; color:#999;}




/*============================================*/	
/* collection-swiper 2020 1112 New Version */	

.swiper-slide.light-text p,
.swiper-slide.light-text a,
.swiper-slide.light-text span{ color: #fff !important; border-color: #fff !important;}
.collection-swiper .swiper-slide.light-text .instant-buy a:after,
.collection-swiper .swiper-slide.light-text .instant-buy a:before{ background: #fff !important;}

.swiper-slide.gray-text p,
.swiper-slide.gray-text a,
.swiper-slide.gray-text span{ color: #999 !important; border-color: #999 !important;}
.swiper-slide.gray-text .instant-buy a:after,
.swiper-slide.gray-text .instant-buy a:before{ background: #999 !important;}

.swiper-slide.dark-text p,
.swiper-slide.dark-text a,
.swiper-slide.dark-text span{ color: #000 !important; border-color: #000 !important;}
.collection-swiper .swiper-slide.dark-text .instant-buy a:after,
.collection-swiper .swiper-slide.dark-text .instant-buy a:before{ background: #000 !important;}



.swiper-slide.light-text .instant-buy a{color: #fff;}

.collection-swiper .swiper-slide .left{ width: 100%; position: absolute;}
.collection-swiper .swiper-slide .right{ display: none;}

.collection-swiper .swiper-slide .center{ position: relative;}

.collection-swiper .swiper-slide .instant-buy a{ width: 100%; max-width: 400px; text-align: center; display: block; position: relative; margin: 0 auto; padding: 20px 10px;}
.collection-swiper .swiper-slide .instant-buy a:after{content:''; display:block; width:30%; height:1px; margin:auto; background:#000; position: absolute; left: 0; top: 50%; bottom: auto;}
.collection-swiper .swiper-slide .instant-buy a:before{ content:''; display:block; width:30%; height:1px; margin:auto; background:#000; position: absolute; right: 0; top: 50%; bottom: auto;}

/*--country select--*/

.input-wrapper .select{ width: 100%; height: 40px; padding: 0 10px; border: none; border-bottom: 1px solid #000; font-size: 14px;}



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

.collection-swiper .swiper-slide .instant-buy a{ max-width: 300px;}

}/*--end 575--*/

/*==============================================*/	
/* end collection-swiper 2020 1112 New Version */	





/*============================================*/	
/* index */

.right-container{ width:85%; height:100%; float:left; background:#fff;}




/*============================================*/	
/* collections */

.list-wrapper{ padding-top:100px;}
.list-wrapper > .list-inner{ margin:0 20px;  width:40%;}
.list-wrapper > .list-inner ul{ padding:10px 0;}
.list-wrapper > .list-inner ul li{ margin:10px auto 20px;}
.list-wrapper > .list-inner ul li a{ color:#000; position:relative;}
.list-wrapper > .list-inner ul li a:after{ width:0; height:2px; background:#000; display:block; content:''; position:absolute;}
.list-wrapper > .list-inner ul li a:hover:after{ width:100%;}

/*============================================*/	
/* products */


#p-slider{ width:50% !important; float:left;}
.p-info{ width:50%; padding:0 5% 0 5%; float:left;}

.p-info h1{ font-size:32px; font-weight:normal; line-height:1.4em; margin:0 0 20px;}
.p-info > ul li{ margin:10px auto; font-size:14px; color:#666; line-height: 1.4em;}
.p-info .price{ margin:20px auto 20px;}
.p-info .price h2{ font-weight:normal; font-size:24px; display: inline; padding-right:16px;}
.p-info .price a.return-note,
.p-info a.size-guide{ text-decoration:underline; color:#999; font-size:12px;}
.p-info select{ font-size:14px; height:34px; width:260px; margin:0 20px 20px 0; display: inline-block; text-indent: 10px;}
.p-info .add-btn{ background:#000; font-size:14px; padding: 10px; width:260px; border:none; border-radius:4px; border:1px solid #000; color:#fff; margin: 10px 20px 0 0; display: inline-block; letter-spacing: 0.1em;}
.p-info a.addto-fav i{ border:1px solid #000; border-radius:50%; padding:10px; display:inline-block; vertical-align: middle; color:#000;}
.p-info .add-btn:hover,
.p-info a.addto-fav:hover i{ background:#000; color:#fff;}

.p-info .price a.return-note{ display:inline-block;}


.p-mobile-detail{ display: block;}
.p-detail-btn{  display: none; text-align: center; text-decoration: underline; font-size: 18px; color: #000; }

/*--p-description--*/
.p-description { width: 50%; padding: 40px 20px 60px;}
.p-description img {width: 100% auto;}
.p-description .related-items ul{ display: inline; display: block; margin: 0px 0 30px;}
.p-description .related-items ul li{ display: inline-block; width: 150px; margin: 0 10px;}
.p-description .related-items ul li img {width: 100%; height: auto;}
.p-description .related-items ul li span{ display: block; width: 100%; padding: 4px; text-align: center; background: #fff; color: #000; font-size: 14px; border: 1px solid #000;}
.p-description .related-items ul li a:hover span{ background:#000; color: #fff; }

/*============================================*/	
/* shop-list */

.brand-crumbs{ display: block; list-style: decimal; padding: 20px 0;}
.brand-crumbs li{ display: inline-block; }
.brand-crumbs li:after{ content: '\f105'; width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin: 0 4px; font-family: 'FontAwesome'; text-align: center;}
.brand-crumbs li:last-child:after{ content: none;}
.brand-crumbs li a,
.brand-crumbs li span{color: #333; line-height: 15px;  font-size: 15px; display: inline-block; vertical-align: middle;}
.brand-crumbs li a:hover{ color: #999;}


.list-wrapper.shop-list{ padding-bottom: 60px;}

.list-wrapper .list-top{ padding:10px 0 20px;}
.list-wrapper .list-top .top-select{ float:left; margin-right:20px;}
.list-wrapper .list-top .top-select p{ font-size:16px; margin:10px auto; text-transform:uppercase; letter-spacing:0.08em;}
.list-wrapper .list-top .top-select select{font-size:14px; height:34px; min-width: 100px; text-indent: 10px; width: auto;}

.list-wrapper .list-thumbs ul{ width:90%; max-width:1600px; display: flex; flex-wrap: wrap;}
.list-wrapper .list-thumbs ul li{ width:21%; margin:0 4% 1em 0; position:relative;}

.list-wrapper .list-thumbs ul li a.thumbs{ }
.list-wrapper .list-thumbs ul li a.add-fav{ position: absolute; z-index:100; right:10px; top:0px; opacity:0;}
.list-wrapper .list-thumbs ul li:hover a.add-fav{ top:10px; opacity:1;}
.list-wrapper .list-thumbs ul li a.add-fav i{ border:1px solid #666; border-radius:50%; padding:10px; display:inline-block; vertical-align: middle; color:#666;}
.list-wrapper .list-thumbs ul li a.add-fav:hover i{ background:#666; color:#fff;}
.list-wrapper .list-thumbs ul li a.thumbs img{ width:100%; height:auto;}
.list-wrapper .list-thumbs ul li a.thumbs:hover{ opacity:0.8;}

/*============================================*/	
/* about */
.about-bg{ background:url(../images/about-bg.jpg) no-repeat right bottom; background-size: 800px auto; width: 100%; height: 100%; position: fixed; z-index: -1; right: 0; bottom: 0;}
.right-container.about-container{ background: none;}
.about-white-bg{ background:rgba(255,255,255,0);}
.about-inner{ padding:0 20px 40px;}
.about-wrapper h1{ letter-spacing:0.08em; font-size:32px; font-weight:normal;}
.about-wrapper p{ margin:16px auto; color:#666; font-size:15px; line-height:1.8em;}

/*============================================*/	
/* contatc */
.contact-wrapper ul { width:80%; max-width:1200px; margin:80px 5%; text-align:center;}
.contact-wrapper ul li{ width:33.33%; margin:0 auto; float:left;}

.contact-wrapper ul li a img{ width:100%; height:auto;}
.contact-wrapper ul li a:hover img{ opacity:0;}
.contact-wrapper ul li a.contact-icon{ width:120px; height:90px; display:block; background:url(../images/envelope-hover.jpg) no-repeat center; background-size:100% auto; margin:0 auto;}
.contact-wrapper ul li p{ font-size:15px; color:#666; margin:60px auto 10px;}
.contact-wrapper ul li a.contact-link{ color:#000; font-size:14px; letter-spacing:0.06em; font-weight:bold; display: inline;}
.contact-wrapper ul li a.contact-link:hover{ color:#999;}

/*============================================*/	
/* stockist */
.stockist-wrapper{ width:90%; max-width:880px; }
.stockist-wrapper li{ margin:40px 20px; float:left;}
.stockist-wrapper li a.stockist-icon{ background:url(../images/stockist-icon.jpg) no-repeat center; width:180px; height:196px; display:block; background-size: cover; position:relative;}
.stockist-wrapper li a.stockist-icon span{ position:absolute; top:110px; text-align:center; width:100%; text-transform:uppercase; font-size:16px; color:#666;}
.stockist-wrapper li a.stockist-icon:hover span{text-decoration:underline;}

.stockist-info-wrapper .stockist-title{ width:30%; max-width:180px; float:left;}
.stockist-info-wrapper .stockist-title a{ background:url(../images/stockist-icon.jpg) no-repeat center; width:120px; height:130px; margin:0 auto; display:block; background-size: cover; position:relative;}
.stockist-info-wrapper .stockist-title a span{ position:absolute; top:70px; text-align:center; width:100%; text-transform:uppercase; font-size:16px; color:#666;}
.stockist-info-wrapper .stock-info{ width:70%; float:left; padding:0 20px;}
.stockist-info-wrapper .stock-info ul li{ margin-bottom:40px;}
.stockist-info-wrapper .stock-info h2{ font-weight:normal; color:#666; margin:0 0 8px;}
.stockist-info-wrapper .stock-info p{ margin:0 0 12px;}
.stockist-info-wrapper .stock-info p a,
.stockist-info-wrapper .stock-info span{ display:inline-block; color:#666; font-size:16px; line-height:1.4em;}
.stockist-info-wrapper .stock-info p a.link{ font-size:14px; letter-spacing:0.05em;}
.stockist-info-wrapper .stock-info p a.link:hover{ text-decoration:underline;}
.stockist-info-wrapper .stock-info p a.address{ font-size:16px;}

.stockist-info-wrapper .btn-wrapper{ max-width: 1200px;}
.stockist-info-wrapper .btn-wrapper a{ border: 1px solid #ccc; width: 200px; padding: 10px 0; display: block; text-align: center; margin: 0 auto; color: #666;}


/*============================================*/	
/* cart */
.cart-wrapper{ width: 90%; max-width: 1400px; padding: 40px 0 60px; margin: 0 auto;}
.cart-wrapper h2{ text-align: center; text-transform: uppercase; }
.cart-wrapper p{ text-align: center; }
.cart-wrapper p span{ padding: 0 6px; font-weight: bold; }
.cart-wrapper .order-list-wrapper{ width: 80%; margin:0 auto; }

.cart-wrapper .order-list-wrapper .item-list-wrapper > li { border-bottom: 1px solid #ccc; }
.cart-wrapper .order-list-wrapper ul li{ float: none; text-align: center; padding: 10px 6px; font-size: 14px;}
.cart-wrapper .order-list-wrapper ul li ul li{ float: left;}
.cart-wrapper .order-list-wrapper ul li img{ width: 100%; height: auto; max-width: 140px; }
.cart-wrapper .order-list-wrapper ul li.width10{ width: 10%; }
.cart-wrapper .order-list-wrapper ul li.width15{ width: 15%; }
.cart-wrapper .order-list-wrapper ul li.width35{ width: 35%; }
.cart-wrapper .order-list-wrapper ul li.width45{ width: 45%; }

.cart-wrapper .order-list-wrapper ul.item-title li{ text-transform: uppercase; color: #666; font-size: 14px; }

.cart-wrapper .order-list-wrapper ul.item-info li a{ color: #000; }
.cart-wrapper .order-list-wrapper ul.item-info li a.remove-btn{ background: url(../images/icon-close.svg) no-repeat center; background-size: 100% auto; width: 20px; height: 20px; margin:0 auto; display: block; opacity: 0.5; }
.cart-wrapper .order-list-wrapper ul.item-info li a.remove-btn:hover{ opacity: 1; }

.cart-wrapper .cart-total-wrapper{ width: 100%; max-width: 400px; margin: 20px 0 20px auto; }
.cart-wrapper .cart-total-wrapper ul li { float: none; text-align: left; }
.cart-wrapper .cart-total-wrapper ul li span{ display: inline; float: right;}

.cart-wrapper .btn-wrapper a{ padding: 10px 20px; background-color: none; color: #666; display: inline-block; letter-spacing: 0.02em; border: #666 1px solid; font-size: 14px;}
.cart-wrapper .btn-wrapper a.right-btn{float: right; background-color: #000; color: #fff;}
.cart-wrapper .btn-wrapper a:hover{ background-color: #333; color: #fff; }

/*============================================*/	
/* step01 */

.checkout-wrapper{ padding: 40px 0; max-width: 1400px; margin: 0 auto;}
.checkout-wrapper .steps-wrapper{ margin: 40px auto;  }
.checkout-wrapper ul{ width: 80%; margin:0 auto;  }
.checkout-wrapper ul li.steps:before{ content: ''; height: 1px; width: 100%; display: block; background-color: #333; position: relative; top: 30px; z-index: 10; }
.checkout-wrapper ul li.steps{ float: left; width: 25%; text-align: center; }
.checkout-wrapper ul li.steps h2{ background-color: #fff;  border:1px solid #333; color: #333; width: 40px; height: 40px; display: block; margin:10px auto; text-align: center; vertical-align: middle; line-height: 40px; font-size: 20px; position: relative; z-index: 100;}
.checkout-wrapper ul li.steps.current h2{ background-color: #000; color: #fff; }

.input-wrapper{ width: 80%; max-width: 1200px; margin: 0 auto; padding: 0 20px;  }
.input-wrapper h1{ font-size: 28px; padding: 0 20px; margin: 20px auto; font-weight: normal;}
.input-wrapper .form-group{ margin:10px auto; width: 100%; clear: both; float: none; padding: 10px 20px; }
.input-wrapper .form-top .width50{ float: left; width: 50%; clear: none; }

.input-wrapper .form-group label{ display: block; font-size: 14px; color: #666;}

.input-wrapper .form-group .pty-box{ vertical-align: middle; }
.input-wrapper .form-group label.pty-label{ margin-left: 6px; color: #000; vertical-align: middle;}
.input-wrapper .form-group label.pty-label a{ color: #000; vertical-align: middle;}

.input-wrapper .form-group label.inline{ display: inline; }
.input-wrapper .form-group label.inline input{ margin-right:6px;  }
.input-wrapper .form-group input.form-control{width: 100%; height: 40px; border:none; border-bottom:1px solid #333; padding: 0 10px; font-size: 14px; }

.input-wrapper .btn-wrapper{ padding: 0 20px; margin: 40px auto 20px; }
.input-wrapper.cart-wrapper .btn-wrapper{ padding: 0; }
.input-wrapper .btn-wrapper a,
.input-wrapper.cart-wrapper .btn-wrapper a{ width: 50%; float: left; text-align: center; border:1px solid #ccc; padding: 10px 20px; color: #333; background-color: #fff;}
.input-wrapper .btn-wrapper a:hover{ border-color: #000;}
.input-wrapper .btn-wrapper a.disable{color: #e3e3e3; border-color: #e3e3e3; cursor: default;}
 .btn-wrapper input.login-btn{ float: left; background: none; border: 1px solid #ccc; padding: 10px 20px; width: 50%; max-width: 600px;}
 .btn-wrapper input.login-btn:hover{ border-color: #000; }
 .btn-wrapper button.login-btn{ float: left; background: none; border: 1px solid #ccc; padding: 10px 20px; width: 50%; max-width: 600px;}
 .btn-wrapper button.login-btn:hover{ border-color: #000; } 
/*============================================*/	
/* step02 */
.different-add{display: none; width: 100% !important;}

.form-group.payment-wrapper ul{ display: flex; width: 100%; flex-flow: column; flex-wrap: wrap;}
.form-group.payment-wrapper ul li{ display: flex; flex-wrap: nowrap; align-items: center; margin:10px 20px;}
.form-group.payment-wrapper ul li label{ display: flex; align-items: center;}
.form-group.payment-wrapper ul li input{ margin-right: 6px;}
.form-group.payment-wrapper ul li img.pay-logo{ width: auto; max-height: 40px; display: inline-block; margin-right: 10px;}

/*============================================*/	
/* step03 */
.input-wrapper h1.lock-icon:before{ content: ''; display: inline-block; height: 40px; width: 40px; background: url(../images/icon-lock.png) no-repeat center; background-size: auto 100%; vertical-align: middle; margin-right: 10px;}
.input-wrapper h1.lock-icon{ margin:20px auto 40px; padding: 0; }

.step3-wrapper .form-top,
.step3-wrapper .form-group{ padding: 20px;}

.step3-wrapper .paypal-logo{ max-width: 400px; width: 100%; height: auto;}

.credit-btn,
.paypal-btn,
.paypal-btn-b{ display:block; width: 200px; border:1px solid #333; border-radius: 4px; text-align: center; padding:8px; color: #333; }
.paypal-btn{ background: url(../images/paypal-btn.png) no-repeat center; background-size: 100% auto; border:none; padding: 10px;}
.paypal-btn-b{ background: url(../images/paypal-btn-b.png) no-repeat center; background-size: auto 100%; border:none; padding: 10px; border-radius: 0; background-color: #ffc438 !important;}
.payment-or{ width: 200px; text-align:  center; display: block; margin: 15px 0; font-size: 14px;}

.credit-form{ display: none; }

.paypal-note{font-size: 14px; color: #666; display: block; margin-top: 15px; line-height: 1.6em;}

textarea.payment-note{ width: 100%; max-width: 100%; padding: 10px; min-height: 60px; font-size: 14px; color: #333; line-height: 1.4em; border: 1px solid #ccc;}

/*============================================*/	
/* step04 */

.input-wrapper.cart-wrapper{ padding: 0px 0 60px; }

.input-wrapper .order-wrapper{ border:1px solid #ccc; padding: 20px 0; margin: 0 20px; }
.input-wrapper .order-wrapper ul li{ font-size: 14px; line-height: 1.6em; }
.input-wrapper .order-wrapper ul.client-info li{ margin: 20px auto; }
.input-wrapper .order-wrapper ul.client-info li p{ text-align: left; margin:10px auto 4px; font-weight: bold; }


.input-wrapper.cart-wrapper .order-list-wrapper ul{ width: 100%;}
.input-wrapper.cart-wrapper .order-list-wrapper ul{}

.checkout-wrapper .order-wrapper ul{ width: 90%; }
.checkout-wrapper .order-wrapper  .order-list-wrapper{ width: 90%; }

.step4-checkbox{ font-size: 14px; text-align: center; color: #666; }
.step4-checkbox input{ margin-right: 6px; }


/*============================================*/	
/* login */

.top-btn-wrapper{ padding: 10px 20px;}
.login-top-btn{ color: #999; font-size: 14px; border: 1px solid #999; padding: 6px 20px; display: inline-block; margin-right: 10px; text-transform: uppercase; text-align: center; margin-bottom: 20px;}
.login-top-btn:hover{ color: #000; border-color: #000;}



/*============================================*/	
/* member-center */
.submenu-wrapper{ margin: 40px 0;}
.submenu-wrapper ul{ margin: 0 auto; width: 90%; max-width: 1200px; padding: 0 20px;}
.submenu-wrapper ul li{ display: inline; margin: 0 10px;}
.submenu-wrapper ul li.logout{ margin-left: 40px;}
.submenu-wrapper ul li.logout a{border: 1px solid #999; color: #999;}
.submenu-wrapper ul li.logout a i{ font-size: 20px; margin-right: 8px; vertical-align: bottom;}
.submenu-wrapper ul li a{ border: 1px solid #333; padding: 8px 14px; display: inline-block; font-size: 15px; color: #000; text-transform: uppercase;}
.submenu-wrapper ul li a.current{ color: #fff; background: #000;}

.checkout-wrapper.member-wrapper .input-wrapper{ width: 90%;}

.list-wrapper.fav-wrapper{ padding: 0; width: 100%; max-width: 1200px; margin: 0 auto;}
.list-wrapper.fav-wrapper .list-thumbs >ul{ width: 100%;}
.checkout-wrapper.member-wrapper .list-wrapper .list-thumbs ul{ padding: 0 20px;}
.list-wrapper .list-thumbs ul li a.add-fav.remove-fav i{ padding: 10px 12px;}

.list-wrapper .list-thumbs ul li a span{ display: block; margin: 0 0 8px;; color: #000; font-size: 15px; letter-spacing: 0.02em;}
.list-wrapper .list-thumbs ul li a:hover span{ color: #999;}

/*--order-list--*/
.checkout-wrapper ul.order-list{ width: 100%; max-width: 900px; margin: 0; padding: 0 20px;}
.checkout-wrapper ul.order-list > li{ border-bottom: 1px solid #ccc; padding: 15px 0; font-size: 14px; color: #333;}
.input-wrapper.cart-wrapper.order-detail{ padding: 0 0 60px;}

.checkout-wrapper ul.order-list > li ul.list-inner{ width: 100%; max-width: none; margin: 0;}
.checkout-wrapper ul.order-list > li ul li{ float: left;}
.checkout-wrapper ul.order-list > li ul.list-inner.list-title{ color: #999; text-transform: uppercase; font-weight: bold; font-size: 13px;}
.checkout-wrapper ul.order-list > li ul.list-inner li.number{ width: 28%; font-weight: bold; }
.checkout-wrapper ul.order-list > li ul.list-inner li.date{ width: 26%; }
.checkout-wrapper ul.order-list > li ul.list-inner li.btn{ width: 14%; float: right}
.checkout-wrapper ul.order-list > li ul.list-inner li.btn.remove{ text-align: center;}
.checkout-wrapper ul.order-list > li ul.list-inner li.price{ width: 18%;}

.checkout-wrapper ul.order-list > li ul.list-inner li.number a{ color: #666; text-decoration: underline;}
.checkout-wrapper ul.order-list > li ul.list-inner li.number a:hover{ color: #000;}
.checkout-wrapper ul.order-list > li ul.list-inner li.btn.remove a:after{ content: '\f05c'; font-family:'FontAwesome'; font-size: 18px; color: #999;}
.checkout-wrapper ul.order-list > li ul.list-inner li.btn.remove a:hover:after{ color: #f00;}


/*--order-detail--*/
.input-wrapper.cart-wrapper .btn-wrapper.align-center a{ display: block; margin: 0 auto; float: none;}



/*============================================*/	
/* news-list */
.list-top.news-list-top{margin: 0 4%; padding: 10px 0 40px;}

.news-list-top a{ display: inline-block; margin: 0 20px 0 0; font-size: 15px; color: #ccc;}
.news-list-top a.current{ color: #333;}

.list-wrapper .list-thumbs.news-list-thumbs ul li{ width: 25%; margin: 0 4.16% 2.5em; max-width: 240px; }
.list-thumbs.news-list-thumbs h1{ font-size: 16px; margin: 2px auto; font-weight: normal;}
.list-thumbs.news-list-thumbs h1 a{ color: #333;}
.list-thumbs.news-list-thumbs .date,
.list-thumbs.news-list-thumbs .sort{ font-size: 14px; color: #999;}

/* ellipsis */
.ellipsis {
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.ellipsis.title{ min-height:2em; overflow: hidden; height: 2.8em; line-height: 1.4em;}


/*--showroom-list--*/
.showroom-list ul li a.thumbs{ display: block; position: relative;}
.showroom-list ul li a.thumbs:before{ content: ''; width: 100%; height: 100%; display: block; background: rgba(0,0,0,0.5); position: absolute;  z-index: 99;}
.showroom-list ul li a.thumbs:after{ content: '\f144'; font-family: 'FontAwesome';  display: block; position: absolute;  z-index: 99; text-align: center; vertical-align: middle; top: 50%; left: 50%;  font-size: 42px; margin-left: -23px; vertical-align: middle; line-height: 42px; margin-top: -23px; color: #fff; opacity: 0.5; width: 46px; height: 46px;}
.showroom-list ul li a.thumbs img{ display: block;}
.showroom-list ul li a.thumbs:hover:after{ opacity: 1;}



/*============News================*/
.p-list-wrapper{
	padding:0px 0;
	width:90%;
	max-width:1100px;
	margin:0;}

.p-list-wrapper img{ width: 100%; height: auto; }

.news-wrapper{
	margin-bottom:30px;
  padding-bottom: 20px;
	max-width:990px;}

.news-wrapper .news-top{
	padding:20px 0;}

.news-wrapper img{ width: 100%; height: auto; }

.news-wrapper .news-top .news-date{
	text-align:left;
	padding-top:10px;}
	
.news-wrapper .news-top .news-date p,
.news-wrapper .news-top .news-date span{
	color:#777 !important;
	font-size:20px;
	line-height:20px;
	margin:0 10px 0 0;
	display: inline !important;
	padding:0;}
.news-wrapper .news-top .news-date span{
	font-size:14px;
	line-height:28px;}	
	
.news-wrapper .news-top .news-title h1{
	margin:8px 0;
	color:#000;
	font-size:24px;
	letter-spacing: 0px;
	line-height: 1.6em;}

.news-wrapper p{
	color:#666;
	font-size:15px;
  line-height: 1.8em;
	margin:15px auto;}

.news-wrapper a {
	display:block;
	text-align:center;}
.news-wrapper a img{
	width:100%;
	height:auto;
	margin:10px auto;}
	
.news-close{
	text-align:center;
	padding-bottom:70px;}
.news-close a i{
	font-size:90px;
	color:#dedede;}
	
.news-close a:hover i{
	font-size:110px;
	color:#999;}

.news-content hr{ width: 80%; max-width: 1100px; margin:0 auto 20px; border-color: #ccc; }

	/* end news-page */




/*============================================*/	
/* pager */
.pager{
	width:100%;
	margin:20px auto 0;
	padding:50px 0 0px;
	text-align:center;}

.pager > i{
	font-size:18px;
	vertical-align:middle;}
	
.pager > a,
.plist-pager-wrapper .pager-btns a {
	font-size:14px;
	line-height:30px;
	margin:0 5px;
	padding:5px 10px;
	color: #999;
	text-decoration:none;
	-webkit-transition: all 0.3s linear; 
	-moz-transition: all 0.3s linear; 
	-ms-transition: all 0.3s linear; 
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;}
.pager > a.prev,
.pager > a.next{ display: inline-block;  position: relative; width: 30px; height: 23px; vertical-align: middle; background: #ccc;}
.pager > a.prev{ background: url(../images/page-arrow.svg) no-repeat center; transform: rotate(180deg); background-size: 15px auto;}
.pager > a.next{ background: url(../images/page-arrow.svg) no-repeat center; transform: rotate(0deg); background-size: 15px auto;}
.pager > a.prev.disabled,
.pager > a.next.disabled{ display: none;}


.pager > a.prev:hover,
.pager > a.next:hover{  opacity: 0.5;}
.pager span{
	font-style:italic;
	font-size:14px;}
	
.pager input {
	width:50px;
	height: 32px;
	font-size: 13px;
	line-height: 13px;
	background:transparent;
	border:#333 1px solid;
	border-radius:2px;
	padding:0 4px;
	margin: 0 5px;
	font-size:14px;
	display: inline;
	min-width: inherit;
	min-height: inherit;
	color: #333;}

.p-pager > a,
.p-pager > span{
	color:#000;}	
.p-pager > a:hover,
.p-pager > a.current{
	color:#000;}
.p-pager > a.current{
	color:#000;
	border-bottom:2px solid #000;}



	/* end products-list */



/*============================================*/	
/* copyright */

.copyright{ position: absolute; bottom: 0; padding: 10px 20px; font-size: 14px; color: #ccc; z-index: 999;}
.copyright.index{ text-align: center; width: 100%;}
.copyright.page{ position: relative;}

/*-- end copyright --*/


/*============================================*/	
/* RWD */

@media only screen and (max-width: 1200px) {
	header.main-nav{ width:25%; }
	.right-container{ width:75%;}
    
    
    .list-wrapper .list-thumbs ul{ width: 100%;}
  
  .input-wrapper{ width: 100%;}
  .cart-wrapper .order-list-wrapper{width: 100%;}
  
	
	}

@media only screen and (max-width: 960px) {
	header.main-nav{ width:26%;}
	.right-container{ width:70%;}
	
	#p-slider{ width:90% !important; float:none; margin:0;}
	.p-info{ width:90%; padding:0px; float:none; margin:50px 0;}
  
  .list-wrapper.shop-list{ padding-bottom: 50px;}
	
	.contact-wrapper ul { width:92%; margin:80px 0;}
  
  .input-wrapper .form-group label{ font-size: 13px;}
  
  .submenu-wrapper ul li,
  .submenu-wrapper ul li.logout{ width: 46%; float: left; margin: 10px 2%;}
  .submenu-wrapper ul li a{display: block; font-size: 14px;}
  
  .list-wrapper .list-top .top-select p{ font-size: 14px; margin: 6px auto;}
  
  .list-thumbs.news-list-thumbs h1{ font-size: 16px;}
  
  
  .list-wrapper .list-thumbs ul li{ width:31%; margin: 0 0 1em 1%;}
  .list-wrapper .list-thumbs.news-list-thumbs ul li{ width: 40%; margin: 0 5% 2.5em; max-width: 240px;}
  
  /* p-detail */
  
    .p-description{ width: 100%; max-width: 480px; padding: 0 20px 60px;}
    .p-description .related-items ul li{ width: calc(33% - 22px);}
  
  /* ellipsis */
.ellipsis {
	-webkit-line-clamp: 2;}
.ellipsis.title{ min-height:2em;  height: 2.8em; }
  
  /*news*/
  .p-list-wrapper{ margin: 0 auto;}
  .news-wrapper .news-top .news-title h1{ font-size: 22px;}
  
  
	}

@media only screen and (max-width: 959px) {
  .checkout-wrapper.member-wrapper .submenu-wrapper ul,
  .checkout-wrapper.member-wrapper .input-wrapper,
  .checkout-wrapper.member-wrapper ul.order-list{ width: 100%; padding: 0 10px;}
  
  
	
	}

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


    .sp-horizontal .sp-arrows{ opacity: 0.5;}
    
    .right-container:before{ content:''; height: 100% ; width: 100%; background: transparent; display: none; position: absolute;  z-index: -1;}
    .right-container.mobile-actived:before{ background: rgba(0,0,0,0.5); z-index: 99; display: block;}

	header.main-nav{ display:none; }
	#mobile-nav{ display:block;}
	
    
	.right-container.right-swiper{ height:100%;}
	.right-container{ width:100%; height:auto;}
	.list-wrapper{ padding:40px 20px;}
	.list-wrapper > .list-inner{ width:90%; margin:0 auto;}
    
    .cart-btn-wrapper{background: #fff;}
    .cart-btn-wrapper.actived{ background: #ff0;}

/*p-list*/		
	.list-wrapper .list-thumbs ul li{ width:46%; margin: 1em 2%;}
    

/*products*/		
	#p-slider{ margin:0 auto;}
	.p-info{ margin:50px auto; max-width:480px;}
	.p-info select,
	.p-info .add-btn{ width:280px; margin-right:10px;}
  
    .p-description{  max-width: 480px; margin: 0 auto;}
    

/*about*/	
  .about-bg{ background-size: 600px auto;}
	.about-white-bg{ background:rgba(255,255,255,0.5);}
    .about-wrapper p{ font-size: 14px;}

/*contact*/	
	.contact-wrapper ul { margin:40px 5%; }
	.contact-wrapper ul li{ width:100%; margin:20px auto 70px; float:none;}
	.contact-wrapper ul li p{ margin:20px auto 10px;}
  
/*news*/
  .news-wrapper .news-top{padding: 10px 0;}
	
/*stockist*/
	.stockist-wrapper{ width:100%;}
	.stockist-wrapper li{ width:50%; margin:40px auto;}
	.stockist-wrapper li a.stockist-icon{ margin:0 auto;}
	
/*stock-info*/
	.stockist-info-wrapper .stockist-title{ float:none; width:100%; max-width:inherit;}
	.stockist-info-wrapper .stock-info{ width:100%; max-width:400px; float:none; margin:60px auto;}
	.stockist-info-wrapper .stock-info h2{ font-size:22px;}
	.stockist-info-wrapper .stock-info p,
	.stockist-info-wrapper .stock-info span,
	.stockist-info-wrapper .stock-info p a.address { font-size:14px;}
  
/*member-order-list*/
  /*.checkout-wrapper ul.order-list > li ul.list-inner li.date:before{ content: "order"; display: block; color: #ff0;}*/
  .checkout-wrapper ul.order-list > li ul.list-inner li{ text-align: center;}
  
  .submenu-wrapper{ margin: 0 0 40px;}
  
  /*login*/
  .input-wrapper .form-top .width50{ width: 100%; float: none;}
  
  
  /*shopping cart*/
  .cart-wrapper{margin: 0 auto;}
  
  .cart-wrapper .order-list-wrapper ul li.photo{ width: 30%;}
  .cart-wrapper .order-list-wrapper ul li.item{ width: 70%; text-align: right;}
  .cart-wrapper .order-list-wrapper ul li.color{ width: 50%; clear: left; text-align: right;}
  .cart-wrapper .order-list-wrapper ul li.size{ width: 50%; text-align: right;}
  .cart-wrapper .order-list-wrapper ul li.qty{ width: 50%; text-align: right;}
  .cart-wrapper .order-list-wrapper ul li.price{ width: 50%; text-align: right;}
  .cart-wrapper .order-list-wrapper ul li.remove{ width: 100%; float: none; clear: both; text-align: right;}
  .cart-wrapper .order-list-wrapper ul.item-info li a.remove-btn{ width: auto; background: none; text-align: right; display: inline;}
	

  .cart-wrapper .order-list-wrapper ul.item-title{display: none;}
  
.cart-wrapper .order-list-wrapper ul li.color:before{ content: "COLOR:"; margin-right: 6px;}
.cart-wrapper .order-list-wrapper ul li.size:before{ content: "SIZE:"; margin-right: 6px;}
.cart-wrapper .order-list-wrapper ul li.qty:before{ content: "PAIR:"; margin-right: 6px;}
  .cart-wrapper .order-list-wrapper ul li.price:before{ content: "PRICE:"; margin-right: 6px;}
.cart-wrapper .order-list-wrapper ul li.remove a:before{ content: "\f00d"; display: inline-block; font-family:'FontAwesome'; padding-right: 6px;}
.cart-wrapper .order-list-wrapper ul li.remove a:after{ content: "remove this item"; display: inline;}
  
  .input-wrapper .btn-wrapper a,
  .input-wrapper.cart-wrapper .btn-wrapper a{font-size: 14px;}
  
  
  /*checkout-steps01*/
  .checkout-wrapper .steps-wrapper{ margin: 0 auto 40px;}
  .checkout-wrapper .steps-wrapper ul{ width: 100%;}
  .checkout-wrapper ul li.steps span{ font-size: 13px;}
  
  .input-wrapper h1{ font-size: 24px;}
  
  /*checkout-steps04*/
  .input-wrapper.cart-wrapper{ padding: 0 0 40px;}
  .input-wrapper.cart-wrapper .btn-wrapper{ padding: 0 40px;}
  
  
  }/*--end 767--*/

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

  
  .input-wrapper{ width: 100%; padding: 0 10px;}
  
	.stockist-wrapper li{ width:100%; float:none;}
  
  /*login*/
  .login-top-btn{ width: 100%; margin: 0px 0 20px; display: block;}
  .btn-wrapper a.login-btn, btn-wrapper button.login-btn{ width: 100%;}
  
  /*checkout-cart*/
  .cart-wrapper .order-list-wrapper ul li{ font-size: 13px;}
  .cart-wrapper .btn-wrapper.checkout-cart-btn a{ display: block; float: none; margin: 20px auto;}
  
  /*step03*/
  .input-wrapper h1.lock-icon{ text-align: center;}
  .step3-or{ width: 260px; margin: 20px auto;}
  .credit-btn, .paypal-btn, .payment-or{ margin: 0 auto; width: 260px; padding: 12px 0;}
  .paypal-note{ text-align: center;}
  
  .input-wrapper.cart-wrapper .btn-wrapper.align-center a{ width: 100%;}
  
  /*stocklist*/
  .stockist-info-wrapper .btn-wrapper a{ width: 100%; font-size: 14px;}
  
  /*member center*/
  .list-wrapper .list-thumbs ul li a.add-fav.remove-fav{ display: block; opacity: 1; top: 10px;}
  .list-wrapper .list-thumbs ul li a.add-fav.remove-fav i{ padding: 8px 10px; color: #999; border-color: #999;}
  
  .member-wrapper .btn-wrapper a{ display: block; width: 100%;}
  .input-wrapper.cart-wrapper .btn-wrapper{ padding: 0 20px;}
  
  .checkout-wrapper ul.order-list > li ul.list-inner li a,
  .checkout-wrapper ul.order-list > li ul.list-inner li span{ font-size: 12px;}
  
  
  
  /*shop-list*/
  .list-wrapper .list-top .top-select{ float: none; margin:0 0 20px; padding: 0 20px;}
  .list-wrapper .list-top .top-select select{ width: 100%;}
  
  .list-wrapper .list-thumbs ul li a.add-fav{ display: none;}
  .list-wrapper .list-thumbs ul li a.add-fav i{padding: 6px 6px; font-size: 14px;}
  
  /*products*/
  .p-info{ margin: 20px auto;}
  .p-info .price{ margin: 20px auto 10px;}
  .p-info select, .p-info .add-btn{ width: 100%; margin: 10px auto;}
  .p-info h1{ font-size: 28px;}
  .p-info .price a.return-note, .p-info a.size-guide, .p-info a.addto-fav{ display: inline-block; margin: 10px 0;}
  .p-info a.addto-fav{ text-align: center; display: block; border: 1px solid #000; padding: 10px; border-radius: 4px; margin: 10px auto 20px;}
  .p-info a.addto-fav:after{ content: 'add to favorite'; display: inline-block; font-size: 14px; color: #000; text-transform: uppercase;}
  .p-info a.addto-fav i{ border: none; padding: 0; margin-right: 10px;}
  .p-info a.addto-fav:hover i{ background: none; color: #000;}
  
  .p-mobile-detail{ display: none;}
  .p-detail-btn{  display: inline-block;}
  
  .p-description .related-items ul li{ }
  .p-description .related-items ul li{ width: calc(33% - 4px); margin: 0; }
  
  /*pager*/
	.pager input{min-height: inherit; min-width: inherit;}
	.pager > a.page-num{display: none;}
	.pager > a.current.page-num{display: inline; color: #000; border-color: #000;}

  /*News-List*/
  .list-wrapper .list-thumbs ul{ margin: 0 auto;}
   .list-wrapper .list-thumbs.news-list-thumbs ul li{ float: none; width: 100%; margin: 0 auto 3em; max-width: 240px; }
  
  .list-top.news-list-top{margin: 0 auto; text-align: center;}
  .list-top.news-list-top a{ margin: 0 10px; font-size: 16px;}
  

  
}/*-- end 480--*/
  @media only screen and (max-width: 640px) {
  
  
  .right-container.right-swiper{ float: none; margin-top: -54px;}
  .collection-swiper .swiper-slide{ display: block;}
  
  
  .collection-swiper .swiper-slide .right{ float:none !important; width:100%; height:50%; display:inherit; opacity: 0.5; display: none;}
  
  .collection-swiper .swiper-slide .left{ float:none !important; width:100%; height:100%; display:inherit;;}
  
  .collection-swiper .swiper-slide .center{ float:none !important; width:100%; height:100%; display:inherit; position: absolute; top: 0;}
  
  .list-wrapper .list-thumbs ul li a span{ font-size: 14px;}
    
    .collection-swiper .swiper-slide .instant-buy{ top: 50%;}
    
    .collection-swiper .swiper-slide .instant-buy a{ padding: 4px 40px; border: 1px solid #333; display: inline-block; margin: 14px auto; background: rgba(255,255,255,0.4);}
    .collection-swiper .swiper-slide .instant-buy a:before,
    .collection-swiper .swiper-slide .instant-buy a:after{display: none;}
  
    .collection-swiper .swiper-slide .center > span{ margin-top: 100px;}
    .collection-swiper .swiper-slide .center > p{ font-size: 24px;}
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 30px !important;}
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 30px !important;}
  
  .about-bg{display: none;}
  
  .form-group.payment-wrapper ul li{ margin: 10px;}
  
  
}

/*============================================*/	
/* transition */
.desktop-menu li a:after,
.list-wrapper > .list-inner ul li a:after,
.list-wrapper .list-thumbs ul li a,
.list-wrapper .list-thumbs ul li a i,
.contact-wrapper ul li a img,
.cart-wrapper .order-list-wrapper ul.item-info li a,
.cart-wrapper .btn-wrapper a,
.login-top-btn,
.input-wrapper .btn-wrapper a,
.list-wrapper .list-thumbs.news-list-thumbs ul li img,
.collection-swiper .swiper-slide .left,
.collection-swiper .swiper-slide .right,
.collection-swiper .swiper-slide .center,
.right-container:before,
.cart-btn-wrapper,
.sb-slidebar .sb-right-inner,
a.thumbs:after{
	-webkit-transition: all 0.4s ease; 
	-moz-transition: all 0.4s ease; 
	-ms-transition: all 0.4s ease; 
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;}
	
.collection-swiper .swiper-slide .instant-buy button,
.p-info .add-btn,
.p-info a.addto-fav i,
.contact-wrapper ul li a,
.related-items ul li a span,
.brand-crumbs li a{
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease; 
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;}
 .form-go{position:absolute; top:0; left:0; opacity:0;display:none;}  
/*--checkout-wrapper done-wrapper--*/

.checkout-wrapper.done-wrapper{}

.steps-wrapper ul{ display: flex;}
.steps-wrapper ul li.steps{ width: auto; flex: 1;}

.checkout-wrapper.done-wrapper h1{ text-align: center;}
.checkout-wrapper.done-wrapper .order-info{ width: 80%; max-width: 600px; margin: 2em auto; text-align: center;}

.loader {
  border: 10px solid #000;
  border-radius: 50%;
  border-top: 10px solid #ff0;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*--checkout-wrapper done-wrapper--*/