@charset "utf-8";
/*
 * artDialog skin
 * http://code.google.com/p/artdialog/
 * (c) 2009-2011 TangBin, http://www.planeArt.cn
 *
 * This is licensed under the GNU LGPL, version 2.1 or later.
 * For details, see: http://creativecommons.org/licenses/LGPL/2.1/
 */
 
/* common start */
body { _margin:0; _height:100%; /*IE6 BUG*/ }
.aui_outer { 
    text-align:left;    
    max-height: 640px;
    overflow: scroll;
}
@media only screen and (max-width: 769px) {
   .aui_outer { 
    text-align:left;    
    max-height: 440px;
    overflow: scroll;
} 
}
@media only screen and (max-width: 350px) {
   .aui_outer { 
    text-align:left;
    max-width: 300px;
    max-height: 440px;
    overflow: scroll;
} 
}
table.aui_border, table.aui_dialog {border-radius:6px;box-shadow:0 3px 7px rgba(0, 0, 0, 0.3); border:0; margin:0; border-collapse:collapse; width:auto; }
.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; }
.aui_header, .aui_buttons button { font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; }
.aui_title { overflow:hidden; text-overflow: ellipsis; display:none;}
.aui_state_noTitle .aui_title { display:none; }
.aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; z-index: 30;}
.aui_close:hover { text-decoration:none; }
.aui_main { text-align:center; min-width:9em; min-width:0\9/*IE8 BUG*/; }
.aui_content { display:inline-block; *zoom:1; *display:inline; text-align:left; border:none 0;/*padding: 0px 0px 0px 0px !important;*/}
.aui_content.aui_state_full { display:block; width:100%; margin:0; padding:0!important; height:100%; }
.aui_loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden; background:url(https://www.yolissa.net/skin/frontend/hecongone/pc/images/loading.gif) no-repeat center center; }
.aui_icon { vertical-align: middle; }
.aui_icon div { width:48px; height:48px; margin:10px 0 10px 10px; background-position: center center; background-repeat:no-repeat; }
.aui_buttons { padding:8px; text-align:right; white-space:nowrap; }
.aui_buttons button { margin-left:15px; padding: 6px 8px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding:4px 10px; *height:2em; letter-spacing:2px; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: solid 1px #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7),  0 -1px 0 rgba(0, 0, 0, .09); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; }
.aui_buttons button::-moz-focus-inner{ border:0; padding:0; margin:0; }
.aui_buttons button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(66, 109, 201, .9); }
.aui_buttons button:hover { color:#000; border-color:#666; }
.aui_buttons button:active { border-color:#666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px rgba(66, 109, 201, .9), inset 0 1px 1em rgba(0, 0, 0, .3); }
.aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; }
button.aui_state_highlight { color: #FFF; border: solid 1px #1c6a9e; background: #2288cc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e; }
button.aui_state_highlight:hover { color:#FFF; border-color:#0F3A56; }
button.aui_state_highlight:active { border-color:#1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); }
/* common end */

.aui_inner { background:#FFF; border:1px solid #666; }
.aui_nw, .aui_ne, .aui_sw, .aui_se { width:3px; height:3px; }
.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_e, .aui_sw, .aui_s, .aui_se { background:rgba(0, 0, 0, .05); background:#000\9!important; filter:alpha(opacity=5); }
.aui_titleBar { position:relative; height:100%;  }
.aui_title { position:absolute; top:0; left:0; width:100%; height:24px; text-indent:-9999em; overflow:hidden; font-size:0; }
.aui_state_drag .aui_title { color:#666; }
.aui_close { padding:0; top:0; right:0; width:18px; height:18px; line-height:18px; text-align:center; font-family: Helvetica, STHeiti; _font-family: '\u9ed1\u4f53', 'Book Antiqua', Palatino; font-size:18px; text-decoration:none; color:#214FA3; }
.aui_close:hover, .aui_close:active { text-decoration:none; color:#900; }
.aui_content { color:#666; }
.aui_state_focus .aui_content { color:#000; }
@media screen and (min-width:0) {
	.aui_close { width:20px; height:20px; line-height:20px;font-size:25px; right:3px; top:3px; background:#ffffff; color:#DDDDDD;  }
	.aui_state_lock .aui_dialog { box-shadow:0 3px 26px rgba(0, 0, 0, .9); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: -webkit-box-shadow linear .2s; }
	.aui_dialog:active { box-shadow:0 0 5px rgba(0, 0, 0, .1)!important; }
	.aui_state_drag .aui_outer { box-shadow:none!important; }
}
/*-----------Product View Page inquiry-----------*/
.product-inquiry{
    border: 1px solid #CBCBC9;
}
.product-inquiry h2{
    text-transform: none;
    color:#272028;
    font-weight: bold;
    padding: 30px;
}
.product-inquiry #productcontactForm{
    padding-left: 30px;
}
.product-inquiry .form-list .required{
    display: inline-block;
    width: 15%;
}
.product-inquiry .form-list .required.lebelright{
    text-align: right;
    padding-right: 20px;
}
.product-inquiry .form-list .required.faxlabel{
    display: block;
    width: 100%;
    margin: 15px 0;
}
.product-inquiry ul li .input-box.fax{
    padding-left: 15%;
}
.product-inquiry ul li .input-box.fax #fax{
    margin-bottom: 10px;
}
.product-inquiry ul li .input-box.fax .des{
    background: url('https://www.yolissa.net/skin/frontend/hecongone/pc/images/light.jpg') no-repeat;
    padding-left:20px;
}
.product-inquiry ul li .input-box{
    display: inline-block;
}
.product-inquiry ul li .input-box textarea{
    margin-left: 15%;
    max-width: 652px;
}
.product-inquiry .buttonsset{
    padding-left: 15.5%;
    margin:10px 0;
}
/*--------------end------------------*/
/*-----------why us Page inquiry-----------*/
.whyus-inquiry{
    margin-top: 30px;
}
.whyus-inquiry h2{
    text-align: center;
    text-transform: none;
    font-weight: bold;
    color:#333535 !important;
}
.whyus-inquiry ul li{
    list-style: none;
}
.whyus-inquiry #productcontactForm{
    max-width: 900px;
    margin: 0 auto;
}
.whyus-inquiry .form-list .required{
    display: inline-block;
    width: 150px;
    text-align: right;
}
.whyus-inquiry ul li .input-box{
    display: inline-block;
}
.whyus-inquiry ul li.fields{
    float: left;
    width: 46%;
}
.whyus-inquiry ul li.wide{
    float: none;
    clear: both;
}
.whyus-inquiry ul li.fields .input-box{
    width: 255px;
    padding-left: 10px;
}
.whyus-inquiry .form-list .fax .required{
    width: 200px;
}
.whyus-inquiry ul li.wide .input-box{
    padding-left: 10px;
}
.whyus-inquiry ul li.fax .input-box .fixwidth{
       width: 640px;  
}
.whyus-inquiry ul li.wide .input-box textarea{
    width: 690px;
    max-width: 690px;
}
.whyus-inquiry .des{
    background: url('https://www.yolissa.net/skin/frontend/hecongone/pc/images/light.jpg') no-repeat;
    padding-left:20px;
    margin: 20px 0 20px 21%;
}
.whyus-inquiry .buttonsset{
    margin-left: 21%;
}
.whyus-inquiry .buttonsset button{
    padding: 10px 50px;
    border-radius: 5px;
}
.whyus-inquiry .buttonsset .required{
    color: #F7710E;
    padding-left: 10px;
}
@media only screen and (max-width: 950px) {
    .whyus-inquiry ul li.fax .input-box .fixwidth{
        width: 400px;  
        max-width: 400px;  
     }
     .whyus-inquiry ul li.wide .input-box textarea{
         width: 400px; 
         max-width: 450px;
     }
     .whyus-inquiry .form-list .required{
         text-align: left;
     }
}
@media only screen and (max-width: 450px) {
    .whyus-inquiry ul li.fax .input-box .fixwidth{
        width: 245px;  
        max-width: 245px;  
     }
     .whyus-inquiry ul li.wide .input-box textarea{
         width: 245px; 
         max-width: 245px;
     }
     .whyus-inquiry .des{
        margin-left: 10px;
    }
}
/*--------------end------------------*/


.categories-col {
	width:100%; margin:0 auto 16px;
}
.categories-col h1 {
	border-bottom: 1px solid #333;
	font-size: 32px;
	color: #fff;
	padding-bottom: 12px;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
}
.categories-col h2 {
height: 30px;
    font-size: 12px;
    line-height: 30px;
    background-color: #656565;
    color: #fff;
    text-align: center; font-style:normal
}

.categories-col h3 {       
	margin-bottom:5px;
	/*background-color: #ccc;*/
	font-size:14px;
    text-align: left;

/*	background-image: linear-gradient(bottom, rgb(228,10,85) 14%, rgb(255,36,111) 57%);
	background-image: -o-linear-gradient(bottom, rgb(228,10,85) 14%, rgb(255,36,111) 57%);
	background-image: -moz-linear-gradient(bottom, rgb(228,10,85) 14%, rgb(255,36,111) 57%);
	background-image: -webkit-linear-gradient(bottom, rgb(228,10,85) 14%, rgb(255,36,111) 57%);
	background-image: -ms-linear-gradient(bottom, rgb(228,10,85) 14%, rgb(255,36,111) 57%);*/
}
.categories-col h3 .expander {
    float: left;
    cursor: pointer;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}
.categories-col h3 .expander.open{ background:url(https://www.yolissa.net/skin/frontend/hecongone/pc/images/leftsj_03.png) no-repeat left center;width:20px; height:20px; background-size:16px;
    float: left; margin:8px 4px 0 10px}
	.categories-col h3 .expander.close{ 
	background:url(https://www.yolissa.net/skin/frontend/hecongone/pc/images/leftsj_06.png) no-repeat left center;width:20px; height:20px; background-size:16px;
    float: left; margin:8px 4px 0 10px}
.categories-col .child .chexpander {
    float: right;
    cursor: pointer;
	padding: 0px 8px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}
.categories-col h3.open {
    margin-bottom:0px;
}
.categories-col h3 a {
	/*background: url("https://www.yolissa.net/skin/frontend/hecongone/pc/images/sprite.png") 15px 13px no-repeat;*/
   	text-transform: capitalize;
	display: block;
	padding:8px 5px;
	margin: 0;
	color: #545454;
	text-decoration: none;
	font-weight: normal;
/*	border-bottom: 1px solid rgba(128, 10, 85, 0.5);
	text-shadow: 1px 1px 1px rgb(128,10,85);*/
}
.categories-col h3:hover {
	/*background: rgb(228,10,85);*/
	/*background: #ccc;*/
}
.categories-col h3.open {
	/*background: rgb(255,70,120);*/
        background: #444242;
}
.categories-col h3.open a {
	background-position: 13px -25px;
 
}
.categories-col h3 + div {
    padding: 0px 10px; background:#f3f3f3;
}
.categories-col div ul li a{
    color: #363636;
    font-size: 14px;
}
.subchild li a{
	font-size: 13px;
	color: #858484 !important;
}
.categories-col div ul li a:hover{
    color: #FD2889;
}
.subchild li a:hover{
    color: #FD2889!important;
}
.categories-col div ul li.child{
    /*background-color: #DEDEDE;*/
    text-align: left;
    border-bottom: 1px solid #fff;
    line-height:30px;
    text-transform: capitalize; padding-left:30px;
}
.categories-col div ul li ul.subchild{
    padding: 0px 10px;
}
.categories-col div ul li ul.subchild li{
     /*background: #EAEAEA;*/
    border-bottom: 1px solid #fff;
    line-height: 35px;
}
.categories-col div ul li ul.subchild li:last-child{
    border-bottom: none;
}
.categories-col div ul li:last-child{
    border-bottom: none;
}
.categories-col h2 + div, .example {
	background: #fff;
	overflow: hidden;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-bottom: 20px;
}
.categories-col h3+div {
	display: none;
}

.categories-col pre#event-log {
	background: #fafacc;
	padding: 10px;
	display: block;
}

/* Responsive design
--- */

@media only screen and (max-width: 770px){
    .categories-col{
        display: none;
    }
}
 @media only screen and (max-width: 704px), only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
 .categories-col .c1 {
 margin-right: 0;
 margin-bottom: 0;
}
 .categories-col h1 {
 font-size: 28px;
 text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.7);
}
}
 @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {

}
/*左侧刘丹利*/
.categories-col ul{ padding:10px 5px;}
.categories-col{ border-top:1px solid #ccc!important;}
.categories-col h2 {    font-size: 15px; font-weight:600;
    height: 46px;
    line-height: 46px;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #ddd;
    margin: 0 auto; background:#fff;}
.featuredleft .ver_subtitle{
	
	font-size: 15px;
    height: 46px;
    line-height: 46px;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #ddd;
    margin: 0 auto; background:#fff; margin:0!important; padding:0!important;
}

/**
 * Swiper 3.4.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: October 16, 2016
 */
 .swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	/* Fix of Webkit flickering */
	z-index: 1;
  }
  .swiper-container-no-flexbox .swiper-slide {
	float: left;
  }
  .swiper-container-vertical > .swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
  }
  .swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
  }
  .swiper-container-android .swiper-slide,
  .swiper-wrapper {
	-webkit-transform: translate3d(0px, 0, 0);
	-moz-transform: translate3d(0px, 0, 0);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
  }
  .swiper-container-multirow > .swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
  }
  .swiper-container-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
  }
  .swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
  }
  /* Auto Height */
  .swiper-container-autoheight,
  .swiper-container-autoheight .swiper-slide {
	height: auto;
  }
  .swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-transition-property: -webkit-transform, height;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform, height;
  }
  /* a11y */
  .swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
  }
  /* IE10 Windows Phone 8 Fixes */
  .swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
  }
  .swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x;
  }
  /* Arrows */
  .swiper-button-prev,
  .swiper-button-next {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
  }
  .swiper-button-prev.swiper-button-disabled,
  .swiper-button-next.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
  }
  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
	background-image: url("https://www.yolissa.net/skin/frontend/hecongone/pc/longyi/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto;
  }
  .swiper-button-prev.swiper-button-black,
  .swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("https://www.yolissa.net/skin/frontend/hecongone/pc/longyi/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
  }
  .swiper-button-prev.swiper-button-white,
  .swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("https://www.yolissa.net/skin/frontend/hecongone/pc/longyi/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  }
  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
	background-image: url("https://www.yolissa.net/skin/frontend/hecongone/pc/longyi/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto;
  }
  .swiper-button-next.swiper-button-black,
  .swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("https://www.yolissa.net/skin/frontend/hecongone/pc/longyi/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
  }
  .swiper-button-next.swiper-button-white,
  .swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("https://www.yolissa.net/skin/frontend/hecongone/pc/longyi/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  }
  /* Pagination Styles */
  .swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
  }
  .swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
  }
  /* Common Styles */
  .swiper-pagination-fraction,
  .swiper-pagination-custom,
  .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 10px;
	left: 0;
	width: 100%;
  }
  /* Bullets */
  .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: 0.2;
  }
  button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none;
  }
  .swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
  }
  .swiper-pagination-white .swiper-pagination-bullet {
	background: #fff;
  }
  .swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff;
  }
  .swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff;
  }
  .swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000;
  }
  .swiper-container-vertical > .swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0px, -50%, 0);
	-moz-transform: translate3d(0px, -50%, 0);
	-o-transform: translate(0px, -50%);
	-ms-transform: translate3d(0px, -50%, 0);
	transform: translate3d(0px, -50%, 0);
  }
  .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 0;
	display: block;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
  }
  /* Progress */
  .swiper-pagination-progress {
	background: rgba(0, 0, 0, 0.25);
	position: absolute;
  }
  .swiper-pagination-progress .swiper-pagination-progressbar {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
  }
  .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top;
  }
  .swiper-container-horizontal > .swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0;
  }
  .swiper-container-vertical > .swiper-pagination-progress {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0;
  }
  .swiper-pagination-progress.swiper-pagination-white {
	background: rgba(255, 255, 255, 0.5);
  }
  .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
	background: #fff;
  }
  .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
	background: #000;
  }
  /* 3D Container */
  .swiper-container-3d {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px;
  }
  .swiper-container-3d .swiper-wrapper,
  .swiper-container-3d .swiper-slide,
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-slide-shadow-bottom,
  .swiper-container-3d .swiper-cube-shadow {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
  }
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-slide-shadow-bottom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
  }
  .swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	/* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Firefox 3.6-15 */
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Opera 11.10-12.00 */
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Firefox 16+, IE10, Opera 12.50+ */
  }
  .swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	/* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Firefox 3.6-15 */
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Opera 11.10-12.00 */
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Firefox 16+, IE10, Opera 12.50+ */
  }
  .swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	/* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Firefox 3.6-15 */
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Opera 11.10-12.00 */
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Firefox 16+, IE10, Opera 12.50+ */
  }
  .swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	/* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Firefox 3.6-15 */
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Opera 11.10-12.00 */
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Firefox 16+, IE10, Opera 12.50+ */
  }
  /* Coverflow */
  .swiper-container-coverflow .swiper-wrapper,
  .swiper-container-flip .swiper-wrapper {
	/* Windows 8 IE 10 fix */
	-ms-perspective: 1200px;
  }
  /* Cube + Flip */
  .swiper-container-cube,
  .swiper-container-flip {
	overflow: visible;
  }
  .swiper-container-cube .swiper-slide,
  .swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
  }
  .swiper-container-cube .swiper-slide .swiper-slide,
  .swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none;
  }
  .swiper-container-cube .swiper-slide-active,
  .swiper-container-flip .swiper-slide-active,
  .swiper-container-cube .swiper-slide-active .swiper-slide-active,
  .swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
  }
  .swiper-container-cube .swiper-slide-shadow-top,
  .swiper-container-flip .swiper-slide-shadow-top,
  .swiper-container-cube .swiper-slide-shadow-bottom,
  .swiper-container-flip .swiper-slide-shadow-bottom,
  .swiper-container-cube .swiper-slide-shadow-left,
  .swiper-container-flip .swiper-slide-shadow-left,
  .swiper-container-cube .swiper-slide-shadow-right,
  .swiper-container-flip .swiper-slide-shadow-right {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
  }
  /* Cube */
  .swiper-container-cube .swiper-slide {
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%;
  }
  .swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
  }
  .swiper-container-cube .swiper-slide-active,
  .swiper-container-cube .swiper-slide-next,
  .swiper-container-cube .swiper-slide-prev,
  .swiper-container-cube .swiper-slide-next + .swiper-slide {
	pointer-events: auto;
	visibility: visible;
  }
  .swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0;
  }
  /* Fade */
  .swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
  }
  .swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
  }
  .swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none;
  }
  .swiper-container-fade .swiper-slide-active,
  .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
  }
  .swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center;
  }
  .swiper-zoom-container > img,
  .swiper-zoom-container > svg,
  .swiper-zoom-container > canvas {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
  }
  /* Scrollbar */
  .swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, 0.1);
  }
  .swiper-container-horizontal > .swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%;
  }
  .swiper-container-vertical > .swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%;
  }
  .swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	left: 0;
	top: 0;
  }
  .swiper-scrollbar-cursor-drag {
	cursor: move;
  }
  /* Preloader */
  .swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite;
  }
  .swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("https://www.yolissa.net/skin/frontend/hecongone/pc/longyi/css/data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C6")'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
  }
  .swiper-lazy-preloader-white:after {
	background-image: url("https://www.yolissa.net/skin/frontend/hecongone/pc/longyi/css/data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C6")'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
  @-webkit-keyframes swiper-preloader-spin {
	100% {
	  -webkit-transform: rotate(360deg);
	}
  }
  @keyframes swiper-preloader-spin {
	100% {
	  transform: rotate(360deg);
	}
  }
.postTitle h1 {
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    color: #000;
    text-decoration: none;
}

.postTitle h3 {
    font-size: 10px;
    margin: 0px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
}

.postContent {
    padding-bottom: 5px;
}

.postContent ul{
    list-style: disc outside;
    margin-bottom: 1.5em;
}

.postContent ul li{
    margin-left: 2em;
}

.postContent ol{
    list-style: decimal outside;
    margin-bottom: 1.5em;
}

.postContent ol li{
    margin-left: 2em;
}

.postBookmarks {
    padding-bottom: 10px;
}

.postBookmarks h4 {

    font-size: 12px;
    font-weight: bold;
}

.postBookmarks a.bm {
    display: inline-block;
}

.postBookmarks img {
    display: inline;
}

.commentWrapper {
    padding-bottom: 15px;
}

.commentContent {
    padding-bottom: 0px;
}

.commentDetails {
    margin-bottom: 5px;
    padding: 0px;
}

.commentDetails h4.username {
    display: inline;
}

.postError {
    font-size: 16px;
}

.tags {
    font-weight: bold;
    padding-bottom: 0px;
}

.tags UL {
    display: inline;
}

.tags UL LI {
    font-weight: normal;
    display: inline;
    padding-right: 6px;
}

.tags h4 {
    font-size: 12px;
    color: #666;
    padding-bottom: 5px;
}

.menu-tags, .menu-categories, .menu-recent {
    margin: 5px 9px;
}

.menu-tags h5, .menu-categories h5, .menu-recent h5 {
    font-size: 11px;
}

.block-blog .menu-tags UL LI {
    display: inline;
    padding: 2px;
    margin-left: 10px;
}

.block-blog .menu-categories UL LI {
    margin-left: 10px;
}

.block-blog .menu-recent UL LI {
    margin-left: 10px;
}

.block-blog .menu-recent UL LI a, .block-blog .menu-categories UL LI a, .block-blog .menu-tags UL LI a {
    font-size: 11px;
}

.tagcloud {
    /* text-align:center; */
}

.tag-count-1 {
    font-size: 1em !important;
}

.tag-count-2 {
    font-size: 1.2em !important;
}

.tag-count-3 {
    font-size: 1.4em !important;
}

.tag-count-4 {
    font-size: 1.6em !important;
}

.tag-count-5 {
    font-size: 1.8em !important;
}

.tag-count-6 {
    font-size: 2em !important;
}

.tag-count-7 {
    font-size: 2em !important;
}

.tag-count-8 {
    font-size: 2em !important;
}

.tag-count-9 {
    font-size: 2em !important;
}

.tag-count-10 {
    font-size: 2em !important;
}

.block-blog .head h4 {
    padding-left: 20px;
}

.block-blog .block-title strong {
    background-image: url(https://www.yolissa.net/skin/frontend/base/default/aw_blog/images/icon_blog.png);
    background-repeat: no-repeat;
    padding-left: 21px;
    text-align: left;
}

.postWrapper .poster {
    display: inline;
}

.input-box.aw-blog-comment-area {
    width: 100%;
}

.widget-latest li {
    font-size: 12px;
    padding: 5px 10px;
}

.block-blog .menu-categories {
    margin: 0;
    padding: 5px 9px;
}

A.awblog_current_comment {
    text-decoration: none !important;
    font-weight: bold !important;
}
/* What is Afterpay modal */
#afterpay-what-is-modal  img.afterpay-modal-image {
    display: block;
}
#afterpay-what-is-modal  img.afterpay-modal-image-mobile{
    display: none;
}

@media only screen
and (max-width : 480px) {
    #afterpay-what-is-modal  img.afterpay-modal-image-mobile {
        display: block;
    }
    #afterpay-what-is-modal  img.afterpay-modal-image{
        display: none;
    }
}

/* Afterpay info in checkout */
#what-is-afterpay-trigger {
    margin-top: 0;
    margin-left: 0;
    float: none;
}

#afterpay-logo {
    height: 18px;
    float: none;
}

#dt_method_afterpaypayovertime span {
    margin-left: 10px;
}

#payment_form_afterpaypayovertime.form-list {
    padding-left: 0;
}

#payment_form_afterpaypayovertime .form-alt {
    display: inline-block; /* shrink-wrap the form, to make the footer align nicely */
}

#payment_form_afterpaypayovertime .total-due p {
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #A1A4A6;
    margin: 0 5px 0 0;
    text-transform: uppercase;
    float: left;
    height: 35px;
    line-height: 38px;
}

#payment_form_afterpaypayovertime .total-due span {
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 30px;
    height: 35px;
    line-height: 35px;
    color: #000000;
}

#payment_form_afterpaypayovertime .instalments {
    margin-bottom: 30px;
    position: relative;
}

#payment_form_afterpaypayovertime .instalments .header-text {
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 9px;
    color: #A1A4A6;
    margin: 10px 0;
    text-transform: uppercase;
    line-height: 20px;
}

#payment_form_afterpaypayovertime .instalments .cost,
#payment_form_afterpaypayovertime .instalments .icon,
#payment_form_afterpaypayovertime .instalments .instalment {
    display: table-row;
    position: relative;
}

#payment_form_afterpaypayovertime .instalments .icon:after {
    content: "";
    background: #f7f7f7;
    display: block;
    height: 1px;
    left: 30px;
    right: 30px;
    margin-top: -5px;
}

#payment_form_afterpaypayovertime .instalments li {
    display: table-cell;
    text-align: center;
    padding: 0 10px;
}

#payment_form_afterpaypayovertime .instalments li:first-child {
    padding-left: 0;
}

#payment_form_afterpaypayovertime .instalments li:last-child {
    padding-right: 0;
}

#payment_form_afterpaypayovertime .instalments .cost {
    font-size: 14px;
    color: #379dd6;
}

#payment_form_afterpaypayovertime .instalments .icon img {
    width: 12px;
    display: inline;
    position: relative;
    z-index: 1;
}

#payment_form_afterpaypayovertime .instalments .instalment {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #A1A4A6;
}

#payment_form_afterpaypayovertime .instalment-footer {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #636363;
    text-align: center;
}

#payment_form_afterpaypayovertime .instalment-footer a {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #A1A4A6;
    text-decoration: underline;
}

@media (min-width: 560px) {
    .checkout-onepage-index #payment_form_afterpaypayovertime .instalments li {
        padding: 0 30px;
    }

    .checkout-onepage-index #payment_form_afterpaypayovertime .instalments .header-text {
        font-size: 12px;
    }

    .checkout-onepage-index #payment_form_afterpaypayovertime .instalments .cost {
        font-size: 25px;
    }
}

/* By default, only show the callout text on the default checkout */
#afterpay-callout {
    display: none;
}

.checkout-onepage-index #afterpay-callout {
    display: block;
    margin-left: 0;
}

/* AW_Onestepcheckout support */
#aw-onestepcheckout-payment-method #payment_form_afterpaypayovertime .instalments .header-text {
    height: auto;
    line-height: 1.5;
}

/* IWD_Opc support */
.opc-index-index #dt_method_afterpaypayovertime img {
    height: auto;
    display: inline-block;
    margin: 7px auto 0;
}

.opc-index-index #dt_method_afterpaypayovertime label a {
    display: none;
}

.opc-index-index #payment_form_afterpaypayovertime .form-alt {
    font-style: normal;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments .header-text {
    height: auto;
    line-height: 1.5;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments .cost li {
    color: #379dd6;
    padding: 0 10px;
    font-size: 20px;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments .cost li:first-child {
    padding-left: 0;
}

.opc-index-index #payment_form_afterpaypayovertime .instalment-footer p {
    color: #636363;
    font-size: 11px;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments .instalment li {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #A1A4A6;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments li {
    padding: 0 20px;
}

/* GoMage Lightcheckout support */
#gcheckout-payment-methods-available #payment_form_afterpaypayovertime .instalments .header-text {
    height: auto;
    line-height: 1.55;
    margin-top: 10px;
}

/* Onetouch on cart page */
.method-afterpay_onetouch h3 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #379dd6;
    font-size: 15px;
    margin-bottom: 5px;
    text-transform: none;
}

.method-afterpay_onetouch p {
    font-size: 12px;
}

.method-afterpay_onetouch .button {
    margin-top: 10px;
    padding: 7px 30px 7px 30px;
}

.method-afterpay_onetouch .button img {
    display:block;
    width: 90px;
    height: 18px;
}

.method-afterpay_onetouch .express-button {
    width: 267px;
    max-width: 100%;
    margin-top: 10px;
    cursor: pointer;
}

#payment_form_afterpaypayovertime li {
    float:none
}

/* Hide the doubled Afterpay Assets */
.product-view .afterpay-installments-amount {
    display:none;
}
.product-view .afterpay-installments-amount:last-of-type {
    display:inline;
}

/* What is Clearpay modal */
#clearpay-what-is-modal  img.clearpay-modal-image {
    display: block;
}
#clearpay-what-is-modal  img.clearpay-modal-image-mobile{
    display: none;
}

@media only screen
and (max-width : 480px) {
    #clearpay-what-is-modal  img.clearpay-modal-image-mobile {
        display: block;
    }
    #clearpay-what-is-modal  img.clearpay-modal-image{
        display: none;
    }
}

/* Clearpay info in checkout */
#what-is-clearpay-trigger {
    margin-top: 0;
    margin-left: 0;
    float: none;
}

#clearpay-logo {
    height: 18px;
    float: none;
}

#dt_method_clearpaypayovertime span {
    margin-left: 10px;
}

#payment_form_clearpaypayovertime.form-list {
    padding-left: 0;
}

#payment_form_clearpaypayovertime .form-alt {
    display: inline-block; /* shrink-wrap the form, to make the footer align nicely */
}

#payment_form_clearpaypayovertime .total-due p {
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #A1A4A6;
    margin: 0 5px 0 0;
    text-transform: uppercase;
    float: left;
    height: 35px;
    line-height: 38px;
}

#payment_form_clearpaypayovertime .total-due span {
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 30px;
    height: 35px;
    line-height: 35px;
    color: #000000;
}

#payment_form_clearpaypayovertime .instalments {
    margin-bottom: 30px;
    position: relative;
}

#payment_form_clearpaypayovertime .instalments .header-text {
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 9px;
    color: #A1A4A6;
    margin: 10px 0;
    text-transform: uppercase;
    line-height: 20px;
}

#payment_form_clearpaypayovertime .instalments .cost,
#payment_form_clearpaypayovertime .instalments .icon,
#payment_form_clearpaypayovertime .instalments .instalment {
    display: table-row;
    position: relative;
}

#payment_form_clearpaypayovertime .instalments .icon:after {
    content: "";
    background: #f7f7f7;
    display: block;
    height: 1px;
    left: 30px;
    right: 30px;
    margin-top: -5px;
}

#payment_form_clearpaypayovertime .instalments li {
    display: table-cell;
    text-align: center;
    padding: 0 10px;
}

#payment_form_clearpaypayovertime .instalments li:first-child {
    padding-left: 0;
}

#payment_form_clearpaypayovertime .instalments li:last-child {
    padding-right: 0;
}

#payment_form_clearpaypayovertime .instalments .cost {
    font-size: 14px;
    color: #379dd6;
}

#payment_form_clearpaypayovertime .instalments .icon img {
    width: 12px;
    display: inline;
    position: relative;
    z-index: 1;
}

#payment_form_clearpaypayovertime .instalments .instalment {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #A1A4A6;
}

#payment_form_clearpaypayovertime .instalment-footer {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #636363;
    text-align: center;
}

#payment_form_clearpaypayovertime .instalment-footer a {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #A1A4A6;
    text-decoration: underline;
}

@media (min-width: 560px) {
    .checkout-onepage-index #payment_form_clearpaypayovertime .instalments li {
        padding: 0 30px;
    }

    .checkout-onepage-index #payment_form_clearpaypayovertime .instalments .header-text {
        font-size: 12px;
    }

    .checkout-onepage-index #payment_form_clearpaypayovertime .instalments .cost {
        font-size: 25px;
    }
}

/* By default, only show the callout text on the default checkout */
#clearpay-callout {
    display: none;
}

.checkout-onepage-index #clearpay-callout {
    display: block;
    margin-left: 0;
}

/* AW_Onestepcheckout support */
#aw-onestepcheckout-payment-method #payment_form_clearpaypayovertime .instalments .header-text {
    height: auto;
    line-height: 1.5;
}

/* IWD_Opc support */
.opc-index-index #dt_method_clearpaypayovertime img {
    height: auto;
    display: inline-block;
    margin: 7px auto 0;
}

.opc-index-index #dt_method_clearpaypayovertime label a {
    display: none;
}

.opc-index-index #payment_form_clearpaypayovertime .form-alt {
    font-style: normal;
}

.opc-index-index #payment_form_clearpaypayovertime .instalments .header-text {
    height: auto;
    line-height: 1.5;
}

.opc-index-index #payment_form_clearpaypayovertime .instalments .cost li {
    color: #379dd6;
    padding: 0 10px;
    font-size: 20px;
}

.opc-index-index #payment_form_clearpaypayovertime .instalments .cost li:first-child {
    padding-left: 0;
}

.opc-index-index #payment_form_clearpaypayovertime .instalment-footer p {
    color: #636363;
    font-size: 11px;
}

.opc-index-index #payment_form_clearpaypayovertime .instalments .instalment li {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #A1A4A6;
}

.opc-index-index #payment_form_clearpaypayovertime .instalments li {
    padding: 0 20px;
}

/* GoMage Lightcheckout support */
#gcheckout-payment-methods-available #payment_form_clearpaypayovertime .instalments .header-text {
    height: auto;
    line-height: 1.55;
    margin-top: 10px;
}

/* Onetouch on cart page */
.method-clearpay_onetouch h3 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #379dd6;
    font-size: 15px;
    margin-bottom: 5px;
    text-transform: none;
}

.method-clearpay_onetouch p {
    font-size: 12px;
}

.method-clearpay_onetouch .button {
    margin-top: 10px;
    padding: 7px 30px 7px 30px;
}

.method-clearpay_onetouch .button img {
    display:block;
    width: 90px;
    height: 18px;
}

.method-clearpay_onetouch .express-button {
    width: 267px;
    max-width: 100%;
    margin-top: 10px;
    cursor: pointer;
}

#payment_form_clearpaypayovertime li {
    float:none
}

/* Hide the doubled Clearpay Assets */
.product-view .clearpay-installments-amount {
    display:none;
}
.product-view .clearpay-installments-amount:last-of-type {
    display:inline;
}

.multishipping-authorization .authentication.message {
    margin: 2em 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: 0px 1px 3px 0px #ccc;
    padding: 1em 2em 1em 2em;
}

/* ccType */
#stripe-payments-accepted-cards img {
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    display: inline-block;
}
#stripe-payments-accepted-cards.stripe-payments-detected img {
    opacity: 0.3;
}
#stripe-payments-accepted-cards.stripe-payments-detected img.active {
    opacity: 1;
}

input#stripe_payments_cc_number {
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    background-position-x: 80%;
    -moz-transition: background-position-x 0.25s ease-in-out;
    -webkit-transition: background-position-x 0.25s ease-in-out;
    transition: background-position-x 0.25s ease-in-out;
}

input#stripe_payments_cc_number.cctype-detected {
    background-position-x: 99%;
}

.adminhtml-sales-order-create-index #payment_form_stripe_payments input[type="text"]
{
    width: 200px;
}

.dialog_content {
    background-color: #fff;
}
.img-preload {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
}

/* Customer Account */
.saved-cards label {
    display: inline;
}
.saved-cards {
    font-size: 1.15em;
}
.saved-cards li {
    margin: 4px 0;
}
#new-card .form-list select {
    width: auto;
}
#new-card .form-list label {
    float: none;
}
#stripe_payments_cc_cid {
    width: 40px;
}

/* Checkout */
#mandates.saved-cards label {
    font-weight: normal;
    margin-left: 4px;
}
ul#payment_form_stripe_payments {
    padding-left: 0px;
    padding-top: 0px;
}
.adminhtml-sales-order-create-index ul#payment_form_stripe_payments {
    padding: 5px 0 10px;
}
ul#payment_form_stripe_payments li {
    display: block;
}
ul#payment_form_stripe_payments li.stripe-new {
    display: none;
}
ul#payment_form_stripe_payments.stripe-new li.stripe-new {
    display: block;
    margin-left: 20px;
}
/* Idev OSC 3-column fixes */
.onestepcheckout-column-middle ul#payment_form_stripe_payments.stripe-new li.stripe-new {
    margin-left: 0;
}
.onestepcheckout-column-middle ul#payment_form_stripe_payments {
    margin: 10px 0;
    padding-left: 0px;
}
/* ~Idev OSC */
.sp-methods .saved-cards li label {
    float: none;
}
.saved-cards {
    margin-top: 14px;
}
.saved-cards input.select {
    position: relative;
    top: -1px;
}
.saved-cards span {
    display: inline-block;
}
.saved-cards span.type {
    font-weight: bold;
    margin-left: 3px;
}
.saved-cards span.exp {
    float: right;
}
.saved-cards label {
    display: inline;
}
.saved-cards span.stripe-payments-fade {
    color: #aaa;
    font-weight: normal;
}
.form-list .saved-cards label {
    float: none;
}
#stripe-payments-card-errors {
    border: 0;
    border-radius: 3px;
    height: 0;
    margin: 0 auto;
    transition: height 1s, margin 1s, border 1s, padding 1s;
    display: inline-block;
    padding: 0 1em;
}
#stripe-payments-card-errors.populated {
    border: 1px hsla(0,100%,50%,0.5) dashed;
    padding: 5px 1em;
    color: #D20;
    height: auto;
    margin: 0.5em auto 1em;
}

/* Card Icons */
#payment_form_stripe_payments span.type.Visa, #payment_form_stripe_payments span.type.visa { background: url(https://www.yolissa.net/skin/frontend/base/default/stripe_payments/img/visa.png) no-repeat; }
#payment_form_stripe_payments span.type.American.Express, #payment_form_stripe_payments span.type.amex { background: url(https://www.yolissa.net/skin/frontend/base/default/stripe_payments/img/amex.png) no-repeat; }
#payment_form_stripe_payments span.type.MasterCard, #payment_form_stripe_payments span.type.mastercard { background: url(https://www.yolissa.net/skin/frontend/base/default/stripe_payments/img/mastercard.png) no-repeat; }
#payment_form_stripe_payments span.type.Discover, #payment_form_stripe_payments span.type.discover { background: url(https://www.yolissa.net/skin/frontend/base/default/stripe_payments/img/discover.png) no-repeat; }
#payment_form_stripe_payments span.type.Diners, #payment_form_stripe_payments span.type.diners { background: url(https://www.yolissa.net/skin/frontend/base/default/stripe_payments/img/diners.png) no-repeat; }
#payment_form_stripe_payments span.type.JCB, #payment_form_stripe_payments span.type.jcb { background: url(https://www.yolissa.net/skin/frontend/base/default/stripe_payments/img/jcb.png) no-repeat; }

#payment_form_stripe_payments span.type.Visa, #payment_form_stripe_payments span.type.visa,
#payment_form_stripe_payments span.type.American.Express, #payment_form_stripe_payments span.type.amex,
#payment_form_stripe_payments span.type.MasterCard, #payment_form_stripe_payments span.type.mastercard,
#payment_form_stripe_payments span.type.Discover, #payment_form_stripe_payments span.type.discover,
#payment_form_stripe_payments span.type.Diners, #payment_form_stripe_payments span.type.diners,
#payment_form_stripe_payments span.type.JCB, #payment_form_stripe_payments span.type.jcb {
    padding-left: 30px;
    background-position-y: -3px;
    background-size: 24px;
}

/* Apple Pay */
#co-payment-form #stripe-apple-pay-section #apple-pay-button,
ul#payment_form_stripe_payments li#apple-pay-section #apple-pay-button {
    background-color: black;
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-size: 100% 24px;
    background-origin: content-box;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 44px;
    padding: 10px 0;
    border-radius: 10px;
}
#co-payment-form #stripe-apple-pay-section,
ul#payment_form_stripe_payments li#apple-pay-section {
    display: none;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
#co-payment-form.payment-request-api-supported #stripe-apple-pay-section,
ul#payment_form_stripe_payments.payment-request-api-supported li#apple-pay-section {
    display: block;
}
#co-payment-form.payment-request-api-supported #stripe-apple-pay-section #apple-pay-button,
ul#payment_form_stripe_payments.payment-request-api-supported li#apple-pay-section #apple-pay-button {
    display: none;
}
#co-payment-form #stripe-apple-pay-section label,
ul#payment_form_stripe_payments li#apple-pay-section label {
    font-weight: bold;
    margin: 10px 0;
    float: none;
    display: block;
}
#stripe-apple-pay-result {
    margin-bottom: 20px;
}
#co-payment-form.apple-pay-success .sp-methods {
    display: none;
}

/* Authorized Apple Pay Result */
#co-payment-form #stripe-apple-pay-result label,
.form-list #apple-pay-result label {
    display: inline-block;
    float: none;
}
#co-payment-form #stripe-apple-pay-result,
ul#payment_form_stripe_payments li#apple-pay-result {
    text-align: center;
    font-size: 1.1em;
    display: none;
}
#stripe-apple-pay-result > div,
#apple-pay-result > div {
    display: block;
    margin: 5px 0;
}
#co-payment-form.apple-pay-success #stripe-apple-pay-result,
ul#payment_form_stripe_payments.apple-pay-success li#apple-pay-result {
    display: block;
}
#co-payment-form.payment-request-api-supported.apple-pay-success #stripe-apple-pay-section,
ul#payment_form_stripe_payments.payment-request-api-supported.apple-pay-success li#apple-pay-section {
    display: none;
}
ul#payment_form_stripe_payments.payment-request-api-supported.apple-pay-success.stripe-new li.stripe-new {
    display: none;
}
ul#payment_form_stripe_payments.payment-request-api-supported.apple-pay-success.stripe-new li#stripe_payments_cc_save_div.stripe-new {
    display: block;
}
ul#payment_form_stripe_payments.apple-pay-success ul#saved-cards {
    display: none;
}

/* Stripe Elements */
#card-details-label {
    display: block;
}
#stripe-payments-card-number {
    width: 225px;
    display: inline-block;
}
.stripe-payments-brand {
    opacity: 0.5;
    height: 24px;
    width: 32px;
    display: inline-block;
    font-size: 20px;
    margin-left: -49px;
    position: relative;
    top: -9px;
}
.stripe-flex {
  display: flex;
  justify-content: space-between;
}
.firecheckout-set .form-list .stripe-payments-elements:after{
    content: '';
}
#stripe-payments-card-expiry {
    width: 48%;
    display: inline-block;
}
#stripe-payments-card-cvc {
    width: 48%;
    display: inline-block;
}
.stripe-elements-field {
    display: inline-block;
    margin: 5px 0 0 0;
    padding: 4px 14px;
    border-style: none;
    background-color: #fefefe;
    box-shadow: 0 6px 9px rgba(50, 50, 93, 0.06), 0 2px 5px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 #fefefe;
    border-radius: 4px;
}
li.stripe-payments-elements.no-wrap {
    white-space: nowrap;
}
.pci-dss-info-block {
    margin: 10px 15px -16px 25px;
    width: 240px;
}
#pci-svg {
    position: relative;
    left: -25px;
    top: 5px;
    opacity: 0.5;
    fill: green;
}
.pci-dss-info-text {
    display: inline-block;
    position: relative;
    top: -20px;
}

/* ACH */

ul.ach-bank-account-details {
    margin: 1em auto;
}
ul.ach-bank-account-details label {
    min-width: 140px;
}
ul.ach-bank-account-details .account-number,
ul.ach-bank-account-details .account-holder-name {
    width: 210px;
}
ul.ach-bank-account-details .account-holder-type {
    width: 215px;
}
#ach-bank-account-details .ach-token .validation-advice {
    display: none;
}
#ach-bank-account-details.showVerificationError .ach-token .validation-advice {
    display: block;
}
#stripe-ach-account-verified {
    color: #47a722;
    font-style: italic;
    display: none;
}
#stripe-ach-account-verified img {
    display: inline;
    height: 1em;
    padding: 2px;
}

/*!
 *  PaymentFont 1.2.5 by @AMPoellmann - http://paymentfont.io
 *  License - http://paymentfont.io/#license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:PaymentFont;src:url(https://www.yolissa.net/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.eot);src:url(https://www.yolissa.net/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.eot?#iefix) format('embedded-opentype'),url(https://www.yolissa.net/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.woff) format('woff2'),url(https://www.yolissa.net/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.woff) format('woff'),url(https://www.yolissa.net/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.ttf) format('truetype'),url(https://www.yolissa.net/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.svg#paymentfont-webfont) format('svg');font-weight:400;font-style:normal}.pf{display:inline-block;font:normal normal normal 14px/1 PaymentFont;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pf-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.pf-2x{font-size:2em}.pf-3x{font-size:3em}.pf-4x{font-size:4em}.pf-5x{font-size:5em}.pf-amazon:before{content:"\f000"}.pf-american-express:before{content:"\f001"}.pf-american-express-alt:before{content:"\f002"}.pf-atm:before{content:"\f003"}.pf-bankomat:before{content:"\f004"}.pf-bank-transfer:before{content:"\f005"}.pf-bitcoin:before{content:"\f006"}.pf-bitcoin-sign:before{content:"\f007"}.pf-braintree:before{content:"\f008"}.pf-btc:before{content:"\f009"}.pf-card:before{content:"\f00a"}.pf-carta-si:before{content:"\f00b"}.pf-cash:before{content:"\f00c"}.pf-cash-on-delivery:before{content:"\f00d"}.pf-cb:before{content:"\f00e"}.pf-cirrus:before{content:"\f00f"}.pf-cirrus-alt:before{content:"\f010"}.pf-clickandbuy:before{content:"\f011"}.pf-credit-card:before{content:"\f012"}.pf-diners:before{content:"\f013"}.pf-discover:before{content:"\f014"}.pf-ec:before{content:"\f015"}.pf-eps:before{content:"\f016"}.pf-eur:before{content:"\f017"}.pf-facture:before{content:"\f018"}.pf-fattura:before{content:"\f019"}.pf-flattr:before{content:"\f01a"}.pf-giropay:before{content:"\f01b"}.pf-google-wallet:before{content:"\f01c"}.pf-google-wallet-alt:before{content:"\f01d"}.pf-gpb:before{content:"\f01e"}.pf-gratipay:before{content:"\f01f"}.pf-ideal:before{content:"\f020"}.pf-ils:before{content:"\f021"}.pf-inr:before{content:"\f022"}.pf-invoice:before{content:"\f023"}.pf-invoice-sign:before{content:"\f024"}.pf-invoice-sign-alt:before{content:"\f025"}.pf-invoice-sign-alt-o:before{content:"\f026"}.pf-invoice-sign-o:before{content:"\f027"}.pf-jcb:before{content:"\f028"}.pf-jpy:before{content:"\f029"}.pf-krw:before{content:"\f02a"}.pf-maestro:before{content:"\f02b"}.pf-maestro-alt:before{content:"\f02c"}.pf-mastercard:before{content:"\f02d"}.pf-mastercard-alt:before{content:"\f02e"}.pf-mastercard-securecode:before{content:"\f02f"}.pf-ogone:before{content:"\f030"}.pf-paybox:before{content:"\f031"}.pf-paylife:before{content:"\f032"}.pf-paypal:before{content:"\f033"}.pf-paypal-alt:before{content:"\f034"}.pf-paysafecard:before{content:"\f035"}.pf-postepay:before{content:"\f036"}.pf-quick:before{content:"\f037"}.pf-rechnung:before{content:"\f038"}.pf-ripple:before{content:"\f039"}.pf-rub:before{content:"\f03a"}.pf-skrill:before{content:"\f03b"}.pf-sofort:before{content:"\f03c"}.pf-square:before{content:"\f03d"}.pf-stripe:before{content:"\f03e"}.pf-truste:before{content:"\f03f"}.pf-try:before{content:"\f040"}.pf-unionpay:before{content:"\f041"}.pf-usd:before{content:"\f042"}.pf-verified-by-visa:before{content:"\f043"}.pf-verisign:before{content:"\f044"}.pf-visa:before{content:"\f045"}.pf-visa-electron:before{content:"\f046"}.pf-western-union:before{content:"\f047"}.pf-western-union-alt:before{content:"\f048"}.pf-wirecard:before{content:"\f049"}.pf-sepa:before{content:"\f04a"}.pf-sepa-alt:before{content:"\f04b"}.pf-apple-pay:before{content:"\f04c"}.pf-interac:before{content:"\f04d"}.pf-paymill:before{content:"\f04e"}.pf-dankort:before{content:"\f04f"}.pf-bancontact-mister-cash:before{content:"\f050"}.pf-moip:before{content:"\f051"}.pf-pagseguro:before{content:"\f052"}.pf-cash-on-pickup:before{content:"\f053"}.pf-sage:before{content:"\f054"}.pf-elo:before{content:"\f055"}.pf-elo-alt:before{content:"\f056"}.pf-payu:before{content:"\f057"}.pf-mercado-pago:before{content:"\f058"}.pf-mercado-pago-sign:before{content:"\f059"}.pf-payshop:before{content:"\f05a"}.pf-multibanco:before{content:"\f05b"}.pf-gratipay-sign:before{content:"\f05c"}.pf-six:before{content:"\f05d"}.pf-cashcloud:before{content:"\f05e"}.pf-interac-alt:before{content:"\f05f"}.pf-klarna:before{content:"\f060"}.pf-bitpay:before{content:"\f061"}.pf-venmo:before{content:"\f062"}.pf-visa-debit:before{content:"\f063"}.pf-alipay:before{content:"\f064"}.pf-diners-alt:before{content:"\f065"}.pf-hipercard:before{content:"\f066"}.pf-skrill-alt:before{content:"\f067"}.pf-shopify:before{content:"\f068"}.pf-direct-debit:before{content:"\f069"}.pf-sodexo:before{content:"\f06a"}.pf-bpay:before{content:"\f06b"}.pf-contactless:before{content:"\f06c"}.pf-contactless-alt:before{content:"\f06d"}.pf-eth:before{content:"\f06e"}.pf-ltc:before{content:"\f06f"}.pf-visa-pay:before{content:"\f070"}.pf-wechat-pay:before{content:"\f071"}.pf-amazon-pay:before{content:"\f072"}.pf-amazon-pay-alt:before{content:"\f073"}
.product-view #payment-request-button {
    margin-bottom: 10px;
}

.cart #payment-request-button {
    width: 184px;
    display: inline-block;
}

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

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

#payment-request-button.disabled,
#payment-request-button.disabled * {
    pointer-events: none !important;
}

#payment-request-button.disabled {
    opacity: 0.5;
    filter: grayscale(50%);
}

#payment-request-button.disabled::after {
    position: relative;
    height: 1em;
    width: 1em;
    display: block;
    left: 50%;
    margin-left: -.5em;
    margin-top: -1.2em;
    content: '';
    -webkit-animation: spin 1s ease-in-out infinite;
    animation: spin 1s ease-in-out infinite;
    background: url(https://www.yolissa.net/skin/frontend/base/default/stripe_payments/img/loader.svg) center center;
    background-size: cover;
    line-height: 1;
    text-align: center;
    font-size: 2em;
    color: rgba(0, 0, 0, .75)
}