@charset "UTF-8";
.esg-starring	{	line-height:25px;display: inline-block}
.esg-starring .star-rating{	float: none; }
.esg-starring .star-rating {
color: #FFC321 !important;
}
.esg-starring .star-rating, .esg-starring-page .star-rating {
float: right;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1em;
font-size: 1em;
width: 5.4em;
font-family: star;
}
.esg-starring .star-rating:before, .esg-starring-page .star-rating:before {
content: "\73\73\73\73\73";
color: #E0DADF;
float: left;
top: 0;
left: 0;
position: absolute;
}
.esg-starring star-rating span,
.esg-starring .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.esg-starring .star-rating span:before,
.esg-starring .star-rating span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
}
.esg-starring .star-rating {
color: #FFC321 !important;
}
.lazyloadcover { position:absolute;top:0px;left:0px;z-index:10;width:100%;height:100%; }
.esg-lazyblur {
background-repeat: no-repeat;
filter: blur(25px);
-webkit-filter:blur(25px);
-moz-filter:blur(25px);
background-size:cover;background-position:center center; 
width:100%;
height:100%;
top:0;
left:0;
overflow: hidden; 	
}
.esg-media-poster {	width:100%;height:100%;position:absolute; top:0px; left:0px; background-size:cover; background-position: center center;z-index:10;opacity:0;}
.esg-video-active .esg-media-poster {z-index: 0}
.esg-vimeo-frame {background: black} .esg-grid .no-filter-message { position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
pointer-events: none;
visibility: hidden;
opacity: 0;
transition: all 0.2s ease;
} .esg-grid.show-message .no-filter-message {
transition-duration: 1s;
visibility: visible;
opacity: 1;
} .esg-hover-image {display: none}
.esg-media-poster .esg-hover-image {display: block; width: inherit; height: inherit; background-size: inherit; background-position: inherit; visibility: hidden; opacity: 0}
.esg-starring .star-rating, .esg-starring-page .star-rating {
line-height: 1em;
font-size: 1em;
font-family: star;
}
.esg-grid	{	width:100%;max-width:100%; font-family: 'Open Sans', sans-serif; -webkit-backface-visibility: hidden; backface-visibility:hidden; -webkit-transform: translateZ(0px); transform: translateZ(0px)}
@-moz-document url-prefix() {
.esg-grid  { transform: none !important}
}
.esg-grid .mainul,
.esg-grid .mainul>li { list-style: none;
margin:0;
padding:0;
transform-style: flat !important;}
.esg-grid * { -webkit-font-smoothing:antialiased; font-smoothing: antialiased;} .esg-grid ul,
.esg-grid li {
list-style: none;
margin:0;
padding:0;
transform-style: flat !important;
}
.esg-overflowtrick	{	position: relative; width:100%; height:auto;
overflow:hidden;
padding:0px; box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
z-index:1; }
.esg-container	{
position:relative;
width:100%;
height:auto;
}
.esg-container >ul,
.esg-overflowtrick >ul {
width:100%;
max-width:100%;
height:0px; position: relative;
overflow: visible; }
.esg-grid li {
border: 0px solid transparent;
outline: 0px solid transparent;
visibility: hidden;
display: none; }
.esg-grid a { border:none; text-decoration: none}
.esg-grid a:hover,
.esg-grid a:focus { text-decoration: none; border:none; }
.esg-clear				{	clear:both; height:5px !important; background: none !important; }
.esg-clear-no-height,
.eg-clearfix			{	clear:both; height:0px !important; background: none !important; }
.esg-divide-5	{	width:100%;height:5px}
.esg-divide-15	{	width:100%;height:15px}
.esg-divide-20	{	width:100%;height:20px}
.esg-divide-22	{	width:100%;height:22px}
.esg-divide-30	{	width:100%;height:30px}
.esg-click-to-play-video	{	cursor: pointer}
.esg-entry-media iframe		{	-webkit-transform-style: flat;
-webkit-transform: translateZ(1000px);
border: 0;
} .esg-container .tp-esg-item					{ 	position:absolute; top:0px;left:0px; }
.esg-container .tp-esg-item					{	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.esg-container .tp-esg-item .blackoverlay	{	width:100%;height:100%;position: absolute;background:#000; top:0px;left:0px;}
.tp-esg-item					{	z-index:5 }
.tp-esg-item.itemonotherpage	{	z-index:0; display:none;} .esg-entry-cover		{	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
width:100%;height:100%;position:absolute;top:0px;left:0px;overflow: hidden;
border: 0px solid transparent;
outline: 0px solid transparent;
}
.eec					{	display:block; width:auto; height:auto;position:absolute !important;  font-size:20px;text-align:center}   .esg-tc 			{	top:0px; left:0px; width:100%;}
.esg-lc 			{	top:0px;left:0px; height:100%;}
.esg-cc 			{	top:0px;left:0px; width:100%; vertical-align: middle;}
.esg-rc 			{	top:0px;right:0px; height:100%;}
.esg-bc 			{	bottom:0px;left:0px; width:100%;} .esg-tc .ess-tb-cell			{	text-align:center; vertical-align: top; } .esg-lc .ess-tb-cell			{	text-align:left; vertical-align: middle;}
.esg-cc .ess-tb-cell			{	}
.esg-rc .ess-tb-cell			{	text-align:right; vertical-align: middle;} .esg-blc .ess-tb-cell			{	text-align:left; vertical-align: bottom;}
.esg-bc .ess-tb-cell			{	text-align:center; vertical-align: bottom;}
.esg-brc .ess-tb-cell			{	text-align:right; vertical-align: bottom;}
.esg-bc .leftalign	{	text-align:left;} .esg-entry-media							{	position:relative; border: 0px solid transparent;outline: 0px solid transparent;overflow: hidden;
}
.esg-entry-media							{	width:100%;}
.esg-entry-media img						{	width:100%; height:auto; max-width:none !important; min-width:none !important}
.esg-layout-masonry .esg-entry-media img	{
line-height: 0px;
vertical-align: bottom;
display: inline-block;
} .esg-layout-even .esg-entry-media img		{	display:none}
.esg-media-cover-wrapper					{	position: relative; width:100%;backface-visibility: hidden}
.esg-layout-even .esg-media-cover-wrapper	{	height:100%;}
.esg-entry-media-wrapper					{	z-index: 0; }
.esg-entry-media-wrapper .esg-video-frame	{ 	background: #000;} .esg-entry-cover .esg-overlay						{	position: absolute; top:0px;left:0px; width:100%; height:100%; border: 0px solid transparent;
outline: 0px solid transparent;} .esg-layout-even .esg-entry-content					{	display:none; }
.esg-entry-content									{
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-webkit-backface-visibility: hidden;
} .navigationbuttons,
.esg-pagination,
.esg-filters	{	position: relative; z-index:50; -webkit-backface-visibility:hidden;} .esg-nav-by-shortcode .esg-sortbutton-order.eg-icon-down-open.tp-asc, 
.esg-nav-by-shortcode .esg-sortbutton-order .tp-desc,
.esg-sortbutton-order.eg-icon-down-open.tp-asc, 
.esg-sortbutton-order .tp-desc	
{	text-align: center} .esg-nav-by-shortcode { position: relative; display: inline-block; vertical-align: top; text-align: center}
.esg-nav-by-shortcode .esg-navbutton-solo-right,
.esg-nav-by-shortcode .esg-navbutton-solo-left { position: relative; left: auto; right: auto;top: auto;bottom: auto }
.esg-nav-by-shortcode .esg-filter-wrapper { visibility: visible;  } .esg-singlefilters .esg-filter-checked	{	display: none; -webkit-backface-visibility:hidden;}
.esg-filter-wrapper		{	 display:inline-block; }
.esg-sortbutton-wrapper	{	 display:inline-block; }
.esg-cartbutton-wrapper	{	 display:inline-block  } .esg-filter-wrapper.dropdownstyle					{	min-width:100px;cursor: pointer; position: relative; z-index:1500; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(1px);transform:translateZ(1px)}
.esg-filter-wrapper.dropdownstyle .esg-filterbutton	{	display:block;margin-right:0px;margin-bottom:5px;}
.esg-filter-wrapper.dropdownstyle .esg-filter-checked	{	margin-right:5px; margin-left:0px;}
.esg-dropdown-wrapper								{	display:none; position: absolute;  padding:20px;top:100%; backface-visibility: hidden; transform: translateZ(10px);}
.esg-selected-filterbutton							{	color: #999;
margin-right: 5px;
cursor: pointer;
padding: 0px 15px 0px 10px;
line-height: 20px;
font-size: 12px;
font-weight: 600;
font-family: "Open Sans",sans-serif;
display: inline-block;
background: rgba(0, 0, 0, 0);
margin-bottom: 5px;
}
.esg-selected-filterbutton.hovered					{ color: #444;}
.esg-selected-filterbutton .eg-icon-down-open		{	display: inline-block;
vertical-align: top;
width: 29px;
line-height: inherit;
font-size: 9px;
font-weight: 700;
color: #999;														
background: rgba(0, 0, 0, 0);
text-align: center;
} .esg-sortbutton-order.tp-desc					{	transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV";}
.esg-sorting-select							{	cursor: pointer;position:absolute;top:0px;left:0px;width:100%;height:100%;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0.0;
-khtml-opacity: 0.0;
opacity: 0.0;
-webkit-appearance: menulist-button;
}
.esg-filters.esg-navbutton-solo-left		{	position:absolute;left:0px;top:50%; z-index: 800}
.esg-filters.esg-navbutton-solo-right		{	position:absolute;right:0px;top:50%; z-index: 800;}
.esg-navigationbutton.esg-right,
.esg-navigationbutton.esg-left				{	margin-left:0px !important; margin-right:0px !important; -webkit-transform-style: flat; -webkit-transform: translateZ(5000px)} .eg-leftright-container				{	float:left; width:310px; margin-right:20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; position: relative;}
.eg-leftright-container.dark		{	background:#1e1e1e}
.eg-leftright-container .pagination {	position:absolute;bottom:0px;}
.eg-leftright-container .esg-filters		{	padding:30px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.eg-leftright-container .esg-filterbutton	{	display:block; margin:0px 0px 5px 0px}
.eg-leftright-container .esg-filter-wrapper	{	 display:block; margin-right:0px;} .eg-ajaxtarget-container	{	position:relative; width:100%;height:auto;} .tp-esg-item .add_to_cart_button.loading:before {	content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: url(//grandluxxxe.com/wp-content/plugins/essential-grid/public/assets/images/ajax-loader.gif) center no-repeat rgba(255, 255, 255, 0.65);
}
.esg-loader 	{
top:50%; left:50%;
z-index:10000;
position:absolute;
}
.infinityscollavailable.esg-loader {  position:relative; top:auto; left:50%; margin-top:25px !important; margin-bottom:25px !important;} .esg-loader.spinner0 {
width: 40px;
height: 40px;
background:url(//grandluxxxe.com/wp-content/plugins/essential-grid/public/assets/images/loader.gif) no-repeat center center;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
margin-left:-20px;
-webkit-animation: esg-rotateplane 1.2s infinite ease-in-out;
animation: esg-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.esg-loader.spinner1 {
width: 40px;
height: 40px;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
margin-left:-20px;
-webkit-animation: esg-rotateplane 1.2s infinite ease-in-out;
animation: esg-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.esg-loader.spinner5 	{	background:url(//grandluxxxe.com/wp-content/plugins/essential-grid/public/assets/images/loader.gif) no-repeat 10px 10px;
background-color:#fff;
margin:-22px -22px;
width:44px;height:44px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
@-webkit-keyframes esg-rotateplane {
0% { -webkit-transform: perspective(120px) }
50% { -webkit-transform: perspective(120px) rotateY(180deg) }
100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@keyframes esg-rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
} 50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
} 100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
.esg-loader.spinner2 {
width: 40px;
height: 40px;
margin-left:-20px;
background-color: #ff0000;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
border-radius: 100%;
-webkit-animation: esg-scaleout 1.0s infinite ease-in-out;
animation: esg-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes esg-scaleout {
0% { -webkit-transform: scale(0.0) }
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes esg-scaleout {
0% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 100% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
opacity: 0;
}
}
.esg-loader.spinner3 {
margin: -9px 0px 0px -35px;
width: 70px;
text-align: center;
}
.eg-search-wrapper .esg-loader.spinner3					{	margin-top:-30px !important}
.simple-light .eg-search-wrapper .esg-loader.spinner3,
.simple-dark .eg-search-wrapper .esg-loader.spinner3	{	margin-top:-25px !important}
.text-light .eg-search-wrapper .esg-loader.spinner3,
.text-dark .eg-search-wrapper .esg-loader.spinner3	{	margin-top:-22px !important}
.esg-loader.spinner3 .bounce1,
.esg-loader.spinner3 .bounce2,
.esg-loader.spinner3 .bounce3 {
width: 18px;
height: 18px;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
border-radius: 100%;
display: inline-block;
-webkit-animation: esg-bouncedelay 1.4s infinite ease-in-out;
animation: esg-bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.esg-loader.spinner3 .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.esg-loader.spinner3 .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes esg-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes esg-bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
.esg-loader.spinner4 {
margin: 0px 0px 0px -20px;
width: 40px;
height: 40px;
text-align: center;
-webkit-animation: esg-rotate 2.0s infinite linear;
animation: esg-rotate 2.0s infinite linear;
}
.esg-loader.spinner4 .dot1,
.esg-loader.spinner4 .dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #fff;
border-radius: 100%;
-webkit-animation: esg-bounce 2.0s infinite ease-in-out;
animation: esg-bounce 2.0s infinite ease-in-out;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}
.esg-loader.spinner4 .dot2 {
top: auto;
bottom: 0px;
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes esg-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes esg-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
@-webkit-keyframes esg-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes esg-bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
} [class^="eg-icon-"]:before, 
[class*=" eg-icon-"]:before {
font-family: "eg-font";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;    }
[class^="fa-icon-"]:before, [class*=" fa-icon-"]:before{
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;
}
.esg-grid [class^="pe-7s-"]:before, 
.esg-grid [class*=" pe-7s-"]:before {
font-family: 'Pe-icon-7-stroke';
display: inline-block;
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;
} .esg-filter-wrapper .esg-filterbutton:last-child,
.esg-cartbutton a,
.esg-selected-filterbutton										{ margin-right: 0 !important; }
.esg-singlefilters .esg-filter-checked							{	display:none !important}  .eg-ajaxclicklistener	{	cursor: pointer}
.eg-ajax-video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.eg-ajax-video-container.widevideo {
padding-bottom: 50%;
}
.eg-ajax-video-container iframe,
.eg-ajax-video-container object,
.eg-ajax-video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.forcenotvisible	{	visibility: hidden !important}
.forcenotdisplay	{	display:none !important} input.eg-search-input[type="text"],
.eg-search-input	{	display:inline-block}
.eg-search-submit,
.eg-search-clean	{	display:inline-block; width:auto; -moz-user-select: -moz-none;   -khtml-user-select: none;   -webkit-user-select: none; text-align:center; vertical-align: top}
.eg-search-submit,
.eg-search-clean	{ cursor: pointer}
.eg-search-wrapper								{	vertical-align: top; line-height:40px; }
input.eg-search-input[type="text"]				{	font-family: "Open Sans",sans-serif;outline:none !important;margin:0px 0px 5px !important; padding:8px 15px;  vertical-align: top; box-sizing: border-box} .eg-ajax-closer-wrapper 		{	display:block; z-index: 51000; position: relative}
.eg-ajax-navbt					{	cursor: pointer; display:inline-block; margin-right:5px;}
.eg-acp-inner.eg-acp-tr .eg-ajax-closer.eg-ajax-navbt,
.eg-acp-inner.eg-acp-br .eg-ajax-closer.eg-ajax-navbt	{	margin-right:0px}
.eg-ajax-closer-wrapper.eg-acp-tl,
.eg-ajax-closer-wrapper.eg-acp-bl	{	 text-align: left; }
.eg-ajax-closer-wrapper.eg-acp-tr,
.eg-ajax-closer-wrapper.eg-acp-br	{	 text-align: right; }
.eg-ajax-closer-wrapper.eg-acp-t,
.eg-ajax-closer-wrapper.eg-acp-b	{	 text-align: center;}
.eg-ajax-closer-wrapper.eg-acp-t,
.eg-ajax-closer-wrapper.eg-acp-tr,
.eg-ajax-closer-wrapper.eg-acp-tl	{margin-bottom:5px;}
.eg-ajax-closer-wrapper.eg-acp-bl,
.eg-ajax-closer-wrapper.eg-acp-br,
.eg-ajax-closer-wrapper.eg-acp-b	{margin-top:5px;}
.eg-acp-inner	{	display: block; position:absolute; z-index:50; margin:5px;}
.eg-acp-inner.eg-acp-tr,
.eg-acp-inner.eg-acp-tl,
.eg-acp-inner.eg-acp-t	{	top:0px; }
.eg-acp-inner.eg-acp-br,
.eg-acp-inner.eg-acp-bl,
.eg-acp-inner.eg-acp-b	{	bottom:0px; }
.eg-acp-inner.eg-acp-tl,
.eg-acp-inner.eg-acp-bl	{	left:0px;}
.eg-acp-inner.eg-acp-tr,
.eg-acp-inner.eg-acp-br	{	right:0px; }
.eg-acp-inner.eg-acp-t,
.eg-acp-inner.eg-acp-b	{	left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);-moz-transform: translateX(-50%);}
.eg-ajax-navbt					{	line-height:21px; background:#000; background:rgba(0,0,0,0.75); color:#fff; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; text-transform: uppercase; padding:1px 1px 0px 0px; font-size:11px; font-weight:400; }
.eg-ajax-closer.eg-ajax-navbt	{	padding: 1px 5px 1px 3px;vertical-align: top;}
.eg-acp-light .eg-ajax-navbt	{	background:#e5e5e5; color:#000;}
.eg-ajax-closer.eg-ajax-navbt i	{	font-size:13px;}
.eg-ajax-navbt i				{	font-size:16px;}
.eg-ajax-closer-wrapper.eg-acp-type1	{	margin:0;}
.eg-acp-type1 .eg-ajax-navbt	{	border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px; padding:10px; margin:0px;}
.eg-acp-type1 .eg-ajax-navbt i	{	font-size:20px;}
.eg-acp-type1 .eg-ajax-navbt	{	width: 40px;height: 40px;text-align: center;vertical-align: medium !important; line-height: 40px; padding:0px;}
.eg-acp-type1 .eg-ajax-closer.eg-ajax-navbt	{	vertical-align: top; font-size:24px; font-weight:300; font-family: sans-serif; height: auto;line-height: 28px;padding: 8px 0px 4px;}
span.eg-el-amount:before	{	content:"("}
span.eg-el-amount:after		{	content:")"}
span.eg-el-amount	{	margin-left:10px;} .esg-split-content .esg-entry-media-wrapper, .esg-split-content .esg-entry-cover {width: 50% !important}
.esg-split-content .esg-media-cover-wrapper:after {content: ""; display: table; clear: both}
.esg-split-right .esg-entry-media-wrapper, .esg-split-right .esg-entry-cover {float: right}
.esg-split-left .esg-entry-media-wrapper, .esg-split-left .esg-entry-cover {float: left}
.esg-split-content .esg-entry-media {height: 100% !important}
.esg-split-content .esg-entry-cover {position: relative !important}
.esg-split-content .esg-entry-content {clear: both} .grayscale {-webkit-filter: grayscale(100%); filter: grayscale(100%)}  .esg-revealed .esg-itm-anime:not(.esg-anime-blur) .esg-overflowtrick {overflow: visible !important}
.esg-revealed .esg-itm-anime .tp-esg-item {-webkit-mask-image: none !important}
.esg-revealed .esg-itm-anime .tp-esg-item:hover {z-index: 9999 !important; transform: none !important}
.esg-revealed .esg-anime-item:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
}
.esg-anime-blur .esg-entry-media {transform: scale(1.15, 1.15) !important; transform-origin: center center !important} .eg-invisiblebutton {box-shadow: none !important; height: inherit !important; display: block}
.esg-lb-dummy {max-width: none !important; box-shadow: none !important; position: absolute; display: none} @media screen and (max-width: 736px) {
.eg-lightbox-post-content-inner > div {
width: 100% !important;
float: none !important;
}
.eg-lightbox-post-content-inner .esg-post-featured-img {
padding: 30px 0 !important;
}
}
.esgbox-stage .esgbox-slide>*:not(.esgbox-share) {margin: 0; padding: 0}
.esgbox-stage .esgbox-slide>.esgbox-loading {margin-top:-30px;margin-left:-30px}
.esgbox-toolbar .esgbox-button {transition: background 0.2s ease-out}
.esgbox-toolbar .esgbox-button:focus,
.esgbox-toolbar .esgbox-button:active,
.esgbox-toolbar .esgbox-button:visited {background: rgba(30,30,30,.6)}
.esgbox-toolbar .esgbox-button:hover {background: #000}
.esgbox-navigation .esgbox-button:before {transition: background 0.2s ease-out}
.esgbox-navigation .esgbox-button:focus:before,
.esgbox-navigation .esgbox-button:active:before,
.esgbox-navigation .esgbox-button:visited:before,
.esgbox-navigation .esgbox-button[disabled]:hover:before,
.esgbox-toolbar .esgbox-button[disabled]:hover {background: rgba(0,0,0,.6)}
.esgbox-navigation .esgbox-button:hover:before {background: rgba(0,0,0,.6)}
.esgbox-hidearrows .esgbox-navigation .esgbox-button--arrow_left,
.esgbox-hidearrows .esgbox-navigation .esgbox-button--arrow_right {display: none !important}
.esgbox-single .esgbox-button--arrow_left,
.esgbox-single .esgbox-button--arrow_right {display: none !important}
.esgbox-slide--video iframe {
width: 100% !important;
height: 100% !important;
max-width: 100%;
max-height: 100%;
}
.esg-four-by-three .esgbox-slide--video iframe {
width: 800px;
height: 600px;
}
.esgbox-container .esgbox-button--arrow_right:hover , 
.esgbox-container .esgbox-button--arrow_right:focus ,
.esgbox-container .esgbox-button--arrow_left:hover , 
.esgbox-container .esgbox-button--arrow_left:focus {background: rgba(0,0,0,.6)} .esg-filter-wrapper {visibility: hidden}
.esg-mobile-filter-button {display: none}
.esg-mobile-filter-wrap {visibility: visible}
.esg-mobile-filter-wrap .esg-dropdown-wrapper {display: none !important; visibility: hidden !important} .eg-esgblankskin-wrapper * {visibility: hidden !important} .eg-item-in-focus {z-index: 999 !important} .esg-cover-overflow {overflow: hidden} .esg-transition[data-transition^='esg-collapse'] {overflow: hidden}
.esg-transition[data-transition^='esg-collapse']:before,
.esg-transition[data-transition^='esg-collapse']:after {position: absolute; content: ""}
.esg-transition[data-transition^='esg-collapsevertical']:before,
.esg-transition[data-transition^='esg-collapsevertical']:after {width: 100%; height: 0%; left: 0}
.esg-transition[data-transition^='esg-collapsevertical']:before {top: 0}
.esg-transition[data-transition^='esg-collapsevertical']:after {bottom: 0}
.esg-transition[data-transition='esg-collapseverticalout']:before,
.esg-transition[data-transition='esg-collapseverticalout']:after {height: 50%}
.esg-transition[data-transition^='esg-collapsehorizontal']:before,
.esg-transition[data-transition^='esg-collapsehorizontal']:after {width: 0%; height: 100%; top: 0}
.esg-transition[data-transition^='esg-collapsehorizontal']:before {left: 0}
.esg-transition[data-transition^='esg-collapsehorizontal']:after {right: 0}
.esg-transition[data-transition='esg-collapsehorizontalout']:before {width: 50%}
.esg-transition[data-transition='esg-collapsehorizontalout']:after {width: 50%}
.esg-hovered .esg-transition[data-transition="esg-collapsevertical"]:before,
.esg-hovered .esg-transition[data-transition="esg-collapsevertical"]:after {height: 50%}
.esg-hovered .esg-transition[data-transition="esg-collapseverticalout"]:before,
.esg-hovered .esg-transition[data-transition="esg-collapseverticalout"]:after {height: 0}
.esg-hovered .esg-transition[data-transition="esg-collapsehorizontal"]:before,
.esg-hovered .esg-transition[data-transition="esg-collapsehorizontal"]:after {width: 50%}
.esg-hovered .esg-transition[data-transition="esg-collapsehorizontalout"]:before,
.esg-hovered .esg-transition[data-transition="esg-collapsehorizontalout"]:after {width: 0} .esg-transition[data-transition^="esg-line"]:after {
content: ""; 
position: absolute; 
width: 70%; 
height: 70%; 
top: 15%; 
left: 15%;
background-size: 100% 100%; 
background-repeat: no-repeat; 
background-position: center center;
}
.esg-transition[data-transition="esg-linediagonal"]:after,
.esg-transition[data-transition="esg-linehorizontal"]:after,
.esg-transition[data-transition="esg-linevertical"]:after {transform: scale(0)}
.esg-hovered .esg-transition[data-transition^="esg-line"]:after {transform: scale(1)}
.esg-hovered .esg-transition[data-transition="esg-linediagonalout"]:after,
.esg-hovered .esg-transition[data-transition="esg-linehorizontalout"]:after,
.esg-hovered .esg-transition[data-transition="esg-lineverticalout"]:after {transform: scale(0)} .esg-transition[data-transition^="esg-spiral"]:after {
content: ""; 
position: absolute; 
top: 50%; 
left: 50%; 
width: 100%; 
height: 100%; 
box-sizing: border-box;
padding-bottom: 100%; 
background-size: contain; 
background-repeat: no-repeat; 
transform-origin: center;
transform: translate(-50%, -50%) rotate(0deg) scale(0);
}
.esg-transition[data-transition="esg-spiralzoomout"]:after {transform: translate(-50%, -50%) rotate(-300deg) scale(3)}
.esg-hovered .esg-transition[data-transition="esg-spiralzoom"]:after {transform: translate(-50%, -50%) rotate(-300deg) scale(3)}
.esg-hovered .esg-transition[data-transition="esg-spiralzoomout"]:after {transform: translate(-50%, -50%) rotate(0deg) scale(0)} .esg-transition[data-transition^="esg-circlezoom"]:before, 
.esg-transition[data-transition^="esg-circlezoom"]:after {
content: ""; 
position: absolute; 
width: 150%; 
height: 150%; 
padding-bottom: 150%;
top: 50%; 
left: 50%; 
transform: translate(-50%, -50%) scale(0, 0);
border-radius: 50%;
box-sizing: border-box;
}
.esg-transition[data-transition="esg-circlezoomout"]:before, 
.esg-transition[data-transition="esg-circlezoomout"]:after {transform: translate(-50%, -50%) scale(1, 1)}
.esg-hovered .esg-transition[data-transition="esg-circlezoom"]:before, 
.esg-hovered .esg-transition[data-transition="esg-circlezoom"]:after {transform: translate(-50%, -50%) scale(1, 1)}
.esg-hovered .esg-transition[data-transition="esg-circlezoomout"]:before, 
.esg-hovered .esg-transition[data-transition="esg-circlezoomout"]:after {transform: translate(-50%, -50%) scale(0, 0)}
.esg-transition[data-transition^="esg-line"]:before,
.esg-transition[data-transition^="esg-spiral"]:before {
content: ""; 
position: absolute; 
width: 100%; 
height: 100%; 
top: 0%; 
left: 0%;
opacity: 0;
}
.esg-transition[data-transition="esg-linediagonalout"]:before,
.esg-transition[data-transition="esg-linehorizontalout"]:before,
.esg-transition[data-transition="esg-lineverticalout"]:before,
.esg-transition[data-transition="esg-spiralzoomout"]:before {opacity: 1}
.esg-hovered .esg-transition[data-transition^="esg-line"]:before,
.esg-hovered .esg-transition[data-transition="esg-spiralzoom"]:before {opacity: 1}
.esg-hovered .esg-transition[data-transition="esg-linediagonalout"]:before,
.esg-hovered .esg-transition[data-transition="esg-linehorizontalout"]:before,
.esg-hovered .esg-transition[data-transition="esg-lineverticalout"]:before,
.esg-hovered .esg-transition[data-transition="esg-spiralzoomout"]:before {opacity: 0} .esg-overlay.esg-cover-blend-multiply {mix-blend-mode: multiply}
.esg-overlay.esg-cover-blend-screen {mix-blend-mode: screen}
.esg-overlay.esg-cover-blend-overlay {mix-blend-mode: overlay}
.esg-overlay.esg-cover-blend-darken {mix-blend-mode: darken}
.esg-overlay.esg-cover-blend-lighten {mix-blend-mode: lighten}
.esg-overlay.esg-cover-blend-color-dodge {mix-blend-mode: color-dodge}
.esg-overlay.esg-cover-blend-color-burn {mix-blend-mode: color-burn}
.esg-overlay.esg-cover-blend-hard-light {mix-blend-mode: hard-light}
.esg-overlay.esg-cover-blend-soft-light {mix-blend-mode: soft-light}
.esg-overlay.esg-cover-blend-difference {mix-blend-mode: difference}
.esg-overlay.esg-cover-blend-exclusion {mix-blend-mode: exclusion}
.esg-overlay.esg-cover-blend-hue {mix-blend-mode: hue}
.esg-overlay.esg-cover-blend-saturation {mix-blend-mode: saturation}
.esg-overlay.esg-cover-blend-color {mix-blend-mode: color}
.esg-overlay.esg-cover-blend-luminosity {mix-blend-mode: luminosity} .aden{-webkit-filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.perpetua::after,.reyes::after{mix-blend-mode:soft-light;opacity:.5}.inkwell{-webkit-filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:-webkit-linear-gradient(top,#005b9a,#e6c13d);background:linear-gradient(to bottom,#005b9a,#e6c13d)}.reyes{-webkit-filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75);filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad}.gingham{-webkit-filter:brightness(1.05) hue-rotate(-10deg);filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{-webkit-filter:contrast(1.5) brightness(.9);filter:contrast(1.5) brightness(.9)}.toaster::after{background:-webkit-radial-gradient(circle,#804e0f,#3b003b);background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{-webkit-filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{-webkit-filter:brightness(1.2) contrast(.9) saturate(1.1);filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:-webkit-radial-gradient(circle,#a6b1ff 50%,#342134);background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{-webkit-filter:contrast(.9) sepia(.2);filter:contrast(.9) sepia(.2)}.earlybird::after{background:-webkit-radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{-webkit-filter:contrast(1.1) saturate(1.1);filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:-webkit-radial-gradient(40% 40%,circle,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{-webkit-filter:saturate(1.1) contrast(1.5);filter:saturate(1.1) contrast(1.5)}.lofi::after{background:-webkit-radial-gradient(circle,transparent 70%,#222 150%);background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{-webkit-filter:contrast(1.1) brightness(1.1) saturate(1.3);filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{-webkit-filter:contrast(.9) brightness(1.1);filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:-webkit-radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{-webkit-filter:sepia(.3);filter:sepia(.3)}.xpro2::after{background:-webkit-radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{-webkit-filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{-webkit-filter:contrast(.9);filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}.moon{-webkit-filter:grayscale(1) contrast(1.1) brightness(1.1);filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten}.clarendon{-webkit-filter:contrast(1.2) saturate(1.35);filter:contrast(1.2) saturate(1.35)}.clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay}.willow{-webkit-filter:grayscale(.5) contrast(.95) brightness(.9);filter:grayscale(.5) contrast(.95) brightness(.9)}.willow::before{background-color:radial-gradient(40%,circle,#d4a9af 55%,#000 150%);mix-blend-mode:overlay}.willow::after{background-color:#d8cdcb;mix-blend-mode:color}.rise{-webkit-filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9);filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}.rise::after{background:-webkit-radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}.rise::before{background:-webkit-radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));background:radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.clarendon:after,.clarendon:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.rise:after,.rise:before,.slumber:after,.slumber:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.willow:after,.willow:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.clarendon,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.rise,.slumber,.toaster,.walden,.willow,.xpro2{position:relative}._1977 img,.aden img,.brooklyn img,.clarendon img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.rise img,.slumber img,.toaster img,.walden img,.willow img,.xpro2 img{width:100%;z-index:1}._1977:before,.aden:before,.brooklyn:before,.clarendon:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.rise:before,.slumber:before,.toaster:before,.walden:before,.willow:before,.xpro2:before{z-index:2}._1977:after,.aden:after,.brooklyn:after,.clarendon:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.rise:after,.slumber:after,.toaster:after,.walden:after,.willow:after,.xpro2:after{z-index:3}.slumber{-webkit-filter:saturate(.66) brightness(1.05);filter:saturate(.66) brightness(1.05)}.slumber::after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light}.slumber::before{background:rgba(69,41,12,.4);mix-blend-mode:lighten} .source_type_stream .esg-filter-wrapper,
.source_type_nextgen .esg-filter-wrapper,
.source_type_rml .esg-filter-wrapper { display:none!important; } [class*=" pe-7s-"]:before{font-family:'Pe-icon-7-stroke'}@font-face {
font-family: 'eg-font';
src: url(//grandluxxxe.com/wp-content/plugins/essential-grid/public/assets/font/fontello/fonts/egfont.eot?85610117);
src: url(//grandluxxxe.com/wp-content/plugins/essential-grid/public/assets/font/fontello/fonts/egfont.eot?85610117#iefix) format('embedded-opentype'),
url(//grandluxxxe.com/wp-content/plugins/essential-grid/public/assets/font/fontello/fonts/egfont.woff?85610117) format('woff'),
url(//grandluxxxe.com/wp-content/plugins/essential-grid/public/assets/font/fontello/fonts/egfont.ttf?85610117) format('truetype'),
url(//grandluxxxe.com/wp-content/plugins/essential-grid/public/assets/font/fontello/fonts/egfont.svg?85610117#egfont) format('svg');
font-weight: normal;
font-style: normal;
}
.eg-icon-soundcloud:before { content: '\e8ca'; } .eg-icon-music:before { content: '\e858'; } .eg-icon-color-adjust:before { content: '\e862'; } .eg-icon-mail:before { content: '\e868'; } .eg-icon-mail-alt:before { content: '\e869'; } .eg-icon-heart:before { content: '\e86a'; } .eg-icon-heart-empty:before { content: '\e86b'; } .eg-icon-star:before { content: '\e86c'; } .eg-icon-star-empty:before { content: '\e86d'; } .eg-icon-user:before { content: '\e879'; } .eg-icon-male:before { content: '\e87a'; } .eg-icon-female:before { content: '\e87b'; } .eg-icon-video:before { content: '\e805'; } .eg-icon-videocam:before { content: '\e859'; } .eg-icon-picture-1:before { content: '\e803'; } .eg-icon-camera:before { content: '\e85a'; } .eg-icon-camera-alt:before { content: '\e85b'; } .eg-icon-th-large:before { content: '\e83c'; } .eg-icon-th:before { content: '\e83d'; } .eg-icon-ok:before { content: '\e80d'; } .eg-icon-ok-circled2:before { content: '\e877'; } .eg-icon-ok-squared:before { content: '\e878'; } .eg-icon-cancel:before { content: '\e80a'; } .eg-icon-plus:before { content: '\e86e'; } .eg-icon-plus-circled:before { content: '\e876'; } .eg-icon-plus-squared:before { content: '\e875'; } .eg-icon-minus:before { content: '\e86f'; } .eg-icon-minus-circled:before { content: '\e870'; } .eg-icon-minus-squared:before { content: '\e871'; } .eg-icon-minus-squared-alt:before { content: '\e872'; } .eg-icon-info-circled:before { content: '\e80f'; } .eg-icon-info:before { content: '\e844'; } .eg-icon-home:before { content: '\e843'; } .eg-icon-link:before { content: '\e80e'; } .eg-icon-unlink:before { content: '\e83f'; } .eg-icon-link-ext:before { content: '\e840'; } .eg-icon-lock:before { content: '\e856'; } .eg-icon-lock-open:before { content: '\e857'; } .eg-icon-eye:before { content: '\e841'; } .eg-icon-eye-off:before { content: '\e842'; } .eg-icon-tag:before { content: '\e85c'; } .eg-icon-thumbs-up:before { content: '\e887'; } .eg-icon-thumbs-up-alt:before { content: '\e888'; } .eg-icon-download:before { content: '\e88a'; } .eg-icon-upload:before { content: '\e889'; } .eg-icon-reply:before { content: '\e8a6'; } .eg-icon-forward:before { content: '\e874'; } .eg-icon-export-1:before { content: '\e873'; } .eg-icon-print:before { content: '\e886'; } .eg-icon-gamepad:before { content: '\e837'; } .eg-icon-trash:before { content: '\e801'; } .eg-icon-doc-text:before { content: '\e885'; } .eg-icon-doc-inv:before { content: '\e884'; } .eg-icon-folder-1:before { content: '\e83e'; } .eg-icon-folder-open:before { content: '\e883'; } .eg-icon-folder-open-empty:before { content: '\e882'; } .eg-icon-rss:before { content: '\e880'; } .eg-icon-rss-squared:before { content: '\e881'; } .eg-icon-phone:before { content: '\e87f'; } .eg-icon-menu:before { content: '\e830'; } .eg-icon-cog-alt:before { content: '\e847'; } .eg-icon-wrench:before { content: '\e848'; } .eg-icon-basket-1:before { content: '\e87c'; } .eg-icon-calendar:before { content: '\e87d'; } .eg-icon-calendar-empty:before { content: '\e87e'; } .eg-icon-lightbulb:before { content: '\e88b'; } .eg-icon-resize-full-alt:before { content: '\e845'; } .eg-icon-move:before { content: '\e846'; } .eg-icon-down-dir:before { content: '\e838'; } .eg-icon-up-dir:before { content: '\e839'; } .eg-icon-left-dir:before { content: '\e817'; } .eg-icon-right-dir:before { content: '\e818'; } .eg-icon-down-open:before { content: '\e83b'; } .eg-icon-left-open:before { content: '\e819'; } .eg-icon-right-open:before { content: '\e81a'; } .eg-icon-angle-left:before { content: '\e820'; } .eg-icon-angle-right:before { content: '\e81d'; } .eg-icon-angle-double-left:before { content: '\e892'; } .eg-icon-angle-double-right:before { content: '\e893'; } .eg-icon-left-big:before { content: '\e81f'; } .eg-icon-right-big:before { content: '\e81e'; } .eg-icon-up-hand:before { content: '\e835'; } .eg-icon-ccw-1:before { content: '\e891'; } .eg-icon-shuffle-1:before { content: '\e849'; } .eg-icon-play:before { content: '\e88c'; } .eg-icon-play-circled:before { content: '\e88e'; } .eg-icon-stop:before { content: '\e88f'; } .eg-icon-pause:before { content: '\e88d'; } .eg-icon-fast-fw:before { content: '\e890'; } .eg-icon-desktop:before { content: '\e85d'; } .eg-icon-laptop:before { content: '\e85e'; } .eg-icon-tablet:before { content: '\e85f'; } .eg-icon-mobile:before { content: '\e860'; } .eg-icon-flight:before { content: '\e894'; } .eg-icon-font:before { content: '\e851'; } .eg-icon-bold:before { content: '\e852'; } .eg-icon-italic:before { content: '\e855'; } .eg-icon-text-height:before { content: '\e84f'; } .eg-icon-text-width:before { content: '\e850'; } .eg-icon-align-left:before { content: '\e84c'; } .eg-icon-align-center:before { content: '\e84d'; } .eg-icon-align-right:before { content: '\e84e'; } .eg-icon-search:before { content: '\e802'; } .eg-icon-indent-left:before { content: '\e866'; } .eg-icon-indent-right:before { content: '\e867'; } .eg-icon-ajust:before { content: '\e84a'; } .eg-icon-tint:before { content: '\e84b'; } .eg-icon-chart-bar:before { content: '\e853'; } .eg-icon-magic:before { content: '\e807'; } .eg-icon-sort:before { content: '\e895'; } .eg-icon-sort-alt-up:before { content: '\e863'; } .eg-icon-sort-alt-down:before { content: '\e864'; } .eg-icon-sort-name-up:before { content: '\e854'; } .eg-icon-sort-name-down:before { content: '\e865'; } .eg-icon-coffee:before { content: '\e896'; } .eg-icon-food:before { content: '\e897'; } .eg-icon-medkit:before { content: '\e898'; } .eg-icon-puzzle:before { content: '\e899'; } .eg-icon-apple:before { content: '\e89a'; } .eg-icon-facebook:before { content: '\e89b'; } .eg-icon-gplus:before { content: '\e89c'; } .eg-icon-tumblr:before { content: '\e8a0'; } .eg-icon-twitter-squared:before { content: '\e8a2'; } .eg-icon-twitter:before { content: '\e8a1'; } .eg-icon-vimeo-squared:before { content: '\e89d'; } .eg-icon-youtube:before { content: '\e89f'; } .eg-icon-youtube-squared:before { content: '\e89e'; } .eg-icon-picture:before { content: '\e800'; } .eg-icon-check:before { content: '\e810'; } .eg-icon-back:before { content: '\e8a5'; } .eg-icon-thumbs-up-1:before { content: '\e8a9'; } .eg-icon-thumbs-down:before { content: '\e8aa'; } .eg-icon-download-1:before { content: '\e8ab'; } .eg-icon-upload-1:before { content: '\e8ac'; } .eg-icon-reply-1:before { content: '\e8a8'; } .eg-icon-forward-1:before { content: '\e8a7'; } .eg-icon-export:before { content: '\e80b'; } .eg-icon-folder:before { content: '\e813'; } .eg-icon-rss-1:before { content: '\e8c8'; } .eg-icon-cog:before { content: '\e832'; } .eg-icon-tools:before { content: '\e815'; } .eg-icon-basket:before { content: '\e812'; } .eg-icon-login:before { content: '\e833'; } .eg-icon-logout:before { content: '\e834'; } .eg-icon-resize-full:before { content: '\e816'; } .eg-icon-popup:before { content: '\e828'; } .eg-icon-arrow-combo:before { content: '\e827'; } .eg-icon-left-open-1:before { content: '\e82a'; } .eg-icon-right-open-1:before { content: '\e82b'; } .eg-icon-left-open-mini:before { content: '\e822'; } .eg-icon-right-open-mini:before { content: '\e823'; } .eg-icon-left-open-big:before { content: '\e824'; } .eg-icon-right-open-big:before { content: '\e825'; } .eg-icon-left:before { content: '\e836'; } .eg-icon-right:before { content: '\e826'; } .eg-icon-ccw:before { content: '\e808'; } .eg-icon-cw:before { content: '\e8c9'; } .eg-icon-arrows-ccw:before { content: '\e806'; } .eg-icon-level-down:before { content: '\e8a3'; } .eg-icon-level-up:before { content: '\e8a4'; } .eg-icon-shuffle:before { content: '\e814'; } .eg-icon-palette:before { content: '\e829'; } .eg-icon-list-add:before { content: '\e80c'; } .eg-icon-back-in-time:before { content: '\e821'; } .eg-icon-monitor:before { content: '\e81b'; } .eg-icon-paper-plane:before { content: '\e8ad'; } .eg-icon-brush:before { content: '\e8ae'; } .eg-icon-droplet:before { content: '\e81c'; } .eg-icon-clipboard:before { content: '\e8b0'; } .eg-icon-megaphone:before { content: '\e8b1'; } .eg-icon-key:before { content: '\e8af'; } .eg-icon-github:before { content: '\e8b3'; } .eg-icon-github-circled:before { content: '\e8b4'; } .eg-icon-flickr:before { content: '\e8b2'; } .eg-icon-flickr-circled:before { content: '\e8b5'; } .eg-icon-vimeo:before { content: '\e8b6'; } .eg-icon-vimeo-circled:before { content: '\e8b7'; } .eg-icon-twitter-1:before { content: '\e8b8'; } .eg-icon-twitter-circled:before { content: '\e8b9'; } .eg-icon-facebook-1:before { content: '\e8ba'; } .eg-icon-facebook-circled:before { content: '\e8bb'; } .eg-icon-facebook-squared:before { content: '\e8bc'; } .eg-icon-gplus-1:before { content: '\e8bd'; } .eg-icon-gplus-circled:before { content: '\e8be'; } .eg-icon-pinterest:before { content: '\e8bf'; } .eg-icon-pinterest-circled:before { content: '\e8c0'; } .eg-icon-tumblr-1:before { content: '\e8c1'; } .eg-icon-tumblr-circled:before { content: '\e8c2'; } .eg-icon-linkedin:before { content: '\e8c3'; } .eg-icon-linkedin-circled:before { content: '\e8c4'; } .eg-icon-dribbble:before { content: '\e8c5'; } .eg-icon-dribbble-circled:before { content: '\e8c6'; } .eg-icon-picasa:before { content: '\e8c7'; } .eg-icon-ok-1:before { content: '\e811'; } .eg-icon-doc:before { content: '\e809'; } .eg-icon-left-open-outline:before { content: '\e82e'; } .eg-icon-left-open-2:before { content: '\e82c'; } .eg-icon-right-open-outline:before { content: '\e82f'; } .eg-icon-right-open-2:before { content: '\e82d'; } .eg-icon-equalizer:before { content: '\e83a'; } .eg-icon-layers-alt:before { content: '\e804'; } .eg-icon-pencil-1:before { content: '\e831'; } .eg-icon-align-justify:before { content: '\e861'; } .eg-icon-wistia:before { content: '\e89f'; } .eg-icon-wistia-squared:before { content: '\e89e'; }

:root {
--srp-global-cta-mobile: 142px;
--srp-global-cta-desktop: 200px;
--srp-global-column-title-width: 500px;
--srp-extendedPlayer-height: 100vh; }
@keyframes showElement {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes hideElement {
from {
opacity: 1; }
to {
opacity: 0; } }
@media only screen and (min-width: 1026px) {
#sonaar-player:not(.sr-float) .player .store {
box-sizing: border-box; }
#sonaar-player:not(.sr-float) .player .store .track-store {
display: flex;
list-style: none;
margin: 0;
padding: 0;
height: 100%; }
#sonaar-player:not(.sr-float) .player .store .track-store li {
height: 100%;
min-width: 74px;
display: flex;
justify-content: center;
align-items: center;
border-left: 1px solid rgba(255, 255, 255, 0.1);
position: relative;
top: 0; }
#sonaar-player:not(.sr-float) .player .store .track-store li a {
height: auto;
max-height: 100%;
display: block;
font-size: 10px;
text-decoration: none;
text-transform: uppercase;
text-align: center;
overflow: hidden;
padding-left: 10px;
padding-right: 10px; }
#sonaar-player:not(.sr-float) .player .store .track-store li a:hover {
transition: 200ms;
filter: brightness(0.75); }
#sonaar-player:not(.sr-float) .player .store .track-store li a i {
pointer-events: none;
display: block;
font-size: 20px;
line-height: 1.5em; }
#sonaar-player:not(.sr-float) .player .store .track-store li .sr_store_round_bt {
border-radius: 4px;
padding: 4px 6px;
margin: 0px 10px;
display: flex;
align-items: center;
justify-content: center; }
#sonaar-player:not(.sr-float) .player .store .track-store li .sr_store_round_bt i.fas {
display: inline-block;
margin-right: 5px;
font-size: 12px; } }
@media only screen and (max-width: 426px) {
#sonaar-player .playlist .tracklist .track-store {
display: none !important; } }
@media only screen and (max-width: 540px) {
#sonaar-player .playlist button.play, #sonaar-player .player .player-row .sr_skipBackward,
#sonaar-player .player .player-row .sr_skipForward,
#sonaar-player .player .player-row .sr_speedRate,
#sonaar-player .player .player-row .shuffle {
display: none !important; } }
@media only screen and (min-width: 425px) and (max-width: 1025px) {
#sonaar-player .playlist .tracklist .track-store {
display: none !important; } }
#sonaar-player {
position: fixed;
bottom: -90px;
color: #fff;
background-color: #000;
width: 100%;
z-index: 8010; }
#sonaar-player .mejs-container {
display: none !important; }
#sonaar-player,
#sonaar-player .player {
height: 90px; }
@media only screen and (max-width: 540px) {
#sonaar-player,
#sonaar-player .player {
height: 56px; }
#sonaar-player div.player,
#sonaar-player .player div.player {
border-width: 0; } }
#sonaar-player.sr_hide {
display: none; }
#sonaar-player:not(.sr_hide):not([v-cloak]) {
display: block !important; }
@media only screen and (max-width: 1025px) {
#sonaar-player .store {
display: none; } }
#sonaar-player.enable {
transition: all 0.03s ease; }
#sonaar-player.enable .btn-player {
top: 0px !important; }
#sonaar-player.enable .btn-player .audioBar {
display: none !important; }
@media only screen and (max-width: 1025px) {
#sonaar-player.enable .store {
position: absolute;
top: 0px;
right: 0px;
transform: translateY(-100%);
width: auto !important;
min-width: 150px;
border-radius: 3px;
z-index: 10000;
display: none; }
#sonaar-player.enable .store .track-store {
font-size: 14px;
list-style: none;
margin: 0;
padding: 0; }
#sonaar-player.enable .store .track-store li {
border: none;
display: block;
padding: 7px; }
#sonaar-player.enable .store .track-store li a {
text-decoration: none;
display: block;
text-align: center;
color: inherit !important;
background-color: inherit !important; }
#sonaar-player.enable .store .track-store li a .fa {
display: inline-block;
padding-right: 10px;
font-size: 1.4em; }
#sonaar-player.enable .store .track-store li a i {
margin-right: 6px; }
#sonaar-player.enable .store .track-store li + li {
border-top: 1px solid rgba(138, 138, 138, 0.25); }
#sonaar-player.enable .store.opened {
display: block;
animation: showElement 0.25s ease-in-out both; }
#sonaar-player.enable .store:not(.opened) {
animation: hideElement 0.25s ease-in-out both; } }
#sonaar-player.show-list {
height: 100%;
z-index: 9999; }
#sonaar-player .sricon-close, #sonaar-player .close {
pointer-events: all;
right: 50px;
top: 45px;
position: absolute;
cursor: pointer; }
#sonaar-player .sricon-close.btn_playlist, #sonaar-player .close.btn_playlist {
font-size: 32px; }
#sonaar-player .sricon-close.btn_playlist:after, #sonaar-player .sricon-close.btn_playlist:before, #sonaar-player .close.btn_playlist:after, #sonaar-player .close.btn_playlist:before {
margin-left: 14px; }
@media only screen and (max-width: 860px) {
#sonaar-player .sricon-close, #sonaar-player .close {
font-size: 18px;
top: 15px;
right: 22px;
z-index: 9999; }
#sonaar-player .sricon-close.btn_playlist, #sonaar-player .close.btn_playlist {
font-size: 18px; } }
#sonaar-player .sricon-close.btn-player, #sonaar-player .close.btn-player {
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
right: 0;
top: -10px;
transform: translateY(-100%);
width: 24px;
height: 24px; }
@media only screen and (max-width: 860px) {
#sonaar-player .sricon-close.btn-player, #sonaar-player .close.btn-player {
top: -3px; } }
#sonaar-player .sricon-close.btn-player .audioBar, #sonaar-player .close.btn-player .audioBar {
display: block;
width: 16px;
height: 16px;
transform: rotate(180deg);
position: absolute;
top: 4px;
left: 4px; }
#sonaar-player .playerNowPlaying {
width: 342px;
display: flex;
align-items: center; }
#sonaar-player .playerNowPlaying .album-art {
height: calc(100% - 16px);
max-width: 125px;
transition: all 0.5s ease;
margin-left: 8px;
position: relative; }
@media only screen and (max-width: 540px) {
#sonaar-player .playerNowPlaying .album-art {
height: 100%;
margin-left: 0px;
max-width: 90px; } }
#sonaar-player .playerNowPlaying .album-art .loading-icon {
color: #fff;
position: absolute;
width: 100%;
top: 20px;
opacity: 0;
transition: opacity 0.75s ease;
z-index: 1; }
#sonaar-player .playerNowPlaying .album-art.loading-enable.loading .loading-icon {
opacity: 0.8; }
#sonaar-player .playerNowPlaying .album-art img:not(.hover) {
max-width: 100%;
max-height: 100%;
position: relative;
top: 50%;
transform: translateY(-50%); }
#sonaar-player .playerNowPlaying .album-art img.hover {
opacity: 0;
position: absolute;
top: 0;
width: 200px;
max-width: unset;
height: auto;
transition: all 0.5s ease;
transform: translate3d(0, 200px, 0);
z-index: 100; }
@media only screen and (min-width: 540px) {
#sonaar-player .playerNowPlaying .album-art:hover img.hover {
opacity: 1;
transform: translateY(-100%) translate3d(0, 0, 0); } }
#sonaar-player .playerNowPlaying.no-image .metadata {
margin-left: 10px;
margin-right: 0px;
width: inherit; }
@media only screen and (max-width: 540px) {
#sonaar-player .playerNowPlaying.no-image .metadata {
margin-right: 10px; } }
#sonaar-player .playerNowPlaying .metadata {
position: relative;
letter-spacing: 1px;
width: 245px;
height: 100%;
overflow: hidden;
white-space: nowrap;
margin: 0 0 0 20px;
line-height: 1.65em; }
#sonaar-player .playerNowPlaying .metadata .track-name,
#sonaar-player .playerNowPlaying .metadata .track-artist,
#sonaar-player .playerNowPlaying .metadata .track-album {
float: left;
clear: left; }
#sonaar-player .playerNowPlaying .metadata .track-name.scrolling,
#sonaar-player .playerNowPlaying .metadata .track-artist.scrolling,
#sonaar-player .playerNowPlaying .metadata .track-album.scrolling {
transition: transform 5s linear; }
#sonaar-player .playerNowPlaying .metadata .track-name .duplicate,
#sonaar-player .playerNowPlaying .metadata .track-artist .duplicate,
#sonaar-player .playerNowPlaying .metadata .track-album .duplicate {
padding-left: 10px; }
#sonaar-player .playerNowPlaying .metadata .metadata-inner {
position: relative;
top: 50%;
transform: translateY(-50%); }
#sonaar-player .playerNowPlaying .metadata .metadata-inner:after {
content: "";
clear: both;
display: table; }
#sonaar-player .playerNowPlaying .metadata .track-artist,
#sonaar-player .playerNowPlaying .metadata .track-album {
font-size: 0.7em;
line-height: 1em; }
@media only screen and (max-width: 860px) {
#sonaar-player .playerNowPlaying .metadata {
font-size: 14px; } }
@media only screen and (max-width: 540px) {
#sonaar-player .playerNowPlaying .metadata {
font-size: 12px;
width: calc(100% - 50px);
margin: 0 10px;
max-width: 300px; } }
@media only screen and (max-width: 860px) {
#sonaar-player .playerNowPlaying {
width: auto;
flex: 1; } }
@media only screen and (max-width: 860px) and (min-width: 541px) {
#sonaar-player .no-list .playerNowPlaying .metadata {
width: calc(100% - 215px); } }
#sonaar-player .playlist {
font-size: 18px;
box-sizing: border-box;
height: calc(100vh - 90px);
position: absolute;
width: 100%; }
#sonaar-player .playlist .scroll {
height: calc(100vh - 320px);
width: 100%;
top: 100px;
position: absolute;
display: flex;
overflow-y: hidden; }
#sonaar-player .playlist .container {
min-height: 0;
width: 100%;
max-width: 1144px;
height: auto;
align-self: center;
margin: auto;
padding: 0 20px;
background-color: transparent; }
#sonaar-player .playlist .container .boxed {
height: auto;
width: 100%; }
#sonaar-player .playlist .title {
margin-bottom: 20px;
display: block;
text-align: center;
font-size: 54px;
line-height: 1.265em; }
@media only screen and (max-width: 860px) {
#sonaar-player .playlist .title {
box-sizing: border-box;
font-size: 18px;
text-transform: uppercase;
position: fixed;
top: 0;
left: 0;
width: 100vw;
margin: 0;
padding: 20px; } }
#sonaar-player .playlist button.play {
padding: 12px 34px;
border-radius: 50px;
border: none;
font-family: Tahoma, sans-serif;
font-size: 14px;
text-transform: uppercase;
position: relative;
left: 50%;
transform: translate(-50%, 0);
margin: 0 auto 50px auto;
outline: none;
cursor: pointer; }
#sonaar-player .playlist .tracklist {
list-style-type: none;
margin: 0;
padding: 0;
display: table;
width: 100%; }
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist {
display: block; } }
#sonaar-player .playlist .tracklist li {
filter: brightness(70%);
font-weight: inherit;
display: table-row;
line-height: 2.4em;
cursor: pointer; }
#sonaar-player .playlist .tracklist li.active {
filter: brightness(100%);
font-weight: 700; }
@media only screen and (max-width: 860px) {
#sonaar-player .playlist .tracklist li {
font-size: 15px; } }
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist li {
display: block;
line-height: 1.265em;
margin-bottom: 1.265em;
position: relative; } }
#sonaar-player .playlist .tracklist span {
display: table-cell; }
#sonaar-player .playlist .tracklist span .content {
background-color: unset;
margin: 0; }
@media only screen and (min-width: 540px) {
#sonaar-player .playlist .tracklist span .content {
line-height: 1.3em;
display: block;
overflow: hidden;
text-overflow: ellipsis; } }
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist span {
display: inline-block; } }
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist .track-status {
font-size: 12px;
font-weight: 300; } }
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist .srp_track_control {
position: absolute; } }
#sonaar-player .playlist .tracklist .sricon-play {
font-size: 15px;
padding-right: 7px; }
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist .sricon-play {
font-size: 12px;
padding-right: 0; } }
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist .track-lenght {
font-size: 12px;
font-weight: 300;
position: absolute;
right: 0px;
top: 0; } }
#sonaar-player .playlist .tracklist .track-store {
display: flex;
justify-content: start;
column-gap: 15px; }
#sonaar-player .playlist .tracklist .track-store a {
text-decoration: none;
font-size: 20px; }
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist .track-title {
display: block;
width: 100%;
padding-left: 20px; } }
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist .track-artist,
#sonaar-player .playlist .tracklist .track-album {
font-size: 12px;
font-weight: 300;
padding-left: 20px; } }
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist .track-artist + .track-album {
padding-left: 10px; } }
#sonaar-player.audio-playing .playlist .tracklist li.active .sricon-play:before {
content: '\e81c'; }
#sonaar-player.srp_mobile .playlist {
z-index: 15555;
background: inherit;
height: 100%; }
#sonaar-player.srp_mobile .playlist .container {
align-self: normal;
margin: 0; }
#sonaar-player.srp_mobile .playlist .sricon-close.close {
position: fixed;
left: 22px;
top: 18px; }
#sonaar-player.srp_mobile .scroll {
top: 64px;
height: calc(100% - 64px); }
#sonaar-player.srp_mobile .player .control {
padding: 0; }
#sonaar-player .player {
width: 100%;
position: absolute;
left: 0;
bottom: 0;
top: auto;
border-width: 4px;
border-style: solid;
border-left: none;
border-bottom: none;
border-right: none; }
#sonaar-player .player .player-row {
display: flex;
height: 100%; }
#sonaar-player .player .player-row .sr_skipBackward,
#sonaar-player .player .player-row .sr_skipForward {
font-size: 25px; }
@media only screen and (max-width: 540px) {
#sonaar-player .player .player-row:before {
content: "";
width: 100%;
height: calc(100% - 5px);
display: block;
position: absolute;
bottom: 0;
z-index: 55; } }
@media only screen and (max-width: 540px) {
#sonaar-player .player .player-row .playerNowPlaying,
#sonaar-player .player .player-row .control,
#sonaar-player .player .player-row .sonaar-extend-button {
z-index: 60; } }
#sonaar-player .player .control--item.list:hover, #sonaar-player .player .control--item.previous:hover, #sonaar-player .player .control--item.play:hover, #sonaar-player .player .control--item.next:hover, #sonaar-player .player .control--item.shuffle:hover,
#sonaar-player .player .control--item.volume .sricon-volume:hover:before {
filter: brightness(0.75);
transition: 300ms; }
#sonaar-player .player .mobilePanel {
position: absolute;
top: 0px;
width: 100%;
transform: translateY(calc(-100% + 4px));
z-index: 50;
border-bottom: 4px solid; }
#sonaar-player .player .mobilePanel .sonaar-extend-button {
position: absolute;
top: 0;
right: 0; }
#sonaar-player .player .control {
padding: 0 15px;
margin: 0;
list-style: none;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
column-gap: 22px; }
#sonaar-player .player .control .control--item {
position: relative;
text-align: center;
height: 100%;
cursor: pointer;
opacity: 1;
display: flex;
justify-content: center;
align-items: center; }
#sonaar-player .player .control .control--item.play {
background: unset; }
@media only screen and (max-width: 860px) {
#sonaar-player .player .control {
margin-right: 20px; } }
@media only screen and (max-width: 767px) {
#sonaar-player .player .control {
margin-right: 15px; } }
@media only screen and (max-width: 540px) {
#sonaar-player .player .control {
min-width: 40px;
margin-right: 0; } }
@media only screen and (max-width: 860px) {
#sonaar-player .player .sr_progressbar_sticky {
display: none !important; } }
#sonaar-player .sr_progressbar_sticky {
width: auto;
position: relative;
display: flex;
flex: 1;
align-items: center;
margin: 0 5px; }
#sonaar-player .sr_progressbar_sticky .timing {
font-variant-numeric: tabular-nums;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
font-size: 11px;
line-height: 1em; }
#sonaar-player .sr_progressbar_sticky .sr-progress {
width: calc(100% - 200px);
position: absolute;
height: 90px;
left: 75px;
bottom: 0; }
#sonaar-player .sr_progressbar_sticky .sr-progress .sr-wavebar {
position: absolute;
height: 1px;
left: 0;
top: 50%; }
#sonaar-player .sr_progressbar_sticky .sr-progress .progress_totalTime {
width: 100%; }
#sonaar-player .sr_progressbar_sticky .sr-progress .progress_currentTime {
height: 3px;
top: calc(50% - 1px); }
#sonaar-player .sr_progressbar_sticky .sr-progress .skip {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
#sonaar-player .sr_progressbar_sticky #sPlayer {
display: flex;
align-items: center;
height: 100%;
opacity: 0;
transition: all 3000ms ease;
overflow: hidden;
width: calc(100% - 100px);
max-height: calc(100% - 6px);
left: 47px; }
#sonaar-player .sr_progressbar_sticky #sPlayer.sr_hide {
opacity: 0; }
#sonaar-player .sr_progressbar_sticky #sPlayer.reveal {
opacity: 1; }
#sonaar-player .progressLoading {
background: rgba(255, 255, 255, 0.25);
width: 0%;
height: 1px;
box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
width: calc(100% - 562px);
position: absolute;
left: 552px;
top: 45px;
transition: opacity 3000ms ease; }
#sonaar-player .wave {
position: absolute;
left: 30px; }
#sonaar-player .wave wave {
transition: width 400ms;
width: 100%;
position: absolute;
overflow-x: hidden !important; }
#sonaar-player.sr-float {
bottom: -56px; }
@media only screen and (min-width: 541px) {
#sonaar-player.sr-float .player .mobilePanel {
border-width: 0;
transform: unset;
top: 3px; } }
@media only screen and (max-width: 540px) {
#sonaar-player.sr-float .player .mobilePanel {
transform: translateY(calc(-100% + 5px));
border-width: 5px; } }
#sonaar-player.sr-float .close.btn-player rect {
fill: #fff; }
#sonaar-player.sr-float .control .control--item.list.sricon-list {
font-size: 18px; }
#sonaar-player.sr-float .control .sricon-back, #sonaar-player.sr-float .control .sricon-forward, #sonaar-player.sr-float .control .sricon-play {
font-size: 17px; }
#sonaar-player .shuffle {
width: 20px; }
#sonaar-player.hide-track-lenght .playlist .tracklist .track-lenght {
display: none; }
#sonaar-player.hide-track-category .playlist .tracklist .track-album {
display: none; }
#sonaar-player .sonaar-extend-button {
height: 100%;
width: 25px;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
line-height: 16px;
text-align: center;
margin-right: 5px;
cursor: pointer; }
@media only screen and (min-width: 1026px) {
#sonaar-player .sonaar-extend-button {
display: none; } }
#sonaar-player .sonaar-extend-button i {
position: relative;
display: block; }
#sonaar-player .mobileProgress {
width: 100%;
position: absolute;
top: -6px;
z-index: 10;
cursor: pointer; }
#sonaar-player .mobileProgress .skip {
position: absolute;
width: 100%;
height: 390%;
top: -130%;
z-index: 10; }
@media only screen and (min-width: 861px) {
#sonaar-player .mobileProgress {
display: none; } }
#sonaar-player .mobileProgressing {
height: 6px;
position: relative; }
#sonaar-player .mobileProgressing:after {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%; }
#sonaar-player .progressDot {
height: 10px;
width: 10px;
border-radius: 5px;
position: absolute;
top: 50%;
left: 0;
transform: translate(-50%, -50%);
display: none; }
body:not(.continuousPlayer-enable) #sonaar-player .progressDot {
opacity: 0; }
#sonaar-player.sr-float:not(.show-list),
#sonaar-player.sr-float .player {
height: 50px; }
#sonaar-player.sr-float:not(.sr_hide):not([v-cloak]) {
display: flex !important;
left: unset; }
#sonaar-player.sr-float {
background-color: unset; }
#sonaar-player.sr-float:not(.srp_ext_opened) {
pointer-events: none; }
#sonaar-player.sr-float.sr-pos--left {
justify-content: flex-start; }
#sonaar-player.sr-float.sr-pos--center {
justify-content: center; }
#sonaar-player.sr-float.sr-pos--right {
justify-content: flex-end; }
#sonaar-player.sr-float.audio-playing .player:hover .mobileProgress {
display: block;
opacity: 1; }
@media only screen and (max-width: 861px) {
#sonaar-player.sr-float.audio-playing .player.audio-playing .mobileProgress {
display: block;
opacity: 1; } }
#sonaar-player.sr-float .player {
pointer-events: all;
margin: 20px;
left: unset;
border-radius: 10px;
width: auto;
border-width: 0px; }
#sonaar-player.sr-float .player .control .control--item {
margin: 0 1px; }
@media only screen and (min-width: 861px) {
#sonaar-player.sr-float .player.sr-show_controls_hover {
transition: 800ms width;
width: 342px; }
#sonaar-player.sr-float .player.sr-show_controls_hover:hover {
width: 100%; }
#sonaar-player.sr-float .player.sr-show_controls_hover:hover .playerNowPlaying {
width: 270px; }
#sonaar-player.sr-float .player.sr-show_controls_hover .player-row {
display: flex;
justify-content: flex-end; }
#sonaar-player.sr-float .player.sr-show_controls_hover .playerNowPlaying {
position: absolute;
width: 300px;
height: 100%;
left: 0;
transition: 800ms width;
z-index: 2; } }
@media only screen and (max-width: 861px) {
#sonaar-player.sr-float .player.sr-show_controls_hover {
width: calc(100% - 20px) !important;
transform: unset !important; } }
#sonaar-player.sr-float .player:hover .close.btn-player {
opacity: 1; }
#sonaar-player.sr-float .player .mobileProgress {
transition: 400ms;
top: unset;
bottom: -8px;
width: 100%;
left: 0px; }
#sonaar-player.sr-float .player .mobileProgressing {
height: 3px; }
#sonaar-player.sr-float .sr_progressbar_sticky {
display: none; }
#sonaar-player.sr-float .playlist {
pointer-events: all;
height: 100%; }
#sonaar-player.sr-float .album-art img:last-child {
border-radius: 10px 0px 0px 10px; }
#sonaar-player.sr-float .playerNowPlaying .metadata {
margin: 0 10px; }
#sonaar-player.sr-float .playerNowPlaying .metadata .track-album {
display: none; }
#sonaar-player.sr-float .playerNowPlaying .album-art {
margin-left: 0;
height: 100%; }
@media only screen and (min-width: 1026px) {
#sonaar-player.sr-float .sonaar-extend-button {
display: flex; } }
#sonaar-player.sr-float.enable .store {
position: absolute;
top: -1px;
right: 70px;
transform: translateY(-100%);
width: auto !important;
min-width: 150px;
border-radius: 3px;
z-index: 10000;
display: none; }
@media only screen and (max-width: 861px) {
#sonaar-player.sr-float.enable .store {
right: 10px; } }
#sonaar-player.sr-float.enable .store .track-store {
font-size: 14px;
list-style: none;
margin: 0;
padding: 0; }
#sonaar-player.sr-float.enable .store .track-store li {
border: none;
display: block;
padding: 7px; }
#sonaar-player.sr-float.enable .store .track-store li a {
text-decoration: none;
display: block;
text-align: right;
color: inherit !important;
background-color: inherit !important; }
#sonaar-player.sr-float.enable .store .track-store li a .fa {
display: inline-block;
padding-right: 10px;
font-size: 1.4em; }
#sonaar-player.sr-float.enable .store .track-store li a i {
margin-right: 6px; }
#sonaar-player.sr-float.enable .store .track-store li + li {
border-top: 1px solid rgba(138, 138, 138, 0.25); }
#sonaar-player.sr-float.enable .store.opened {
display: block;
animation: showElement 0.25s ease-in-out both; }
#sonaar-player.sr-float.enable .store:not(.opened) {
animation: hideElement 0.25s ease-in-out both; }
@media only screen and (max-width: 861px) {
#sonaar-player.sr-float .player {
width: calc(100% - 20px);
max-width: unset;
margin: 10px; }
#sonaar-player.sr-float .player .close.btn-player.enable {
opacity: 1; }
#sonaar-player.sr-float .player .mobileProgress {
opacity: 0;
bottom: 0px; } }
@media only screen and (min-width: 861px) {
#sonaar-player.sr-float .mobileProgress {
display: block;
opacity: 0; } }
@media only screen and (max-width: 540px) {
#sonaar-player.sr-float .player .control {
min-width: 42px; } }
#sonaar-player.sr-float:not(.enable) .player {
transition-delay: 350ms;
width: 100% !important;
max-width: 100%;
margin: 0px;
top: 0px !important;
left: 0px !important; }
#sonaar-player.sr-float .close.btn-player {
right: 0px;
top: 0px; }
#sonaar-player.sr-float .close.btn-player.enable {
transition: 400ms;
opacity: 0;
width: 17px;
height: 15px; }
#sonaar-player.sr-float .close.btn-player.enable:before, #sonaar-player.sr-float .close.btn-player.enable:after {
height: 7px;
top: 5px; }
#sonaar-player.sr-float .close.btn-player.enable:before {
left: 10px; }
#sonaar-player.sr-float .close.btn-player.enable:after {
left: 6px; }
#sonaar-player.sr-fullwidth .sonaar_wave_base,
#sonaar-player.sr-fullwidth .sonaar_wave_cut {
height: 40px; }
#sonaar-player.sr-mini_fullwidth:not(.show-list),
#sonaar-player.sr-mini_fullwidth .player {
height: 42px; }
#sonaar-player.sr-mini_fullwidth {
bottom: -48px; }
#sonaar-player.sr-mini_fullwidth .player {
border-width: 2px; }
#sonaar-player.sr-mini_fullwidth .player .control .control--item {
margin: 0 1px; }
#sonaar-player.sr-mini_fullwidth .mobileProgress {
top: -3px; }
#sonaar-player.sr-mini_fullwidth .mobileProgressing {
height: 3px; }
#sonaar-player.sr-mini_fullwidth .playerNowPlaying .metadata {
margin: 0 10px; }
#sonaar-player.sr-mini_fullwidth .playerNowPlaying .metadata .track-album {
display: none; }
#sonaar-player.sr-mini_fullwidth .playerNowPlaying .album-art {
margin-left: 0;
height: 100%; }
@media only screen and (min-width: 1026px) {
#sonaar-player.sr-mini_fullwidth .store .track-store li a {
font-size: 8px; }
#sonaar-player.sr-mini_fullwidth .store .track-store li a i {
font-size: 12px; } }
@media only screen and (max-width: 540px) {
#sonaar-player.sr-mini_fullwidth .player .control {
min-width: 42px; } }
#sonaar-player.sr-mini_fullwidth .close.btn-player.enable {
width: 17px;
height: 19px; }
#sonaar-player.sr-mini_fullwidth .close.btn-player.enable:before, #sonaar-player.sr-mini_fullwidth .close.btn-player.enable:after {
height: 7px;
top: 5px; }
#sonaar-player.sr-mini_fullwidth .close.btn-player.enable:before {
left: 10px; }
#sonaar-player.sr-mini_fullwidth .close.btn-player.enable:after {
left: 6px; }
#sonaar-player.sr-mini_fullwidth .sonaar_wave_base,
#sonaar-player.sr-mini_fullwidth .sonaar_wave_cut {
height: 27px; }
#sonaar-player.sr-mini_fullwidth .control .control--item.list.sricon-list {
font-size: 18px; }
#sonaar-player.sr-mini_fullwidth .control .sricon-back, #sonaar-player.sr-mini_fullwidth .control .sricon-forward, #sonaar-player.sr-mini_fullwidth .control .sricon-play {
font-size: 17px; }
#sonaar-player .sr_speedRate div {
color: #000;
background: #fff; }
.sr_skip_number {
font-size: 10px;
font-weight: 600;
line-height: 1;
position: absolute; }
.sr_skipBackward,
.sr_skipForward {
font-size: 22px;
cursor: pointer;
user-select: none;
display: flex;
align-items: center;
justify-content: center; }
.sr_speedRate {
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
font-size: 12px;
line-height: 1;
cursor: pointer; }
.sr_speedRate div {
color: #fff;
background: #000;
padding: 3px;
text-align: center;
border-radius: 3px;
user-select: none; }
#sonaar-player .sr_speedRate:not(.active) div {
opacity: 0.5; }
#sonaar-player [class*="sricon-"]::before {
margin-left: 0;
margin-right: 0; }
#sonaar-player.audio-playing .control .sricon-play:before {
content: '\e81c'; }
#sonaar-player .control .sricon-back, #sonaar-player .control .sricon-forward, #sonaar-player .control .sricon-shuffle, #sonaar-player .control .srp_repeat {
font-size: 19px; }
#sonaar-player .control .sricon-play {
font-size: 26px; }
#sonaar-player .control .control--item.list.sricon-list {
font-size: 20px; }
#sonaar-player .control .control--item.list.sricon-list::before {
width: 30px; }
#sonaar-player .sricon-volume {
font-size: 22px; }
#sonaar-player.srp_mobile > .srp_spectrum_container {
display: none !important; }
#sonaar-player .player .control .control--item.sricon-shuffle:not(.active), #sonaar-player .sricon-shuffle:not(.active) {
opacity: 0.4; }
.sricon-volume.active:before, .iron-audioplayer[data-mute="true"] .sricon-volume:before {
content: '\e826'; }
#sonaar-player div.volume {
padding: 0 20px; }
@media only screen and (max-width: 860px) {
#sonaar-player div.volume {
display: none; } }
#sonaar-player .volume,
.iron-audioplayer .volume {
display: flex;
align-items: center; }
#sonaar-player .volume .slider-container,
.iron-audioplayer .volume .slider-container {
position: absolute;
width: 30px;
height: 100px;
left: 50%;
top: 0px;
transform: translate(-50%, -100%);
background: #fff;
z-index: 200;
border: 1px solid #bbb;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
border-radius: 1px;
display: none; }
#sonaar-player .volume .slider-container .slide,
.iron-audioplayer .volume .slider-container .slide {
width: 100%;
height: 70px;
position: absolute;
top: 20px;
cursor: pointer; }
#sonaar-player .volume .slider-container .slide:before,
.iron-audioplayer .volume .slider-container .slide:before {
content: "";
position: absolute;
width: 1px;
height: 100%;
left: 50%;
top: -5px;
opacity: 0.5; }
#sonaar-player .volume .slider-container .ui-slider-range,
.iron-audioplayer .volume .slider-container .ui-slider-range {
position: absolute;
width: 2px;
height: 60%;
bottom: 0;
left: calc(50% - 1px); }
#sonaar-player .volume .slider-container .ui-slider-handle,
.iron-audioplayer .volume .slider-container .ui-slider-handle {
width: 7px;
height: 7px;
border-radius: 100%;
position: absolute;
left: calc(50% - 3px);
cursor: pointer; }
#sonaar-player .volume .slider-container .trigger,
.iron-audioplayer .volume .slider-container .trigger {
height: calc(100% - 20px);
width: 100%;
top: 10px;
position: absolute; }
#sonaar-player .volume .slider-container:before,
.iron-audioplayer .volume .slider-container:before {
width: 0;
height: 0;
border: none;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #bbb;
content: "";
position: absolute;
bottom: -6px;
left: 50%;
transform: translate(-50%); }
#sonaar-player .volume .slider-container:after,
.iron-audioplayer .volume .slider-container:after {
width: 0;
height: 0;
border: none;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #fff;
content: "";
position: absolute;
bottom: -5px;
left: 50%;
transform: translate(-50%); }
#sonaar-player .volume .sricon-volume,
.iron-audioplayer .volume .sricon-volume {
display: initial;
width: 22px;
max-height: calc(90% - 12px);
cursor: pointer;
position: relative;
line-height: 0; }
#sonaar-player .volume .sricon-volume:hover .slider-container,
.iron-audioplayer .volume .sricon-volume:hover .slider-container {
display: block; }
.iron-audioplayer .sr-cf-heading {
position: relative;
align-items: center;
column-gap: 10px;
display: flex;
overflow: hidden;
width: auto;
padding-bottom: 10px;
font-weight: 600;
text-transform: uppercase;
border-bottom: 1px solid #ffffff21; }
.iron-audioplayer .sr-cf-heading.srmp3-heading--hide {
display: none !important; }
.iron-audioplayer .sr-cf-heading .srp_sort.asc::after {
content: "\002B06";
font-size: 10px;
padding-left: 3px; }
.iron-audioplayer .sr-cf-heading .srp_sort.desc::after {
content: "\002B07";
font-size: 10px;
padding-left: 3px; }
.iron-audioplayer .sr-cf-heading .sr-playlist-heading-child {
pointer-events: auto;
cursor: pointer;
justify-content: left;
align-items: center;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
white-space: nowrap;
font-size: 11px;
width: 100%; }
.iron-audioplayer.srp_has_customfields.srp_tracklist_grid .srp_tracklist_waveform_enabled .tracklist-item-title {
flex: 1; }
.iron-audioplayer.srp_has_customfields .tracklist-item-title {
flex: 1; }
.iron-audioplayer.srp_has_customfields .srp_tracklist_waveform_enabled .tracklist-item-title {
flex: 0 0 250px; }
.iron-audioplayer.srp_has_customfields .srp_tracklist_waveform_enabled .audio-track {
overflow: hidden;
flex: 1 1 fit-content; }
.iron-audioplayer.srp_has_customfields .srp_tracklist_waveform_enabled .sr-playlist-cf-container {
flex: 0 1 fit-content; }
.iron-audioplayer.srp_has_customfields .sr-playlist-item {
overflow-x: hidden; }
.iron-audioplayer.srp_has_customfields .srp_audio_trigger .audio-track {
width: 10%; }
.iron-audioplayer.srp_has_customfields .sr-playlist-cf-container {
align-items: center;
font-size: 11px;
flex: 1;
display: flex;
overflow: hidden;
justify-content: space-evenly;
column-gap: 10px;
font-size: 0.8em; }
.iron-audioplayer.srp_has_customfields .sr-playlist-cf-container .sr-playlist-cf-child {
justify-content: left;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
width: 100%;
align-items: center; }
.iron-audioplayer.srp_has_customfields .sr-playlist-cf-container .sr-playlist-cf-child img {
margin-right: 5px;
max-height: 20px; }
.iron-audioplayer.srp_has_customfields .sr-playlist-cf-container .sr-playlist-cf-child i {
margin-right: 5px; }
.iron-audioplayer.srp_has_customfields .audio-track {
flex: 0 1 var(--srp-global-column-title-width); }
.iron-audioplayer.srp_has_customfields .sr-playlist-cf-container {
flex: 0 1 calc(100% - var(--srp-global-column-title-width)); }
.iron-audioplayer.srp_has_customfields:not(.srp_tracklist_grid) .sr-playlist-item:not(.srp_extended) .song-store-list-menu {
max-width: var(--srp-global-cta-desktop); }
.iron-audioplayer.srp_has_customfields .sr-playlist-item.srp_extended .song-store-list-menu {
max-width: 999px; }
.iron-audioplayer.srp_has_customfields .sr-playlist-item .store-list {
flex: 0 0 var(--srp-global-cta-desktop);
align-items: center; }
.iron-audioplayer.srp_has_customfields:not(.srp_tracklist_grid) .playlist .store-list .song-store-list-menu {
justify-content: flex-start !important;
width: var(--srp-global-cta-desktop);
overflow: hidden;
position: absolute !important;
right: 0; }
.iron-audioplayer.srp_has_customfields .srp_list:not(.srp_contentLoading) .song-store-list-menu {
transition: 0.2s ease; }
.iron-audioplayer.srp_has_customfields.playlist_has_no_ctas .store-list {
display: none; }
.iron-audioplayer.srp_has_customfields.srp_responsive .sr-playlist-item .store-list {
flex: 0 0 var(--srp-global-cta-mobile); }
.iron-audioplayer.srp_has_customfields.srp_responsive .playlist .store-list .song-store-list-menu {
width: var(--srp-global-cta-mobile); }
.iron-audioplayer.srp_has_customfields .store-list .srp_ellipsis {
font-size: 14px;
transition: 0.15s;
top: 50%;
transform: scale(1) translateY(-50%); }
.iron-audioplayer.srp_has_customfields .srp_extended .srp_ellipsis {
opacity: 0;
transform: scale(0) translateY(-50%); }
.iron-audioplayer.srp_has_customfields .srp_extendable .srp_ellipsis {
padding: 5px;
z-index: 55; }
.iron-audioplayer.srp_has_customfields .sr-playlist-item:not(.srp_extendable) .srp_ellipsis {
display: none; }
.iron-audioplayer .srp_search_main {
padding-bottom: 20px; }
.iron-audioplayer .playlist ul.srp_pagination {
height: auto !important; }
.iron-audioplayer .playlist ul .ps__rail-y {
height: 0px !important; }
.iron-audioplayer:not(.srp_has_customfields) .playlist.srp_tracklist_waveform_enabled .tracklist-item-title {
flex: 0 1 350px; }
.iron-audioplayer .ui-slider-handle,
.iron-audioplayer .ui-slider-range {
background: #000; }
.iron-audioplayer .sr_skip_number {
font-size: 8px;
line-height: 11px; }
.iron-audioplayer .sr-playlist-item[data-post-url]:not([data-post-url=""]) .sr_track_cover {
cursor: pointer; }
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sr_shuffle {
display: flex; }
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sr_speedRate {
font-size: 8px;
line-height: 9px;
font-weight: 600; }
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sr_speedRate div {
border-width: 1.5px; }
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sr_mute,
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sr_unmute {
width: 18px; }
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_wave_box.srp_progressbar_inline {
display: flex;
flex-wrap: wrap; }
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_wave_box.srp_progressbar_inline .player {
margin-right: 15px;
flex-grow: 1;
width: unset; }
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_wave_box.srp_progressbar_inline .player .sr_progressbar {
width: auto; }
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_show_prevnext_bt .next, .iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_show_prevnext_bt .previous {
display: block !important; }
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_control_left .srp_progressbar_inline {
flex-direction: row-reverse; }
.iron-audioplayer.audio-playing .srp_player_boxed .sricon-play:before {
content: '\e81c'; }
.iron-audioplayer.srp_favorites_loading .srp-fav-bt {
opacity: 0.3; }
.iron-audioplayer .srp-fav-bt {
transition: opacity 0.2s; }
.sr_mute {
display: none; }
.iron-audioplayer[data-mute="true"] .sr_unmute {
display: none; }
.iron-audioplayer[data-mute="true"] .sr_mute {
display: initial; }
.sr_shuffle {
cursor: pointer; }
.iron-audioplayer:not([data-shuffle="true"]) .control .sricon-shuffle {
opacity: 0.4; }
.continuousPlayer-enable #srmp3_lyricsplaying_container {
transition: 200ms;
bottom: 90px; }
@media only screen and (max-width: 540px) {
.continuousPlayer-enable #srmp3_lyricsplaying_container {
bottom: 62px; } }
@media only screen and (max-width: 768px) {
.srp_sticky_ext_opened.continuousPlayer-enable #srmp3_lyricsplaying_container {
bottom: 0px;
z-index: 10100; }
.srp_sticky_ext_opened.continuousPlayer-enable #srmp3_lyrics_container {
z-index: 10050; } }
#srmp3_lyricsplaying_container {
cursor: pointer;
display: flex;
justify-content: center;
align-items: flex-end;
max-width: 100%;
width: 100%;
bottom: 0px;
position: fixed;
z-index: 8000; }
.srmp3_lyrics tt {
font-family: inherit; }
.srmp3_lyrics p[begin] {
margin-bottom: 1em; }
@media only screen and (max-width: 540px) {
.srmp3_lyrics p[begin] {
margin-bottom: 0.7em; } }
.srmp3_lyrics p[begin] {
transition: color 1s ease; }
.srmp3_lyrics_container {
pointer-events: none;
padding: 4px 10px;
display: flex;
justify-content: center;
text-align: center;
color: #fff;
background-color: #000;
font-style: italic;
font-size: 21px; }
.srmp3_lyrics_container:before,
.srmp3_lyrics_container:after {
content: '♪';
margin: 0px 8px; }
#srmp3_lyrics_container {
position: fixed;
color: #575757;
background-color: #000;
top: 0px;
width: 100%;
height: 100%;
padding: 100px;
text-align: left;
z-index: 7999; }
#srmp3_lyrics_container .srmp3_lyrics {
font-size: 48px;
font-weight: 700;
line-height: 1em;
height: calc(100vh - 320px);
top: 100px;
margin-top: 20px;
overflow-y: hidden; }
#srmp3_lyrics_container .srmp3_lyrics .ps__rail-y {
height: 0px !important; }
@media only screen and (max-width: 540px) {
#srmp3_lyrics_container .srmp3_lyrics {
font-size: 24px;
line-height: 1em;
height: calc(100vh - 150px); } }
#srmp3_lyrics_container .srmp3_lyrics_title {
color: #fff;
font-size: 24px; }
@media only screen and (max-width: 540px) {
#srmp3_lyrics_container .srmp3_lyrics_title {
font-size: 18px; } }
#srmp3_lyrics_container .srmp3_lyrics_album {
color: #a7a7a7;
font-size: 18px; }
@media only screen and (max-width: 540px) {
#srmp3_lyrics_container {
padding: 30px;
bottom: 50px; } }
#srmp3_lyrics_container .sricon-close-circle {
position: absolute;
top: 50px;
right: 50px;
font-size: 48px;
line-height: 1;
cursor: pointer; }
@media only screen and (max-width: 767px) {
#srmp3_lyrics_container .sricon-close-circle {
top: 25px;
right: 25px; } }
@media only screen and (max-width: 767px) {
#srmp3_lyrics_container .srmp3_lyrics_album,
#srmp3_lyrics_container .srmp3_lyrics_title {
padding-right: 25px; } }
.srp_player_boxed .srp_note {
position: absolute;
top: 10px;
left: 10px;
height: 100%;
max-height: calc(100% - 20px);
width: calc(100% - 20px);
overflow-y: auto; }
.srp_player_boxed .srp_note h1 {
width: calc(100% - 35px); }
.srp_note {
position: relative;
background: #fff;
color: #000;
width: 100%;
z-index: 25;
padding: 25px;
border-radius: 4px; }
.sr-playlist-item .srp_note {
margin-top: 10px; }
.srp_note ul {
margin: inherit !important;
padding: 15px !important;
height: initial !important;
overflow-y: visible !important;
overflow-x: visible !important; }
.srp_note ul li {
list-style: disc !important;
padding: initial !important; }
.srp_note .sr_close {
top: 20px;
right: 20px; }
.sr-playlist-item .srp_note .sr_close {
display: none; }
.srp_note_title,
.srp-modal-title {
font-size: 1.7em;
line-height: 1.2;
font-weight: inherit;
color: inherit;
margin-bottom: 1rem; }
.srp-modal-subtitle {
font-size: 1.2em;
line-height: 1.2;
font-weight: inherit;
color: inherit;
margin-bottom: 1rem; }
.srp-modal-product-desc {
margin-bottom: 1rem; }
@media only screen and (max-width: 450px) {
#sonaar-player[data-ui-items="1"] .playerNowPlaying {
width: calc(100% - 50px); }
#sonaar-player[data-ui-items="2"] .playerNowPlaying {
width: calc(100% - 100px); }
#sonaar-player[data-ui-items="3"] .playerNowPlaying {
width: calc(100% - 150px); }
#sonaar-player[data-ui-items="4"] .playerNowPlaying {
width: calc(100% - 200px); }
#sonaar-player .playerNowPlaying {
width: calc(100% - 75px); }
#sonaar-player[data-ui-items="1"] .playerNowPlaying.no-image {
width: calc(100% - 45px); }
#sonaar-player[data-ui-items="2"] .playerNowPlaying.no-image {
width: calc(100% - 75px); }
#sonaar-player[data-ui-items="3"] .playerNowPlaying.no-image, #sonaar-player[data-ui-items="4"] .playerNowPlaying.no-image {
width: calc(100% - 115px); }
#sonaar-player .playerNowPlaying.no-image {
width: 100%; }
#sonaar-player .playerNowPlaying.no-image .metadata {
width: 100%; } }
.sonaar-player-slidefade-enter-active {
transition: 800ms all ease; }
.sonaar-player-slidefade-leave-active {
transition: all 0.4s ease; }
.sonaar-player-slidefade-enter {
transform: scale(0.8);
opacity: 0; }
.sonaar-player-slidefade-leave-to {
opacity: 0; }
@media only screen and (max-width: 1025px) {
.sonaar-player-storefade-enter-active {
transition: all 0.03s ease; } }
@media only screen and (max-width: 1025px) {
.sonaar-player-storefade-leave-active {
transition: all 0.03s ease; } }
@media only screen and (max-width: 1025px) {
.sonaar-player-storefade-enter {
transform: translateY(70px); } }
@media only screen and (max-width: 1025px) {
.sonaar-player-storefade-leave-to {
transform: translateY(70px); } }
.woocommerce-page.single-product .iron-audioplayer .srp_tracklist {
margin: 0px; }
@media (max-width: 991px) {
.woocommerce-page.single-product .iron-audioplayer .playlist {
margin-top: 0px; } }
.woocommerce-LoopProduct-link .tracklist-item-time {
display: none; }
.woocommerce-LoopProduct-link .iron-audioplayer .player .wave {
margin: 0px 0px; }
.woocommerce-LoopProduct-link .iron-audioplayer .sonaar-Artwort-box {
margin-bottom: initial; }
.woocommerce ul.products li.product a .album-art img {
margin: 0px; }
.woocommerce .iron-audioplayer .playlist .audio-track {
text-align: left; }
.woocommerce ul.products li.product.srmp3-product.srmp3-product__hideimage a img.attachment-woocommerce_thumbnail, .woocommerce ul.products li.product.srmp3-product.srmp3-product__hideimage a img.woocommerce-placeholder {
display: none; }
@media only screen and (min-width: 540px) {
#pusher-wrap.sonaar-list-active {
-webkit-animation: blur 0.5s linear forwards;
-moz-animation: blur 0.5s linear forwards;
-ms-animation: blur 0.5s linear forwards;
-o-animation: blur 0.5s linear forwards;
animation: blur 0.5s linear forwards; } }
@-webkit-keyframes blur {
from {
-webkit-filter: blur(0);
filter: blur(0); }
to {
-webkit-filter: blur(20px);
filter: blur(20px); } }
@-moz-keyframes blur {
from {
-webkit-filter: blur(0);
filter: blur(0); }
to {
-moz-filter: blur(20px);
filter: blur(20px); } }
@keyframes blur {
from {
-webkit-filter: blur(0);
filter: blur(0); }
to {
-webkit-filter: blur(20px);
-moz-filter: blur(20px);
filter: blur(20px); } } .srp_tracklist .ps,
.srmp3_lyrics.ps {
height: 250px;
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto; }
.srp-modal-medium-size {
max-width: 100%;
width: 800px; }
.srp-modal-variant-file {
text-transform: uppercase;
font-size: 0.8em;
font-weight: 700; }
.srp-license-preview-modal .srp_variant_terms {
margin-top: 35px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.srp_variant_terms .view-license-button {
width: 100%; }
.srp-modal-share {
max-width: 100%;
width: 600px; }
.srp-modal-share .srp-share-title {
margin: 0 28px 0 0;
padding: 0;
font-size: 21px;
font-weight: 600;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.srp-modal-share .srp-share-trackinfo-container {
display: flex;
align-items: center;
justify-content: flex-start;
column-gap: 15px;
margin: 12px 0 24px; }
.srp-modal-share .srp-share-trackinfo-container .srp-share-tracktitle {
font-size: 18px;
font-weight: 600;
overflow: hidden; }
.srp-modal-share .srp-share-trackinfo-container .srp-share-img {
display: flex;
flex-shrink: 0;
width: 72px;
height: 72px;
border-radius: 3px; }
.srp-modal-share .srp-modal-sticky-player-container {
display: flex;
column-gap: 15px;
margin-top: 10px;
margin-bottom: 10px;
align-items: center; }
.srp-modal-share .srp-modal-sticky-player-container input#stickyPlayerCheckbox, .srp-modal-share .srp-modal-sticky-player-container input#stickyPlayerTimeCheckbox {
width: 15px;
height: 15px; }
.srp-modal-share .srp-modal-sticky-player-container .srp-modal-sticky-player-label {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .8px; }
.srp-modal-share .srp-modal-sticky-player-container #stickyPlayerCurrentTime {
height: 30px;
font-size: 14px;
width: 85px;
padding: 10px; }
.srp-modal-share .srp-modal-linkurl-container .srp-modal-linkurl-label {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .8px; }
.srp-modal-share .srp-modal-linkurl-container .srp-modal-linkurl-input-container {
padding: 0 5px 0 12px;
overflow: hidden;
border: unset;
position: relative;
display: flex;
align-items: center;
width: 100%;
height: 44px;
border-radius: 5px;
background-color: #dfdfdf;
margin: 5px 0; }
.srp-modal-share .srp-modal-linkurl-container .srp-modal-linkurl-input-container i {
margin-left: 0;
margin-right: -5px;
font-size: 18px;
color: #9b9b9b; }
.srp-modal-share .srp-modal-linkurl-container .srp-modal-linkurl-input-container input {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 14px;
width: 100%;
height: 100%;
padding: 0 15px;
font-size: 13px;
font-weight: 500;
background-color: transparent;
border-radius: 5px;
box-shadow: none;
border: none; }
.srp-modal-share .srp-modal-linkurl-container .srp-modal-linkurl-input-container input:focus-visible {
outline: unset; }
.srp-modal-share .srp-modal-linkurl-container .srp-modal-linkurl-input-container button {
color: inherit;
background: transparent;
box-sizing: border-box;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
outline: none;
border: none;
-webkit-tap-highlight-color: transparent;
display: inline-block;
white-space: nowrap;
text-decoration: none;
vertical-align: baseline;
text-align: center;
margin: 0;
line-height: 36px;
padding: 0 16px;
border-radius: 4px;
overflow: visible; }
.srp-modal-share .srp-modal-socialshare-container {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
margin-top: 24px;
column-gap: 25px;
row-gap: 20px; }
.srp-modal-share .srp-modal-socialshare-container a {
text-decoration: none;
color: var(--srp-global-modal-btn-bg-color);
font-size: 42px; }
.srp-modal-share .srp-modal-socialshare-container a.srp-share-mobile-more i {
font-size: 26px; }
.srp-modal-share .srp-modal-socialshare-container a.srp-share-mobile-more {
display: flex;
height: 42px;
align-items: center; }
.srp-modal-share .srp-modal-socialshare-container .sricon {
-webkit-font-smoothing: antialiased;
display: flex;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; }
.srp-modal-share .srp-modal-socialshare-container .sricon:before {
margin-right: 0px;
margin-left: 0px; }
.srp_popup_no_image .srp-modal-product-variation-trackinfo-container {
flex-direction: column-reverse; } .srp-modal-product-variation { }
.srp-modal-product-variation .srp-modal-product-variation-trackinfo-container {
display: flex;
align-items: flex-start;
justify-content: flex-start;
column-gap: 15px;
margin: 12px 0 24px; }
.srp-modal-product-variation .srp-modal-product-variation-trackinfo-container .srp-modal-image {
display: flex;
flex-shrink: 0;
width: 72px;
height: 72px;
border-radius: 3px; }
.srp-modal-product-variation .srp-modal-title {
font-weight: 700; }
.srp-modal-product-variation .srp-modal-variant-name {
font-weight: 500; }
.srp-modal-product-variation .srp-modal-subtitle {
font-size: 11px;
text-transform: uppercase; }
.srp-modal-product-variation .srp-modal-variant-desc {
font-size: 11px;
text-transform: uppercase;
margin-top: 10px; }
.srp-modal-variation-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
grid-template-columns: 1fr 1fr 1fr;
margin: 20px 0 50px; }
.srp-modal-variant-selector {
background-color: #0202022b;
border: 1px solid #fff0;
border-radius: 8px;
padding: 10px 10px;
max-width: calc(33% - 7px);
min-width: 170px;
width: 100%;
cursor: pointer; }
.srp-modal-variant-selector:hover, .srp-modal-variant-selector.srp_selected {
background-color: #02020261; }
@media only screen and (max-width: 860px) {
.srp-modal-variant-selector {
max-width: initial; } }
.srp-modal-variant-main {
display: flex;
column-gap: 12px;
row-gap: 10px;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
padding-top: 20px; }
@media only screen and (max-width: 860px) {
.srp-modal-variant-main {
justify-content: flex-start; } }
.srp-modal-variant-main,
.srp_variant_terms {
border-top: 1px solid rgba(255, 255, 255, 0.08); }
.srp_term_title {
font-weight: bold;
margin: 10px 0; }
.srp_variant_terms_container.srp_variant_terms--column {
display: flex;
flex-wrap: wrap;
column-gap: 15px; }
.srp_variant_terms_container.srp_variant_terms--column .srp_variant_terms {
max-width: 300px;
min-width: 150px;
flex: 1; }
.srp_variant_terms_container.srp_variant_terms--column .srp_term_meta {
width: 100%; }
.srp_term_meta_list {
display: flex;
flex-wrap: wrap;
align-items: center; }
.srp_term_meta {
display: flex;
align-items: center;
width: calc(100% / 3);
height: 60px;
font-size: 0.9rem; }
.srp_term_meta:before {
font-size: 22px; }
@media only screen and (max-width: 860px) {
.srp_term_meta {
width: 50%; } }
.srp_term_meta i[class*=" fa-"] {
font-family: 'Font Awesome 5 Free';
font-style: unset; }
.srp_term_meta_label {
padding: 0 5px;
font-size: 0.8em;
text-transform: uppercase; }
.srp-modal-variant-price {
flex-grow: 1;
font-size: 1.3em;
font-weight: bold;
line-height: 1; }
.srp-modal-custom-link a {
text-decoration: unset;
font-size: 16px;
font-weight: 600;
color: var(--srp-global-modal-btn-bg-color); }
.srp-modal-custom-link a:hover {
color: var(--srp-global-modal-btn-bg-color);
filter: brightness(0.5); }
.srp-modal-custom-link i {
margin-right: 5px; }
.srp-modal-variation-details:not(.srp_selected) {
display: none; }
.srp-modal-variation-details .srp-modal-variant-price {
font-size: 1.8em; }
.srp_reg_price {
text-decoration: line-through;
opacity: 0.7; }
.srmp3_button_launcher_style-round .srmp3_sonaar_ts_shortcode.srmp3_sonaar_ts_shortcode_button {
width: 200px;
height: 200px;
border-radius: 50% !important;
display: flex !important;
align-items: center;
justify-content: center; }
.srmp3_sonaar_ts_shortcode.sricon-play::before {
vertical-align: middle;
font-size: 0.75em;
text-decoration: none;
margin: 0em 0.2em 0.22em 0em; }
.srmp3_sonaar_ts_shortcode.srmp3_sonaar_ts_shortcode_button {
background-color: #000;
border-radius: 4px;
padding: 5px 15px;
color: #fff;
text-decoration: none !important;
width: fit-content; }
.srmp3_sonaar_ts_shortcode.srmp3_sonaar_ts_shortcode_button.srmp3_sonaar_ts--block {
display: block; }
.srp_button {
color: inherit;
text-decoration: inherit;
display: inline-block;
padding: 10px 30px;
border-radius: 4px;
background-color: #0170b9; }
.srp_button:hover {
filter: brightness(0.7); }
.srp_button .fas.fa-cart-plus {
font-family: 'Font Awesome 5 Free';
font-weight: 900; }
.srp_button i {
padding-right: 10px; }
.srp_button.added:after {
font-family: WooCommerce;
content: "\e017";
margin-left: 0.53em;
vertical-align: bottom; }
#sonaar-player .tracklist .wc-forward {
font-size: 0.8em !important; }
#sonaar-player .player-row .wc-forward {
position: absolute;
color: #000 !important;
display: block;
background: #fff;
padding: 10px;
border: 1px #000 solid;
top: -42px; }
.woocommerce .iron-audioplayer .sr-playlist-item .wc-forward {
padding-top: 0px; }
.srmp3_sonaar_ts_shortcode.sricon-play.audio-playing:before {
content: '\e81c'; }
.srmp3_sonaar_ts_shortcode.audio-playing .srp_ts_content {
display: none; }
.srmp3_sonaar_ts_shortcode:not(.audio-playing) .srp_ts_content_pause {
display: none; } .srp_hidden.sr-playlist-cf-child, .srp_hidden.srp_sort {
opacity: 0;
z-index: -1;
pointer-events: none;
position: absolute; }
.srp_filter_error {
color: red;
font-family: sans-serif;
font-size: 12px;
line-height: 16px;
margin-top: 10px; }
.srp-filters-container {
display: flex;
justify-content: start;
column-gap: 12px;
width: 100%;
row-gap: 12px;
flex-wrap: wrap;
align-items: start; }
.srp-filters-container input.multiselect__input {
color: inherit;
margin: 0px;
border: none;
padding: inherit;
transition: unset; }
.srp-filters-container .srp-filters-widget {
font-size: 16px;
width: 200px; }
.srp-filters-container .multiselect {
color: inherit; }
.srp-filters-container .multiselect .multiselect__select {
height: 100%;
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
padding: 0 15px; }
.srp-filters-container .multiselect .multiselect__select:before {
position: static;
margin-top: 0;
-webkit-transition: -webkit-transform 0.2s ease;
transition: -webkit-transform 0.2s ease;
transition: transform 0.2s ease;
transition: transform 0.2s ease, -webkit-transform 0.2s ease;
-webkit-transform: rotateZ(270deg);
transform: rotateZ(270deg); }
.srp-filters-container .multiselect.multiselect--active .multiselect__select {
-webkit-transform: unset;
transform: unset; }
.srp-filters-container .multiselect.multiselect--active .multiselect__select:before {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg); }
.srp-filters-container .multiselect__placeholder {
color: inherit;
margin-bottom: initial;
padding-top: initial; }
.srp-filters-container .multiselect--active {
z-index: 2; }
.srp-filters-container .srp-filters-widget .multiselect--active .multiselect__placeholder {
display: inline-block; }
.srp-filters-container .multiselect__single {
margin-bottom: 0px; }
.srp-filters-container .multiselect__single, .srp-filters-container .multiselect__multiple {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.srp-filters-container .multiselect__input, .srp-filters-container .multiselect__single {
background: unset; }
.srp-filters-container .multiselect__tags {
display: flex;
align-items: center;
padding: 10px;
white-space: nowrap;
overflow: hidden;
color: #000;
background-color: #fff; }
.srp-filters-container .multiselect__content-wrapper {
position: absolute;
margin-top: -1px;
width: inherit;
padding: 10px;
font-size: 14px;
color: #fff;
background: #000; }
.srp-filters-container .multiselect__content-wrapper ul.multiselect__content {
color: inherit;
width: inherit; }
.srp-filters-container .multiselect__content-wrapper li.multiselect__element {
color: inherit; }
.srp-filters-container .multiselect__content-wrapper li.multiselect__element:not(:nth-last-child(3)) {
border-bottom: 1px solid #ffffff29; }
.srp-filters-container .multiselect__option {
display: flex;
min-height: initial;
padding: 12px 5px; }
.srp-filters-container .multiselect__option span {
overflow: hidden;
text-overflow: ellipsis; }
.srp-filters-container .multiselect__option, .srp-filters-container .multiselect__tags, .srp-filters-container .multiselect, .srp-filters-container .multiselect__input, .srp-filters-container .multiselect__single {
font-size: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit; }
.srp-filters-container .multiselect__option--selected {
font-weight: inherit;
color: inherit;
background: unset; }
.srp-filters-container .multiselect__option--selected.multiselect__option--highlight {
color: inherit;
background: unset; }
.srp-filters-container .multiselect__option--selected.multiselect__option--highlight:after {
color: inherit;
background: unset; }
.srp-filters-container .multiselect__option:after {
font-size: inherit; }
.srp-filters-container .multiselect__option--selected::after {
content: "✓" !important;
margin-left: 20px;
color: inherit; }
.srp-filters-container .multiselect__option:hover {
background: #cccccc2b;
border-radius: 6px;
color: inherit; }
.srp-filters-container .multiselect__option--highlight {
background: unset;
color: inherit; }
.srp_range_wrapper {
width: 100%;
display: flex;
column-gap: 10px;
flex-wrap: wrap; }
.srp_range_wrapper .srp_range_container {
width: 200px;
flex-grow: 1;
margin-bottom: 10px;
padding: 20px;
background-color: #fff;
border-radius: 4px; }
.srp_range_wrapper .srp_range_container .srp_range_header {
margin-bottom: 10px;
display: flex;
font-size: 14px;
flex-wrap: wrap;
column-gap: 10px;
justify-content: space-between;
align-items: center; }
.srp_range_wrapper .srp_range_container .vue-slider-process {
background-color: var(--e-global-color-primary, #000);
border-radius: 15px; }
.srp_range_wrapper .srp_range_container .srp_range_buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: 3px;
row-gap: 3px; }
.srp_range_wrapper .srp_range_container .srp_range_buttons .srp_filter_button {
font-size: 11px;
padding: 5px 10px;
color: #fff;
background-color: var(--e-global-color-primary, #000);
border: unset; }
.srp_range_wrapper .srp_range_container .srp_range_buttons .srp_filter_button:focus {
opacity: 0.8;
outline: unset; }
.srp_range_wrapper .srp_range_container .srp_range_buttons .srp_filter_button:hover {
color: #fff;
padding: 5px 10px;
background-color: var(--e-global-color-primary, #000); }
.srp_range_wrapper .vue-slider {
margin-bottom: 30px;
z-index: 1; }
.srp_range_wrapper .vue-slider-mark {
z-index: 4; }
.srp_range_wrapper .vue-slider-mark:first-child .vue-slider-mark-step, .srp_range_wrapper .vue-slider-mark:last-child .vue-slider-mark-step {
display: none; }
.srp_range_wrapper .vue-slider-mark-step {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.16); }
.srp_range_wrapper .vue-slider-mark-label {
font-size: 14px;
white-space: nowrap; }
.srp_range_wrapper .vue-slider-dot-handle {
cursor: pointer;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
box-sizing: border-box;
box-shadow: 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32); }
.srp_range_wrapper .vue-slider-dot-handle-focus {
box-shadow: 0px 0px 1px 2px var(--e-global-color-primary, #00000050); }
.srp_range_wrapper .vue-slider-dot-tooltip-inner {
font-size: 14px;
white-space: nowrap;
padding: 2px 5px;
min-width: 20px;
text-align: center;
color: #fff;
border-radius: 5px;
border-color: var(--e-global-color-primary, #000);
background-color: var(--e-global-color-primary, #000);
box-sizing: content-box; }
.srp_range_wrapper .vue-slider-dot-tooltip-inner::after {
content: "";
position: absolute; }
.srp_range_wrapper .vue-slider-dot-tooltip-inner-top::after {
top: 100%;
left: 50%;
transform: translate(-50%, 0);
height: 0;
width: 0;
border-color: transparent;
border-style: solid;
border-width: 5px;
border-top-color: inherit; }
.srp_range_wrapper .vue-slider-dot-tooltip-wrapper {
opacity: 0;
transition: all 0.3s; }
.srp_range_wrapper .vue-slider-dot-tooltip-wrapper-show {
opacity: 1; }
.srp_range_wrapper .vue-slider-dot-tooltip-inner {
-webkit-transition: opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.2s linear;
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
.srp_range_wrapper .vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner {
opacity: 1; }
.srp_range_wrapper .vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner-top {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
.srp_range_wrapper .vue-slider-dot-tooltip-inner-top {
-webkit-transform: translateY(50%) scale(0.01) rotate(0deg);
transform: translateY(50%) scale(0.01) rotate(0deg); }
.srp_range_wrapper .vue-slider-dot-tooltip-inner-top .vue-slider-dot-tooltip-text {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
.srp_range_wrapper .vue-slider-mark-label {
font-size: 9px; }
.srp_chips {
margin-top: 8px;
margin-bottom: 8px;
flex-wrap: wrap;
justify-content: start;
display: flex;
column-gap: 3px;
row-gap: 3px; }
.srp_chips .srp_chip {
display: flex;
align-items: center;
background-color: #000;
color: #fff;
cursor: pointer;
border: 1px solid #fff;
height: fit-content;
font-size: 12px;
margin: 2px;
border-radius: 20px;
padding: 3px 8px 3px 15px;
text-transform: capitalize;
transition: all .2s ease-out,opacity .2s ease-out; }
.srp_chips .srp_chip:first-child {
margin-left: 0px; }
.srp_chips .srp_chip:hover {
background-color: #fff;
color: #000;
border-color: #000; }
.srp_chips .srp_chip .sricon-close-circle {
font-size: 18px;
margin-left: 5px; }
.srp_filter_container {  }
.srp_filter_container .srp_filter_button_label {
display: flex; }
.srp_filter_container .srp_filter_buttons_list {
margin: 0;
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: left;
column-gap: 6px;
row-gap: 6px;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px; }
.srp_filter_container .srp_filter_buttons_list li {
white-space: nowrap;
list-style: none;
position: relative;
clear: both; }
.srp_filter_container .srp_filter_buttons_list li .srp_filter_button {
overflow: hidden;
text-overflow: ellipsis;
-webkit-user-select: none;
transition: all 300ms;
border: solid 1px #c5c5c5;
color: #c5c5c5;
background-color: #000;
padding: 4px 8px;
font-size: 11px;
border-radius: 4px;
cursor: pointer; }
.srp_filter_container .srp_filter_buttons_list li .srp_filter_button:hover:not(.srp_filter_button--active) {
color: #fff; }
.srp_filter_container .srp_filter_buttons_list li .srp_filter_button.srp_filter_button--active {
background-color: #fff;
color: #000; }
.srp_filter_container .list-enter-active, .srp_filter_container .list-leave-active {
transition: opacity 0.5s, transform 0.5s; }
.srp_filter_container .list-enter, .srp_filter_container .list-leave-to {
opacity: 0;
transform: translateY(-1em); }
.srp_filter_container li {
opacity: 1;
transform: translateY(0);
transition: opacity 1.5s, transform 1.5s; }
.srp_filter_container li.hidden-tag {
opacity: 0;
transform: translateY(1em); }
.srp-filter-more-link {
font-size: 14px;
font-weight: 400;
cursor: pointer;
margin-bottom: 15px; }
.srp_pagination_container {
transition: all 250ms;
font-size: 16px;
-webkit-user-select: none;
display: flex;
justify-content: center;
width: 100%;
align-items: center;
height: auto;
grid-gap: 10px;
margin-top: 20px;
margin-bottom: 15px;
color: #fff; }
.srp_pagination_container .srp_pagination_arrows {
transition: all 250ms;
font-size: 12px;
border: 2px solid rgba(255, 255, 255, 0.2);
cursor: pointer;
pointer-events: all;
-webkit-user-select: none; color: inherit;
background-color: rgba(0, 0, 0, 0);
min-width: 40px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 5px 5px;
border-radius: 999px; }
.srp_pagination_container .srp_pagination_arrows:hover {
border: 2px solid white;
color: inherit; }
.srp_pagination_container .srp_pagination {
display: flex;
justify-content: center;
grid-gap: 10px;
height: auto !important; }
.srp_pagination_container .srp_pagination .disabled {
pointer-events: none; }
.srp_pagination_container .srp_pagination .active span {
pointer-events: none;
background-color: #fff;
color: #000; }
.srp_pagination_container .srp_pagination span {
transition: all 250ms;
color: inherit;
background-color: rgba(0, 0, 0, 0);
min-width: 30px;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 5px 5px;
border-radius: 999px; }
.srp_pagination_container .srp_pagination span:hover {
color: inherit; }
.srp_notfound {
display: none;
margin: 10px; }
.srp_notfound .srp_notfound--title {
font-weight: bold;
font-size: 21px; }
.srp_notfound .srp_notfound--subtitle {
font-size: 16px;
opacity: 0.6; }
[style*="visibility: hidden;"] .srp_search_main .srp_search_container, [style*="visibility: hidden;"] .srp_filter_container {
visibility: hidden !important;
opacity: 0 !important; }
.srp_search_main {
flex-wrap: wrap;
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 5px; }
.srp_search_main .srp_search_container {
visibility: visible !important;
opacity: 1 !important;
color: #fff;
display: flex;
justify-content: flex-start;
align-items: center;
max-width: 100%;
min-height: 40px;
flex-grow: 1; }
.srp_search_main .srp_search_container .srp_search {
font-family: inherit;
font-size: 14px;
padding-left: 45px !important;
color: #fff;
border-radius: 4px;
background: #000;
border: none;
border-width: 1px;
outline: none;
max-width: 100%;
width: 100%;
min-height: 40px;
padding: 15px; }
.srp_search_main .srp_search_container .srp_search::placeholder {
color: inherit;
opacity: 0.5; }
.srp_search_main .srp_search_container .srp_reset_search {
position: relative;
width: 0;
right: 35px;
pointer-events: all;
cursor: pointer; }
.srp_search_main .srp_search_container .fa-search {
position: relative;
left: 20px;
width: 0;
font-size: 14px;
color: #828282; }
.srp_pagination li:not(.active) .page {
cursor: pointer; } .srp_tracklist_grid .srp_tracklist > ul {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 10px; }
.srp_tracklist_grid[data-col="6"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col="5"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col="4"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col="3"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col="2"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr; }
.srp_tracklist_grid[data-col="1"] .srp_tracklist > ul {
grid-template-columns: 1fr; }
@media only screen and (max-width: 768px) {
.srp_tracklist_grid[data-col-tablet="6"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-tablet="5"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-tablet="4"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-tablet="3"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-tablet="2"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr; }
.srp_tracklist_grid[data-col-tablet="1"] .srp_tracklist > ul {
grid-template-columns: 1fr; } }
@media only screen and (max-width: 767px) {
.srp_tracklist_grid[data-col-mobile="6"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-mobile="5"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-mobile="4"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-mobile="3"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-mobile="2"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr; }
.srp_tracklist_grid[data-col-mobile="1"] .srp_tracklist > ul {
grid-template-columns: 1fr; } }
.srp_tracklist_grid .sr-playlist-item-flex {
flex-direction: column;
gap: 10px;
align-items: flex-start !important;
justify-content: flex-start !important; }
.srp_tracklist_grid .sr-playlist-item-flex .audio-track {
width: 100%;
flex: none; }
.srp_tracklist_grid .sr-playlist-item-flex .store-list {
width: 100%;
flex: none !important;
margin-top: auto; }
.srp_tracklist_grid .sr-playlist-item-flex .store-list .song-store-list-menu {
justify-content: inherit;
width: 100% !important; }
.srp_tracklist_grid .sr-playlist-item-flex .store-list .song-store-list-container {
width: inherit;
flex-wrap: wrap;
gap: 6px; }
.srp_tracklist_grid .sr-playlist-item-flex .store-list .sr_store_wc_round_bt {
width: 100%;
padding: 10px; }
.srp_tracklist_grid .sr-playlist-item-flex .sr-playlist-cf-container {
width: 100%;
flex: none;
justify-content: flex-start;
column-gap: 15px;
flex-wrap: wrap; }
.srp_tracklist_grid .sr-playlist-item-flex .sr-playlist-cf-child {
flex: none !important;
width: auto  !important; }
.srp_tracklist_grid .sr-playlist-item-flex .srp_noteButton {
margin-left: 15px; }
.srp_tracklist_grid .sr-playlist-item-flex .srp_noteButton i:before {
margin: 0; }
.srp_tracklist_grid .sr-playlist-item-flex .srp_noteButton .sricon-info {
margin-left: 4px; }
.srp_tracklist_grid .sr-playlist-item-flex .sricon-spinner-wrap {
width: 20px !important;
margin-top: -5px;
margin-left: 2px; }
.srp_tracklist_grid .sr_track_cover {
margin-left: -20px;
margin-top: -20px;
width: calc(100% + 40px) !important;
max-width: unset; }
.srp_tracklist_grid .sr-cf-heading {
display: none !important; }
.srp_tracklist_grid[data-playertemplate="skin_boxed_tracklist"] .srp_player_boxed + .playlist {
padding-top: 20px; }
.srp_tracklist_grid .sr-playlist-item {
overflow: hidden; }
.srp_tracklist_grid .srp_note_title {
font-size: 1.2em; }
.srp_tracklist_grid .srp_tracklist-item-date {
height: initial;
margin-left: 0;
padding-left: 0 !important; }
.srp_tracklist_grid .sr-playlist-item .srp_track_description {
margin-top: 0; }
.srp_tracklist_grid .srp_note {
padding: 5px; }
.srp_tracklist_grid .srp_list.ps .sr-playlist-item {
height: max-content; }
.srp_tracklist_play_cover:not(.srp_tracklist_grid) .sr_track_cover .srp_play {
transform: scale(0.5); }
.srp_tracklist_play_cover .sr_track_cover {
position: relative; }
.srp_tracklist_play_cover .sr_track_cover:after {
content: "";
height: 100%;
width: 100%;
display: block;
position: absolute;
top: 0;
left: 0; }
.srp_tracklist_play_cover .sr_track_cover .srp_play {
cursor: pointer;
z-index: 1; }
.srp_tracklist_play_cover .track-number {
padding-left: 0px !important; }
.srp_tracklist_play_cover .track-number .sricon-play {
display: none; }
@media only screen and (min-width: 768px) {
.srp_tracklist_play_cover.srp_tracklist_play_cover_hover .sr_track_cover:after, .srp_tracklist_play_cover.srp_tracklist_play_cover_hover .sr_track_cover .srp_play {
transition: 0.15s ease; }
.srp_tracklist_play_cover.srp_tracklist_play_cover_hover .sr-playlist-item:not(:hover):not(.current) .sr_track_cover:after, .srp_tracklist_play_cover.srp_tracklist_play_cover_hover .sr-playlist-item:not(:hover):not(.current) .sr_track_cover .srp_play {
opacity: 0; }
.srp_tracklist_play_cover.srp_tracklist_play_cover_hover .sr-playlist-item:not(:hover):not(.current) .sr_track_cover .srp_play {
transform: translateY(30%); } }
.srp_tracklist-item-date + .srp_tracklist-item-date {
display: none; }
.elementor-widget-music-player .iron-audioplayer[data-playertemplate="skin_boxed_tracklist"].srp_tracklist_grid img.sr_track_cover {
max-width: unset !important; }
.sr_tracklenght_tooltip {
opacity: 0;
transform: translateY(20px) scale(0.5);
transition: transform 0.2s ease;
z-index: 9999;
text-align: center;
width: 60px;
position: absolute;
background-color: black;
color: white;
padding: 5px;
border-radius: 2px;
font-size: 11px; }
.sr_tracklenght_tooltip_vertical {
display: none;
z-index: 9999;
position: absolute;
width: 1px;
background-color: black;
pointer-events: none; }
.iron-audioplayer {
position: relative; }
.iron-audioplayer .srp_player_boxed .srp_progressbar_inline .control {
margin-top: 0px; }
.iron-audioplayer .srp_player_boxed .player .srp_spectrum_container {
display: flex;
justify-content: flex-start; }
.iron-audioplayer .srp_spectrum_container, .iron-audioplayer .srp_spectrum {
transition: 0.3s ease;
max-height: 1000px; }
.iron-audioplayer .playlist .srp_spectrum_container, .iron-audioplayer .playlist .srp_spectrum {
max-height: 500px; }
.iron-audioplayer .srp_spectrum_container {
width: 100%;
display: flex;
justify-content: center;
pointer-events: none; }
.iron-audioplayer .srp_spectrum {
position: absolute;
z-index: 1; }
.iron-audioplayer .sr-playlist-item .srp_spectrum {
z-index: -1; }
.iron-audioplayer .song-store.add_to_cart_button.ajax_add_to_cart * {
pointer-events: none; }
.iron-audioplayer.srp_tracklist_grid .srp_soundwave_wrapper {
flex: unset;
width: 100%; }
.iron-audioplayer .srp_soundwave_wrapper {
flex: 0 1 100%;
width: 100%; }
.srp_spectrum_container.srp_hidden, .srp_hidden .srp_spectrum {
opacity: 0;
max-height: 0 !important; }
#sonaar-player .srp_spectrum_container {
position: absolute;
z-index: 10000;
pointer-events: none; }
.srp_tracklist_hide_artist .srp_trackartist {
display: none; }
.swiper-box-navigation {
max-width: 100%;
position: relative;
display: flex;
flex-direction: column; }
.swiper-box-navigation[data-v-align="top"] {
flex-direction: column-reverse; }
.swiper-box-navigation[data-v-align="center"] .srp_swiper-navigation {
position: absolute;
transform: translateY(-50%); }
.srp_swiper-nav-v-pos-center .swiper-box-navigation {
position: absolute;
width: 100%;
left: 0;
top: 50%; }
.srp_swiper-wrap {
position: relative;
padding: 0 0 15px 0;
display: flex;
flex-direction: column; }
.srp_swiper {
color: #fff;
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
max-width: 100%; }
.srp_swiper.swiper {
overflow: visible;
overflow-x: clip; }
.srp_swiper .swiper-pagination-bullet {
background: #0000006c;
opacity: 1; }
.srp_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #000000; }
.srp_swiper .swiper-slide {
min-width: 1px;
overflow: visible;
cursor: grab; }
.srp_swiper .swiper-slide:active {
cursor: grabbing; }
.srp_swiper .swiper-slide .store-list {
align-items: inherit;
justify-content: inherit;
text-shadow: none;
position: relative;
margin-top: 6px; }
.srp_swiper .swiper-slide .store-list .song-store-list-menu {
align-items: inherit;
justify-content: inherit; }
.srp_swiper .swiper-slide .store-list .fa-ellipsis-v {
display: none; }
.srp_swiper .swiper-slide .store-list .song-store-list-container {
display: flex;
align-items: inherit;
justify-content: inherit;
flex-wrap: wrap;
row-gap: 4px; }
.srp_swiper .srp_trackartist {
display: inline-block !important; }
.srp_swiper .srp_index {
display: none; }
.srp_swiper-control {
position: absolute;
z-index: 50; }
.srp_swiper-control .srp_play {
cursor: pointer; }
.srp_swiper-control .srp_play .sricon-play {
margin-left: 4px; }
.audio-playing .swiper-slide.srp_current .sricon-play {
margin-left: 0; }
.srp_swiper-titles {
display: flex;
flex-direction: column;
padding: 5%;
z-index: 1;
transition: opacity 0.3s ease; }
.srp_swiper-album-art {
background: no-repeat 50%;
background-size: cover;
width: 100%;
height: 380px;
position: relative;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden; }
.srp_swiper-album-art .srp_swiper-titles {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end; }
.srp_swiper-album-art img {
width: 100%;
height: auto; }
.srp_swiper-album-art:after {
transition: 0.3s ease;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.srp_slider_play_cover_hover .swiper-slide .srp_swiper-control .srp_play {
opacity: 0;
scale: 1.15;
transform: translate(0, 10px);
transition: 0.15s ease; }
.srp_slider_play_cover_hover .swiper-slide:hover .srp_swiper-control .srp_play {
opacity: 1;
scale: 1;
transform: translate(0, 0); }
.srp_swiper-title {
font-size: 1.3rem;
text-align: inherit; }
.srp_swiper-track-title {
text-align: inherit; }
.srp_swiper-album-art .srp_swiper_overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
.srp_swiper-album-art .srp_swiper_overlay::before {
transition: opacity 0.2s;
content: "";
opacity: 1;
width: 100%;
height: 100%;
position: absolute; }
.srp_swiper-album-art .srp_swiper_overlay::after {
transition: opacity 0.2s;
content: "";
opacity: 0;
width: 100%;
height: 100%;
position: absolute; }
.srp_swiper-album-art:hover .srp_swiper_overlay::after {
opacity: 1; }
.srp_swiper-album-art:hover .srp_swiper_overlay::before {
opacity: 0; } .srp_slider_content_on_hover .srp_swiper-track-title, .srp_slider_content_on_hover .srp_swiper-title, .srp_slider_content_on_hover .store-list, .srp_slider_content_on_hover .srp_swiper-track-artist {
opacity: 0; }
.srp_slider_content_on_hover .swiper-slide:hover .srp_swiper-title, .srp_slider_content_on_hover .swiper-slide:hover .srp_swiper-track-title, .srp_slider_content_on_hover .swiper-slide:hover .store-list, .srp_slider_content_on_hover .swiper-slide:hover .srp_swiper-track-artist {
opacity: 1;
transform: translate(0, 0); }
.srp_slider_content_on_hover .srp_swiper-track-title {
transform: translate(0, 20px);
transition: 0.4s ease;
transition-delay: .1s; }
.srp_slider_content_on_hover .srp_swiper-track-artist {
transform: translate(0, 30px);
transition: 0.4s ease;
transition-delay: .15s; }
.srp_slider_content_on_hover .srp_swiper-title {
transform: translate(0, 30px);
transition: 0.4s ease;
transition-delay: .12s; }
.srp_slider_content_on_hover .store-list {
transform: translate(0, 40px);
transition: 0.5s ease;
transition-delay: .1s; } .srp_slider_content_on_active .swiper-slide:not(.swiper-slide-active) .srp_swiper-control, .srp_slider_content_on_active .swiper-slide:not(.swiper-slide-active) .srp_swiper-titles {
opacity: 0; }
.srp_slider_content_on_active:not(.srp_slider_content_on_hover) .srp_swiper-track-title, .srp_slider_content_on_active:not(.srp_slider_content_on_hover) .srp_swiper-title, .srp_slider_content_on_active:not(.srp_slider_content_on_hover) .srp_swiper-track-artist, .srp_slider_content_on_active:not(.srp_slider_content_on_hover) .store-list {
opacity: 0; }
.srp_slider_content_on_active:not(.srp_slider_content_on_hover) .swiper-slide-active .srp_swiper-title, .srp_slider_content_on_active:not(.srp_slider_content_on_hover) .swiper-slide-active .srp_swiper-track-title, .srp_slider_content_on_active:not(.srp_slider_content_on_hover) .swiper-slide-active .srp_swiper-track-artist, .srp_slider_content_on_active:not(.srp_slider_content_on_hover) .swiper-slide-active .store-list {
opacity: 1;
transform: translate(0, 0); }
.srp_slider_content_on_active:not(.srp_slider_content_on_hover) .srp_swiper-track-title {
transform: translate(0, 20px);
transition: 0.8s ease;
transition-delay: .1s; }
.srp_slider_content_on_active:not(.srp_slider_content_on_hover) .srp_swiper-track-artist {
transform: translate(0, 30px);
transition: 0.8s ease;
transition-delay: .12s; }
.srp_slider_content_on_active:not(.srp_slider_content_on_hover) .srp_swiper-title {
transform: translate(0, 40px);
transition: 0.8s ease;
transition-delay: .18s; }
.srp_slider_content_on_active:not(.srp_slider_content_on_hover) .store-list {
transform: translate(0, 30px);
transition: 0.8s ease;
transition-delay: .2s; }
.srp_swiper .srp_swiper-navigation {
position: absolute;
transform: translateY(-50%);
left: 0; }
.srp_swiper-navigation {
width: 100%;
top: 50%;
display: flex;
justify-content: space-between;
gap: 15px;
padding: 8px;
z-index: 100; }
.srp_swiper-navigation .srp_swiper-button-prev, .srp_swiper-navigation .srp_swiper-button-next {
position: static;
margin-top: 0;
transform: initial; }
.srp_swiper-button-prev,
.srp_swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
transform: translateY(-50%);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
font-size: 44px;
overflow: hidden;
color: #fff; }
.srp_swiper-button-prev.srp_arrow_round,
.srp_swiper-button-next.srp_arrow_round {
font-size: 24px !important;
width: calc(var(--swiper-navigation-size) + 20px);
height: calc(var(--swiper-navigation-size) + 20px);
border-radius: 65px;
border: #fff solid; }
.srp_swiper-button-prev.swiper-button-disabled,
.srp_swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: default; }
div.srp_swiper-button-prev:after,
div.srp_swiper-button-next:after {
font-family: swiper-icons;
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
font-size: inherit; }
.srp_swiper-button-prev,
.swiper-rtl .srp_swiper-button-next {
left: 10px;
right: auto; }
.srp_swiper-button-prev:after,
.swiper-rtl .srp_swiper-button-next:after {
content: 'prev'; }
.srp_swiper-button-next,
.swiper-rtl .srp_swiper-button-prev {
right: 10px;
left: auto; }
.srp_swiper-button-next:after,
.swiper-rtl .srp_swiper-button-prev:after {
content: 'next'; }
.srp_swiper-wrap .swiper-box-pagination {
position: relative;
height: 6px;
margin-top: 10px; }
.srp_swiper-wrap .swiper-box-pagination .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .srp_swiper-wrap .swiper-box-pagination .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
bottom: 0; }
.srp_swiper-wrap .swiper-box-pagination .swiper-pagination-bullet {
opacity: 1; }
.srp_swiper-track-artist {
text-transform: capitalize; }
.srp-fav-notfound {
color: initial;
display: flex;
align-items: center;
column-gap: 10px; }
.srp-fav-notfound i {
font-size: 12px; }
.sr_store_force_dl_bt {
cursor: pointer; }
a.song-store.srp-fav-bt i, a.song-store.sr_store_force_share_bt i, a.song-store.sr_store_force_dl_bt i, a.song-store.sr_store_force_pl_bt i {
font-size: 16px; }
.srp-fav-removeall-wrapper {
display: flex;
justify-content: flex-start; }
.srp-fav-removeall-wrapper .srp-fav-removeall-bt {
transition: all 0.3s ease;
width: auto;
cursor: pointer;
padding: 5px 20px;
margin-bottom: 10px;
background-color: var(--srp-global-music_player_wc_bt_bgcolor);
color: var(--srp-global-music_player_wc_bt_color);
display: inline-block;
border-radius: 4px;
font-size: 12px; }
.srp-fav-notification {
opacity: 0;
position: fixed;
bottom: 80px;
left: 0;
right: 0;
margin: auto;
width: fit-content;
padding: 10px 50px;
background-color: var(--srp-global-modal-btn-bg-color);
color: var(--srp-global-modal-btn-txt-color);
text-align: center;
border-radius: 5px;
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
z-index: 10001;
font-size: 16px; } .srp_extendedPlayer {
transition: padding 0.1s ease; }
.srp_no_artwork .srp_extendedPlayer_container .srp_extendedPlayer {
overflow-y: unset;
padding-top: var(--srp-extendedPlayer-height);
background: unset !important;
min-height: unset; }
.srp_no_artwork .srp_extendedPlayer_container .srp_ext_primary {
min-height: unset; }
.srp_extendedPlayer_scrolling_box {
height: 100%;
display: flex;
overflow-y: scroll; }
.srp_extendedPlayer_container {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
display: flex;
flex-direction: column;
transform: translateY(100%);
opacity: 0;
transition: transform 300ms ease, opacity 150ms ease; }
#sonaar-player .srp_extendedPlayer_container .close {
border-color: #ffffff; }
#sonaar-player .srp_extendedPlayer_container .close:before, #sonaar-player .srp_extendedPlayer_container .close:after {
border-color: inherit; }
.srp_extendedPlayer_container.srp_opened {
transform: translateY(0%);
opacity: 1; }
.srp_extendedPlayer_container .srp-fav-bt {
font-size: 28px;
color: var(--srp-global-sticky_player_waveform_progress_color, #fff); }
#sonaar-player .srp_extendedPlayer_container .sr_progressbar_sticky {
flex-direction: column-reverse !important;
gap: 10px; }
#sonaar-player .srp_extendedPlayer_container .sr_progressbar_sticky .wave {
position: static;
height: 70px !important;
width: 100% !important; }
.srp_extendedPlayer_container .srp_ext_primary {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 100%;
padding-top: 15px;
padding-bottom: 45px;
padding-left: 25px;
padding-right: 25px;
background: var(--srp-global-sticky_player_background); }
.srp_extendedPlayer_container .srp_ext_secondary {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-bottom: 15px;
gap: 15px;
padding-left: 25px;
padding-right: 25px;
background: var(--srp-global-sticky_player_background); }
.srp_extendedPlayer_container .srp_ext_overlay_panel {
padding: 15px 25px; }
.srp_extendedPlayer_container .srp_extendedPlayer {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 100%;
width: 100%;
box-sizing: border-box; }
.srp_extendedPlayer_container .srp_extendedPlayer.srp_opened_cta {
transition: filter 0.3s ease;
filter: brightness(0.5); }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
margin-top: 15px;
gap: 20px; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_collapse_btn {
font-size: 24px;
line-height: 1; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ellipsis_btn {
font-size: 20px;
line-height: 1;
margin-right: -10px; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_artwork {
display: flex;
flex-direction: column;
justify-content: center;
flex-flow: row;
overflow: hidden; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_artwork img {
width: 100%;
height: 100%;
object-fit: contain; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_track {
column-gap: 10px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center; }
.srp_extendedPlayer_container .srp_extendedPlayer .control {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
margin: 10px 0; }
.srp_extendedPlayer_container .srp_extendedPlayer .control.srp_ctrl_advanced {
gap: 15px; }
.srp_extendedPlayer_container .srp_extendedPlayer .control .sricon-play:before {
font-size: 38px; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_track_info {
margin: 15px 0; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_track_title {
font-size: 18px;
line-height: 1.3; }
.srp_extendedPlayer_container .srp_extendedPlayer .sr_progressbar_sticky {
width: auto;
position: relative;
display: flex;
flex: 1;
align-items: center;
margin: 0 5px; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_featured_cta {
display: flex;
justify-content: space-between;
column-gap: 5px;
min-height: 30px;
align-items: center; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_featured_cta .srp_ext_cta_addtocart, .srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_featured_cta .srp_ext_cta_buynow {
background-color: var(--srp-global-sticky_player_labelsandbuttons, #FFF); padding: 5px 10px;
border-radius: 6px;
color: var(--srp-global-sticky_player_background, #000); }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_featured_cta .srp_ext_cta_addtocart span, .srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_featured_cta .srp_ext_cta_buynow span {
font-size: 14px;
font-weight: 500; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_featured_cta a {
color: inherit;
background-color: unset;
display: flex;
column-gap: 12px;
align-items: center;
text-decoration: none;
font-size: 18px;
font-weight: 400; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_featured_cta_left, .srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_featured_cta_right {
align-items: center;
display: flex;
gap: 10px; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_featured_cta_left {
font-size: 18px; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_featured_cta_center {
flex: 0.9;
height: 175%; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_control {
display: flex;
justify-content: space-between;
align-content: center; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_control .shuffle, .srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_control .srp_repeat {
font-size: 18px; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_control .control--item {
display: flex;
align-items: center;
justify-content: flex-end; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_control .srp_control_right {
column-gap: 8px; }
#sonaar-player .srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_control .sr_speedRate {
margin: 0; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_control_right, .srp_extendedPlayer_container .srp_extendedPlayer .srp_control_left {
display: flex;
flex: 1; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_control_left {
justify-content: flex-start; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_control_right {
justify-content: flex-end; }
.srp_extendedPlayer_container .srp_extendedPlayer .play {
display: flex; }
.srp_extendedPlayer_container .srp_extendedPlayer .list {
width: 28px; }
.srp_extendedPlayer_container .srp_ext_overlay_panel_outside {
position: absolute;
height: 100%;
width: 100%; }
.srp_extendedPlayer_container .srp_ext_overlay_panel {
visibility: hidden;
position: absolute;
bottom: 0px;
padding-bottom: 70px;
height: fit-content;
width: 100%;
background: var(--srp-global-sticky_player_background);
transform: translateY(100%);
transition: 0.4s ease; }
.srp_extendedPlayer_container .srp_ext_overlay_panel.srp_opened {
visibility: visible;
transform: translateY(0%); }
.srp_extendedPlayer_container .srp_ext_overlay_panel .srp_ext_cta {
display: flex;
flex-direction: column;
row-gap: 20px;
margin-top: 20px; }
.srp_extendedPlayer_container .srp_ext_overlay_panel .srp_ext_cta .srp_ext_track_info_wrapper {
display: flex;
column-gap: 10px;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #ffffff20; }
.srp_extendedPlayer_container .srp_ext_overlay_panel .srp_ext_cta .srp_ext_track_info_wrapper .srp_track_title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
width: 65vw;
font-size: 18px; }
.srp_extendedPlayer_container .srp_ext_overlay_panel .srp_ext_cta .srp_ext_track_info_wrapper .srp_artist {
font-size: 14px; }
.srp_extendedPlayer_container .srp_ext_overlay_panel .srp_ext_cta img {
max-height: 65px; }
.srp_extendedPlayer_container .srp_ext_overlay_panel .srp_ext_cta > span a {
color: inherit;
background-color: unset;
display: flex;
column-gap: 12px;
align-items: center;
text-decoration: none;
font-size: 18px;
font-weight: 400; }
.srp_extendedPlayer_container .srp_ext_overlay_panel .srp_ext_cta > span a > i {
text-align: center;
width: 30px; }
.srp_extendedPlayer_container .srp_ext_content {
display: flex;
flex-direction: column;
row-gap: 10px; }
.srp_extendedPlayer_container .srp_ext_section {
word-wrap: break-word;
font-size: 16px;
font-weight: 400;
background: var(--srp-global-sticky_player_background);
padding: 15px;
border-radius: 10px;
filter: brightness(1.2); }
.srp_extendedPlayer_container .srp_ext_section:first-child {
margin-top: -28px; }
.srp_repeat {
cursor: pointer; }
.srp_repeat[data-repeat-status="null"]:before {
opacity: 0.4; }
.srp_repeat[data-repeat-status="track"]:before {
content: '\e83c'; }
.srp_repeat:before {
content: '\e83b'; }
#sonaar-player .player .control .srp_repeat.srp_disabled {
pointer-events: none;
opacity: 0.4; }
body.srp_sticky_ext_opened {
overflow-y: hidden; }
#make-offer-btn {
float: unset;
padding: 10px 20px;
pointer-events: auto;
cursor: pointer; }
.single-product .srp-make-offer-btn-wrapper {
margin-bottom: 10px;
clear: both; }
.single-product .single_variation_wrap .srp-make-offer-btn-wrapper {
margin-top: 5px; }
body.sr_popup-open {
overflow-y: hidden; }
#sonaar-modal {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 10100;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0;
transition: opacity .15s linear;    }
#sonaar-modal h1, #sonaar-modal h2, #sonaar-modal h3, #sonaar-modal h4, #sonaar-modal h5, #sonaar-modal h6 {
line-height: 1;
font-weight: 500; }
#sonaar-modal.has-bg-image {
color: #fff; }
#sonaar-modal.has-bg-image h1, #sonaar-modal.has-bg-image h2, #sonaar-modal.has-bg-image h3, #sonaar-modal.has-bg-image h4, #sonaar-modal.has-bg-image h5, #sonaar-modal.has-bg-image h6, #sonaar-modal.has-bg-image p, #sonaar-modal.has-bg-image label, #sonaar-modal.has-bg-image span, #sonaar-modal.has-bg-image a, #sonaar-modal.has-bg-image button {
color: #fff; }
#sonaar-modal.has-bg-image .sr_popup-content {
border: unset;
background-color: #000; }
#sonaar-modal.has-bg-image .sr_popup-content::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
filter: blur(50px) brightness(0.7);
opacity: 1;
background-color: black; }
#sonaar-modal.has-bg-image .sr_popup-content .srp-popup-form {
width: 530px; }
#sonaar-modal .sr_popup-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px); }
.sr_popup-open #sonaar-modal {
overflow-x: hidden;
overflow-y: auto; }
#sonaar-modal.sr_show {
display: flex !important;
align-items: center;
min-height: 100%;
height: auto; }
#sonaar-modal.sr_show .sr_popup-dialog {
-webkit-transform: none;
transform: none; }
#sonaar-modal .sr_popup-dialog {
position: relative;
width: auto;
max-height: 100vh;
overflow-y: auto;
overflow-x: hidden;
margin: 0px auto; }
@media (min-width: 576px) {
#sonaar-modal .sr_popup-dialog {
max-width: calc(100vw - 150px);
max-height: calc(100vh - 150px);
margin: 75px auto; } }
#sonaar-modal .sr_popup-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: .3rem;
outline: 0;
-webkit-animation: srmp3fadein 350ms;
-moz-animation: srmp3fadein 350ms;
-ms-animation: srmp3fadein 350ms;
-o-animation: srmp3fadein 350ms;
animation: srmp3fadein 350ms; }
#sonaar-modal .sr_popup-content #srp-make-offer-error {
color: red;
font-weight: 500;
font-size: 16px; }
#sonaar-modal .sr_popup-content p {
margin-bottom: initial;
margin-top: initial; }
@media (max-width: 576px) {
#sonaar-modal .sr_popup-content {
margin-bottom: 50px; } }
#sonaar-modal .sr_popup-content .srp-popup-form--confirm h1, #sonaar-modal .sr_popup-content .srp-popup-form--confirm h2, #sonaar-modal .sr_popup-content .srp-popup-form--confirm h3, #sonaar-modal .sr_popup-content .srp-popup-form--confirm h4, #sonaar-modal .sr_popup-content .srp-popup-form--confirm h5, #sonaar-modal .sr_popup-content .srp-popup-form--confirm h6 {
font-size: 36px;
line-height: 0.9;
margin-bottom: 10px; }
#sonaar-modal .sr_popup-content .srp-popup-form--confirm .srp_button {
margin-top: 15px; }
#sonaar-modal .sr_popup-content .srp-popup-form {
width: 430px;
max-width: 100%; }
#sonaar-modal .sr_popup-content .srp-popup-form label {
font-size: 14px; }
#sonaar-modal .sr_popup-content .srp-popup-form select {
font-weight: 600; }
#sonaar-modal .sr_popup-content .srp-popup-form input, #sonaar-modal .sr_popup-content .srp-popup-form textarea, #sonaar-modal .sr_popup-content .srp-popup-form select {
outline: none;
transition: all .3s ease-in-out;
padding: 0 5px 0 12px;
overflow: hidden;
border: unset;
position: relative;
display: flex;
align-items: center;
width: 100%;
height: 44px;
border-radius: 5px;
margin: 5px 0;
background-color: var(--srp-global-modal-form-input-bg-color) !important;
color: var(--srp-global-modal-form-input-color) !important;
border: 1px solid var(--srp-global-modal-form-input-border-color); }
#sonaar-modal .sr_popup-content .srp-popup-form input:focus, #sonaar-modal .sr_popup-content .srp-popup-form input:active, #sonaar-modal .sr_popup-content .srp-popup-form textarea:focus, #sonaar-modal .sr_popup-content .srp-popup-form textarea:active, #sonaar-modal .sr_popup-content .srp-popup-form select:focus, #sonaar-modal .sr_popup-content .srp-popup-form select:active {
border-color: var(--srp-global-modal-btn-bg-color) !important; }
#sonaar-modal .sr_popup-content .srp-popup-form textarea {
padding: 10px;
min-height: 125px;
overflow: auto; }
#sonaar-modal .sr_popup-content .srp-popup-form input:-webkit-autofill,
#sonaar-modal .sr_popup-content .srp-popup-form textarea:-webkit-autofill,
#sonaar-modal .sr_popup-content .srp-popup-form select:-webkit-autofill {
-webkit-text-fill-color: var(--srp-global-modal-form-input-color) !important;
background-color: var(--srp-global-modal-form-input-bg-color) !important;
color: var(--srp-global-modal-form-input-color) !important;
transition: background-color 5000s ease-in-out 0s; }
#sonaar-modal .sr_popup-content .srp-popup-form input:-moz-autofill,
#sonaar-modal .sr_popup-content .srp-popup-form textarea:-moz-autofill,
#sonaar-modal .sr_popup-content .srp-popup-form select:-moz-autofill {
background-color: var(--srp-global-modal-form-input-bg-color) !important;
color: var(--srp-global-modal-form-input-color) !important; }
#sonaar-modal .sr_popup-content .srp-popup-form button {
border-radius: 4px;
background-color: var(--srp-global-modal-btn-bg-color);
color: var(--srp-global-modal-btn-txt-color);
margin-top: 10px;
width: 100%; }
#sonaar-modal .sr_popup-content .srp-popup-form button:hover {
filter: brightness(1.2); }
#sonaar-modal .sr_popup-content .srp-popup-heading {
display: flex;
gap: 15px;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: solid 1px var(--srp-global-modal-form-input-border-color); }
#sonaar-modal .sr_popup-content .srp-popup-title {
font-size: 42px;
line-height: 0.9;
margin: 0 auto; }
#sonaar-modal .sr_popup-content .srp-popup-desc {
margin-top: 5px;
font-size: 14px;
opacity: 0.8; }
#sonaar-modal .sr_popup-content .srp-popup-image {
min-width: 80px;
width: 80px; }
#sonaar-modal .sr_popup-content .srp-popup-image img {
border-radius: 3px;
max-width: 100%; }
#sonaar-modal .srp_popup_no_image .srp-make-offer-heading {
flex-direction: column-reverse; }
#sonaar-modal .srp-popup-form--makeoffer .srp-popup-title {
font-size: 36px; }
#sonaar-modal .srp-popup-form--makeoffer .srp-make-offer-heading {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 18px;
margin-top: 15px;
border-top: solid 1px var(--srp-global-modal-form-input-border-color);
padding-top: 15px;
margin-bottom: 20px; }
#sonaar-modal .srp-popup-form--makeoffer .srp-make-offer-heading .srp-make-offer-product-title {
font-size: 21px;
line-height: 1.2;
margin-bottom: 6px;
font-weight: 500; }
#sonaar-modal .srp-popup-form--makeoffer .srp-make-offer-heading .srp-make-offer-image {
max-width: 70px; }
#sonaar-modal .srp-popup-form--makeoffer .srp-make-offer-heading .srp-make-offer-image img {
border-radius: 4px; }
#sonaar-modal .srp-popup-form--makeoffer .srp-make-offer-description {
font-size: 14px; }
@keyframes srmp3fadein {
from {
opacity: 0;
transform: scale(0.9); }
to {
opacity: 1;
transform: scale(1); } }
@-moz-keyframes srmp3fadein {
from {
opacity: 0;
transform: scale(0.9); }
to {
opacity: 1;
transform: scale(1); } }
@-webkit-keyframes srmp3fadein {
from {
opacity: 0;
transform: scale(0.9); }
to {
opacity: 1;
transform: scale(1); } }
@-ms-keyframes srmp3fadein {
#sonaar-modal from {
opacity: 0;
transform: scale(0.9); }
#sonaar-modal to {
opacity: 1;
transform: scale(1); } }
@-o-keyframes srmp3fadein {
from {
opacity: 0;
transform: scale(0.9); }
to {
opacity: 1;
transform: scale(1); } }
#sonaar-modal .sr_popup-body {
z-index: 2;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 2.5rem; }
.sr_popup-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 10050;
width: 100vw;
height: 100vh;
background-color: #000;
opacity: 0;
transition: opacity .15s linear;
pointer-events: none; }
.sr_popup-backdrop.sr_show {
opacity: .75;
pointer-events: initial; }
.sr-store-popup {
cursor: pointer; }
.sr_close {
background: transparent;
height: 32px;
width: 32px;
padding: 0;
position: absolute;
top: 25px;
right: 25px;
z-index: 50;
font-size: 1px;
cursor: pointer; }
.sr_close svg {
height: 100%; }:root{--woocommerce:#720eec;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:" ";display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:" ";display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:" ";display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:" ";display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{clear:both}.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:" ";display:table}.woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:left;margin:0 3.8% 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0}.woocommerce ul.products li.first,.woocommerce-page ul.products li.first{clear:both}.woocommerce ul.products li.last,.woocommerce-page ul.products li.last{margin-right:0}.woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product{width:100%;margin-right:0}.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product{width:48%}.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%}.woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product{width:16.95%}.woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product{width:13.5%}.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product{width:100%;margin-right:0}.woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product{width:48%}.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:30.75%}.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product{width:16.95%}.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product{width:13.5%}.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count{float:left}.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{float:right}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:" ";display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:" ";display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:48%}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:" ";display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:" ";display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:" ";display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce form .password-input,.woocommerce-page form .password-input{display:flex;flex-direction:column;justify-content:center;position:relative}.woocommerce form .password-input input[type=password],.woocommerce-page form .password-input input[type=password]{padding-right:2.5rem}.woocommerce form .password-input input::-ms-reveal,.woocommerce-page form .password-input input::-ms-reveal{display:none}.woocommerce form .show-password-input,.woocommerce-page form .show-password-input{background-color:transparent;border-radius:0;border:0;color:var(--wc-form-color-text,#000);cursor:pointer;font-size:inherit;line-height:inherit;margin:0;padding:0;position:absolute;right:.7em;text-decoration:none;top:50%;transform:translateY(-50%);-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-webkit-font-smoothing:inherit}.woocommerce form .show-password-input::before,.woocommerce-page form .show-password-input::before{background-repeat:no-repeat;background-size:cover;background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');content:"";display:block;height:22px;width:22px}.woocommerce form .show-password-input.display-password::before,.woocommerce-page form .show-password-input.display-password::before{background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23111111"/></svg>')}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0 1em 0 0;float:left}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:" ";display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content mark{background-color:transparent;color:inherit;font-weight:700}.woocommerce-page.left-sidebar #content.twentyeleven{width:58.4%;margin:0 7.6%;float:right}.woocommerce-page.right-sidebar #content.twentyeleven{margin:0 7.6%;width:58.4%;float:left}.twentyfourteen .tfwc{padding:12px 10px 0;max-width:474px;margin:0 auto}.twentyfourteen .tfwc .product .entry-summary{padding:0!important;margin:0 0 1.618em!important}.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail{margin-top:0}@media screen and (min-width:673px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1040px){.twentyfourteen .tfwc{padding-right:15px;padding-left:15px}}@media screen and (min-width:1110px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1218px){.twentyfourteen .tfwc{margin-right:54px}.full-width .twentyfourteen .tfwc{margin-right:auto}}.twentyfifteen .t15wc{padding-left:7.6923%;padding-right:7.6923%;padding-top:7.6923%;margin-bottom:7.6923%;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.15)}.twentyfifteen .t15wc .page-title{margin-left:0}@media screen and (min-width:38.75em){.twentyfifteen .t15wc{margin-right:7.6923%;margin-left:7.6923%;margin-top:8.3333%}}@media screen and (min-width:59.6875em){.twentyfifteen .t15wc{margin-left:8.3333%;margin-right:8.3333%;padding:10%}.single-product .twentyfifteen .entry-summary{padding:0!important}}.twentysixteen .site-main{margin-right:7.6923%;margin-left:7.6923%}.twentysixteen .entry-summary{margin-right:0;margin-left:0}#content .twentysixteen div.product div.images,#content .twentysixteen div.product div.summary{width:46.42857%}@media screen and (min-width:44.375em){.twentysixteen .site-main{margin-right:23.0769%}}@media screen and (min-width:56.875em){.twentysixteen .site-main{margin-right:0;margin-left:0}.no-sidebar .twentysixteen .site-main{margin-right:15%;margin-left:15%}.no-sidebar .twentysixteen .entry-summary{margin-right:0;margin-left:0}}.rtl .woocommerce .col2-set .col-1,.rtl .woocommerce-page .col2-set .col-1{float:right}.rtl .woocommerce .col2-set .col-2,.rtl .woocommerce-page .col2-set .col-2{float:left}