@charset "UTF-8";


/* Global CSS*/
* {-webkit-font-smoothing: antialiased;} 

#product_widget {
    max-width: 262px;
    border: 1px solid #b0b0b0;
    background-color: #e5e5e5;
    height: 60px;
    margin-top: 25px;
    position: relative;
    background: #f2f2f2 none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    box-shadow: 0 0 2px 2px #f6f6f6;
    color: #374853;
    font-size: 1.1em;
    margin-bottom: 2em;
    padding-top: 0.5em;
} 

#product_widget #stars {
    text-align: center;
} 

#product_widget #end {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f4bd38 1%, #cc8f24 100%) repeat scroll 0 0;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 2px;
    height: 22px;
    position: absolute;
    width: 100%;
} 

div.ac_rating {
    display: inline-block;
    background: rgba(0, 0, 0, 0) url(//console-retrobox.fr/wp-content/plugins/woo-guaranteed-reviews-company/assets/images/0star.png) no-repeat scroll left bottom;
    height: 24px;
    text-align: left;
    margin-bottom: 0px;
    margin-top: 0px;
    width:122px;
} 

div.ac_rating_bg {
    display: inline-block;
    text-align: left;
    background: transparent url(//console-retrobox.fr/wp-content/plugins/woo-guaranteed-reviews-company/assets/images/5star.png) no-repeat scroll left bottom;
    height: 24px;
} 

#product_widget #end a {
    color: black;
    display: block;
    font-weight: bold;
    margin-top: 3px;
    margin-left: 33px;
} 

#product_widget img#seal {
    width: 96px;
    margin-top: -8px;
} 

#ag-s {
    clear: both;
    color: #6d7f8a;
    margin: 0px 0px 10px 0px !important;
    padding-top: 16px !important;
} 

#ag-s .published {
    font-weight:600;
} 
 
#ag-s #ag-header {
    display: block;
    padding: 5px;
} 

#ag-s #commentaires {
    padding: 10px;
} 

#ag-s .avis-garantis {
    border-top: 2px solid #ccc;
    padding-bottom: 20px;
} 

#ag-s .avis-garantis ul.ag-details {
    list-style: outside none none;
    margin: 15px 0 0;
} 
 
#ag-s .avis-garantis ul.ag-details li {
    display: inline-block;
    height: 25px;
    line-height: 25px;
} 

#ag-s ul#ag-header-text {
    display: inline-block;
    list-style: outside none none;
    margin: 22px;
    vertical-align: top;
} 
 
#more_info_sheets li {
    margin-bottom: 5px;
} 

#ag-s .avis-garantis ul.ag-details li.ag-note {
    font-size: 13px;
    font-weight: 600;
} 
 
#ag-s .ag-tr.top:before {
    border-width: 0 14px 13px;
    bottom: auto;
    left: 10px;
    top: -13px;
} 
#ag-s .ag-tr:before {
    border-color: #d5d5d5 transparent;
    border-style: solid;
    content: "";
    position: absolute;
} 
#ag-s .ag-tr.top:after {
    border-width: 0 13px 13px;
    left: 11px;
    top: -12px;
} 
#ag-s .ag-tr:after {
    border-color: #fff transparent;
    border-style: solid;
    content: "";
    position: absolute;
    width: 0;
} 
#ag-s .ag-tr {
    border: 1px solid #d5d5d5;
    border-radius: 7px;
    color: black;
    margin: 7px 0 3px;
    padding: 12px;
    position: relative;
} 
 
#certificat {
    display: inline-block;
    float: right;
    vertical-align: top;
    font-size: 15px;
} 

#seal_im {
    float: left;
    margin-left: -30px;
    margin-top: -15px;
} 

#stars {
    margin-right: 18px;
} 

.reviewer_name {
    text-transform:capitalize;
} 
 
#agWidgetH p {
    color: #175298;
} 
#ag-s .reviewTxt p {
    color: #111111;
} 
 











.rad{-moz-border-radius: 8px;-webkit-border-radius:8px; border-radius:8px;} 
.rad4{-moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px;} 
meta, .metaHide {display:none !important} 
.agWidget { color:#111111; font-family: 'Open Sans', sans-serif; font-weight:400} 
.inner, .inner2{padding:12px;} 
.reviewGlobal { display:inline-block !important; vertical-align:top !important; color:#175298 !important; } 
.reviewGlobal p {margin:0 !important; padding:0 !important; display:block !important; font-size:12px !important; line-height:12px !important; letter-spacing:0 !important; margin-bottom:10px !important;} 

/* Etoile */
.steavisgarantisStar{ width:111px; max-width:111px; position:relative; margin:0 0 0 -4px; padding:0; height:30px; margin-bottom:4px} 
.steavisgarantisStar span {width:100%; display:block; height:30px; position:absolute; left:0; top:0; background:url(//console-retrobox.fr/wp-content/plugins/woo-guaranteed-reviews-company/assets/images/star_off.png) left center; background-size:111px 30px;} 
.steavisgarantisStar svg.note {  display:block; height:30px; overflow:hidden; width:111px; max-width:111px; position: relative; }
.woocommerce-loop-product__link .steavisgarantisStar { margin: 0 auto; }
.sag_rate {	overflow:hidden; height:30px; position:relative;}
/* Etoiles catégories */
.categoryStarsMain { zoom: 0.61; display: inline;}
.categoryStarsMain .categoryStars {display: inline-block; width: 111px; max-width: 111px; position: relative; margin: 0 0 4px -4px; padding: 0; height: 18px;}
.categoryStars svg.note {  display:block; height:30px; overflow:hidden; position: relative;}
.categoryStarsMain .categoryStarsStr { display: inline-block; font-weight: normal; position: relative; top: -7px;}

/*NOTES*/
.largeNote, .largeNote p{ font-family: 'Oswald', Arial ; font-weight:700; font-size:22px; line-height:22px; letter-spacing:0; color:#175298; } 
.largeNote big { font-size:36px; letter-spacing:-2px;} 

/*list des avis*/
.reviewList { padding:4px 0; margin:8px auto 12px auto; line-height:16px; font-family: 'Open Sans', sans-serif; text-align:left}
.reviewList li{ list-style:none; border-top:1px dashed #c5cee0; padding:10px 0; position:relative}
.author { letter-spacing:0; font-size:15px; line-height:18px; color:#175298; font-weight:600}
.author .authorAvatar { float:left; margin:4px 8px 8px 0; width:24px;}
.author .agFlag { margin:0 0 -3px 5px; width:16px; vertical-align: initial !important; display: inline-block !important; filter: none !important;}
.author .time{ display:inline-block; font-size:9.5px; font-weight:400;}
.customAnswers { font-style: italic; font-size:11px;}
.customAnswerLabel { font-weight: 600;}
.reponse p {display:block; margin:4px 0 0 0; font-size:12px; line-height:14px; letter-spacing:0px}
.reviewTxt span, .reviewTxt p {display:inline-block; font-size:12px; line-height:14px; letter-spacing:0px}
.reviewTxt .postContent {display: block !important;}
.reviewTxt meta {display:none}
.reponse {display:block; padding:8px 12px; background:#ffffff; margin-top:10px }
.reponse span { font-size:11px; line-height:11px; color:#175298; letter-spacing:0}
.reponse span img {margin-right:6px; float:left; width:12px;}
.reponse p { font-style:italic; font-size:12px;}

/*steavisgarantisStats*/
.steavisgarantisStats { display:inline-block;} 
.steavisgarantisStats .item { height:116px; display:inline-block; margin:0 2px} 
.steavisgarantisStats .item .stat, .steavisgarantisStats  .item .name, .steavisgarantisStats .item .stat .note .value   {display:block; width:20px; } 
.steavisgarantisStats .item .stat{ height:88px; background: none; position:relative;  border:0px solid #F00} 
.steavisgarantisStats .item .stat .note { position:absolute; left:0; bottom:0; height:0; width:20px; background:#f5d700; text-align:center} 
.steavisgarantisStats .item .stat .note .value {position:absolute; top:-8px; left:0; font-size:9px; text-align:center; color:#777777  } 
.steavisgarantisStats .item .name { font-size:11px; text-align:center; height:20px; line-height:20px; color:#f5d700; letter-spacing:0} 

/*boutons*/
.agBt { display: inline-block; background:#175298; border:1px solid #175298; color:#ffffff !important; font-size:11px !important; line-height:11px; letter-spacing:1px; text-transform:uppercase; text-align:center; padding:4px 10px; width:auto; text-decoration: none !important; } 
a.agBt.rad4:focus:not(.wp-block-button__link):not(.wp-block-file__button), a.agBt.certificateBtn:focus:not(.wp-block-button__link):not(.wp-block-file__button) {background:#175298;}
.es a.agBt.rad4:focus:not(.wp-block-button__link):not(.wp-block-file__button),.es  a.agBt.certificateBtn:focus:not(.wp-block-button__link):not(.wp-block-file__button) {background:#021F3C;}
.it a.agBt.rad4:focus:not(.wp-block-button__link):not(.wp-block-file__button),.it  a.agBt.certificateBtn:focus:not(.wp-block-button__link):not(.wp-block-file__button) {background:#067a45;}
.agBt:hover { background:none !important; color:#175298 !important; text-decoration:none !important;} 
.agBtBig {font-size:11px; line-height:11px; padding:5px 14px;} 

/* WIDGET HORIZONTAL*/
#agWidgetH{ display:block; width:100%; max-width:275px;  line-height:0; text-align:center; margin:20px 0px;} 

#agWidgetH .logoAg { max-height:77px; display:inline-block; margin-right:6%; outline: none;}
#agWidgetH .inner  {padding-bottom:12px}
#agWidgetH .reviewGlobal {text-align:left}

/*# WIDGET LATERAL*/
#agWidgetSide{ display:block; width:100%; max-width:100%;  line-height:0; text-align:center; padding-bottom:18px} 

#agWidgetSide .inner  {padding:12px 12px 0 12px} 
#agWidgetSide .logoAg {display:block; margin:8px auto 24px auto } 
#agWidgetSide .reviewList {max-height:300px; width:100%; overflow-x: hidden;overflow-y: scroll;} 
#agWidgetSide .reviewList::-webkit-scrollbar-track{border-radius: 2px;background-color: #175298;} 
#agWidgetSide .reviewList::-webkit-scrollbar{width: 2px;    background-color: #f5d700;} 
#agWidgetSide .reviewList::-webkit-scrollbar-thumb{    border-radius: 2px;    background-color: #f5d700;} 
#agWidgetSide .reviewList li { width:92%; margin:0 0 0 5%} 
#agWidgetSide .author { line-height:16px;  font-size:14px; } 

/*WIDGET MAIN*/
.topBar {background:#2c2c2c; color:#ffffff; text-align:center; font-size:13px; line-height:11px; letter-spacing:2px; padding:10px 0; text-transform:uppercase} 
#agWidgetMain { display:block; width:100%; max-width:100%;  line-height:0; text-align:center; overflow:hidden; padding-bottom:12px; margin:0} 

#agWidgetMain .inner { text-align:left; overflow:hidden; height:106px; padding:25px 14px 20px 14px} 
#agWidgetMain .logoCont , #agWidgetMain .statCont, #agWidgetMain .reviewCont { display:inline-block; height:100px;  vertical-align:top; } 
#agWidgetMain .logoCont {display: inline-block; width:41%;  } 
#agWidgetMain .statCont  { width:28%; text-align:center; min-width:140px;} 
#agWidgetMain .reviewCont {width:27%;text-align:right; } 
#agWidgetMain .logoCont img {max-width:151px} 
#agWidgetMain .logoCont .agBt {margin:6px 0 0 12px} 
#agWidgetMain .statCont  .steavisgarantisStats{} 
#agWidgetMain .reviewCont  .reviewGlobal {text-align:center; padding-top:26px } 
#agWidgetMain .largeNote{  font-size:24px; line-height:28px;  letter-spacing:-1px;  } 
#agWidgetMain .largeNote big { font-size:50px; letter-spacing:-3px;} 
#agWidgetMain .reviewList { padding:0; margin:0 auto 8px auto} 
#agWidgetMain .reviewList li { border-top:none; padding:16px 20px; margin:0;} 
#agWidgetMain .largeNote {width:120px; } 
#agWidgetMain .logoAg {display:block; margin:10px} 
#agWidgetMain .steavisgarantisStar { position:absolute; top:12px; right:16px} 
#agWidgetMain .reviewTxt p { font-weight:400; margin:6px 0; letter-spacing:0; padding:0px} 
#agWidgetMain .certificateBtn {padding:5px 15px;} 
#agWidgetMain #chargement{ margin: auto; }

@media (max-width: 600px) {
    #agWidgetMain .statCont {display:none !important} 
    #agWidgetMain .logoCont { width:60%} 
    #agWidgetMain .reviewCont { width:40%} 
} 
@media (max-width: 400px) {
    #agWidgetMain .reviewList .steavisgarantisStar {display:block !important; position:relative; top: auto; right:auto;} 
} 
 
/* Footer Link */
#steavisgarantisFooterVerif {
    text-align:center;
    margin:5px auto;
    display: table;
} 
#steavisgarantisFooterVerif img{
    margin-right: 3px;
    width: 20px !important;
    max-width: 20px;
} 

#steavisgarantisFooterText {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    font-size: 12.5px;
} 

#steavisgarantisFooterText a {
    font-size: 12.5px;
} 
 
/*background*/
.bgGrey0{ background:#f9f9f9} 
.bgGrey1{ background:#f3f3f3} 

#agWidgetH{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+0,fefefe+16,fefefe+26,f3f3f3+51 */
background: #f3f3f3; /* Old browsers */
background: -moz-linear-gradient(left,  #f3f3f3 0%, #fdfdfd 16%, #fefefe 26%, #f3f3f3 51%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f3f3f3 0%,#fdfdfd 16%,#fefefe 26%,#f3f3f3 51%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f3f3f3 0%,#fdfdfd 16%,#fefefe 26%,#f3f3f3 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f3f3f3',GradientType=1 ); /* IE6-9 */
-moz-box-shadow:inset 0px 0px 0px 1px #dfdfdf; box-shadow:inset 0px 0px 0px 1px #dfdfdf;} 

#agWidgetSide , #agWidgetMain{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+7,fefefe+28,f3f3f3+52 */
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 7%, #fefefe 28%, #f3f3f3 52%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fefefe 7%,#fefefe 28%,#f3f3f3 52%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fefefe 7%,#fefefe 28%,#f3f3f3 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
-moz-box-shadow:inset 0px 0px 0px 1px #dfdfdf; box-shadow:inset 0px 0px 0px 1px #dfdfdf;} 

/*transition*/
.agBt { -webkit-transition: background 0.4s ease; -moz-transition: background 0.4s ease;
-ms-transition: background 0.4s ease;-o-transition: background 0.4s ease; transition: background 0.4s ease;} 
 
#agWidgetMain .inner.bgGrey1{
    box-sizing:initial !important;
} 
 
/* Si mobile */
@media screen and (max-width: 750px) {
    .agJsWidget {
        display:none;
    } 
    #steavisgarantis.agWidget.rad {
        display:none;
    } 
} 


/* Définitions de langues */
#ag-s.de .largeNote, .de .largeNote p, .de .author {
	color: #333333;
}


#ag-s.de .author img, .it .author img , .de .reponse img, .it .reponse img {
	filter: grayscale(1);
}

#ag-s.es .author img, .es .reponse img {
	filter: brightness(0.4);
}



#agWidgetH.inline {
  background: none !important;
  box-shadow: none !important;
  max-width: 300px !important;
  margin: 0;
  padding: 10px 0;
}
#agWidgetH.inline .inner {
  padding: 0;
  margin: 0;
}
#agWidgetH.inline .reviewGlobal {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  position: relative !important;
}
#agWidgetH.inline p {
  color: #000 !important;
  text-align: center;
  text-transform: none;
  margin: 0 0 0 10px !important;
  font-weight: 500;
}
#agWidgetH.inline .agBt {
  display: flex !important;
  align-items: center;
  background: none !important;
  border: none !important;
  padding: 0!important;
  margin:0!important;
}

#agWidgetH.inline .steavisgarantisStar{
  margin: 0 !important;
}

#agWidgetH.de p {
	color: #333333;
}

#agWidgetH.it p, .it .largeNote, .it .largeNote p {
	color: #333;
}

#ag-s.it .author {
	color: #333333;
}

#agWidgetH.es p, .es .largeNote, .es .largeNote p {
	color: #021F3C;
}

#ag-s.es .author {
	color: #021F3C;
}

	
.de .agBt:hover { background:none; color:#333333 !important; text-decoration:none !important;}
.de .agBt { 
	background:#333333;
	border: 1px solid #333333;
}
.de .reponse span { color: #333333;}

.it .agBt:hover { background:none; color:#067a45 !important; text-decoration:none !important;}
.it .agBt { 
	background:#067a45;
	border: 1px solid #067a45;
}
.it .reponse span { color: #067a45;}

.es .agBt:hover { background:none; color:#021F3C !important; text-decoration:none !important;}
.es .agBt { 
	background:#021F3C;
	border: 1px solid #021F3C;
}
.es .reponse span { color: #021F3C;}

_::-webkit-full-page-media, _:future, :root .author {

    align-items: inherit!important;

}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}/*! Hint.css - v2.5.0 - 2017-04-23
* http://kushagragour.in/lab/hint/
* Copyright (c) 2017 Kushagra Gour */

[class*=hint--]{position:relative;display:inline-block}[class*=hint--]:after,[class*=hint--]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}[class*=hint--]:hover:after,[class*=hint--]:hover:before{visibility:visible;opacity:1;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}[class*=hint--]:before{content:'';position:absolute;background:0 0;border:6px solid transparent;z-index:1000001}[class*=hint--]:after{background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap;text-shadow:0 -1px 0 #000;box-shadow:4px 4px 8px rgba(0,0,0,.3)}[class*=hint--][aria-label]:after{content:attr(aria-label)}[class*=hint--][data-hint]:after{content:attr(data-hint)}[aria-label='']:after,[aria-label='']:before,[data-hint='']:after,[data-hint='']:before{display:none!important}.hint--top-left:before,.hint--top-right:before,.hint--top:before{border-top-color:#383838}.hint--bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{border-bottom-color:#383838}.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint--top:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--top:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top:hover:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--bottom:after,.hint--bottom:before{top:100%;left:50%}.hint--bottom:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--bottom:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom:hover:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--right:before{border-right-color:#383838;margin-left:-11px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:after,.hint--right:before{left:100%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{border-left-color:#383838;margin-right:-11px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:after,.hint--left:before{right:100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--top-left:after,.hint--top-left:before{bottom:100%;left:50%}.hint--top-left:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--top-left:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top-left:hover:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--top-right:after,.hint--top-right:before{bottom:100%;left:50%}.hint--top-right:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--top-right:hover:after,.hint--top-right:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom-left:after,.hint--bottom-left:before{top:100%;left:50%}.hint--bottom-left:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--bottom-left:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom-left:hover:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--bottom-right:after,.hint--bottom-right:before{top:100%;left:50%}.hint--bottom-right:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--bottom-right:hover:after,.hint--bottom-right:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--large:after,.hint--medium:after,.hint--small:after{white-space:normal;line-height:1.4em;word-wrap:break-word}.hint--small:after{width:80px}.hint--medium:after{width:150px}.hint--large:after{width:300px}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top-left:before,.hint--error.hint--top-right:before,.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom-left:before,.hint--error.hint--bottom-right:before,.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top-left:before,.hint--warning.hint--top-right:before,.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom-left:before,.hint--warning.hint--bottom-right:before,.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #1a3c4d}.hint--info.hint--top-left:before,.hint--info.hint--top-right:before,.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom-left:before,.hint--info.hint--bottom-right:before,.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top-left:before,.hint--success.hint--top-right:before,.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom-left:before,.hint--success.hint--bottom-right:before,.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--always.hint--top-left:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top-left:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--always.hint--top-right:after,.hint--always.hint--top-right:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--always.hint--bottom-left:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom-left:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--always.hint--bottom-right:after,.hint--always.hint--bottom-right:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--no-animate:after,.hint--no-animate:before{-webkit-transition-duration:0s;-moz-transition-duration:0s;transition-duration:0s}.hint--bounce:after,.hint--bounce:before{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)}/* perfect-scrollbar v0.6.14 */
.ps-container{-ms-touch-action:auto;touch-action:auto;overflow:hidden !important;-ms-overflow-style:none}@supports (-ms-overflow-style: none){.ps-container{overflow:auto !important}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.ps-container{overflow:auto !important}}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block;background-color:transparent}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;bottom:0px;height:15px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;bottom:2px;height:6px}.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x,.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x{height:11px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;right:0;width:15px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;right:2px;width:6px}.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y{width:11px}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}
.ps-theme-wpc {
    -ms-touch-action: none;
    touch-action: none;
    overflow: hidden !important;
    -ms-overflow-style: none;
}

@supports (-ms-overflow-style: none) {
    .ps-theme-wpc {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-theme-wpc {
        overflow: auto !important;
    }
}

.ps-theme-wpc.ps-active-x > .ps-scrollbar-x-rail,
.ps-theme-wpc.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: transparent;
}

.ps-theme-wpc.ps-in-scrolling {
    pointer-events: none;
}

.ps-theme-wpc.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: rgba(0, 0, 0, .1) !important;
}

.ps-theme-wpc.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: rgba(0, 0, 0, 1);
}

.ps-theme-wpc.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: rgba(0, 0, 0, .1) !important;
}

.ps-theme-wpc.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: rgba(0, 0, 0, 1);
    width: 2px;
    border-radius: 1px;
}

.ps-theme-wpc > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 2px;
    border-radius: 1px;
}

.ps-theme-wpc > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    position: absolute;
    /* please don't change 'position' */
    background-color: rgba(0, 0, 0, 1);
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    bottom: 0;
    /* there must be 'bottom' for ps-scrollbar-x */
    height: 2px !important;
    border-radius: 1px !important;
}

.ps-theme-wpc > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-theme-wpc > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
    height: 2px;
    border-radius: 1px;
}

.ps-theme-wpc > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 2px;
    border-radius: 1px;
}

.ps-theme-wpc > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    position: absolute;
    /* please don't change 'position' */
    background-color: rgba(0, 0, 0, 1);
    /* border-radius: 0; */
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    right: 0;
    /* there must be 'right' for ps-scrollbar-y */
    width: 2px !important;
    border-radius: 1px !important;
}

.ps-theme-wpc > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-theme-wpc > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
    width: 2px;
    border-radius: 1px;
}

.ps-theme-wpc:hover.ps-in-scrolling {
    pointer-events: none;
}

.ps-theme-wpc:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: rgba(0, 0, 0, 1);
}

.ps-theme-wpc:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: rgba(0, 0, 0, 1);
    height: 2px;
    border-radius: 1px;
}

.ps-theme-wpc:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: rgba(0, 0, 0, 1);
}

.ps-theme-wpc:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: rgba(0, 0, 0, 1);
    width: 2px;
    border-radius: 1px;
}

.ps-theme-wpc:hover > .ps-scrollbar-x-rail:hover {
    background-color: rgba(0, 0, 0, .1);
    opacity: 1;
}

.ps-theme-wpc:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
    background-color: rgba(0, 0, 0, 1);
}

.ps-theme-wpc:hover > .ps-scrollbar-y-rail:hover {
    background-color: rgba(0, 0, 0, .1);
    opacity: 1;
}

.ps-theme-wpc:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
    background-color: rgba(0, 0, 0, 1);
}
/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}
@font-face {
    font-family: 'woofc';
    src: url(//console-retrobox.fr/wp-content/plugins/woo-fly-cart/assets/fonts/woofc.eot);
    src: url(//console-retrobox.fr/wp-content/plugins/woo-fly-cart/assets/fonts/woofc.eot#iefix) format('embedded-opentype'),
    url(//console-retrobox.fr/wp-content/plugins/woo-fly-cart/assets/fonts/woofc.ttf) format('truetype'),
    url(//console-retrobox.fr/wp-content/plugins/woo-fly-cart/assets/fonts/woofc.woff) format('woff'),
    url(//console-retrobox.fr/wp-content/plugins/woo-fly-cart/assets/fonts/woofc.svg#woofc) format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class^="woofc-icon-"], [class*=" woofc-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'woofc' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.woofc-icon-loading:before {
    content: "\e90c";
}

.woofc-icon-cart11:before {
    content: "\e903";
}

.woofc-icon-cart12:before {
    content: "\e904";
}

.woofc-icon-cart13:before {
    content: "\e905";
}

.woofc-icon-cart14:before {
    content: "\e906";
}

.woofc-icon-cart15:before {
    content: "\e907";
}

.woofc-icon-cart16:before {
    content: "\e908";
}

.woofc-icon-loading1:before {
    content: "\f01e";
}

.woofc-icon-loading2:before {
    content: "\f021";
}

.woofc-icon-icon1:before {
    content: "\f06b";
}

.woofc-icon-loading8:before {
    content: "\f110";
}

.woofc-icon-loading3:before {
    content: "\e97a";
}

.woofc-icon-loading4:before {
    content: "\e97b";
}

.woofc-icon-loading5:before {
    content: "\e97e";
}

.woofc-icon-loading6:before {
    content: "\e97f";
}

.woofc-icon-loading7:before {
    content: "\e981";
}

.woofc-icon-loading9:before {
    content: "\e982";
}

.woofc-icon-loading10:before {
    content: "\e983";
}

.woofc-icon-loading11:before {
    content: "\e984";
}

.woofc-icon-icon2:before {
    content: "\e99f";
}

.woofc-icon-cart1:before {
    content: "\e900";
}

.woofc-icon-loading12:before {
    content: "\e90f";
}

.woofc-icon-loading13:before {
    content: "\e910";
}

.woofc-icon-cart2:before {
    content: "\e901";
}

.woofc-icon-shopping-bag:before {
    content: "\e911";
}

.woofc-icon-cart3:before {
    content: "\e902";
}

.woofc-icon-cart4:before {
    content: "\e909";
}

.woofc-icon-cart5:before {
    content: "\e854";
}

.woofc-icon-loading14:before {
    content: "\e863";
}

.woofc-icon-icon3:before {
    content: "\e5cd";
}

.woofc-icon-icon4:before {
    content: "\e313";
}

.woofc-icon-icon5:before {
    content: "\e314";
}

.woofc-icon-icon6:before {
    content: "\e315";
}

.woofc-icon-icon7:before {
    content: "\e316";
}

.woofc-icon-cart6:before {
    content: "\e8cc";
}

.woofc-icon-cart7:before {
    content: "\e8cb";
}

.woofc-icon-loading15:before {
    content: "\e058";
}

.woofc-icon-loading16:before {
    content: "\e080";
}

.woofc-icon-cart8:before {
    content: "\e106";
}

.woofc-icon-icon8:before {
    content: "\e114";
}

.woofc-icon-icon9:before {
    content: "\e115";
}

.woofc-icon-icon10:before {
    content: "\e117";
}

.woofc-icon-cart9:before {
    content: "\e90a";
}

.woofc-icon-cart10:before {
    content: "\e90b";
}

.woofc-icon-loading17:before {
    content: "\e912";
}

@keyframes woofc-spinner {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes woofc-spinner {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes woofc-shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.woofc-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 99999998;
  opacity: 0;
  visibility: hidden;
}

.woofc-area {
  font-size: 14px;
  padding: 0;
  height: 100%;
  max-height: 100%;
  z-index: 99999999;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  /* Rounded */
}
.woofc-area.woofc-slide-no {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.woofc-area > div {
  align-self: stretch;
}
.woofc-area * {
  box-sizing: border-box;
}
.woofc-area .woofc-item-data dl, .woofc-area .woofc-item-data p {
  margin: 0;
}
.woofc-area .woofc-inner {
  width: 100%;
  height: auto;
  position: fixed;
  display: flex;
  flex-direction: column;
}
.woofc-area .woofc-area-bot .woofc-data .woofc-data-right, .woofc-area .woofc-area-bot .woofc-total .woofc-total-right {
  margin-left: 10px;
  font-weight: 700;
}
.woofc-area .woofc-area-bot .woofc-data .woofc-data-right *, .woofc-area .woofc-area-bot .woofc-total .woofc-total-right * {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
.woofc-area.woofc-rounded-yes.woofc-position-01, .woofc-area.woofc-rounded-yes.woofc-position-02 {
  padding: 20px;
}
.woofc-area.woofc-rounded-yes.woofc-position-01 .woofc-inner, .woofc-area.woofc-rounded-yes.woofc-position-02 .woofc-inner {
  position: relative;
}
.woofc-area.woofc-rounded-yes.woofc-position-03 .woofc-inner {
  border-radius: 0 0 4px 4px;
}
.woofc-area.woofc-rounded-yes.woofc-position-04 .woofc-inner {
  border-radius: 4px 4px 0 0;
}
.woofc-area.woofc-rounded-yes .woofc-inner {
  border-radius: 4px;
  overflow: hidden;
}
.woofc-area.woofc-rounded-yes .woofc-inner .woofc-area-mid .woofc-undo .woofc-undo-inner, .woofc-area.woofc-rounded-yes .woofc-inner .woofc-area-mid .woofc-notices .woocommerce-message {
  border-radius: 4px;
}
.woofc-area.woofc-rounded-yes .woofc-inner .woofc-area-mid .woofc-item .woofc-item-inner {
  border-radius: 4px;
}
.woofc-area.woofc-rounded-yes .woofc-inner .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb img {
  border-radius: 4px;
}
.woofc-area.woofc-rounded-yes .woofc-inner .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus {
  border-radius: 4px 0 0 4px;
}
.woofc-area.woofc-rounded-yes .woofc-inner .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus {
  border-radius: 0 4px 4px 0;
}
.woofc-area.woofc-rounded-yes .woofc-inner .woofc-area-bot .woofc-action .woofc-action-inner > div a {
  border-radius: 4px;
}
.woofc-area.woofc-rounded-yes .woofc-inner .woofc-area-bot .woofc-suggested .woofc-suggested-product-image img, .woofc-area.woofc-rounded-yes .woofc-inner .woofc-area-bot .woofc-suggested .woofc-suggested-product-atc .button {
  border-radius: 4px;
}

body.woofc-show .woofc-overlay, body.woofc-show .woofc-area {
  opacity: 1;
  visibility: visible;
}

.woofc-hide {
  display: none !important;
}

/* save for later */
.woofc-area .woofc-item-save {
  display: block;
  margin-top: 5px;
}

.woofc-area .woofc-save-for-later {
  padding: 0 20px;
  margin-top: 15px;
}

.woofc-area .woofc-save-for-later, .woofc-area .woofc-save-for-later a {
  color: #ffffff;
}

.woofc-save-for-later .woosl-heading {
  text-align: center;
  margin-bottom: 10px;
}

.woofc-save-for-later .woosl-heading {
  overflow: hidden;
}

.woofc-save-for-later .woosl-heading span {
  position: relative;
}

.woofc-save-for-later .woosl-heading span:before {
  content: "";
  width: 1000px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  display: block;
  position: absolute;
  top: 50%;
  left: -10px;
  transform: translateX(-100%);
}

.woofc-save-for-later .woosl-heading span:after {
  content: "";
  width: 1000px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  display: block;
  position: absolute;
  top: 50%;
  left: auto;
  right: -10px;
  transform: translateX(100%);
}

.woofc-area.woofc-style-02 .woofc-save-for-later .woosl-heading span:before, .woofc-area.woofc-style-02 .woofc-save-for-later .woosl-heading span:after, .woofc-area.woofc-style-04 .woofc-save-for-later .woosl-heading span:before, .woofc-area.woofc-style-04 .woofc-save-for-later .woosl-heading span:after {
  background-color: rgba(0, 0, 0, 0.5);
}

.woofc-area .woofc-save-for-later .woosl-product {
  display: flex !important;
  align-items: center;
  outline: none;
  margin-left: -5px;
  margin-right: -5px;
}

.woofc-area .woofc-save-for-later .woosl-product-image {
  width: 100px;
  flex: 0 0 100px;
  margin: 0 5px;
}

.woofc-area .woofc-save-for-later .woosl-product-info {
  flex-grow: 1;
  margin: 0 5px;
}

.woofc-area .woofc-save-for-later .woosl-product-name {
  font-weight: 700;
}

.woofc-area .woofc-save-for-later .woosl-product-image img {
  width: 100%;
  height: auto;
  border-radius: 0;
}

.woofc-area .woofc-save-for-later .woosl-product-price {
  opacity: 0.5;
}

.woofc-area .woofc-save-for-later .woosl-product-price * {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.woofc-area .woofc-save-for-later .woosl-product-atc .add_to_cart_inline {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  font-size: 0;
}

.woofc-area .woofc-save-for-later .woosl-product-atc .add_to_cart_inline del, .woofc-area .woofc-save-for-later .woosl-product-atc .add_to_cart_inline ins, .woofc-area .woofc-save-for-later .woosl-product-atc .add_to_cart_inline .price, .woofc-area .woofc-save-for-later .woosl-product-atc .add_to_cart_inline .amount {
  display: none;
}

.woofc-area .woofc-save-for-later .woosl-product-atc .button {
  margin-top: 5px;
  font-size: 12px;
  height: 32px;
  line-height: 30px;
  padding: 0 15px;
  background-color: #ffffff;
  color: #222222;
  border: 1px solid #ffffff;
  text-transform: uppercase;
  font-weight: normal;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area .woofc-save-for-later .woosl-product-atc .button:hover {
  color: #ffffff;
  background-color: transparent;
}

.woofc-area.woofc-style-02 .woofc-save-for-later, .woofc-area.woofc-style-04 .woofc-save-for-later {
  color: #222222;
}

.woofc-area.woofc-style-02 .woofc-save-for-later a, .woofc-area.woofc-style-04 .woofc-save-for-later a {
  color: #222222;
}

.woofc-area.woofc-style-02 .woofc-save-for-later .woosl-product-atc .button, .woofc-area.woofc-style-04 .woofc-save-for-later .woosl-product-atc .button {
  color: #222222;
  border: 1px solid #eeeeee;
  background-color: #eeeeee;
}

.woofc-area.woofc-style-02 .woofc-save-for-later .woosl-product-atc .button:hover, .woofc-area.woofc-style-04 .woofc-save-for-later .woosl-product-atc .button:hover {
  color: #222222;
  border: 1px solid #222222;
  background-color: transparent;
}

/* upsell funnel */
.woofc-area .woofc-upsell-funnel {
  padding: 0 20px;
  margin-top: 15px;
}
.woofc-area .woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-header {
  text-align: center;
  overflow: hidden;
}
.woofc-area .woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-header .wpcuf-uf-heading {
  font-size: inherit;
  font-weight: inherit;
  position: relative;
  display: inline;
}
.woofc-area .woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-header .wpcuf-uf-heading:before {
  content: "";
  width: 1000px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  display: block;
  position: absolute;
  top: 50%;
  left: -10px;
  transform: translateX(-100%);
}
.woofc-area .woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-header .wpcuf-uf-heading:after {
  content: "";
  width: 1000px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  display: block;
  position: absolute;
  top: 50%;
  left: auto;
  right: -10px;
  transform: translateX(100%);
}

.woofc-area.woofc-style-02 .woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-header .wpcuf-uf-heading:before, .woofc-area.woofc-style-02 .woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-header .wpcuf-uf-heading:after, .woofc-area.woofc-style-04 .woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-header .wpcuf-uf-heading:before, .woofc-area.woofc-style-04 .woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-header .wpcuf-uf-heading:after {
  background-color: rgba(0, 0, 0, 0.5);
}

.woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-products.slick-initialized {
  display: block;
}
.woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-products.slick-initialized .wpcuf-uf-product {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: start;
}
.woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-products.slick-initialized .wpcuf-uf-product .wpcuf-uf-product-image {
  width: 100px;
  flex: 0 0 100px;
  margin: 0 5px;
}
.woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-products.slick-initialized .wpcuf-uf-product .wpcuf-uf-product-info {
  flex-grow: 1;
  margin: 0 5px;
}

/* cross sells */
.woofc-area .woofc-suggested {
  padding: 0 20px;
  margin-top: 15px;
  color: #ffffff;
}

.woofc-area .woofc-suggested .woofc-suggested-products-slick {
  display: none;
}

.woofc-area .woofc-suggested .woofc-suggested-products-slick.slick-initialized {
  display: block;
}

.woofc-suggested-products:not(.woofc-suggested-products-slick) .woofc-suggested-product {
  margin-bottom: 10px;
}

.woofc-suggested-products:not(.woofc-suggested-products-slick) .woofc-suggested-product:last-child {
  margin-bottom: 0;
}

.woofc-area .woofc-suggested a {
  color: #ffffff;
  outline: none;
}

.woofc-area .woofc-suggested-heading {
  text-align: center;
  margin-bottom: 10px;
  overflow: hidden;
}

.woofc-area .woofc-suggested-heading span {
  position: relative;
}

.woofc-area .woofc-suggested-heading span:before {
  content: "";
  width: 1000px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  display: block;
  position: absolute;
  top: 50%;
  left: -10px;
  transform: translateX(-100%);
}

.woofc-area .woofc-suggested-heading span:after {
  content: "";
  width: 1000px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  display: block;
  position: absolute;
  top: 50%;
  left: auto;
  right: -10px;
  transform: translateX(100%);
}

.woofc-area.woofc-style-02 .woofc-suggested-heading span:before, .woofc-area.woofc-style-02 .woofc-suggested-heading span:after, .woofc-area.woofc-style-04 .woofc-suggested-heading span:before, .woofc-area.woofc-style-04 .woofc-suggested-heading span:after {
  background-color: rgba(0, 0, 0, 0.5);
}

.woofc-area .woofc-suggested .woofc-suggested-product {
  display: flex !important;
  align-items: center;
  outline: none;
  margin-left: -5px;
  margin-right: -5px;
}

.woofc-area .woofc-suggested .woofc-suggested-product-image {
  width: 100px;
  flex: 0 0 100px;
  margin: 0 5px;
}

.woofc-area .woofc-suggested .woofc-suggested-product-info {
  flex-grow: 1;
  margin: 0 5px;
}

.woofc-area .woofc-suggested .woofc-suggested-product-name {
  font-weight: 700;
}

.woofc-area .woofc-suggested .woofc-suggested-product-image img {
  width: 100%;
  height: auto;
  border-radius: 0;
}

.woofc-area .woofc-suggested .woofc-suggested-product-price {
  opacity: 0.5;
}

.woofc-area .woofc-suggested .woofc-suggested-product-price * {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.woofc-area .woofc-suggested .woofc-suggested-product-atc .add_to_cart_inline {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  font-size: 0;
}

.woofc-area .woofc-suggested .woofc-suggested-product-atc .add_to_cart_inline del, .woofc-area .woofc-suggested .woofc-suggested-product-atc .add_to_cart_inline ins, .woofc-area .woofc-suggested .woofc-suggested-product-atc .add_to_cart_inline .price, .woofc-area .woofc-suggested .woofc-suggested-product-atc .add_to_cart_inline .amount {
  display: none;
}

.woofc-area .woofc-suggested .woofc-suggested-product-atc .button {
  margin-top: 5px;
  font-size: 12px;
  height: 32px;
  line-height: 30px;
  padding: 0 15px;
  background-color: #ffffff;
  color: #222222;
  border: 1px solid #ffffff;
  text-transform: uppercase;
  font-weight: normal;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area .woofc-suggested .woofc-suggested-product-atc .button:hover {
  color: #ffffff;
  background-color: transparent;
}

.woofc-area.woofc-style-02 .woofc-suggested, .woofc-area.woofc-style-04 .woofc-suggested {
  color: #222222;
}

.woofc-area.woofc-style-02 .woofc-suggested a, .woofc-area.woofc-style-04 .woofc-suggested a {
  color: #222222;
}

.woofc-area.woofc-style-02 .woofc-suggested .woofc-suggested-product-atc .button, .woofc-area.woofc-style-04 .woofc-suggested .woofc-suggested-product-atc .button {
  color: #222222;
  border: 1px solid #eeeeee;
  background-color: #eeeeee;
}

.woofc-area.woofc-style-02 .woofc-suggested .woofc-suggested-product-atc .button:hover, .woofc-area.woofc-style-04 .woofc-suggested .woofc-suggested-product-atc .button:hover {
  color: #222222;
  border: 1px solid #222222;
  background-color: transparent;
}

/* slick */
.woofc-area .slick-dots {
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
}

.woofc-area .slick-dots li {
  display: inline-block;
  margin: 0 5px;
  font-size: 0;
}

.woofc-area .slick-dots li button {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  padding: 0;
  font-size: 0;
  line-height: 0;
  border: none;
  background-color: rgba(255, 255, 255, 0.5);
  outline: none;
  overflow: hidden;
}

.woofc-area .slick-dots li.slick-active button {
  background-color: rgb(255, 255, 255);
}

.woofc-area.woofc-style-02 .slick-dots li button, .woofc-area.woofc-style-04 .slick-dots li button {
  background-color: #eeeeee;
}

.woofc-area.woofc-style-02 .slick-dots li.slick-active button, .woofc-area.woofc-style-04 .slick-dots li.slick-active button {
  background-color: #222222;
}

/* shipping */
.woofc-shipping {
  cursor: pointer;
  text-decoration: underline;
}

.woofc-shipping:after {
  content: "✎";
  margin-left: 10px;
  text-decoration: none;
}

.woofc-shipping.woofc-shipping-open:after {
  content: "↑";
}

.woofc-shipping-area {
  color: #ffffff;
  padding: 0 20px;
  height: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-shipping-area.woofc-shipping-area-open {
  height: auto;
  max-height: 600px;
}

.woofc-shipping-inner {
  padding: 20px;
  margin: 10px 0;
  background-color: rgba(255, 255, 255, 0.1);
}

.woofc-shipping-area .woocommerce-shipping-calculator .shipping-calculator-form p {
  margin-bottom: 0;
}

.woofc-shipping-area .woocommerce-shipping-calculator .shipping-calculator-form p.form-row {
  margin-bottom: 10px;
}

.woofc-shipping-area .woocommerce-shipping-calculator [type=submit] {
  display: block;
  width: 100%;
}

.woofc-shipping-area .woocommerce-shipping-calculator input, .woofc-shipping-area .woocommerce-shipping-calculator select, .woofc-shipping-area .woocommerce-shipping-calculator button {
  border-radius: 0;
  border: none;
  color: #222222;
  background-color: #ffffff;
  padding-left: 15px;
  padding-right: 15px;
}

.woofc-area .shipping-calculator-form {
  display: block !important;
}

.woofc-area .shipping-calculator-button {
  display: none !important;
}

.woofc-shipping-destination {
  margin-bottom: 10px;
}

.woofc-shipping-methods {
  list-style: none;
  padding: 0;
  margin: 0;
}

.woofc-shipping-methods label {
  cursor: pointer;
  display: flex;
  align-items: center;
}

.woofc-shipping-methods label > span {
  margin-left: 5px;
}

.woofc-shipping-method {
  vertical-align: baseline;
  margin-right: 5px;
}

.woofc-area .wpcfb-wrap {
  display: block;
  width: 100%;
}

.woofc-area .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .quantity {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.woofc-area .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .quantity input {
  margin: 0 !important;
}

.woofc-area .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .plus, .woofc-area .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .minus, .woofc-area .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .increase, .woofc-area .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .decrease {
  display: none !important;
}

.woofc-area .woofc-inner.woofc-inner-loading:before {
  content: "\e90c";
  font-family: "woofc";
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  line-height: 24px;
  color: #ffffff;
  display: block;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
  position: absolute;
  vertical-align: baseline;
  top: 50%;
  left: 50%;
  z-index: 97;
  -webkit-animation: woofc-spinner 1s linear infinite;
  -moz-animation: woofc-spinner 1s linear infinite;
  -ms-animation: woofc-spinner 1s linear infinite;
  -o-animation: woofc-spinner 1s linear infinite;
  animation: woofc-spinner 1s linear infinite;
}

.woofc-area .woofc-inner.woofc-inner-loading:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: 0;
}

.woofc-area .woofc-area-mid .woofc-item.woofc-item-has-not-remove .woofc-item-remove {
  display: none !important;
}

/* Checkout */
.woofc-checkout-area {
  background-color: #ffffff !important;
  background-image: none !important;
}

.woofc-checkout-area:after {
  display: none !important;
}

.woofc-checkout-area.woofc-inner-loading:before {
  color: #222222 !important;
}

.woofc-checkout-area.woofc-inner-loading:after {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.woofc-checkout-area .woofc-area-mid {
  margin-bottom: 0 !important;
}

.woofc-area form.checkout {
  display: flex;
  flex-direction: column;
}

.woofc-area form.checkout > *, .woofc-area form.checkout .row > * {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  flex: 0 0 auto !important;
}

.woofc-checkout-form {
  padding-left: 20px;
  padding-right: 20px;
}

.woofc-checkout-area .woofc-area-top {
  padding: 0 60px !important;
}

.woofc-checkout-area .woofc-area-top, .woofc-checkout-area .woofc-area-top .woofc-back, .woofc-checkout-area .woofc-area-top .woofc-close {
  color: #222222 !important;
}

.woofc-checkout-area .woofc-area-top .woofc-back {
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  cursor: pointer;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Undo */
.woofc-area .woofc-area-mid .woofc-undo {
  padding: 0 20px;
  margin: 0 0 10px 0;
}

.woofc-area .woofc-area-mid .woofc-undo .woofc-undo-inner {
  padding: 10px 15px;
  color: #ffffff;
  background-color: transparent;
  background: none;
  border-width: 1px;
  border-style: dashed;
  border-color: #ffffff;
  display: flex;
  justify-content: space-between;
}

.woofc-area .woofc-area-mid .woofc-undo .woofc-undo-inner a {
  color: #ffffff;
  outline: none;
}

/* Notices */
.woofc-area .woofc-area-mid .woofc-notices {
  padding: 0 20px;
  margin: 0 0 10px 0;
}

.woofc-area .woofc-area-mid .woofc-notices .woocommerce-message, .woofc-area .woofc-area-mid .woofc-notices .woocommerce-info, .woofc-area .woofc-area-mid .woofc-notices .woocommerce-error {
  margin: 0;
  padding: 10px 15px 10px 40px;
  border-radius: 0;
  background-color: transparent;
  background: none;
  border-width: 1px;
  border-style: dashed;
  border-color: #ffffff;
  color: #ffffff;
}

.woofc-area .woofc-area-mid .woofc-notices .woocommerce-message:before, .woofc-area .woofc-area-mid .woofc-notices .woocommerce-info:before, .woofc-area .woofc-area-mid .woofc-notices .woocommerce-error:before {
  position: absolute;
  top: 10px;
  left: 15px;
}

body.rtl .woofc-area .woofc-area-mid .woofc-notices .woocommerce-message, body.rtl .woofc-area .woofc-area-mid .woofc-notices .woocommerce-info, body.rtl .woofc-area .woofc-area-mid .woofc-notices .woocommerce-error {
  padding: 10px 40px 10px 15px;
}

body.rtl .woofc-area .woofc-area-mid .woofc-notices .woocommerce-message:before, body.rtl .woofc-area .woofc-area-mid .woofc-notices .woocommerce-info:before, body.rtl .woofc-area .woofc-area-mid .woofc-notices .woocommerce-error:before {
  left: auto;
  right: 15px;
}

/* Effect 01 */
.woofc-area.woofc-position-01 {
  position: fixed;
  top: 0;
  left: 100%;
  width: 100%;
  max-width: 460px;
  box-sizing: border-box;
  text-align: start;
  -webkit-transform: translate3d(20px, 0, 0);
  transform: translate3d(20px, 0, 0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-position-01 .woofc-inner {
  height: 100%;
  max-height: 100%;
}

.woofc-show .woofc-area.woofc-position-01, .woofc-area.woofc-position-01.woofc-slide-no {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

/* Effect 02 */
.woofc-area.woofc-position-02 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 460px;
  box-sizing: border-box;
  text-align: start;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-position-02 .woofc-inner {
  height: 100%;
  max-height: 100%;
}

.woofc-show .woofc-area.woofc-position-02, .woofc-area.woofc-position-02.woofc-slide-no {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

/* Effect 03 */
.woofc-area.woofc-position-03 {
  position: fixed;
  top: -100%;
  left: 50%;
  width: 100%;
  max-width: 460px;
  box-sizing: border-box;
  text-align: start;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.woofc-area.woofc-position-03 .woofc-inner {
  max-height: 80%;
}

.woofc-show .woofc-area.woofc-position-03, .woofc-area.woofc-position-03.woofc-slide-no {
  top: 0;
}

/* Effect 04 */
.woofc-area.woofc-position-04 {
  position: fixed;
  bottom: -100%;
  left: 50%;
  width: 100%;
  max-width: 460px;
  box-sizing: border-box;
  text-align: start;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.woofc-area.woofc-position-04 .woofc-inner {
  max-height: 80%;
  bottom: 0;
}

.woofc-show .woofc-area.woofc-position-04, .woofc-area.woofc-position-04.woofc-slide-no {
  bottom: 0;
}

/* Effect 05 */
.woofc-area.woofc-position-05 {
  position: fixed;
  left: 50%;
  top: 0;
  width: 100%;
  max-width: 460px;
  box-sizing: border-box;
  text-align: start;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-position-05 .woofc-inner {
  max-height: 80%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.woofc-show .woofc-area.woofc-position-05, .woofc-area.woofc-position-05.woofc-slide-no {
  top: 50%;
}

/* Style 01 */
.woofc-area.woofc-style-01 .woofc-inner {
  background-color: #cc6055;
}

.woofc-area.woofc-style-01 .woofc-area-top {
  height: 48px;
  line-height: 48px;
  padding: 0 60px 0 20px;
  position: relative;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  background-color: rgba(0, 0, 0, 0.2);
}

.woofc-area.woofc-style-01 .woofc-area-top .woofc-area-heading {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.woofc-area.woofc-style-01 .woofc-area-top .woofc-close {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  cursor: pointer;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.woofc-area.woofc-style-01 .woofc-area-mid {
  flex-grow: 1;
  position: relative;
  margin: 0 0 20px 0;
  padding: 20px 0 0 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item {
  padding: 0 20px;
  margin: 10px 0 0 0;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item:first-child {
  margin: 0;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item a {
  text-decoration: none;
  outline: none;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner {
  padding: 10px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: #ffffff;
  margin: 0;
  box-sizing: border-box;
  position: relative;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner > div {
  margin: 0 5px;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb {
  width: 80px;
  flex: 0 0 80px;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb img {
  width: 100%;
  height: auto;
  float: left;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info {
  flex-grow: 1;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
  line-height: 1.2;
  color: #222222;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title a {
  text-decoration: none;
  color: #222222;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-data {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 5px;
  display: block;
  white-space: pre-line;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-data span {
  text-transform: capitalize;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price del {
  color: #999;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price ins {
  background: none;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price span {
  font-size: 12px !important;
  font-weight: 400 !important;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty a {
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #444;
  background-color: #eeeeee;
  display: inline-block;
  padding: 0 10px;
  text-decoration: none;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner {
  position: relative;
  text-align: center;
  display: flex;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
  width: 30px;
  height: 30px;
  line-height: 30px;
  min-height: 0;
  padding: 0;
  margin: 0;
  text-align: center;
  border: none;
  outline: none;
  display: block;
  color: #444;
  background-color: #eeeeee;
  -moz-appearance: textfield;
  box-shadow: none;
  font-size: 12px;
  font-weight: 400;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input:focus {
  font-size: 12px;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input::-webkit-outer-spin-button, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #444;
  background-color: #eeeeee;
  font-size: 12px;
  font-weight: 400;
  display: block;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus:hover, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus:hover, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual:hover {
  background-color: #dddddd;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  right: 0px;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  outline: none;
  text-decoration: none;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove span, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  display: inline-block;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item.woofc-item-has-remove:hover .woofc-item-inner {
  -webkit-transform: translate3d(-20px, 0, 0);
  transform: translate3d(-20px, 0, 0);
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-special {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(30px, -50%, 0);
  transform: translate3d(30px, -50%, 0);
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item.woofc-item-removing {
  opacity: 0.5;
}

.woofc-area.woofc-style-01 .woofc-area-bot {
  padding-bottom: 20px;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon {
  padding: 0 20px;
  margin: 0;
  color: #ffffff;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon .woofc-coupon-input {
  display: flex;
  justify-content: space-between;
  padding: 0 0 10px 0;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code {
  flex-grow: 1;
  background-color: transparent;
  box-shadow: none;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.5);
  padding: 0;
  color: #ffffff;
  height: 34px;
  min-height: 34px;
  line-height: 34px;
  border-radius: 0;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code:focus {
  outline: none;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check {
  background-color: transparent;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0;
  color: #ffffff;
  height: 34px;
  line-height: 34px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #ffffff;
  border-radius: 0;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check:focus {
  outline: none;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check.checking {
  opacity: 0.5;
  pointer-events: none;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon .woofc-coupon-added {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove {
  width: 20px;
  display: inline-block;
  cursor: pointer;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove:hover {
  opacity: 0.5;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove.removing {
  opacity: 0.5;
  pointer-events: none;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-data, .woofc-area.woofc-style-01 .woofc-area-bot .woofc-total {
  padding: 0 20px;
  margin: 0;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-action {
  padding: 15px 15px 0 15px;
  margin: 0;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-action .woofc-action-inner {
  display: flex;
  align-items: center;
  width: 100%;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-action .woofc-action-inner > div {
  width: 50%;
  margin: 0 5px;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-action .woofc-action-inner .woofc-action-full {
  width: 100%;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-action .woofc-action-inner > div a {
  height: 40px;
  line-height: 36px;
  text-align: center;
  padding: 0 10px;
  box-sizing: border-box;
  background-color: #ffffff;
  color: #cc6055;
  font-weight: 700;
  border: 2px solid #ffffff;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-action .woofc-action-inner > div a:hover {
  background-color: transparent;
  color: #ffffff;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-link {
  padding: 0 20px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-link span {
  color: #ffffff;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-link span:hover {
  opacity: 0.7;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-continue {
  text-align: center;
  padding: 0 20px;
  margin-top: 15px;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-continue span {
  color: #ffffff;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-continue span:hover {
  opacity: 0.7;
}

.woofc-area.woofc-style-01 .woofc-no-item, .woofc-area.woofc-style-01 .woofc-error {
  padding: 20px;
  text-align: center;
  color: #ffffff;
}

@media only screen and (max-width: 768px) {
  .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item.woofc-item-has-remove .woofc-item-inner {
    padding: 10px 40px 10px 10px;
  }

  .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special {
    opacity: 1;
    visibility: visible;
    color: #999;
    right: 10px;
  }

  .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item:hover .woofc-item-inner {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-special {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
}
/* Style 02 */
.woofc-area.woofc-style-02 .woofc-inner {
  background-color: #ffffff;
}

.woofc-area.woofc-style-02 .woofc-inner.woofc-inner-loading:before {
  color: #222222;
}

.woofc-area.woofc-style-02 .woofc-inner.woofc-inner-loading:after {
  background-color: rgba(255, 255, 255, 0.7);
}

.woofc-area.woofc-style-02 .woofc-area-top {
  height: 48px;
  line-height: 48px;
  padding: 0 60px 0 20px;
  position: relative;
  text-transform: uppercase;
  color: #222222;
  font-weight: 700;
  background-color: #eeeeee;
}

.woofc-area.woofc-style-02 .woofc-area-top .woofc-area-heading {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.woofc-area.woofc-style-02 .woofc-area-top .woofc-close {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  cursor: pointer;
  font-size: 20px;
  color: #222222;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.woofc-area.woofc-style-02 .woofc-area-mid {
  flex-grow: 1;
  position: relative;
  margin: 0 0 20px 0;
  padding: 10px 0 0 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item {
  padding: 0 20px;
  margin: 0;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item:first-child .woofc-item-inner {
  border-top: none;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item a {
  text-decoration: none;
  outline: none;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-undo .woofc-undo-inner {
  border-color: #222222;
  color: #222222;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-undo .woofc-undo-inner a {
  color: #222222;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner {
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: #ffffff;
  border-top: 1px dashed #eeeeee;
  margin: 0;
  box-sizing: border-box;
  position: relative;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb {
  width: 80px;
  flex: 0 0 80px;
  margin-right: 10px;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb img {
  width: 100%;
  height: auto;
  float: left;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info {
  flex-grow: 1;
  margin-right: 10px;
}

body.rtl .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb, body.rtl .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info {
  margin-right: 0;
  margin-left: 10px;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
  line-height: 1.2;
  color: #222222;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title a {
  text-decoration: none;
  color: #222222;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-data {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 5px;
  display: block;
  white-space: pre-line;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-data span {
  text-transform: capitalize;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price del {
  color: #999;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price ins {
  background: none;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price span {
  font-size: 12px !important;
  font-weight: 400 !important;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty a {
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #444;
  background-color: #eeeeee;
  display: inline-block;
  padding: 0 10px;
  text-decoration: none;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner {
  position: relative;
  text-align: center;
  display: flex;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
  width: 30px;
  height: 30px;
  line-height: 30px;
  min-height: 0;
  padding: 0;
  margin: 0;
  text-align: center;
  border: none;
  outline: none;
  display: block;
  color: #444;
  background-color: #eeeeee;
  -moz-appearance: textfield;
  box-shadow: none;
  font-size: 12px;
  font-weight: 400;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input:focus {
  font-size: 12px;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input::-webkit-outer-spin-button, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #444;
  background-color: #eeeeee;
  font-size: 12px;
  font-weight: 400;
  display: block;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus:hover, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus:hover, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual:hover {
  background-color: #dddddd;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  right: 0px;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #444;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  outline: none;
  text-decoration: none;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove span, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  display: inline-block;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item.woofc-item-has-remove:hover .woofc-item-inner {
  -webkit-transform: translate3d(-20px, 0, 0);
  transform: translate3d(-20px, 0, 0);
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-special {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(25px, -50%, 0);
  transform: translate3d(25px, -50%, 0);
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item.woofc-item-removing {
  opacity: 0.5;
}

.woofc-area.woofc-style-02 .woofc-area-bot {
  padding-bottom: 20px;
}

.woofc-area.woofc-style-02 .woofc-shipping-area {
  color: #222222;
}

.woofc-area.woofc-style-02 .woofc-shipping-area .woocommerce-shipping-calculator input, .woofc-area.woofc-style-02 .woofc-shipping-area .woocommerce-shipping-calculator select, .woofc-area.woofc-style-02 .woofc-shipping-area .woocommerce-shipping-calculator button {
  background-color: rgba(0, 0, 0, 0.05);
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon {
  padding: 0 20px;
  margin: 0;
  color: #222222;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon .woofc-coupon-input {
  display: flex;
  justify-content: space-between;
  padding: 0 0 10px 0;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code {
  flex-grow: 1;
  background-color: transparent;
  box-shadow: none;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.5);
  padding: 0;
  color: #222222;
  height: 34px;
  min-height: 34px;
  line-height: 34px;
  border-radius: 0;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code:focus {
  outline: none;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check {
  background-color: transparent;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0;
  color: #222222;
  height: 34px;
  line-height: 34px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #222222;
  border-radius: 0;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check:focus {
  outline: none;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check.checking {
  opacity: 0.5;
  pointer-events: none;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon .woofc-coupon-added {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove {
  width: 20px;
  display: inline-block;
  cursor: pointer;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove:hover {
  opacity: 0.5;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove.removing {
  opacity: 0.5;
  pointer-events: none;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-data, .woofc-area.woofc-style-02 .woofc-area-bot .woofc-total {
  padding: 0 20px;
  margin: 0;
  color: #222222;
  display: flex;
  justify-content: space-between;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-action {
  padding: 15px 15px 0 15px;
  margin: 0;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner {
  display: flex;
  width: 100%;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner > div {
  width: 50%;
  margin: 0 5px;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner .woofc-action-full {
  width: 100%;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner > div a {
  height: 40px;
  line-height: 36px;
  text-align: center;
  padding: 0 10px;
  box-sizing: border-box;
  background-color: #ffffff;
  color: #cc6055;
  font-weight: 700;
  border-width: 2px;
  border-style: solid;
  border-color: #cc6055;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner > div a:hover {
  background-color: #cc6055;
  color: #ffffff;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-link {
  padding: 0 20px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-link span {
  color: #444;
  text-transform: uppercase;
  border-bottom: 1px solid #444;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-link span:hover {
  opacity: 0.7;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-continue {
  text-align: center;
  padding: 0 20px;
  margin-top: 15px;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-continue span {
  color: #444;
  text-transform: uppercase;
  border-bottom: 1px solid #444;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-continue span:hover {
  opacity: 0.7;
}

.woofc-area.woofc-style-02 .woofc-no-item, .woofc-area.woofc-style-02 .woofc-error {
  padding: 20px;
  text-align: center;
  color: #222222;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-notices {
  margin-bottom: 10px;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-notices .woocommerce-message, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-notices .woocommerce-info, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-notices .woocommerce-error {
  border-color: #222222;
  color: #222222;
}

.woofc-area.woofc-style-02 .woofc-area-mid .woofc-notices .woocommerce-message:before, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-notices .woocommerce-info:before, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-notices .woocommerce-error:before {
  color: #222222;
}

@media only screen and (max-width: 768px) {
  .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item.woofc-item-has-remove .woofc-item-inner {
    padding: 10px 30px 10px 0;
  }

  .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special {
    opacity: 1;
    visibility: visible;
    color: #999;
    right: 0;
  }

  .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item:hover .woofc-item-inner {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-special {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
}
/* Style 03 */
.woofc-area.woofc-style-03 .woofc-inner {
  background-color: #ffffff;
}

.woofc-area.woofc-style-03 .woofc-area-top {
  height: 48px;
  line-height: 48px;
  padding: 0 60px 0 20px;
  position: relative;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  background-color: rgba(0, 0, 0, 0.2);
}

.woofc-area.woofc-style-03 .woofc-area-top .woofc-area-heading {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.woofc-area.woofc-style-03 .woofc-area-top .woofc-close {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  cursor: pointer;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.woofc-area.woofc-style-03 .woofc-area-mid {
  flex-grow: 1;
  position: relative;
  margin: 0 0 20px 0;
  padding: 10px 0 0 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item {
  padding: 0 20px;
  min-height: 40px;
  margin: 0;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item:first-child .woofc-item-inner {
  border-top: none;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item a {
  text-decoration: none;
  outline: none;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner {
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: #ffffff;
  border-top: 1px dashed rgba(255, 255, 255, 0.5);
  margin: 0;
  box-sizing: border-box;
  position: relative;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb {
  display: none;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty {
  order: 1;
  margin-right: 10px;
}

body.rtl .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty {
  margin-right: 0;
  margin-left: 10px;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty a {
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #444;
  background-color: #ffffff;
  display: inline-block;
  padding: 0 10px;
  text-decoration: none;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty a:hover {
  background-color: #eeeeee;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner {
  position: relative;
  text-align: center;
  display: flex;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
  width: 30px;
  height: 30px;
  line-height: 30px;
  min-height: 0;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  text-align: center;
  border: none;
  outline: none;
  display: block;
  color: #444;
  background-color: #ffffff;
  -moz-appearance: textfield;
  box-shadow: none;
  font-weight: 400;
  font-size: 12px;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input:focus {
  font-size: 12px;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input::-webkit-outer-spin-button, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #444;
  background-color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  display: block;
  cursor: pointer;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus:hover, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus:hover, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual:hover {
  background-color: #dddddd;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info {
  order: 2;
  flex-grow: 1;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title {
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  line-height: 1.2;
  color: #ffffff;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title a {
  text-decoration: none;
  color: #ffffff;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-data {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  display: block;
  opacity: 0.7;
  white-space: pre-line;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-data span {
  text-transform: capitalize;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-price {
  line-height: 1;
  font-size: 12px;
  font-weight: 400;
  text-align: end;
  color: #ffffff;
  opacity: 0.7;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-price del {
  color: #ffffff;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-price ins {
  background: none;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-price span {
  font-size: 12px !important;
  font-weight: 400 !important;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  outline: none;
  text-decoration: none;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove span, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  display: inline-block;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item.woofc-item-has-remove:hover .woofc-item-inner {
  padding-right: 30px;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-special {
  right: 0;
  opacity: 1;
  visibility: visible;
}

.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item.woofc-item-removing {
  opacity: 0.5;
}

.woofc-area.woofc-style-03 .woofc-area-bot {
  padding-bottom: 20px;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon {
  padding: 0 20px;
  margin: 0;
  color: #ffffff;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon .woofc-coupon-input {
  display: flex;
  justify-content: space-between;
  padding: 0 0 10px 0;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code {
  flex-grow: 1;
  background-color: transparent;
  box-shadow: none;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.5);
  padding: 0;
  color: #ffffff;
  height: 34px;
  min-height: 34px;
  line-height: 34px;
  border-radius: 0;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code:focus {
  outline: none;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check {
  background-color: transparent;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0;
  color: #ffffff;
  height: 34px;
  line-height: 34px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #ffffff;
  border-radius: 0;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check:focus {
  outline: none;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check.checking {
  opacity: 0.5;
  pointer-events: none;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon .woofc-coupon-added {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove {
  width: 20px;
  display: inline-block;
  cursor: pointer;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove:hover {
  opacity: 0.5;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove.removing {
  opacity: 0.5;
  pointer-events: none;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-data, .woofc-area.woofc-style-03 .woofc-area-bot .woofc-total {
  padding: 0 20px;
  margin: 0;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-action {
  padding: 15px 15px 0 15px;
  margin: 0;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-action .woofc-action-inner {
  display: flex;
  align-items: center;
  width: 100%;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-action .woofc-action-inner > div {
  width: 50%;
  margin: 0 5px;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-action .woofc-action-inner .woofc-action-full {
  width: 100%;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-action .woofc-action-inner > div a {
  height: 40px;
  line-height: 36px;
  text-align: center;
  padding: 0 10px;
  box-sizing: border-box;
  background-color: #ffffff;
  color: #cc6055;
  font-weight: 700;
  border-width: 2px;
  border-style: solid;
  border-color: #ffffff;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-action .woofc-action-inner > div a:hover {
  background-color: transparent;
  color: #ffffff;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-link {
  padding: 0 20px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-link span {
  color: #ffffff;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-link span:hover {
  opacity: 0.7;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-continue {
  text-align: center;
  padding: 0 20px;
  margin-top: 15px;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-continue span {
  color: #ffffff;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-03 .woofc-area-bot .woofc-continue span:hover {
  opacity: 0.7;
}

.woofc-area.woofc-style-03 .woofc-no-item, .woofc-area.woofc-style-03 .woofc-error {
  padding: 20px;
  text-align: center;
  color: #222222;
}

@media only screen and (max-width: 768px) {
  .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item.woofc-item-has-remove .woofc-item-inner {
    padding: 10px 30px 10px 0;
  }

  .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special {
    opacity: 1;
    visibility: visible;
    color: #ffffff;
    right: 0;
  }

  .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item:hover .woofc-item-inner {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-special {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
}
/* Style 04 */
.woofc-area.woofc-style-04 .woofc-inner {
  background-color: #ffffff;
}

.woofc-area.woofc-style-04 .woofc-inner.woofc-inner-loading:before {
  color: #222222;
}

.woofc-area.woofc-style-04 .woofc-inner.woofc-inner-loading:after {
  background-color: rgba(255, 255, 255, 0.7);
}

.woofc-area.woofc-style-04 .woofc-area-top {
  height: 48px;
  line-height: 48px;
  padding: 0 60px 0 20px;
  position: relative;
  text-transform: uppercase;
  color: #222222;
  font-weight: 700;
  background-color: #eeeeee;
}

.woofc-area.woofc-style-04 .woofc-area-top .woofc-area-heading {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.woofc-area.woofc-style-04 .woofc-area-top .woofc-close {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  cursor: pointer;
  font-size: 20px;
  color: #222222;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.woofc-area.woofc-style-04 .woofc-area-mid {
  flex-grow: 1;
  position: relative;
  margin: 0 0 20px 0;
  padding: 10px 0 0 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item {
  padding: 0 20px;
  min-height: 40px;
  margin: 0;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item:first-child .woofc-item-inner {
  border-top: none;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item a {
  text-decoration: none;
  outline: none;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-undo .woofc-undo-inner {
  border-color: #222222;
  color: #222222;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-undo .woofc-undo-inner a {
  color: #222222;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner {
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: #ffffff;
  border-top: 1px dashed #eeeeee;
  margin: 0;
  box-sizing: border-box;
  position: relative;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb {
  display: none;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty {
  order: 1;
  margin-right: 10px;
}

body.rtl .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty {
  margin-right: 0;
  margin-left: 10px;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty a {
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #444;
  background-color: #eeeeee;
  display: inline-block;
  padding: 0 10px;
  text-decoration: none;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty a:hover {
  background-color: #dddddd;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner {
  position: relative;
  text-align: center;
  display: flex;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
  width: 30px;
  height: 30px;
  line-height: 30px;
  min-height: 0;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  text-align: center;
  border: none;
  outline: none;
  display: block;
  color: #444;
  background-color: #eeeeee;
  -moz-appearance: textfield;
  box-shadow: none;
  font-size: 12px;
  font-weight: 400;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input:focus {
  font-size: 12px;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input::-webkit-outer-spin-button, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #444;
  background-color: #eeeeee;
  font-size: 12px;
  font-weight: 400;
  display: block;
  cursor: pointer;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus:hover, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus:hover, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual:hover {
  background-color: #dddddd;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info {
  order: 2;
  flex-grow: 1;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title {
  display: block;
  font-weight: 400;
  font-size: 14px;
  margin: 0;
  line-height: 1.2;
  color: #222222;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title a {
  text-decoration: none;
  color: #222222;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-data {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  display: block;
  opacity: 0.7;
  white-space: pre-line;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-data span {
  text-transform: capitalize;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-price {
  line-height: 1;
  font-weight: 400;
  font-size: 12px;
  text-align: end;
  color: #999;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-price del {
  color: #999;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-price ins {
  background: none;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-price span {
  font-size: 12px !important;
  font-weight: 400 !important;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #444;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  outline: none;
  text-decoration: none;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove span, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  display: inline-block;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item.woofc-item-has-remove:hover .woofc-item-inner {
  padding-right: 30px;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-special {
  right: 0;
  opacity: 1;
  visibility: visible;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item.woofc-item-removing {
  opacity: 0.5;
}

.woofc-area.woofc-style-04 .woofc-area-bot {
  padding-bottom: 20px;
}

.woofc-area.woofc-style-04 .woofc-shipping-area {
  color: #222222;
}

.woofc-area.woofc-style-04 .woofc-shipping-area .woocommerce-shipping-calculator input, .woofc-area.woofc-style-04 .woofc-shipping-area .woocommerce-shipping-calculator select, .woofc-area.woofc-style-04 .woofc-shipping-area .woocommerce-shipping-calculator button {
  background-color: rgba(0, 0, 0, 0.05);
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon {
  padding: 0 20px;
  margin: 0;
  color: #222222;
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon .woofc-coupon-input {
  display: flex;
  justify-content: space-between;
  padding: 0 0 10px 0;
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code {
  flex-grow: 1;
  background-color: transparent;
  box-shadow: none;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.5);
  padding: 0;
  color: #222222;
  height: 34px;
  min-height: 34px;
  line-height: 34px;
  border-radius: 0;
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code:focus {
  outline: none;
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check {
  background-color: transparent;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0;
  color: #222222;
  height: 34px;
  line-height: 34px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #222222;
  border-radius: 0;
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check:focus {
  outline: none;
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check.checking {
  opacity: 0.5;
  pointer-events: none;
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon .woofc-coupon-added {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove {
  width: 20px;
  display: inline-block;
  cursor: pointer;
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove:hover {
  opacity: 0.5;
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove.removing {
  opacity: 0.5;
  pointer-events: none;
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-data, .woofc-area.woofc-style-04 .woofc-area-bot .woofc-total {
  padding: 0 20px;
  margin: 0;
  color: #222222;
  display: flex;
  justify-content: space-between;
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-action {
  padding: 15px 15px 0 15px;
  margin: 0;
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-action .woofc-action-inner {
  display: flex;
  align-items: center;
  width: 100%;
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-action .woofc-action-inner > div {
  width: 50%;
  margin: 0 5px;
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-action .woofc-action-inner .woofc-action-full {
  width: 100%;
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-action .woofc-action-inner > div a {
  height: 40px;
  line-height: 36px;
  text-align: center;
  padding: 0 10px;
  box-sizing: border-box;
  background-color: #ffffff;
  color: #cc6055;
  font-weight: 700;
  border-width: 2px;
  border-style: solid;
  border-color: #cc6055;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-action .woofc-action-inner > div a:hover {
  background-color: #cc6055;
  color: #ffffff;
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-link {
  padding: 0 20px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-link span {
  color: #444;
  text-transform: uppercase;
  border-bottom: 1px solid #444;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-link span:hover {
  opacity: 0.7;
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-continue {
  text-align: center;
  padding: 0 20px;
  margin-top: 15px;
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-continue span {
  color: #444;
  text-transform: uppercase;
  border-bottom: 1px solid #444;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-04 .woofc-area-bot .woofc-continue span:hover {
  opacity: 0.7;
}

.woofc-area.woofc-style-04 .woofc-no-item, .woofc-area.woofc-style-04 .woofc-error {
  padding: 20px;
  text-align: center;
  color: #222222;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-notices {
  margin-bottom: 10px;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-notices .woocommerce-message, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-notices .woocommerce-info, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-notices .woocommerce-error {
  border-color: #222222;
  color: #222222;
}

.woofc-area.woofc-style-04 .woofc-area-mid .woofc-notices .woocommerce-message:before, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-notices .woocommerce-info:before, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-notices .woocommerce-error:before {
  color: #222222;
}

@media only screen and (max-width: 768px) {
  .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item.woofc-item-has-remove .woofc-item-inner {
    padding: 10px 30px 10px 0;
  }

  .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special {
    opacity: 1;
    visibility: visible;
    color: #999;
    right: 0;
  }

  .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item:hover .woofc-item-inner {
    margin-left: 0;
  }

  .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-special {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
}
/* Style 05 */
.woofc-area.woofc-style-05 .woofc-inner {
  background-color: #cc6055;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(10, 8, 8, 0.57);
  -o-box-shadow: 0px 0px 20px 0px rgba(10, 8, 8, 0.57);
  -moz-box-shadow: 0px 0px 20px 0px rgba(10, 8, 8, 0.57);
  -ms-box-shadow: 0px 0px 20px 0px rgba(10, 8, 8, 0.57);
  box-shadow: 0px 0px 20px 0px rgba(10, 8, 8, 0.57);
}

.woofc-area.woofc-style-05 .woofc-inner:after {
  content: "";
  top: 0;
  left: 0;
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: -moz-linear-gradient(to bottom, rgba(51, 46, 46, 0.5) 0%, rgba(33, 28, 28, 0.97) 100%);
  background: -o-linear-gradient(to bottom, rgba(51, 46, 46, 0.5) 0%, rgba(33, 28, 28, 0.97) 100%);
  background: -webkit-linear-gradient(to bottom, rgba(51, 46, 46, 0.5) 0%, rgba(33, 28, 28, 0.97) 100%);
  background: -ms-linear-gradient(to bottom, rgba(51, 46, 46, 0.5) 0%, rgba(33, 28, 28, 0.97) 100%);
  background: linear-gradient(to bottom, rgba(51, 46, 46, 0.5) 0%, rgba(33, 28, 28, 0.97) 100%);
}

.woofc-area.woofc-style-05 .woofc-inner > div {
  z-index: 2;
}

.woofc-area.woofc-style-05 .woofc-area-top {
  height: 48px;
  line-height: 48px;
  padding: 0 60px 0 20px;
  position: relative;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  background-color: rgba(0, 0, 0, 0.2);
}

.woofc-area.woofc-style-05 .woofc-area-top .woofc-area-heading {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.woofc-area.woofc-style-05 .woofc-area-top .woofc-close {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  cursor: pointer;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.woofc-area.woofc-style-05 .woofc-area-mid {
  flex-grow: 1;
  position: relative;
  margin: 0 0 20px 0;
  padding: 10px 0 0 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item {
  padding: 0 15px;
  margin: 10px 0 0 0;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item:first-child {
  margin-top: 0;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item a {
  text-decoration: none;
  outline: none;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item.woofc-item-undo .woofc-item-inner {
  margin: 0 !important;
  padding: 10px !important;
  background-color: transparent;
  background: none;
  border: 1px dashed #ffffff;
  color: #ffffff;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item.woofc-item-undo .woofc-item-inner a {
  color: #ffffff;
  text-decoration: underline;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  margin: 0;
  box-sizing: border-box;
  position: relative;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner > div {
  margin: 0 5px;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb {
  width: 80px;
  flex: 0 0 80px;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb img {
  width: 100%;
  height: auto;
  border: 2px solid #ffffff;
  box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info {
  flex-grow: 1;
  margin-right: 10px;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title {
  display: block;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 1.2;
  color: #ffffff;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title a {
  text-decoration: none;
  color: #ffffff;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title a:hover {
  opacity: 0.7;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-data {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 5px;
  display: block;
  color: #ffffff;
  opacity: 0.7;
  white-space: pre-line;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-data span {
  text-transform: capitalize;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #ffffff;
  opacity: 0.5;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price del {
  color: #ffffff;
  opacity: 0.5;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price ins {
  background: none;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price span {
  font-size: 12px !important;
  font-weight: 400 !important;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty a {
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.1);
  display: inline-block;
  padding: 0 10px;
  text-decoration: none;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner {
  position: relative;
  text-align: center;
  display: flex;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
  width: 30px;
  height: 30px;
  line-height: 30px;
  min-height: 0;
  padding: 0;
  margin: 0;
  text-align: center;
  border: none;
  outline: none;
  display: block;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.1);
  -moz-appearance: textfield;
  box-shadow: none;
  font-size: 12px;
  font-weight: 400;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input:focus {
  font-size: 12px;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input::-webkit-outer-spin-button, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.1);
  font-size: 12px;
  font-weight: 400;
  display: block;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus:hover, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus:hover, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  right: 0px;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  outline: none;
  text-decoration: none;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove span, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  display: inline-block;
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item.woofc-item-has-remove:hover .woofc-item-inner {
  -webkit-transform: translate3d(-20px, 0, 0);
  transform: translate3d(-20px, 0, 0);
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-special {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(25px, -50%, 0);
  transform: translate3d(25px, -50%, 0);
}

.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item.woofc-item-removing {
  opacity: 0.5;
}

.woofc-area.woofc-style-05 .woofc-area-bot {
  padding-bottom: 20px;
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon {
  padding: 0 20px;
  margin: 0;
  color: #ffffff;
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon .woofc-coupon-input {
  display: flex;
  justify-content: space-between;
  padding: 0 0 10px 0;
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code {
  flex-grow: 1;
  background-color: transparent;
  box-shadow: none;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.5);
  padding: 0;
  color: #ffffff;
  height: 34px;
  min-height: 34px;
  line-height: 34px;
  border-radius: 0;
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code:focus {
  outline: none;
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check {
  background-color: transparent;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0;
  color: #ffffff;
  height: 34px;
  line-height: 34px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #ffffff;
  border-radius: 0;
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check:focus {
  outline: none;
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check.checking {
  opacity: 0.5;
  pointer-events: none;
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon .woofc-coupon-added {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove {
  width: 20px;
  display: inline-block;
  cursor: pointer;
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove:hover {
  opacity: 0.5;
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove.removing {
  opacity: 0.5;
  pointer-events: none;
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-data, .woofc-area.woofc-style-05 .woofc-area-bot .woofc-total {
  padding: 0 20px;
  margin: 0;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-action {
  padding: 15px 15px 0 15px;
  margin: 0;
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-action .woofc-action-inner {
  display: flex;
  width: 100%;
  align-items: center;
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-action .woofc-action-inner > div {
  width: 50%;
  margin: 0 5px;
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-action .woofc-action-inner .woofc-action-full {
  width: 100%;
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-action .woofc-action-inner > div a {
  height: 40px;
  line-height: 36px;
  text-align: center;
  padding: 0 10px;
  box-sizing: border-box;
  background-color: transparent;
  color: #ffffff;
  font-weight: 700;
  border: 2px solid #ffffff;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-action .woofc-action-inner > div a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-link {
  padding: 0 20px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-link span {
  color: #ffffff;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-link span:hover {
  opacity: 0.7;
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-continue {
  text-align: center;
  padding: 0 20px;
  margin-top: 15px;
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-continue span {
  color: #ffffff;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-area.woofc-style-05 .woofc-area-bot .woofc-continue span:hover {
  opacity: 0.7;
}

.woofc-area.woofc-style-05 .woofc-no-item, .woofc-area.woofc-style-05 .woofc-error {
  padding: 20px;
  text-align: center;
  color: #ffffff;
}

@media only screen and (max-width: 768px) {
  .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item.woofc-item-has-remove .woofc-item-inner {
    padding: 0 30px 0 0;
  }

  .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special {
    opacity: 1;
    visibility: visible;
    color: #ffffff;
    right: 0;
  }

  .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item:hover .woofc-item-inner {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-special {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
}
.woofc-count {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: #ffffff;
  display: block;
  cursor: pointer;
  position: fixed;
  left: 40px;
  bottom: 40px;
  z-index: 99999997;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.woofc-count:hover {
  bottom: 45px;
}

.woofc-count i {
  font-size: 24px;
  line-height: 60px;
  color: #444;
}

.woofc-count span {
  position: absolute;
  top: -10px;
  right: -10px;
  height: 30px;
  width: 30px;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  background: #e94b35;
  color: #ffffff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

.woofc-count.woofc-count-bottom-right {
  right: 40px;
  left: auto;
}

.woofc-count.woofc-count-top-left {
  top: 40px;
  bottom: auto;
}

.woofc-count.woofc-count-top-left:hover {
  top: 45px;
}

.woofc-count.woofc-count-top-right {
  top: 40px;
  right: 40px;
  bottom: auto;
  left: auto;
}

.woofc-count.woofc-count-top-right:hover {
  top: 45px;
}

.woofc-count.woofc-count-loading i {
  display: none;
}

.woofc-count.woofc-count-loading:before {
  content: "\e90c";
  font-family: "woofc";
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  line-height: 24px;
  color: #444;
  display: block;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
  position: absolute;
  vertical-align: baseline;
  top: 50%;
  left: 50%;
  -webkit-animation: woofc-spinner 1s linear infinite;
  -moz-animation: woofc-spinner 1s linear infinite;
  -ms-animation: woofc-spinner 1s linear infinite;
  -o-animation: woofc-spinner 1s linear infinite;
  animation: woofc-spinner 1s linear infinite;
}

.woofc-count.woofc-count-shake {
  animation: woofc-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

body.woocommerce-cart .woofc-count-hide-cart-checkout, body.woocommerce-checkout .woofc-count-hide-cart-checkout, .woofc-count.woofc-count-hide-empty {
  display: none !important;
}

.woofc-menu-item .woofc-menu-item-inner {
  position: relative;
}

.woofc-menu-item .woofc-menu-item-inner i {
  font-size: inherit;
  line-height: inherit;
  display: inline-block;
  margin-right: 5px;
  width: 20px;
}

.woofc-menu-item .woofc-menu-item-inner:after {
  content: attr(data-count);
  display: block;
  background-color: #e94b35;
  color: #ffffff;
  font-size: 10px;
  font-weight: 400;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 8px;
  position: absolute;
  left: 10px;
  top: -10px;
}

.woofc-cart-link .woofc-cart-link-inner {
  position: relative;
}

.woofc-cart-link a {
  outline: none;
}

.woofc-cart-link .woofc-cart-link-inner i {
  font-size: inherit;
  line-height: inherit;
  display: inline-block;
  margin-right: 5px;
  width: 20px;
}

.woofc-cart-link .woofc-cart-link-inner:after {
  content: attr(data-count);
  display: block;
  background-color: #e94b35;
  color: #ffffff;
  font-size: 10px;
  font-weight: 400;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 8px;
  position: absolute;
  left: 10px;
  top: -10px;
}

.woofc-area-count {
  margin-left: 5px;
}

.woofc-area-count:before {
  content: "(";
}

.woofc-area-count:after {
  content: ")";
}

/* WPC Product Quantity */
.woofc-area .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woopq-quantity-input-minus, .woofc-area .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woopq-quantity-input-plus {
  display: none;
}

/* RTL */
body.rtl .woofc-area .woofc-area-top {
  padding: 0 20px 0 60px;
}

body.rtl .woofc-area .woofc-area-top .woofc-close {
  left: 20px;
  right: auto;
}

body.rtl .woofc-checkout-area .woofc-area-top .woofc-back {
  right: 20px;
  left: auto;
}

body.rtl .woofc-menu-item .woofc-menu-item-inner:after {
  left: auto;
  right: 10px;
}

/* WPC Estimated Delivery Date */
.woofc-item-estimated-delivery-date .wpced .wpced-inner {
  font-size: 12px;
}

.woofc-item-estimated-delivery-date .wpced .wpced-inner:before {
  width: 16px;
  height: 16px;
  background-size: 16px;
}

/*# sourceMappingURL=frontend.css.map */