/*** import fonts ***/
@font-face{
	font-family:'FA';
	src: 
		url('../fonts/fontawesome-webfont.woff2') format('woff2'),
		url('../fonts/fontawesome-webfont.woff') format('woff'),
		url('../fonts/fontawesome-webfont.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face {
  font-family: 'OSC';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-condensed.woff2') format('woff2');
}

/*** General styles ***/
body { font: 16px Arial, Helvetica, sans-serif; color: #000000; margin: 0px; padding: 0px; background-color: #CCC; }
/*body { background: url("../images/bg/snowflakes-bg.jpg"); }*/
body { background: url("../images/bg/spring-bg.jpg"); }
body.popup	{ font: 16px Arial, Helvetica, sans-serif; color: #000000; margin: 0px; padding: 0px; background: #fff;}
body.editor { background: #fff; }

.pp-area {position: fixed; inset: 0; max-height: 100vh; max-width: 100vw; z-index: 10000; justify-content: center; align-items: center; display: block; }
.pp-area > .pp-close:after { font-size: 28px; color: #999; padding: 5px; position: fixed; top: 0; right: 0; cursor: pointer; }
.pp-area > .pp-close:hover:after { color: #fff; }
.pp-area > .pp-timer { font-size: 18px; color: #999; padding: 10px; position: fixed; top: 0; right: 0; cursor: default; }
.pp-shade { background: rgba(0, 0, 0, 0.75); }
.pp-block { display: block; background: #fff; border: 3px solid #069; min-height: 100px; min-width: 360px; width: 360px; max-height: 100vh; max-width: 100vw; border-radius: 5px; overflow: auto; box-shadow: 10px 10px 10px #333; box-sizing: border-box; position: fixed; transition: 1s top; }
.pp-block .pp-top { display: flex; justify-content: flex-end; }
.pp-block .pp-body { padding: 10px; }
.pp-block .pp-top + .pp-body { padding-top: 0; }
.pp-block .listen { width: 100px; height: auto; }

.pp-block .pp-wait-text { font-size: 10px; font-style: italic; padding: 7px 0 8px 0;  }
.pp-block .pp-timer { font-size: 10px; font-style: italic; padding: 7px 7px 8px 7px; width: 15px; text-align: center; }
.pp-block .pp-close { cursor: pointer; font-size: 14px; transition: 1s opacity; padding: 5px; }
.pp-block .pp-intro { display: none; }
.mode-wait .pp-close { display: none; }
.mode-intro .pp-intro { display: block; }
.mode-intro .pp-main { display: none; }
.pp-block .pp-close:hover { color: #f00; }
.pp-close:after { font-family: FA; font-style: normal; content: "\f00d"; } 

.popup-area { z-index: 100; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); }
.help-popup { display: none; padding: 0; position: absolute; z-index: 222; background: #fff; border: 1px solid #4a7eba; border-radius: 3px; box-shadow: 10px 10px 10px #333; min-height: 50px; min-width: 100px;}
.help-popup.expand-open { display: block; }
.popup-close { float: right; cursor: pointer; }
.popup-close span { display: none; }
.popup-close:hover { color: #4a7eba; }
.popup-close i { float: right; padding: 3px 5px 0 0; display: block; color: #f00; }
.popup-close i:after { content: "\f00d"; font-size: 14px; }
.popup-body { padding: 5px; clear: both; font: 14px Arial; }
.bk-promo { text-decoration: none; background: #fff; padding: 10px; border: 3px dotted #019fe6; box-shadow: 3px 3px 3px #ccc; }

ul { margin: 0; }
i, .icon, .ico { font-family: FA; font-style: normal; text-decoration: none; }
.icon > span, .ico  > span{ display: none; }
.ico-bg { display: inline-block; font: 20px FA; color: #3366ff; font-style: normal; text-decoration: none; text-shadow: 1px 1px 3px #3366ff; margin-left: 5px; padding: 0 5px; }
.ico-bg:hover { color: #ff9900; #c2271a; text-shadow: 1px 1px 3px #ff9900; #c2271a; }
.ico-bg > span { display: none; } 
.note { font-style: italic; color: #777; }
.el-hidden { display: none; } 
.el-inline { display: inline; } 
.el-block { display: block; } 
p { margin-top: 0; }

.ad-can .layout { margin: 5px 10px 0 0; float: left; }
.lt-single {}
.lt-double {}
.lt-triple {}
/*** frames ***/
.frame {} 
.fm-header { }
.fm-footer { }
/* Simple frame */
.lt-single .fm-middle { margin: 0; }
.lt-single .fm-footer { clear: both; }
/* Double frame */
/*.lt-double .fm-left { float: left; position: relative; width: 250px; }*/
.lt-double .fm-left { float: left; position: relative; width: 300px; margin: 10px 20px 10px 0; clear: both; }
.lt-double .fm-middle { float: left; position: relative; width: 860px; margin: 10px 0 10px 0; }
.lt-double .fm-footer { clear: both; }

/* Right frame */
.lt-right .fm-footer { clear: both; }
.lt-right .fm-right { float: left; position: relative; width: 300px; margin: 10px 0 10px 20px; }
.lt-right .fm-middle { float: left; position: relative; width: 860px; margin: 10px 0 10px 0; }

/* Triple frame */
.lt-triple .fm-left {float: left; position: relative; width: 250px; }
.lt-triple .fm-middle {float: left; position: relative; width: 750px; }
.lt-triple .fm-right {float: left; position: relative; width: 250px; }
.lt-triple .fm-footer {clear: both; }

/* Triple frame */
.lt-triple .fm-left {float: left; position: relative; width: 300px; margin: 10px 20px 10px 0; }
.lt-triple .fm-middle {float: left; position: relative; width: 560px; margin: 10px 0 10px 0; }
.lt-triple .fm-right {float: left; position: relative; width: 300px; margin: 10px 0px 10px 20px; }
.lt-triple .fm-footer {clear: both; }

/*** layouts ***/
.ad-can { margin: auto; width: 1520px; }
.ad-can .fm-ad { clear: none; float: left; width: 300px; padding-top: 160px; display: block; }
.layout { background-color: #FFF; box-shadow: 0px 0px 10px #888888; margin: auto; width: 1200px; padding: 0px; min-height: 820px; } 

/* rows and cols general styles */
.col { float: left; }
.cols-1 .col { width: 100%; }
.cols-2 .col { width: 50%; }
.cols-2 .col:nth-child(2n+1) { clear: both; }
.cols-3 .col { width: 33.33%; }
.cols-3 .col:nth-child(3n+1) { clear: both; }
.cols-4 .col { width: 25%; }
.cols-5 .col { width: 20%; }
.row { clear: both; position: relative; }
.col .product { border-width: 1px 0 0 0; }
.row-end { clear: both; } /* after checks delete this style */

.block .head { font: bold 16px Tahoma, Arial; padding: 0 10px 10px 20px; } 
.block .head .title { font: bold 16px Tahoma, Arial; color: black; }
.block .head .right { float: right; } 
.block .head .expand { cursor: pointer; float: right; background: url(../images/icons/ico-plus-large.png); width: 30px; height: 30px; } 
.block .head .shrink { background: url(../images/icons/ico-minus-large.png) no-repeat top right; } 
.bk-login-advanced .head { display: none; }
.block .body { 
	font: 16px Tahoma, Arial; padding-bottom: 10px; 
	padding: 10px 20px; margin: 0; 
	border: solid 1px silver; 
	background: #EEEEEE;
} 
.block .foot { clear: both; }
.hidden-title .head { display: none; }

/*
.block .head { color: #007; position: relative; border-width: 1px; border-style: solid; font: bold 14px Arial; padding: 3px 10px; z-index: 10; }
.block.bk-product-details .head { display: block; top: 0; left: 0; max-width: none; background: #dedede; border-color: #ccc; border-bottom: none; padding: 10px; }
.block .head:before { content: " "; display: inline-block; width: 8px; height: 8px; margin: 2px 4px 0 0; border: 1px solid #444eb2; background: #c0c0ff; border-radius: 2px;  box-shadow: 1px 1px 1px #007; }
.block.bk-user-home .head:before { content: "\f015"; font-weight: normal; font-family: FA; border: none; background: none; }
.block.bk-product-details .head:before { display: none; }
*/
.block.hidden-title .head { display: none; }
.block .sub-head { padding: 10px 10px 0 10px; font: bold 18px Arial; text-transform: uppercase; }
.block .sub-body { padding: 10px; }
.block .body { border-width: 1px; border-style: solid; padding: 20px 10px 10px; }
.body > form > div.bk-border:last-child { border-bottom-width: 0; }

.field { clear: both; padding: 5px 10px; display: flex; flex-wrap: wrap; }
.field .comments { font-style: italic; color: gray; font-family: times; }
.field .name { padding-top: 2px; flex: 0 0 200px; }
.field.required .name:after,
.field.fd-required .name:after { content: "\f069"; padding-left: 5px; font: 8px FA; top: -1px; position: relative;}
.field .control { min-width: 200px; flex-grow: 1; }
.field .after { clear: both; }
.field input[type=text] { max-width: 100%; }
.field textarea { max-width: 100%; }
.field .control input[name=validation_number], .field .control input[name=comment_validation_number], 
.field .control input[name=answer_validation_number] { height: 30px; margin: 0; padding: 0; border: 1px solid #AAA; float: left; font: 20px Arial; letter-spacing: 1px; text-align: center; width: 70px; }
/*
.field { clear: both; padding: 5px; overflow: hidden; }
.field .comments { font-style: italic; color: gray; font-family: times; }
.field .name { padding-top: 2px; float: left; width: 35%; }
.field.required .name:after { content: "*"; color: #d00; padding-left: 5px; }
.field .control { float: left; width: 65%; }
.field .after { clear: both; }
*/


tr, td		{font: 12px Arial, Helvetica, sans-serif; color: #000000;}

h1, h2		{padding: 0px; margin: 0px; font-size: 16px; }

a						{color: #c2271a; outline: 0px; text-decoration: underline;}
a:hover				{text-decoration: none;}
a.header 			{text-decoration: none;}
a.header:hover		{text-decoration: underline; }
a.title				{font-size: 13px; font-weight: bold;}
a.bigtitle			{font-size: 14px; font-weight: bold;}
a.smallText			{font-size: 11px; text-decoration: none;}
a.smallText:hover	{text-decoration: underline;}
div.links { padding-left: 10px; }
div.links div.link a { margin: 10px; display: block; }

input					{font: 14px Arial, Helvetica, sans-serif;}
input.usualprice	{color: #C5CCD0; background-color: transparent; border: none; font: 12px Arial, Helvetica, sans-serif; text-align: right;}
input.orderprice	{color: #C5CCD0; background-color: transparent; border: none; font: 12px Arial, Helvetica, sans-serif; text-align: right;}
input.search,		
input.text,			
input.field			{border-top: 1px solid #7F9DB9;border-right: 1px solid #BACDDF;border-bottom: 1px solid #BACDDF;border-left: 1px solid #7F9DB9; margin: 3px 0px;}
input.fieldSmall	{border-top: 1px solid #7F9DB9;border-right: 1px solid #BACDDF;border-bottom: 1px solid #BACDDF;border-left: 1px solid #7F9DB9; font-size: 11px;}
input.submit		{
	border: 1px solid gray; 
	color: #333; 
	cursor: pointer; 
	font-size: 14px; 
	font-weight: bold; 
	margin: 5px 10px 5px 0;
	padding: 3px 10px; 
	border-radius: 5px;
	box-shadow: 3px 3px 3px #888888
}
input.delete, input.cancel { color: #777; } 
input.submit:hover { background: #DDD;}

	input#clear		{color: #8A8A8A;}
	input#reset		{color: #8A8A8A;}
	input#preview	{color: #FF6C00;}
	input#cancel	{color: #8A8A8A;}
	input#delete	{color: #8A8A8A;}
select				{border-top: 1px solid #7F9DB9;border-right: 1px solid #BACDDF;border-bottom: 1px solid #BACDDF;border-left: 1px solid #7F9DB9; font: 14px Arial, Helvetica, sans-serif;}
textarea				{border-top: 1px solid #7F9DB9;border-right: 1px solid #BACDDF;border-bottom: 1px solid #BACDDF;border-left: 1px solid #7F9DB9; font: 14px Arial, Helvetica, sans-serif;}


.middlebg 			{background: #FFFEEE; font-weight: bold;}
.middlebg td 		{font-weight: bold;}
.usualbg  			{background: transparent;}
.errorbg  			{background: #FFE0E0; border: 1px solid #CC0000; color: #CC0000; padding: 6px; text-align: center;}
.popup 
.errorbg				{padding: 4px;}
.messagebg  		{color: #0000CC; font-weight: bold; padding: 6px; text-align: center;}
.block-order-info 
.messagebg  		{padding: 2px 6px; text-align: right;}

.padding10px				{padding: 10px;}
.block-categories-list 
.padding10px				{padding: 10px 0px;}
.padding6px, .padding6px td, .table-data td, .table-data th { padding: 6px; }

.block-product-details
.padding6px td				{padding: 6px 10px;}
.padding6px td td			{padding: 0px;}
.padding6px
.padding4px td				{padding: 4px;}
.padding4px td				{padding: 4px;}
.padding4px td td			{padding: 0px;}
.padding2px 				{padding: 2px;}
table.padding10px, 
table.padding6px, 
table.padding4px, 
table.padding2px 			{padding: 0px;}

.ArticleImg		{border: none; float: left; margin: 0px 10px 5px 0px;}
.ArticleDescription	{padding: 10px 0px;}

.introBlock {border: 1px solid #FFFFFF; margin: 5px; padding: 6px;}

.articleDate	{color: #7777CC; font-size: 11px; font-style: italic; }
.titleText		{color: #c2271a; text-decoration: none; }
.top				{font-size: 11px;}
.smallText		{font-size: 11px;}
.middleText		{font-size: 13px;}
.bigText			{font-size: 14px;}
.comment			{font-size: 11px; color: #7777CC;}
.required		{color: #FF0000;}
.message			{color: #FFBA00;}
.title			{font-size: 13px; font-weight: bold; color: #c2271a;}
.bigtitle		{font-size: 14px; font-weight: bold; color: #c2271a;}
.error			{color: red; }
.terms			{height: 300px; width: 600px; overflow: auto; border: 1px solid silver; }
.link				{color: #C5CCD0; text-decoration: underline;}

span.nobr      {white-space: nowrap !important;}
.overhidd		{height: 1%; overflow: hidden;}
.floatright 	{float: right;}
.floatleft 		{float: left;}
.right 	  {float: right;}
.left 		{float: left;}
.clear        {clear: both;}
.clearboth 		{clear: both;}
.hidden, .hidden-block { display: none; }

form {margin: 0; padding: 0;}

/*** errors and messages styles ***/
.errors, .errors-block, .error-block, .errorbg { background: #FFE0E0; border: 1px solid #CC0000; color: #CC0000; padding: 6px; text-align: center; margin: 0 0 10px 0; }
.error-desc { padding: 6px 0; border-top: 1px solid #c77; color: #f00; f2ont-weight: normal; }
.error-desc:first-child { border-top: none; }
.messages, .messages-block, .message-block, .success-block, .messagebg { background: #E0E0FF; border: 1px solid #77f; color: #0000CC; font-weight: bold; padding: 6px; text-align: center; margin: 0 0 10px 0;}
.msg-desc { text-align: center; margin-right: 20px; padding: 1px 0; }
div.message     { color: #0000FF; text-align: center; border: 1px solid #AAAAFF; padding: 10px; background: #EEEEFF; margin-bottom: 10px; }
div.errors { background: #FFE0E0; border: 1px solid #CC0000; color: #CC0000; padding: 6px; text-align: center; width: 97%; margin: auto; margin-top: 10px; margin-bottom: 5px;}
.bk-message { padding: 15px; font-size: 20px;	text-align: center; color: #007; margin: 10px 0 0; 	border: 1px solid #007; border-radius: 10px; background: linear-gradient(#dde, #eef); box-shadow: 1px 1px 3px #337; }
.bk-error { color: #FF0000; text-align: center; border: 1px solid #FFAAAA; padding: 10px; background: #FFEEEE; border-radius: 5px; box-shadow: 1px 1px 3px #733; }
.item-desc .bk-error { padding: 0 10px; }
.bk-intro, .bk-filter { border: 1px solid #C0C0C0; padding: 10px; border-radius: 2px; background: #fff; box-shadow: 3px 3px 3px #ccc; }
.block.bk-intro:first-child, .block.bk-filter:first-child, .block.bk-message:first-child { margin-top: 30px; }
.introBlock {border: 1px solid #8A8A8A; margin: 5px; padding: 6px;}
.error			{color: red; }
/*** end errors and messages styles ***/


/* FA icons */
.ico-edit:before { content: "\f044"; }
.ico-save:before { content: "\f0c7"; color: #292; }
.ico-warn:before { content: "\f12a"; color: #fa0; }
.ico-cancel:before { content: "\f00d"; }
.ico-close:before { content: "\f00d"; }
.ico-delete:before { content: "\f1f8"; }
.ico-search:before { content: "\f002"; }
.ico-add:before { content: "\f0fe"; }
.ico-play:before { content: "\f04b"; }
.ico-pause:before { content: "\f04c"; }
.ico-youtube-play:before { content: "\f16a"; }
.ico-order:before { content: "\f0ec"; display: block; transform: rotate(90deg); }
.ico-below:before { display: inline-block; content: "\f064"; color: #3399cc; -webkit-transform: rotate(180deg); transform: rotate(180deg); position: relative; top: 2px; }
.ico-above:before { display: inline-block; content: "\f112"; color: #3399cc; }
.ico-prev:before { content: "\f048"; }
.ico-next:before { content: "\f051"; }
.ico-music:before { content:"\f001"; }
.ico-plus:before { content:"\f067"; }
.ico-help:before { content:"\f059"; }
.ico-active:before { content:"\f06e"; }
.ico-inactive:before { content:"\f070"; }
/*** General styles ***/

/*** navigation bar ***/
.bk-navigation-bar > div { font-size: 0; width: 1200px; margin: 0 auto; } /* as nav-bar showed as inline block set font size as zero */
.bk-navigation-bar .nav-bar { font-size: 12px; }
.bk-navigation-bar { margin: 0; padding: 0; border: none; border-radius: 0; background: #333; color: #AAA; }
.bk-navigation-bar.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 101; }
.foot-navigation-bar { display: none; }
.foot-navigation-bar.fixed { display: block; height: 35px; }
ul.nav-bar {  margin: 0; padding: 0; display: inline-block; text-align: left; } 
ul.nav-bar > li { float: left; position: relative; list-style: none; border-right: 1px solid #555;  }
ul.nav-bar > li:first-child { border-left: 1px solid #555; }
/* ul.nav-bar > li.nav-right { float: right; } /* reverse order */
ul.nav-bar li a { padding: 9px 12px; text-decoration: none; font-size: 13px; display: block; float: left; cursor: pointer; color: #AAA; user-select: none;  -ms-user-select: none; }
ul.nav-bar li li { clear: both; }
ul.nav-bar li ul li a, ul.nav-bar li ul li i { color: #333; }
ul.nav-bar li ul li a:hover { color: #666; }
ul.nav-bar > li:hover, ul.nav-bar > li:hover a { color: #FFF; }
ul.nav-bar li:hover ul li a { color: #333; }
ul.nav-bar li img { padding: 1px 5px 0; display: inline-block; }
ul.nav-bar li ul { display: none; position: absolute; background: white; z-index: 101; left: -1px; top: 33px; list-style: none; margin: 0; padding: 0; border: 1px solid #555; background: #EEE; color: #333; width: 150px; } 
ul.nav-bar li.nav-open > ul { display: block; }
ul.nav-bar li.nav-right ul { left: auto; right: -1px; }
ul.nav-bar ul ul { left: 150px; top: -1px; } 
ul.nav-bar > li.nav-childs > i.expand { float: right; display: block; padding: 8px 8px 8px 0;}
ul.nav-bar > li.nav-childs > i.expand:before { content:"\f0d7"; }
ul.nav-bar li li.nav-childs > i.expand { float: right; padding: 8px 8px 8px 0;}
ul.nav-bar li li.nav-childs > i.expand:before { content:"\f0da"; }


.nav-bar li > i, .nav-bar li > a > i { font-size: 16px/16px; padding: 0 8px 0 0;  display: block; float: left; }
li li > i, li li > a > i { font-size: 13px; }
li.nav-right > i, li.nav-right > a > i { float: right; padding: 0 0 0 8px; }
li.cart > i, li.cart > a > i { padding: 0 16px 0 0; }
li.cart.nav-right > i, li.cart.nav-right > a > i { float: right; padding: 0 4px 0 8px; }
li.expand i { padding: 6px 10px 6px 2px; float: right; cursor: pointer; }
li.expand i:after { font-size: 16px; content:"\f0d7"; }
li.expand.nav-open i:after { content:"\f0d8"; }
li.wishlist i:before { content:"\f004"; }
li.account i:before { content:"\f007"; }
li.help > a > i:before { content:"\f059"; } 
li.about > a > i:before { content:"\f05a"; } 
li.phone i:before { content:"\f095"; }
li.cart i:before { content:"\f07a"; }
li.home i:after { content:"\f015"; }
li.compare i:before { content:"\f24e"; }
li.search i:before { content:"\f002"; }
li.products i:before { content:"\f0c9"; }
li.products ul { width: 150px; text-align: left; }
li.products ul li { float: none; position: relative; }
li.products ul li a { float: none; }
li.products.nav-right ul li a { text-align: right; }
li.products ul li i { float: right; display: block; padding: 6px; }
li.products.nav-right ul li i { float: left;  }
li.products ul li i:before { content: ""; }
li.products ul li.nav-childs > i:before { content: "\f0da"; }
li.products.nav-right ul li.nav-childs > i:before { content: "\f0d9"; }
li.products ul ul { left: 150px; top: 0px; } 
li.products.nav-right ul ul { left: auto; right: 150px; top: -1px; }
li.cart .cart-qty { position: absolute; left: 23px; top: 3px; font-size: 9px; color: #AAA; border: 1px solid #AAA; border-radius: 9px; padding: 0 3px; }
li.cart.nav-right .cart-qty { left: auto; right: 3px; top: 3px; }
ul.nav-bar li.cart ul { width: 300px; padding: 10px; }

li.languages > a { text-transform: uppercase; }
li.languages > a > img, li.currencies > a > img { float: left; }
ul.nav-bar li.currencies ul { width: 180px; }
li.languages ul li img, li.currencies ul li img { display: inline; float: left;  }
li.languages ul li span, li.currencies ul li span { display: inline;   }
li.search > ul li form, li.site-search > ul li form { border-radius: 5px; margin: 10px; }
ul li.search > ul, ul li.site-search > ul { width: 500px; }
ul li.search.nav-right > ul, ul li.site-search.nav-right > ul { left: auto; right: -1px; width: 500px; }

.category-select { font-size: 14px; float: left; padding: 0; height: 28px; border: 1px solid #CDCDCD; background: #F3F3F3; border-top-left-radius: 5px; border-bottom-left-radius: 5px; color: #555; }
.category-select span { display: inline-block; padding: 5px 5px 5px 10px;  }
.search .category-select i { padding: 5px; }
.search .category-select i:before { content: "\f078"; }
.search .category-select.expand-open i:before { content: "\f077"; }
.search .category-select:hover { color: #999; }
.search-button { float: right; }
.search-button input { border: none; background: #333; height: 30px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: #EEE; }
.search-field { position: relative; width: auto; overflow: hidden; height: 30px; }
.search-field input { width: 100%; height: 18px; padding: 5px; border: none; border-top: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD;  }
li.site-search .search-field input { border-left: 1px solid #CDCDCD; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
li.site-search i:before { content:"\f00e"; }

.st-ml ul.nav-bar, .st-pisni ul.nav-bar, .st-maxijoy ul.nav-bar { width: 1200px; }
.st-ml ul.nav-bar > li.home, .st-pisni ul.nav-bar > li.home, .st-maxijoy ul.nav-bar > li.home { border: none; }
.st-ml ul.nav-bar > li.music-search, .st-pisni ul.nav-bar > li.music-search { border: none; }
.st-ml li.home a { background: url(/images/nav-logo-minelyrics.png) no-repeat; width: 90px; height: 16px; }
.st-pisni li.home a { background: url(/images/nav-logo-pisni.png) no-repeat; width: 90px; height: 16px; } 
.st-maxijoy li.home a { background: url(/images/nav-maxijoy-logo.png) no-repeat; width: 110px; height: 16px; } 
.st-ml li.home i, .st-pisni li.home i, .st-maxijoy li.home i { display: none; }
.st-ml li.home span, .st-pisni li.home span, .st-maxijoy li.home span { display: none; }

li.music-search { width: 300px; }
li.music-search .search-field { padding: 3px 0 0 5px;}
li.music-search .search-button { padding: 3px 5px 0 0;}
li.music-search .search-field input { border: none; border-radius: 3px 0 0 3px; height: 18px; }
li.music-search .search-button input { font-family: FA; border: none; background: #ddd; height: 28px; border-radius: 0 3px 3px 0; color: #777; cursor: pointer; }
li.music-search .search-button input:hover { color: #C2271A; }

ul li.account, ul li.nav-account { float: right; }
ul li.nav-playlists, ul li.nav-az, ul li.nav-news, ul li.nav-social, ul li.nav-facebook, ul li.nav-instagram, ul li.nav-twitter, ul li.nav-youtube { float: right; border-left: 1px solid #555; }
.nav-az { display: none; }

.ico-social:before { content: "\f1fa"; }

li.nav-account a i:before { font-family: FA; content:"\f007"; 	 }
li.nav-playlists a i:before { font-family: FA; content:"\f001"; 	 }
li.nav-social a i:before { font-family: FA; content:"\f1fa"; 	 }
li.nav-facebook a i:before { font-family: FA; content:"\f082"; 	 }
li.nav-instagram a i:before { font-family: FA; content:"\f16d"; 	 }
li.nav-twitter a i:before { font-family: FA; content:"\f081"; 	 }
li.nav-youtube a i:before { font-family: FA; content:"\f166"; 	 }
li.nav-news a i:before { font-family: FA; content:"\f1ea"; 	 }

.bk-navigation-bar .nav-expand { color: #aaa; clear: both; display: none; font-weight: bold; font-size: 20px; background: #333; padding: 10px; cursor: pointer; }
.bk-navigation-bar .nav-expand.expand-open { background: #aaa; color: #333; } 
.bk-navigation-bar .nav-expand i { float: right; display: block; padding-top: 3px; font-weight: normal; }
.bk-navigation-bar .nav-expand i:after { padding: 0 10px; content:"\f0ae"; }
/* end navigation bar */

/*** Header ***/
div.bk-header { margin: 0 auto; padding: 0; border: none; }
.st-pisni div.bk-header { height: auto; }
.st-pisni .logo { display: none; }
.bk-header .logo { float: right; padding: 5px; } 
.bk-header .logo img { border: none; max-width: 210px; max-height: 250px; width: auto; height: auto; }
.bk-header .header-banner { height: 250px; width: 970px; float: left; margin: 0px; padding: 5px; } 

/* header menu */
.nav-header { clear: both; display: block; height: 36px; margin: 0; padding: 0; z-index: 20; }
.nav-expand { display: none; }
/*.nav-header.nav-submenu { border: 1px solid #eee; display: block; clear: both; margin: 0; } */
.nav-header li.menu-digits a, .nav-submenu li.menu-latin a { min-width: 55px; }

/* top menu elements */
.bk-header .header-menu { border: 1px solid #EEE; background-none: #EEE; display: block; clear: both; }
.nav-header > li { border-right: 1px solid #f0f0f0; }
.nav-header li {display: block; float: left; list-style: none; margin: 0px; padding: 0px; white-space: nowrap;}
.nav-header li a {color: #444; display: block; font: 18px Arial, Impact, sans-serif; font-weight: 100; padding: 7px; text-decoration: none; text-transform: capitalize ; text-align: center; min-width: 20px;}
.nav-header li a:hover, .nav-header li.nav-active > a:hover {color: #c2271a; text-decoration: none;}
.nav-header li.nav-active > a {color: #444444; display: block; font: bold 18px Arial, Impact, Tahoma, Helvetica, sans-serif; background: #F0F0F0; }

/* popup menu elements */
.nav-header { border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; }
.nav-header li ul {border: 1px solid #FFD075; border-bottom: none; display: none; margin: 0px; padding: 0px; position: absolute; width: 200px;}
.nav-header li li {border-top: none !important; border-bottom: 1px solid #FFD075; display: block; float: left; list-style: none; margin: 0px; padding: 0px; white-space: nowrap; width: 200px; position: relative; }
.nav-header li li a {background: #FFF1C7; color: #0A0509; padding: 4px 10px; text-decoration: none; font-weight: normal; }
.nav-header li li a:hover, .nav-header li li.nav-active > a:hover {background: #FFFBED; color: #c2271a;}
.nav-header li li.nav-active > a { background: #FFF1C7; color: #0A0509; padding: 2px 10px; text-decoration: none; font-weight: bold; }
.nav-header li ul ul {border: 1px solid #FFD075; border-bottom: none; display: none; left: 200px; margin: 0px; padding: 0px; position: absolute; top: -1px;}
/*** end of header styles ***/

/* Top Menu */
.top-menu 	 { position: absolute; top: 50px; display: block; margin: 0px; padding: 0px 0px 0px 0px; z-index: 20; background: #d20000; width: 100%; }
.top-menu li { display: block; list-style: none; margin: 0px; padding: 0px; white-space: nowrap;}
/* Top Menu Links */
.top-menu .menu-item:first-child a { border-top: 1px solid #f35b00; }
.top-menu .menu-item a					{color: #FFF; border-bottom: 1px solid #f35b00; display: block; font: 16px Arial, Helvetica, sans-serif; padding: 10px 15px; text-decoration: none; text-transform: capitalize;}
.top-menu .menu-item a:hover		{color: #FFF; text-decoration: none;}
.top-menu .active a	{ color: #FFF; #ee9e17; text-transform: capitalize; font-weight: bold; text-decoration: underline; }
.top-menu .active a:hover	{color: #FFF; #ee9e17;}

/*** login block ***/
.new-user .sub-head, .exists-user .sub-head { text-align: center; padding: 6px; font-size: bold 20px Arial; margin-bottom: 10px; background: #dedede; color: #000; text-transform: none; }
.new-user .login-sign-up, .exists-user .login-hint, .exists-user .admin-select, .exists-user .forgot-password { width: 300px; margin: 0 auto; }
.login-signup { padding-bottom: 10px; }
.exists-user .field { width: 300px; margin: 0 auto; }
.new-user a { display: block; margin: 3px 0; } 
/*** login block end ***/

/*** login block ***/
/*
.new-user { width: 49%; float: left; }
.exists-user  { width: 49%; float: right; }
.new-user .bg-title, .exists-user .bg-title { text-align: center; padding: 6px; font-size: 20px; margin-bottom: 10px; }
.new-user .login-signup, .exists-user .login-hint, .exists-user .admin-select, .exists-user .forgot-password
{ width: 300px; margin: 0 auto; }
.exists-user .errors { color: #c00; background: #fee; border: 1px #c00 solid; width: 300px; margin: 10px auto; padding: 5px; text-align: center; }
.login-hint { font-size: 14px; font-style: italic; color: #777; }
.login-signup { padding-bottom: 10px; }
.exists-user .field { width: 300px; margin: 0 auto; }
.new-user a { display: block; margin: 3px 0; } 
*/
/*** login block end ***/

/*** User Home Page ***/
.order-log table { border-spacing: 0; width: 100%; margin: 10px; }
.event-date, .note-date { width: 150px; padding: 5px 10px 5px 0; vertical-align: top; }
.event-desc, .note-title { padding: 5px 10px; }
.event-desc .bn-more, .note-title .bn-more { margin: 0 0 0 10px; }
.event-attachments { margin-top: 5px; }
.event-attachments a { text-decoration: none; }
.event-attachments a span.name { text-decoration: underline; }
.event-attachments a:before { font: 14px FA; content: "\f016"; padding-right: 5px; }
.event-attachments a:after { content: "; "; padding-right: 5px; }
.event-attachments a:last-child:after { content: ""; }

.shipping .caption { font-weight: bold; }
.shipping .caption:after { content:": "; }

.bk-user-home .head i { font-size: 18px; }
.bk-user-home .user-logout {clear: both; padding: 0px 20px 0px 20px; text-align: right;}
.bk-user-home .user-logout {color: #444444; font-weight: bold;}
.bk-user-home .section { padding: 0 5px 10px 0; }
.bk-user-home .section .image { width: 50px; height: 50px; border:0px; float: left; } 
.bk-user-home .section .area { margin-left: 50px; } 
.bk-user-home .ico-arrow { padding: 0 0 0 10px; }

.bk-user-home .img-orders       {background: url(../images/icons/orders.png) no-repeat; }
.bk-user-home .img-profile 		  {background: url(../images/icons/admin_profile.png) no-repeat; }
.bk-user-home .img-addresses    {background: url(../images/icons/admin_addresses.png) no-repeat; }
.bk-user-home .img-support 		  {background: url(../images/icons/admin_support.png) no-repeat; }
.bk-user-home .img-forum 			  {background: url(../images/icons/admin_forum.png) no-repeat; }
.bk-user-home .img-products 	  {background: url(../images/icons/admin_products.png) no-repeat; }
.bk-user-home .img-pages 			  {background: url(../images/icons/admin_pages.png) no-repeat; }
.bk-user-home .img-sales-orders {background: url(../images/icons/sales-orders.png) no-repeat; }
.bk-user-home .img-merchant 	  {background: url(../images/icons/admin_merchant.png) no-repeat; }
.bk-user-home .img-affiliates	  {background: url(../images/icons/admin_affiliates.png) no-repeat; }
.bk-user-home .img-payments		  {background: url(../images/icons/admin_payments.png) no-repeat; }
.bk-user-home .img-carts			  {background: url(../images/icons/admin_carts.png) no-repeat; }
.bk-user-home .img-wishlist		  {background: url(../images/icons/admin_wishlist.png) no-repeat; }
.bk-user-home .img-reminders	  {background: url(../images/icons/admin_reminders.png) no-repeat; }
.bk-user-home .img-messages     {background: url(../images/icons/messages.png) no-repeat; }
.bk-user-home .img-playlists    {background: url(../images/icons/playlists.png) no-repeat; }
.UHBRows				{clear: both;}
.UserHomeBlock		{float: left; position: relative; width: 49%;}
.UHBContent			{padding: 7px;}
.UHBContent div 	{margin: 0px 0px 0px 50px;}

.userHomeLogout 		{clear: both; padding: 0px 20px 0px 20px; text-align: right;}
.userHomeLogout a 	{color: #444444; font-weight: bold;}

.UserHomeBlock img.orders 					{background: url(../images/icons/admin_orders.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.profile 				{background: url(../images/icons/admin_profile.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.addresses {background: url(../images/icons/admin_addresses.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.messages {background: url(../images/icons/messages.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.arr		 				{background: url(../images/icons/arr.gif) no-repeat; width: 15px; height: 16px; border:0px; margin: 0px 5px 0px 0px; position: relative; bottom: -4px;}
.UserHomeBlock img.support 				{background: url(../images/icons/admin_support.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.forum 					{background: url(../images/icons/admin_forum.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.products 				{background: url(../images/icons/admin_products.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.pages 					{background: url(../images/icons/admin_pages.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.salesorders			{background: url(../images/icons/admin_salesorders.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.merchant 				{background: url(../images/icons/admin_merchant.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.affiliates				{background: url(../images/icons/admin_affiliates.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.payments				{background: url(../images/icons/admin_payments.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.carts					{background: url(../images/icons/admin_carts.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.wishlist				{background: url(../images/icons/admin_wishlist.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.reminders				{background: url(../images/icons/admin_reminders.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
/*** User Home Page ***/


/*** Button Links ***/
td.butTd span.spacer {color: #c2271a;}	/* '|' between button */

a.button {font: 14px/20px Arial, Helvetica, sans-serif; padding: 0px 10px 0px 0px; white-space: nowrap;}
a.button img 	{display: none;}
a.button-add	{color: #FF3300; font-weight: bold;}

a.buttonBasket {font: 14px/20px Arial, Helvetica, sans-serif; white-space: nowrap;}
a.buttonBasket img 	{display: none;}
a.button-shopping 	{color: #FF3300; font-weight: bold;}	
a.button-checkout 	{color: #FF3300; font-weight: bold;}

a.buttonCart {font: 12px Arial, Helvetica, sans-serif; white-space: nowrap;}
a.buttonCart img 		{display: none;}

a.buttonMore {color: #FF3300; font: 12px Arial, Helvetica, sans-serif; white-space: nowrap;}
a.buttonMore img 	{display:none;}

a.disabled {color: gray; cursor: text; font: bold 14px/20px Arial, Helvetica, sans-serif; padding: 0px 10px 0px 0px;}
/*** Button Links ***/

/*** Filter popup on more button ***/
.block-filter .BlockMiddle {z-index: 90;}
.block-filter .MiddleCenter {overflow: visible; position: static; z-index: 90;}
.filterPopup {background-color: #FFF1C7; border: 2px solid #FFD075; display: none; margin-left: -5px; padding: 3px 4px; position: absolute; z-index: 100;}
/*** Filter popup on more button ***/

/*** Categories ***/
.CategoryList		{display: block; margin: 0px; padding: 0px;}
.CategoryList li		{background: url(../images/default/tree_top.gif) no-repeat 0px 1px; display: block; list-style: none; margin: 0px; padding: 2px 0px 2px 15px;}
.SubCategoryList		{background: url(../images/default/tree_line.gif) repeat-y 2px 0px; display: block; margin: 4px 0px 0px 0px; padding: 0px;}
.SubCategoryList li		{background: url(../images/default/tree_begin.gif) no-repeat 2px 9px; display: block; list-style: none; margin: 0px; padding: 2px 0px 0px 14px;}
.SubCategoryList li.lastCategory		{background: #FFFFFF url(../images/default/tree_end.gif) no-repeat 2px -9px;}

.selectedsubCategory a.title, 
.selectedtopCategory a.title {color: #37A210;}
.selectedsubCategory ul a.title, 
.selectedtopCategory ul a.title {color: #c2271a;}

.topCategory .category_img, .subCategory .category_img, .selectedtopCategory .category_img, .selectedsubCategory .category_img {margin: 0px 5px 0px 0px;}
/*** Categories ***/

/*** Products list (list, table view) and product details ***/
.block-product-details .titleTopCenter	{padding-left: 10px;}
.block-products-list .productImg, 
.block-product-details .productImg {background: #FFFFFF; border: 1px solid #78C7FF; margin-right: 10px; margin-bottom: 10px; padding: 1px;}

.featuresList	{border: 2px solid #E9E9E9; float: right; margin: 0px 0px 5px 5px; padding: 6px; width: 40%;}

.specification	{}
.groupTitle		{background: #E9E9E9; font-size: 120%; padding: 6px;}
.feature			{border-bottom: 1px solid #E9E9E9; display: block; padding: 6px;}
.featureName	{float: left; font-weight: bold; padding: 0px; width: 40%;}
.featureValue	{padding: 0px 0px 0px 45%;}

/* Matrix prices for product */
.matrix			{margin: 10px 0px;}
.matrixQty		{border-left: 1px solid #E9E9E9; border-top: 1px solid #E9E9E9; float: left;}
.matrixPrice	{border-top: 1px solid #E9E9E9; float: left;}
.matrixTitle	{background: #E9E9E9; border-right: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; font-weight: bold; padding: 3px 6px; text-align: center;}
.matrixItem		{border-right: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; padding: 3px 6px; text-align: left;}

/* Visualisation product list as table */
.productsTable th 		{padding: 3px;}
.productsTable td 		{padding: 3px;}
.productsCategory 		{font-size: 14px; font-weight: bold; background: #E9E9E9; color: #c2271a; padding: 6px !important; }
.productsCategoryDesc	{background: #E9E9E9; padding: 6px !important; }
.productsDelimiter 		{background: #E9E9E9; padding: 0px !important;}
.productsDelimiterTop 	{background: #E9E9E9; padding: 0px !important;}
.productsDelimiterTop img 	{height: 2px;}

/* Delimiter for list and rollover for details */
.vDelimiter {border-right: 1px solid #E9E9E9;}
.hDelimiter {background: #E9E9E9; border: 0px;}
.rolloverImagesTop {padding: 10px 0px 0px 0px;}
.rolloverImages {float: left; padding: 5px; text-align: center; width: 30%;}
.manufacturerImage {padding: 10px 0px 0px 0px;}

/* Visualisation tubs on product details */
.DetailTabs 			{border-bottom: 2px solid #E9E9E9; height: 1%; margin: 0px; overflow: hidden; padding: 0px 0px 0px 10px;}
.DetailTabs li 			{display: block; float: left; list-style: none; margin: 0px 10px 0px 0px; padding: 0px;}
.DetailTabs li.tab 			{background: none; border: 1px solid #E9E9E9; border-bottom: none;}
.DetailTabs li.tabActive 		{background: #E9E9E9; border: 1px solid #E9E9E9; border-bottom: none;}
.DetailTabs a.tab					{background: none; color: #c2271a; display: block; font-size: 12px; font-weight: bold; padding: 5px 8px; text-decoration: none;}
.DetailTabs a.tab:hover			{background: #E9E9E9; color: #c2271a; display: block; font-size: 12px; font-weight: bold; padding: 5px 8px; text-decoration: none;}
.DetailTabs a.tabActive			{background: #E9E9E9; color: #c2271a; display: block; font-size: 12px; font-weight: bold; padding: 5px 8px; text-decoration: none; cursor: text;}
.DetailTabs a.tabActive:hover	{background: #E9E9E9; color: #c2271a; display: block; font-size: 12px; font-weight: bold; padding: 5px 8px; text-decoration: none; cursor: text;}

/*** Products list (list, table view) and product details ***/

/*** Related products ***/
.relTitle {padding: 0px 0px 5px 0px;}
.relImg {margin: 0px 5px 5px 0px;}
/*** Related products ***/

/*** Small Cart ***/
.paddingCart td		{padding: 0px;}
.paddingCart .cartTitle td			{background: #E9E9E9; padding: 4px;}
.paddingCart .cartItem td			{border-bottom: 1px solid #E9E9E9; padding: 2px 4px;}
.paddingCart .cartGoodsTotal td	{border-top: 2px solid #D9D9D9; padding: 4px;}
/*** Small Cart ***/

/*** Latest ***/
td.topArticle {padding: 0px;}
td.subArticle {padding: 3px 3px 0px 0px;}
td.topArticle a.buttonMore	{display: block; padding-top: 2px;}
a.subArticle {padding-left: 8px; font-size: 11px; background: url(../images/bullet.gif) no-repeat left 3px;}
/*** Latest ***/

/*** Offers ***/
.offerTitleTop		{display: none;}
.offerTitle			{text-align: left; clear: right; display: block;}
.offerItem 			{text-align: left;}
.offerImg			{float: left; border: 1px solid #78C7FF; margin-right: 10px; margin-bottom: 10px;} 
.offerText			{text-align: left;}
.offerItem 
a.buttonMore		{display: block;}
/*** Offers ***/

/*** Forum ***/
.forumAdmin 			{color: blue; font-weight: bold;}
.forumUser 				{color: black; font-weight: bold;}
.forumGuest       	{color: black;  font-weight: bold; font-style: italic;}
.forumMessageLeft 	{background: #F4F4F4; border-left: 1px solid #D5D5D5; border-top: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5;}
.forumMessageRight 	{background: #F4F4F4; border: 1px solid #D5D5D5;}
.forumMessageTop 		{background: #E9E9E9; border-bottom: 1px solid #D5D5D5;}
/*** Forum ***/

/*** footer ***/
.bk-footer { background: #777; border: none; margin-top: 40px; border-top: 1px solid #333; height: 50px; }
.bk-footer, .bk-footer a { font: 13px/14px Arial; color: #ddd; }
.bk-footer a:hover { color: #fff; }
.footer-head { float: left; width: 340px; padding: 18px 0; margin-left: 20px; }
.footer-menu { float: left; width: 460px; text-align: center; padding: 15px 0; }
.footer-menu ul { margin: 0; padding: 0; display: inline-block; }
.footer-menu ul li { list-style: none; margin: 0; padding: 3px 0; float: left; }
.footer-menu ul li:after { content: "|"; padding: 0 5px; }
.footer-menu ul li:last-child:after { content: ""; }

.footer-foot { float: right; width: 360px; padding: 15px 5px; text-align: right; }
.footer-foot a { color: #ddd; } 
.footer-foot .ico-social, .footer-foot .ico-youtube, .footer-foot .ico-facebook, .footer-foot .ico-instagram, .footer-foot .ico-twitter { font: 20px FA; display: block; float: left; }
.ico-social:before { content: "\f1fa"; }
.ico-facebook:before { content: "\f082"; }
.ico-instagram:before { content: "\f16d"; }
.ico-twitter:before { content: "\f081"; }
.ico-youtube:before { content: "\f166"; }
.footer-logo { display: none; text-align: right; padding: 0px 10px 0px 0px;}
.footer-logo img {width: 80px; height: 26px; border:0px;}

/*
.bk-footer { height: 50px; width: 1200px; background: rgba(0, 0, 0, 1); color: #bbb; z-index: 10; }
.bk-footer a { color: #bbb; font: 13px/14px Jsans; }
.bk-footer a:hover { color: #fff; }
.copyright { float: left; padding: 18px 40px;  }
.footer-menu { float: left; padding: 18px 0; }
.footer-menu a { }
.footer-menu span { padding: 0 5px; }

.footer-icons { float: right; padding: 15px 0; }

*/
/*** end of footer styles ***/

/*** Visualisation tubs on UserHome pages ***/
.AdminTabs 				{background: url(../images/default/admin-tabs-bgr-light.gif); height: 1%; margin: 0px 0px 10px 0px; overflow: hidden; padding: 0px 0px 0px 10px;}
.AdminTabs li 				{display: block; float: left; list-style: none; margin: 0px 0px 0px 0px; padding: 0px;}
.AdminTabs li.adminTab			{border-bottom: 1px solid #919B9C;}
.AdminTabs li.adminTabActive	{border: none;}
.AdminTabs li.BeginTab			{display: none;}
.AdminTabs li.EndTab			{display: none;}
div.adminTab 			{background: #E9E9E9; border: 1px solid #919B9C; border-bottom: none; cursor: pointer; font: 11px/18px Verdana, sans-serif; margin: 8px 2px 0px 2px; padding: 2px 8px 1px 8px; white-space: nowrap;}
div.adminTabActive 	{background: #F4F4F4; border: 1px solid #919B9C; border-top: 2px solid #919B9C; border-bottom: none; font: bold 11px/18px Verdana, sans-serif; margin: 3px 2px 0px 2px; padding: 4px 8px 4px 8px; white-space: nowrap;}
a.blackSm, a.blackSm:hover {text-decoration: none;}
/*** Visualisation tubs on UserHome pages ***/

/*** Prices on the site ***/
.priceBlock {color: #000; font-weight: bold;}
.priceBlock .price {font-weight: bold;}
.priceBlock .priceTax {font-weight: normal;}

.priceBlockOld {color: #000; text-decoration: line-through;}
.priceBlockOld .price {font-weight: normal;}
.priceBlockOld .priceTax {font-weight: normal;}

.priceBlockHidden {color: #000; font-weight: bold; display: none;}
.priceBlockHidden .price {font-weight: bold;}
.priceBlockHidden .priceTax {font-weight: normal;}

.priceBlockEdit {color: #000; font-weight: bold;}
.priceBlockEdit input.price {text-align: right; font-weight: bold; width: 60px; font-size: 13px; color: black; border: 1px solid #A3ACB1;}

.salesBlock {color: #000; font-weight: bold; border: none; background: transparent;}
.salesPrice {font-weight: bold;}
.salesTax {font-weight: normal;}

.priceSaveBlock {color: #0A0; font-weight: bold;}
.priceSaveBlock .price {font-weight: bold;}
.priceSaveBlock .percent {font-weight: normal;}

.pointsPriceBlock {}
.pointsPriceBlock .points {}

.rewardPointsBlock {}
.rewardPointsBlock .points {}
/*** Prices on the site ***/

/*** Rating part ***/
.SummaryStatistic img					{margin-top: -2px;}
.SummaryStatistic .percentage img 	{margin-right: 10px;}
.ShowReviews img							{margin-top: -2px;}
.ShowReviews span							{padding: 0px 10px;}
.RatingImage								{float: left;}
.RatingText									{margin-left: 110px;}

.neutral {display: none;}
.commend		{background: url(../images/icons/commend.png) no-repeat; width: 20px; height: 20px; border:0px;}
.discommend	{background: url(../images/icons/discommend.png) no-repeat; width: 20px; height: 20px; border:0px;}
.not-rated	{background: url(../images/icons/not-rated.png) no-repeat; width: 97px; height: 18px; border:0px;}
.rating-1	{background: url(../images/icons/rating-1.png) no-repeat; width: 97px; height: 18px; border:0px;}
.rating-2	{background: url(../images/icons/rating-2.png) no-repeat; width: 97px; height: 18px; border:0px;}
.rating-3	{background: url(../images/icons/rating-3.png) no-repeat; width: 97px; height: 18px; border:0px;}
.rating-4	{background: url(../images/icons/rating-4.png) no-repeat; width: 97px; height: 18px; border:0px;}
.rating-5	{background: url(../images/icons/rating-5.png) no-repeat; width: 97px; height: 18px; border:0px;}
/*** Rating part ***/

/*** Wishlist pop-up window ***/
.wishlist-opacity	{display: none; z-index: 900; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-color: #E1E1E1;}
.wishlist-shadow	{display: none; z-index: 1000; position: absolute; top: 0px; left: 0px; width: 400px; background: #CCCCCC;}
.wishlist-block		{position: relative; bottom: 5px; right: 5px; width: 400px; background: #F4F4F4; border: 1px solid #78C7FF;}
.wishlist-img-close	img {margin: 10px 10px 5px 0px;}
.wishlist-descr		{padding: 0px 35px 20px 30px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align:justify;}
/*** Wishlist pop-up window ***/

/*** Shipping pop-up window ***/
.shipping-opacity	{display: none; z-index: 900; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-color: #E1E1E1;}
.shipping-shadow	{display: none; z-index: 1000; position: absolute; top: 0px; left: 0px; width: 600px; background: #CCCCCC;}
.shipping-block		{position: relative; bottom: 5px; right: 5px; width: 600px; background: #F4F4F4; border: 1px solid #78C7FF;}
.shipping-img-close	img {margin: 10px 10px 5px 0px;}
.shipping-descr		{padding: 0px 35px 20px 30px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align:justify;}
/*** Shipping pop-up window ***/

/*** New Product's icon ***/
.block-product-details .newProduct {display: block; position: relative; padding-right: 34px !important;}
.block-product-details .newProduct img {background: url(../images/icons/new_l.png) no-repeat; width: 30px; height: 22px; border: none; margin: 0px 0px -6px 2px;}
.block-products-list .newProduct img {background: url(../images/icons/new_l.png) no-repeat; width: 30px; height: 22px; border: none; position: relative; margin: 0px 0px -6px 2px;}
.newProduct img {background: url(../images/icons/new_m.png) no-repeat; width: 20px; height: 16px; border: none; position: relative; margin: 0px 0px -3px 2px;}
/*** New Product's icon ***/

/*** Restricted Item's icon ***/
.block-products-list .restrictedItem img.restrictedItem {background: url(../images/icons/lock.png) no-repeat; width: 22px; height: 23px; border: none; position: relative; margin: 0px 0px -3px 2px;}
.restrictedItem img.restrictedItem {background: url(../images/icons/lock-s.png) no-repeat; width: 15px; height: 16px; border: none; position: relative; margin: 0px 0px -3px 2px;}
.restrictedCategory img.restrictedCategory {background: url(../images/icons/lock-s.png) no-repeat; width: 15px; height: 16px; border: none; position: relative; margin: 0px 0px -3px 2px;}
/*** Restricted Item's icon ***/

/*** Manual list ***/
.level1 {padding: 2px 2px 2px 15px;}
.level1 a {font-weight: bold;}
.level1 a:hover {font-weight: bold;}
.level2 {padding: 2px 2px 2px 30px;}
.level3 {padding: 2px 2px 2px 40px;}
.level4 {padding: 2px 2px 2px 50px;}
/*** Manual list *****/

/*** Custom menu list ***/
.CustomMenu ul		{display: block; margin: 0px; padding: 0px 0px 0px 10px;}
.CustomMenu ul ul		{display: block; margin: 0px; padding: 0px;}
.CustomMenu ul li		{background: url(../images/bullet.gif) no-repeat 5px 6px; display: block; list-style: none; margin: 0px; padding: 2px 0px 2px 15px;}
.CustomMenu ul li a		{font-weight: bold;}
.CustomMenu ul li li a		{font-weight: normal;}
/*** Custom menu list ***/

/*** Site map list ***/
.SiteMap ul		{display: block; margin: 0px; padding: 0px;}
.SiteMap ul ul		{display: block; margin: 0px; padding: 0px 0px 0px 10px;}
.SiteMap ul li		{background: url(../images/bullet.gif) no-repeat 0px 6px; display: block; list-style: none; margin: 0px; padding: 2px 0px 2px 10px;}
.SiteMap ul li a		{font-weight: bold;}
.SiteMap ul li li a		{font-weight: normal;}
/*** Site map list ***/

/*** Image slider box ***/
.imageSlider	{position: relative; overflow: hidden;}

.sliderClassVertical	{top: -2000px; border-bottom: 1px solid #E9E9E9; position: absolute; width: 100%;}
.sliderClassVertical td.padding10px	{padding: 20px;}

.sliderClassHorizontal		{left: -2000px; position: absolute; width: 100%;}
.sliderClassHorizontal td.padding10px	{padding: 10px 30px;}

/* Image slider tooltip */
.soPopupContent {position: absolute; z-index: 999; width: 300px; border: 1px solid #CED7DF; background: #FFFFFF; padding: 20px; display: none;}
.soPopupContent a.bigtitle	{display: block; margin-bottom: 15px; text-align: center;}
.soPopupImg	{text-align: center; margin-bottom: 15px;}
.soPopupImg img	{border: 1px solid #E8ECF0;}
.soText	{text-align: justify;}
.popupTooltip	{display: none;}
/*** Image slider box ***/

/***  ***/
.block-articles-details .titleTopCenter	{padding: 6px 0px 6px 0px;}
.block-basket-recommended select	{margin-right: 5px;}
.block-user-profile .titleTopCenter div	{text-align: center;}
.block-search select	{margin-bottom: 7px;}
.block-reviews .titleTopCenter	{padding: 8px 10px;}


#categories_box select	{display: block; margin: 0px 0px 5px 0px;}
#categories_box a	{display: inline-block; background: #E8E8E8; border: 1px solid #93BDFD; padding: 3px 10px; text-decoration: none; margin-bottom: 5px;}

.tableTitle { background-color: #EEEEEE; padding: 6px 10px 6px 10px; font-family: verdana; font-size: 14pt; text-align: center; color: #008500; font-weight: bold; }
.tableCell { background-color: #FFFEEE; padding: 5px; font-family: verdana; font-size: 13pt; color: #3b4197; }
.middleCell { background-color: #FFFEEE; padding: 3px; font-family: verdana; font-size: 12pt; color: #3b4197; }
.block-custom-page-body {background-color: #EEEEEE; border: 1px solid silver; }

.message {background: #E0E0FF; color: #0000CC; border: 1px solid #0000CC; padding: 6px; margin: 5px 0px 5px 0px; text-align: center; font-weight: bold; }

.block { margin-top: 20px; }
.breadcrumb { 
	font: 14px Tahoma, Arial; 
	padding: 10px 20px; margin-top: 20px; 
	border: solid 1px silver; border-style: solid none;
	background:  #EEEEEE;
}
.breadcrumb .home i:before { content: "\f015"; }
.breadcrumb .fb-like, .bk-authors-list .fb-like, .bk-authors-random .fb-like { float: right; }
.breadcrumb .twitter-share-button { float: right; margin-right: 5px; }
.breadcrumb .youtube-subscribe { float: right; margin-right: 5px; }

/* version 5 breadcrumb for user account */
.bk-user-account-breadcrumb {padding: 10px; border: 1px solid #c0c0c0; background: #eee; }
.bk-user-account-breadcrumb .rss { float: right; }
.bk-user-account-breadcrumb i { padding: 0 5px; }
.bk-user-account-breadcrumb i:first-child { display: none; }
.bk-user-account-breadcrumb i:after { content: "\f105"; font-family: FA; }
.bk-user-account-breadcrumb a:last-child { font-weight: bold; text-decoration: none; }
 


li.fb-like { float: right; margin: 8px 3px; border: none; }


.left-top-ad { float: left; }
.right-top-ad { float: right; }

.middle-ad { text-align: center; margin-bottom: 20px; position: relative; top: -10px; }
div.banner { padding: 0; margin: 0; }
.bk-banners div.body, .banner div.body { padding: 0; margin: 0; border: none; box-shadow: none; border-radius: 0; background: transparent; }
.bk-header .bk-banners, .fm-ad .bk-banners { margin: 0; }

.bk-simple div.body {
	padding: 10px; margin: 0; 
	border: none; box-shadow: none; border-radius: 0; background: transparent; 
}

.frProduct { padding: 10px; border: 1px solid gray; }
.frPriceBlock { margin-left: 20px; padding-top: 10px; background: white; width: 140px; height: 130px; float: left; }
.frPriceTitle { font: bold 14px Arial; padding: 3px; float: left; margin: 0 5px 0 10px; }
.frPrice { font: bold 14px Arial; color: #940032; }
.frPriceBlock .frPrice { padding: 3px; text-align: right; }


.code { padding: 10px 25px; color: #4F5B93; font: monospace; }
.footnote { padding: 10px 25px; }
.example { padding: 10px 25px; }
.section-title { margin: 20px 0 10px 0; font-weight: bold; text-decoration: underline; }


/* tabs */
.tabs {  }
.tabs ul { clear: both; display: block; margin: 0px; padding: 0px; }
.tabs ul li { font: 12px/20px Verdana, Arial, Helvetica, sans-serif;  padding: 4px 12px; border: 1px solid silver; border-bottom: 1px solid gray; display: block; float: left; margin: 0 5px 0 0; list-style: none; white-space: nowrap; cursor: pointer; position: relative; top: 2px; }
.tabs ul li.selected {  border: 1px solid gray; border-bottom: 1px solid #FFFFFF; border-top: 2px solid #FFCC00; font-weight: bold; display: block; float: left; list-style: none; white-space: nowrap; background: #FFF; cursor: text; position: relative; top: 1px; }
.tabs ul li { background: #FFFFFF url(../images/oxygen/tab-bgr.gif) repeat-x top;  }
.tabs ul li.active:hover {background: #FFFEEE;}
.tab-data { border: 1px solid gray; clear: both; background: #FFF; }

/* live support block */
.bk-support-live { z-index: 1000; position: fixed; bottom: -10px; right: 10px;  border-radius: 10px; padding: 10px 20px 15px 20px; cursor: pointer; }
.bk-support-live .head { border: none; font-size: 14px; font-weight: bold; text-align: center; padding: 0; }
.bk-support-live .body { border: none; padding: 0; }
.support-online  .head { background-color: #CCCCEE; b2order: 2px solid blue; color: blue; }
.support-offline .head { background-color: #EEE; bo2rder: 2px solid #999; color: #999; }
.bk-ticket-new input, .bk-ticket-new textarea { width: 90%; box-sizing: border-box; }

/* sliders */
div.bk-sliders { margin: 0; }
.bk-sliders.content-only { border: none; background: none; border-radius: 0; padding: 0; }
.bk-sliders.content-only div.body { border: none; background: none; border-radius: 0; padding: 0;  }
.bk-sliders { position: relative; overflow: hidden; clear: both; }
.bk-sliders .sub-block { position: absolute; width: 450px; background: #FFF; z-index: 1000; right: 100px; top: 100px; height: 400px; box-shadow: 0px 0px 5px #333; }
.bk-sliders .sub-block div.body { box-shadow: none; padding: 10px; font-size: 18px; }
.bk-sliders .sub-block .body input[type=text] { width: 200px; font-size: 18px; }
.bk-sliders .sub-block .body input[type=submit] { font: 24px OSC, Arial; box-shadow: none; color: #FFF; background: #c40202; border: 1px solid black; border-radius: 0; text-transform: uppercase; padding: 5px 25px; margin: 0; }
.bk-sliders .sub-block .body input[type=button] { display: none; }
.bk-message { color: #0000FF; text-align: center; border: 1px solid #AAAAFF; padding: 10px; background: #EEEEFF; border-radius: 5px; }
.bk-intro {  border: 1px solid #C0C0C0; padding: 10px; border-radius: 5px; }
.pg-index.st-yourlove .slider-nav { display: none; }

/* general fields styles */
.bk-profiles-search .field, .bk-profiles_search .field, .buttons  { clear: both; padding: 20px 10px; }
.field .comments { font-style: italic; color: gray; font-family: times; }
.field .name { float: left; padding: 3px 0 0 0; }
.field .control { float: right; }
.buttons { text-align: right; }
/*** articles styles ***/

/* general form-data settings */
.form-data .field .name { width: 20%; }
.form-data .field .control { width: 80%; }
.form-data .buttons { text-align: left; padding-left: 20%; }

.bk-articles-hot .article-title, .bk-articles-hot .bn-more { display: none; }
.bk-articles-hot .row { margin: 0 0 10px 0; clear: both; }
.bk-articles-hot .row:last-child { margin: 0; }
.bk-articles-hot img { border: 1px solid #777; float: left; margin: 0 10px 0 0; }
.bk-articles-hot .hot-article { margin-right: 10px; }
.bk-articles-hot .col { margin-bottom: 10px; }

.bk-articles-latest img { border: 3px solid #C0C0C0; }
.bk-articles-details .head { padding: 10px 20px; }
.bk-articles-details .head .title { font-size: 16px;  }
.bk-articles-details .body .img-large { max-width: 500px; max-height: 500px; border: 1px solid #C0C0C0; width: auto; height: auto; }
.bk-articles-details .image-default { float: left; margin: 0 20px 20px 0; }
.bk-articles-details .body div { text-align: justify; margin-bottom: 10px; font-size: 14px; }
.bk-articles-details .images-gallery { clear: both; margin: 0; }
.bk-articles-details .images-gallery .title, 
.reviews { clear: both; }
.bk-articles-details .images-gallery .title, 
.bk-articles-details .reviews .title { font-size: 16px; border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; background: #E4E4E4; padding: 5px 20px; margin: 0; }
.bk-articles-details .images-gallery ul {margin: 0; padding: 0;}
.bk-articles-details .images-gallery ul li {margin: 0; padding: 0; list-style: none; float: left; padding: 35px; }
.bk-articles-details .images-gallery ul li .image { border: 3px solid silver; }
.bk-articles-details .images-gallery ul li .image:hover { border: 3px solid #6A88FF; }
.bk-articles-details .article-date { padding: 0px 20px 10px; color: #7777CC; font-size: 11px; font-style: italic; }
.bk-articles-details .article-author, .bk-articles-details .article-authors,
.bk-articles-details .article-albums { padding: 0 20px 10px; margin: 0; }
.bk-articles-details .article-desc, .bk-articles-details .article-other { padding: 0 20px 10px; }
.bk-articles-details .article-ad { display: none; }
.bk-articles-details .reviews .rate { padding: 5px 20px; }
.bk-articles-details .image-title { display: none; }
.bk-article-details img { max-width: 100%; height: auto; }

ul.article-authors li, ul.article-albums li { magin: 0; padding: 0; list-style: none; float: left; padding-right: 10px; font: bold 11pt Arial; color: #003; }
ul.article-authors li:last-child .separator, ul.article-albums li:last-child .separator {display: none; }
ul.article-authors li:last-child, ul.article-albums li:last-child { float: none; }
.article-authors + .article-author { display: none; }

.image { border: 3px solid #C0C0C0; }
a.link { color: #c2271a; }
.bk-articles-random .col { float: left; text-align: center; width: 100%;  }
.bk-articles-random .article { padding: 5px; width: 200px; display: inline-block; }
.bk-articles-random .article-title { display: block; padding-bottom: 5px; }
.bk-articles-random .link-more { display: none; }

.bk-user-playlist-songs .social { float: right; padding-top: 10px; }
.bk-lyrics-details .head .social, .bk-article-details .head .social { float: right; }
.social .fb-like { float: right; }
.social .fb-buttons { float: right; margin-right: 3px; margin-top: 2px; }
.social .twitter-share-button { float: right; margin-right: 3px; }
.social .youtube-subscribe { float: right; margin-right: 3px; }

.bk-lyrics-details .body { padding: 10px 20px; }
.bk-lyrics-details .head .icons { float: right; padding-right: 10px; }
.bk-lyrics-details .article-authors, 
.bk-lyrics-details .article-albums { padding: 0 0 10px 0; margin: 0; }
.bk-lyrics-details .article-desc { float: left; width: 49%; padding: 0 1% 0 0; margin: 0; }
.bk-lyrics-details .article-ad { display: none; }
.bk-lyrics-details .article-high { float: left; width: 50%; padding: 0; margin: 0; }
.bk-lyrics-details .article-high .desc { max-width: 560px; }
.bk-lyrics-details .youtube-video { position: relative; display: inline-block; }
.bk-lyrics-details div.comment { font: italic 12px Tahoma, Arial; padding-bottom: 10px;}
.bk-lyrics-details .reviews .title { display: none; }
.article-subscribe { margin: 0 0 5px 0; }
.article-subscribe .subscribe-text {  font: bold 11pt Arial; float: left; padding: 0; }
.article-subscribe a span { padding: 0 5px; }
a.sb-facebook, a.sb-twitter, a.sb-instagram, a.sb-youtube { padding: 0; width: 34px; height: 34px; display: block; float: left; }
a.sb-facebook span, a.sb-twitter span, a.sb-instagram span, a.sb-youtube span { display: none;  }
a.sb-facebook { background: url(/images/nav-facebook.png) no-repeat; }
a.sb-instagram { background: url(/images/nav-instagram.png) no-repeat; }
a.sb-twitter { background: url(/images/nav-twitter.png) no-repeat; }
a.sb-youtube { background: url(/images/nav-youtube.png) no-repeat; }


div.bk-lyrics-details div.youtube-bottom { position: absolute; bottom: 50px; right: 0; left: 0; z-index: 2147483647; text-align: center; }
div.bk-lyrics-details div.youtube-text { display: inline-block; color: #FFF; letter-spacing: 1px; padding: 3px 20px; font-weight: bold; 
text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; text-align: center; }
div.bk-lyrics-details .fullscreen div.youtube-bottom { position: fixed; bottom: 70px; }
div.bk-lyrics-details .fullscreen div.youtube-text { font-size: 26pt; font-size: 2.8vw; }

.bk-authors-list .body { padding-top: 10px; }
.bk-authors-list .row, .bk-songs-list .row { padding: 3px 10px 3px 0; } 
.bk-authors-list .author-photo, .bk-songs-list .author-photo { min-width: 50px; min-height: 50px; float: left; text-align: center; } 
.bk-songs-list .author-photo { margin-right: 5px; }
.bk-authors-list .author-name { padding-left: 10px; font-size: 20px; } 
.bk-authors-list img, .bk-songs-list img { border: 1px solid #C0C0C0; } 
.bk-songs-list .article, .bk-songs-list .song-name, .bk-songs-list .author-name { font-size: 14px; }
.bk-songs-list .author-name { color: #000; text-decoration: none; }
.bk-songs-list .author-name:hover { text-decoration: underline; }
.bk-songs-list .song-name { font-weight: bold; }
.bk-songs-list .song-name:hover { color: #a2170A; text-decoration: underline; }

.bk-authors-random .body, .bk-songs-random .body { padding-top: 10px; }
.bk-authors-random .row, .bk-songs-random .row { padding: 3px 10px 3px 0; } 
.bk-music-search-results .col { padding-top: 5px; }
.bk-authors-random .letter { margin-bottom: 10px; }
.bk-authors-random .first-letter, .bk-songs-random .first-letter { font: bold 30px Tahoma; display: block; width: 40px; height: 40px; float: left; border: 1px solid #C0C0C0; margin-right: 10px; background: #fff; text-align: center; text-decoration: none; color: #000; }
.bk-authors-random .first-letter.letter-middle, .bk-songs-random .first-letter.letter-middle { font-size: 22px;  }
.bk-authors-random .first-letter:hover, .bk-songs-random .first-letter:hover { background: #fffccc; color: #c2271a; }
.bk-authors-random .author-photo, .bk-songs-random .author-photo, 
.bk-music-search-results .author-photo { min-width: 50px; min-height: 50px; float: left; } 
.bk-authors-random .author-name { font-size: 18px; /*font-weight: 700;*/ } 
.bk-authors-random .letter-all { font-size: 18px; } 
.bk-authors-random img, .bk-songs-random img, .bk-music-search-results img { border: 1px solid #C0C0C0; } 
.bk-authors-random .letter-link { display: inline; white-space: nowrap; }
.bk-authors-random .letter-link .author-name:after { content: ","; }
.bk-authors-random .letter-link:last-child .author-name:after { content: ""; }
.bk-authors-random .letter-link:last-child { margin-bottom: 10px; }

.bk-songs-random .author-photo, .bk-music-search-results .author-photo { margin-right: 5px; }
.bk-songs-random .article, .bk-music-search-results .article { font-size: 14px; }
.bk-songs-random .author-name, .bk-music-search-results .author-name { color: #000; text-decoration: none; }
.bk-songs-random .author-name:hover, .bk-music-search-results .author-name:hover { text-decoration: underline; }
.bk-songs-random .song-name, .bk-music-search-results .song-name { font-weight: bold; }
.bk-songs-random .song-name:hover, .bk-music-search-results .song-name:hover { color: #a2170A; text-decoration: underline; }
.bk-music-search-results .song-authors i:first-child { display: none; }
.bk-music-search-results .song-authors i:after { content: ", "; font-family: Arial; }

.bk-songs-latest .author-image { min-width: 50px; min-height: 50px; float: left; } 
.bk-songs-latest .song-image { min-width: 50px; min-height: 50px; float: left; } 
.bk-songs-latest .song-name { font-size: 16px; } 
.bk-songs-latest img { border: 1px solid #C0C0C0; } 

/* begin playlist styles */
.bk-user-playlists div.body { padding: 0; }
.playlists { margin: 0; padding: 0 10px; }
.playlist { clear: both; font-size: 24px; counter-increment: song-counter; list-style: none; margin: 1px 0 0 0; padding: 5px 0 5px 5px; min-height: 30px; position: relative; border: 1px solid transparent; cursor: pointer; }
.playlist:hover { border: 1px solid #ccc; background: #fff; } 
.playlist .pl-name { display: inline; }
.playlist > .options { float: right; }
/* .playlist .counter:before { content: counter(song-counter); } */
/*
.playlist:hover .name { color: navy; }
.playlist i.ico-edit { padding-top: 7px; color: #55F; }
.playlist i.ico-order { font-size: 21px; padding: 9px 7px 9px 2px; color: #6A6; }
.playlist i.ico-delete { color: #777; }
.playlist i.ico-play { font-size: 24px; color: #F00; padding: 7px 12px 7px 7px; }
*/
.playlist i.spin { display: none; padding: 7px; position: absolute; top: 0; right: 0; }
.playlist i.ico-above { position: absolute; display: none; padding: 0; top: -6px; right: 0; }
.playlist i.ico-below { position: absolute; display: none; padding: 0; bottom: -5px; right: 0; }

.bk-user-playlists .ico-help { font-size: 16px; cursor: pointer; padding: 0 5px; }

.playlist .pl-name { font-size: 20px;  }
.playlist .ico  { color: #999; font-size: 20px; margin-right: 5px; }  
.playlist .popup-body div { padding: 3px 0; }
.playlist .ico-play { color: #F00; }
.playlist .ico-inactive { color: #999; }
.playlist.pl-inactive .pl-name  a { color: #999; font-style: italic; }
.playlist.pl-inactive .ico i { color: #999;  }
.playlist.pl-inactive .ico sup { background: #999;  }

.bk-user-playlists .bn-add-new { display: inline-block; margin: 10px 10px; font-size: 14px; color: #fff; background: #c2271a; padding: 4px 20px; text-decoration: none; border-radius: 4px; }

.link-music {  position: relative; display: inline-block; width: 40px; }
.link-music sup { background: #999; color: #fff; font-size: 10px; border-radius: 10px; padding: 1px 3px; position: relative; top: -3px; left: -3px; }
.link-music:hover { color: #c2271a; }
.link-music:hover sup { background: #c2271a; }

.bk-user-playlist-songs .pl-name { font-size: 32px; margin-bottom: 20px; float: left; }
.bk-user-playlist-songs .pl-play > i { font-size: 42px; color: #777; cursor: pointer; float: left; padding-left: 10px; }
.bk-user-playlist-songs .pl-play > i:hover { color: red; }

.search-form { position: relative; }
.search-form .fd-search { float: left; font: 22px/22px Arial; width: 375px; border-radius: 4px 0 0 4px; border: 1px solid #ccc; border-right: none; padding: 3px; height: 34px; }
.search-form .bn-search { float: left; font-size: 28px; line-height: 28px; cursor: pointer; text-decoration: none; background: #eee; border-radius: 0 4px 4px 0; border: 1px solid #ccc; border-left: none; padding: 4px 8px; height: 32px; }
.search-form .bn-search span { display: none; }

.no-songs-popup { padding: 10px; color: #999; position: absolute; border: 1px solid #ccc; background: #fff; box-shadow: 5px 5px 5px #ccc; width: 402px; border-radius: 5px; z-index: 10; }
.no-songs-popup ul { padding: 10px 0 5px 20px; }
.no-songs-popup li { font-style: italic; padding-bottom: 5px; }

.found-popup { position: absolute; border: 1px solid #ccc; background: #fff; box-shadow: 5px 5px 5px #ccc; width: 422px; border-radius: 5px; z-index: 10; }
.found-top { padding: 5px; }
.found-top .ico-close { float: right; cursor: pointer; }
.found-top .note { color: #aaa; padding: 0 10px; font-size: 12px; }
.found-songs { padding: 0 5px 5px; height: 300px; overflow-y: auto; }
.found-song { clear: both; padding: 5px; border: 1px solid transparent; cursor: pointer; }
.found-song .ico-song { float: left; color: #C2271A; }
.found-song .ico-song:before { font-size: 20px; content: "\f0fe"; }
.song-added .ico-song:before { color: #3366ff; content: "\f046"; }
.found-song .name { margin-left: 24px; line-height: 20px;}
.found-song:hover { border: 1px solid #ccc; background: #eee; }
.found-songs .bn-add { font-size: 14px; cursor: pointer; text-decoration: none; float: right; }
.found-songs .bn-add span { display: none; } 


.playlist-note { margin: 20px 0 0 0; font-style: italic; font-size: 14px; color: #aaa; }
.playlist-songs { margin: 0; padding: 0; }
.pl-song { font-size: 24px; counter-increment: song-counter; list-style: none; margin: 1px 0 0 0; padding: 5px 0 5px 5px; min-height: 30px; position: relative; border: 1px solid transparent; cursor: pointer; }
.pl-song .counter:before { content: counter(song-counter); }
.pl-song .name { display: inline; cursor: pointer; }
.pl-song .lyrics { display: none; font-size: 14px; padding: 10px 5px; }
.pl-song .lyrics i { float: none; font-size: 14px; }
.pl-song:hover .name { color: navy; }
.pl-song .options { display: none; position: absolute; top: 0; right: 0; background: #fff; }
.pl-song i { float: right; font-size: 28px; padding: 5px 5px 5px 0; }
.pl-song i.ico-edit { display: none; padding-top: 7px; color: #55F; }
.pl-song i.ico-order { font-size: 21px; padding: 9px 7px 9px 2px; color: #6A6; }
.pl-song i.ico-delete { color: #777; }
.pl-song i.ico-play { font-size: 24px; color: #F00; padding: 7px 12px 7px 7px; }
.pl-song i.spin { display: none; padding: 7px; position: absolute; top: 0; right: 0; }
.pl-song i.ico-above { position: absolute; display: none; padding: 0; top: -6px; right: 0; }
.pl-song i.ico-below { position: absolute; display: none; padding: 0; bottom: -5px; right: 0; }
/*.pl-song:hover .options { display: block; background: none; }*/
.pl-song.options-mode { border: 1px solid #ccc; background: #fff; } 
.pl-song.options-mode .options { display: block; background: #fff; }
.pl-song.move-mode { border: 1px dashed #ccc; background: #fff; } 
.pl-song.move-above:after { content: " "; position: absolute; left: 0; right: 32px; top: 5px; border-top: 1px dashed #3399cc; }
.pl-song.move-below:after { content: " "; position: absolute; left: 0; right: 32px; bottom: 5px; border-bottom: 1px dashed #3399cc; }
.pl-song.move-above i.ico-above { display: block; }
.pl-song.move-below i.ico-below { display: block; }
.guest-mode .pl-song { border: none; background: #fefefe; margin: 2px 0 0 0; border-radius: 5px; padding-left: 10px; }
.guest-mode .pl-song .counter { display: none; }
.guest-mode .ico-order, .guest-mode .ico-delete { display: none; }
.guest-mode .pl-song .options { display: block; background: none; }
.guest-mode .pl-song.options-mode { background: none; border: none; }
.playlist-foot { clear: both; }

.pl-song.saving-mode, .pl-song.moving-mode, .pl-song.deleting-mode { border: 1px dashed #ccc; background: #fff; } 
.pl-song.saving-mode i.spin, .pl-song.moving-mode i.spin, .pl-song.deleting-mode i.spin { display: block; }
.pl-song.saving-mode .counter, .pl-song.moving-mode .counter, .pl-song.deleting-mode .counter { opacity: 0.3; }
.pl-song.saving-mode .name, .pl-song.moding-mode .name, .pl-song.deleting-mode .name { opacity: 0.3; text-decoration: line-through;  }

.playlist-video-popup { display: none; position: fixed; top: 0; left: 0;  right: 0; bottom: 0; background: rgba(77, 77, 77, 0.9); z-index: 1000; }
.playlist-video-popup.play-mode { display: block; } 
.playlist-video-frame { font-size: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); box-shadow: 1px 1px 10px #333; }
.playlist-video-frame .ico-close { position: absolute; top: -46px; right: 0; font: 42px FA; content: "\f00d"; color: #000; text-align: right; text-shadow: 2px 2px 3px #333; cursor: pointer; }
.playlist-video-frame .ico-close:hover { color: #F33; }
.playlist-video-frame .youtube-controls { position: absolute; bottom: -42px; right: 0; font: 34px FA;   }
.playlist-video-frame .youtube-controls i { display: inline-block; color: #555; cursor: pointer; background: #000; border-radius: 5px; padding: 3px 12px; float: left; margin-left: 2px; } 
.playlist-video-frame .youtube-controls i:hover { background: #EEE; color: #3399cc; } 
.playlist-video-frame .youtube-name { position: absolute; bottom: -42px; right: 90px; left: 0px; border-radius: 5px; background: #000; color: #555; font: 18px/26px Arial; padding: 9px; height: 22px; overflow: hidden; }
.playlist-video-frame .youtube-video { position: relative; }
div.playlist-video-frame div.youtube-bottom { position: absolute; bottom: 54px; right: 0; left: 0; z-index: 2147483647; text-align: center; }
div.playlist-video-frame div.youtube-text { font: 16px Arial; font-weight: bold; display: inline-block; color: #FFF; letter-spacing: 1px; padding: 3px 20px; 
text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; text-align: center; }
div.playlist-video-frame div.youtube-text i { font: italic 16px Arial; color: #ddd; float: none; position: static; display: inline; }
div.playlist-video-frame .fullscreen div.youtube-bottom { position: fixed; bottom: 76px; }
div.playlist-video-frame .fullscreen div.youtube-text { font-size: 26pt; font-size: 2.8vw; }
/* end of playlist styles */



.bk-author-articles .author-lyrics { float: left; width: 40%; }
.bk-author-articles .author-details { float: right; width: 60%; }
.bk-author-articles .article-title  {font-size: 20px; }
.bk-author-articles .article-title:before { content: "\f001 "; font-family: FA; padding-right: 5px; }

.bk-author-articles .block { margin: 0; }
.bk-author-articles .bk-author-details .head { display: none; }
.bk-author-articles .bk-author-details img { float: left; margin: 0 10px 5px 0; }
.bk-author-articles .bk-author-details .desc { text-align: justify; }


.bk-album-articles .album-lyrics { float: left; width: 40%; }
.bk-album-articles .album-details { float: right; width: 60%; }
.bk-album-articles .article-title  {font-size: 20px; }
.bk-album-articles .article-index { color: #C2271A; font-size: 20px; width: 30px; text-align: right; float: left; margin-right: 5px; }
.bk-album-articles .album-lyrics .title { font-size: 18px; color: #000; font-weight: normal; padding: 0 0 10px 0; text-decoration: underline; }

/*.bk-album-articles .article-title:before { content: "\f001 "; font-family: FA; padding-right: 5px; }*/

.bk-album-articles .block { margin: 0; }
.bk-album-articles .bk-album-details .head { display: none; }
.bk-album-articles .bk-album-details img { float: left; margin: 0 10px 5px 0; }
.bk-album-articles .bk-album-details .desc { text-align: justify; }

/**** NEW Internal Messages styles ****/
.msg-box { border: 1px solid #c0c0c0; }
.folders {}
.folder { padding: 3px; }
.unreadFolder { font-weight: bold; padding: 3px; }

.newMessage { padding: 6px; }
.noMessages { color: #333333; font-style: italic; text-align: center; border: 1px solid #777777; padding: 10px 50px; background: #DDDDDD; margin: 6px; }
.messageSaved, .messageSent { color: #0000FF; text-align: center; border: 1px solid #AAAAFF; padding: 10px 50px; background: #EEEEFF; margin: 6px; }
.messagesHeader td { font-weight: bold; background: #DDDDDD; }
.messageRead {}
.messageUnread td a { font-weight: bold; }

.viewMessage {  }

.msgHeader { clear: both; padding: 5px; }
.headerTitle { float: left; width: 100px; font-weight: bold; padding: 6px; }
.headerValue { float: left; }
.headerValue div { width: 400px; padding: 5px; border: 1px dotted #AAA; background-color: white; }

.headerValue .profile { float: right; }

.headerDesc div { float: left; width: 400px; padding: 5px; border: 1px solid #EEE; background-color: #EEE; }
.headerValue input { width: 400px; padding: 5px; border: 1px solid #AAA; background-color: white; }

.msgText { clear: both; } 
.msgText div { width: 502px; border: 1px dotted #AAA; margin-left: 5px; margin-top: 27px; padding: 10px; background-color: white; word-wrap: break-word; }
.msgText textarea { width: 502px; border: 1px solid #AAA; margin-left: 5px; margin-top: 7px; padding: 10px; background-color: white; }
.msgButtons { clear: both; margin: 5px; padding: 5px; }

.msgLeft { float: left; width: 15%; }
.msgLeftHeader { 
	border-bottom: 1px solid #c0c0c0; 
	background-color: gray; color: white; 
	padding: 5px 5px 5px 8px; 
	height: 18px;
}
.msgLeftContent { color: white; padding: 5px; }

.msgRight  { float: left; width: 85% }
.msgRightHeader { 
	font-weight: bold;
	border-right: 1px solid #c0c0c0; 
	border-left: 1px solid #c0c0c0; 
	border-bottom: 1px solid #c0c0c0;  
	background-color: gray; color: white; 
	height: 18px;
	padding: 5px; 
}
.msgRightContent { 
	border-left: 1px solid #c0c0c0; 
}


@media only screen and (max-width: 1540px) {
	.bk-navigation-bar > div { width: 1200px; }
	.ad-can { margin: auto; width: 1200px; }
	.ad-can .fm-ad { clear: both; padding-top: 10px; width: 100%; }
	.ad-can .fm-ad .banner { width: 728px; height: 90px; margin: 0 auto; }
	.ad-can .layout { margin: 0; float: none; }

	.bk-articles-details .article-ad, 
	.bk-lyrics-details .article-ad { display: block; float: right; width: 340px; margin-bottom: 10px; }
}
@media only screen and (max-width: 1200px) {
	.bk-navigation-bar > div { width: 900px; } 
	.st-ml ul.nav-bar, .st-pisni ul.nav-bar, .st-maxijoy ul.nav-bar { width: 100%; }
	.ad-can { margin: 0 auto; width: 900px; }
	.layout { width: 100%; } 
	div.bk-header { height: auto; }
	.bk-header .header-banner { width: 670px; } 

	.bk-header .menu { border-bottom: none; }
	.bk-header .menu ul { margin: 0; }
	.bk-header .menu li { border-bottom: 1px solid #EEE; }
	.bk-header .menu li.fb-like { border-bottom: none; }
	.bk-sliders .slider-data img { width: 100%; max-width: 900px; height: auto; }
	.bk-sliders .sub-block { right: 50px; top: 50px; height: 350px; width: 400px; }
	.field, .buttons { padding: 10px 10px; }
	.lt-double .fm-left { float: none; width: auto; margin: 10px 0; }
	.lt-double .fm-middle { float: none; width: auto; margin: 10px 0; }
	.lt-right .fm-middle { float: none; width: auto; margin: 10px 0; }
	.lt-right .fm-right { float: none; width: auto; margin: 10px 0; }

	.block .head { padding: 0 10px 10px 10px; } 
	.block .body { padding: 10px; }
	.bk-lyrics-details .body { padding: 10px; }
	.bk-lyrics-details .article-desc { float: none; width: auto; padding-right: 3px; }
	.bk-articles-details .article-ad, 
	.bk-lyrics-details .article-ad { display: block; float: right; width: 300px; }
	.bk-lyrics-details .article-high { clear: both; float: none; width: auto; padding: 0; }
}
@media only screen and (max-width: 940px) {
	.bk-navigation-bar > div { width: 100%; } 
	.ad-can { margin: 0; padding: 0; width: 100%; }
	.bk-sliders .slider-data { overflow: hidden; }
	.bk-sliders .slider-data img { min-height: 450px; width: auto; }
	.bk-header .header-banner { width: 520px; } 

	.bk-author-articles .body { padding: 10px; }
	.bk-author-articles .bk-author-details img { float: none; margin: 0; border-width: 1px; }
	.bk-album-articles .bk-album-details img { float: none; margin: 0; border-width: 1px; }
	.bk-articles-hot .body .row .col { clear: both; width: 100%; }
	.bk-articles-hot .col ~ .col { margin-top: 10px; }

li.music-search { width: 280px; }
ul.nav-bar li.nav-news a, .nav-bar li.nav-playlists a, .nav-bar li.nav-account a, .nav-bar li.account a,
ul.nav-bar li.nav-facebook a, ul.nav-bar li.nav-instagram a, ul.nav-bar li.nav-twitter a, ul.nav-bar li.nav-youtube a,
ul.nav-bar li.nav-az a, ul.nav-bar li.nav-account a  { color: #eee; font-size: 28px; padding: 3px 5px; text-align: center; }
ul.nav-bar li.nav-az a { padding: 2px 5px 0; }
.nav-bar li.nav-facebook a, .nav-bar li.nav-twitter a, .nav-bar li.nav-instagram a, .nav-bar li.nav-youtube a  { padding: 0; text-align: center; }
.nav-bar li > i, .nav-bar li > a > i { padding: 0; }
ul.nav-bar > li > a:hover { color: #4799fd; }
li.nav-news span, li.nav-playlists span, li.nav-facebook span, li.nav-twitter span, li.nav-instagram span, li.nav-youtube span, li.nav-account span, li.account span { display: none; }
/*.st-ml li.account, .st-pisni li.account { border: none; }
.st-ml li.nav-az, .st-pisni li.nav-az { border: none; }*/
/*li.nav-facebook a i, li.nav-instagram a i, li.nav-twitter a i, li.nav-youtube a i { display: none; }
.nav-bar li.nav-facebook a { background: url(/images/nav-facebook.png) no-repeat; }
.nav-bar li.nav-instagram a { background: url(/images/nav-instagram.png) no-repeat; }
.nav-bar li.nav-twitter a { background: url(/images/nav-twitter.png) no-repeat; }
.nav-bar li.nav-youtube a { background: url(/images/nav-youtube.png) no-repeat; }
*/
/*
ul.nav-bar li.nav-account a, ul.nav-bar li.account a { color: #7bf; }
ul.nav-bar li.nav-az a { color: #fff; }
*/
ul.nav-bar li { border: none; }
.nav-az { display: block; }
/*
ul li.nav-az a { font-size: 20px; padding: 5px 8px; }
ul li.nav-az a:after { font: 14px FA; padding-left: 5px;}
*/
ul li.nav-az.expand-open a { background: #fff; color: #000; border-radius: 5px 5px 0 0;  }
/*ul li.nav-az.expand-open a:after { font: 14px FA; content: "\f00d"; }*/
.nav-authors { display: none; }
.nav-authors.expand-open { display: block; position: absolute; top: 34px; background: #fff; z-index: 1000; box-shadow: 5px 5px 5px #333; border-left: 1px solid #ccc; }
.nav-authors.expand-open li { border-color: #eee; background: #fff; border-bottom: 1px solid #eee; border-top: 1px solid #eee; }
.nav-authors-latin, .nav-authors-ua { border: none; }
}

@media (max-width: 800px) {
	.bk-header .header-banner { width: 400px; } 

	.ad-can .fm-ad .banner { width: 336px; height: 280px; }
	.bk-lyrics-details .article-ad { width: 300px; height: 250px; }
	.bk-articles-details .article-ad .banner, 
	.bk-lyrics-details .article-ad .banner { width: 300px; height: 250px; } 
	.cols-3 .col { width: 50%; }
	.cols-3 .col:nth-child(3n+1) { clear: none; }
	.cols-3 .col:nth-child(2n+1) { clear: both; }
}

@media (max-width: 640px) {
	.bk-header .header-banner { width: 300px; } 

	ul.nav-bar { height: 78px; }
	ul.nav-bar > li.music-search { position: absolute; left: 0; top: 34px; right: 0; width: auto; }
	li.music-search .search-field { height: 40px; }
	li.music-search .search-field input { height: 28px; font-size: 20px; border: none; border-radius: 5px 0 0 5px;}
	li.music-search .search-button input { height: 38px; font-size: 28px; padding: 0 5px; border-radius: 0 5px 5px 0; }

	.col { float: none; clear: both; }
	.col:first-child:nth-last-child(n), .col:first-child:nth-last-child(n) ~ .col { width: 100%; }

	.breadcrumb { padding: 10px 5px; }
	.block .head { padding: 0 5px 10px 5px; } 
	.bk-lyrics-details .head .social { margin-bottom: 5px; }
	.bk-lyrics-details .head .title { clear: both; }

	.bk-lyrics-details .body { padding: 10px 0 10px 5px; }
	.playlist-video-frame { width: 100%; left: 0; transform: translate(0%,-50%);  }
	.playlist-video-frame .youtube-player { width: 100%; }

/*
.bk-navigation-bar .nav-expand { display: block; text-align: left; }
ul.nav-bar { display: none; border: none; }
ul.nav-bar.expand-open { display: block; }
ul.nav-bar > li, ul.nav-bar > li.nav-right { float: none; display: block; border-bottom: 1px solid #aaa; border-style: none none solid none;}
ul.nav-bar > li > a > span { float: none; display: inline-block; }
ul.nav-bar > li > a > img { float: left; }
ul.nav-bar > li > a { display: inline-block; float: none; }
ul.nav-bar li > a > i { display: block; float: left; padding: 0 10px 0 5px; }
li.cart.nav-right > a > i { float: left; padding: 0 10px 0 5px; }
li.cart.nav-right .cart-qty, li.cart .cart-qty { left: 28px; right: auto;}
ul li.search.nav-right > ul, ul li.site-search.nav-right > ul, ul li.search > ul, ul li.site-search > ul { left: 0; right: 0; width: auto; }
ul.nav-bar li.cart ul { width: auto; left: 0; right: 0; }
*/
.new-user, .exists-user { width: 100%; float: none; }
.personal-data,.delivery-data { width: 100%; float: none;  }
}

@media (max-width: 600px) {
	.bk-header .logo { padding: 0; }
	.bk-header .header-banner { width: 250px; padding: 0; } 

	.bk-articles-details .article-ad, 
	.bk-lyrics-details .article-ad { float: none; margin-top: 10px; }
	div.bk-header { height: auto; }

	.bk-lyrics-details .article-high { padding: 0; }
	.bk-lyrics-details .article-high .youtube-video { width: 100%; }
	.bk-lyrics-details .article-high iframe { width: 100%; }

	.bk-album-articles .album-lyrics { float: none; width: auto; }
	.bk-album-articles .album-details { float: none; width: auto; margin-top: 20px; }
	.bk-album-articles .bk-album-details .body { border: none; padding: 0; }
	.bk-author-articles .author-lyrics { float: none; width: auto; }
	.bk-author-articles .author-details { float: none; width: auto; margin-top: 20px; }
	.bk-author-articles .bk-author-details .body { border: none; padding: 0; }


	.footer-menu { width: 100%; }
}

@media (max-width: 480px) {
	.bk-header .logo { width: 100%; }
	.bk-header .logo img { max-width: 100%; }
	.cols-3 .col { width: 100%; }
	.cols-3 .col { clear: both; }
	.cols-3 .col:nth-child(3n+1) { clear: both; }
	.bk-authors-random .body { padding: 5px; }
	.bk-authors-random .first-letter { margin-right: 5px; }
	.search-form .fd-search { width: 275px; }
	.found-popup { width: 322px; }
}
@media (max-width: 460px) {
	.bk-header .logo { display: none; }
	.bk-header .header-banner { width: 100%; } 
}

@media (max-width: 360px) {

	.ad-can .fm-ad .banner { width: 300px; height: 250px; }
	/* background-size: 115px 34px */
	.st-ml li.home a { background-size: 92px 27px; background-position: 0 4px; width: 70px; }
	.st-pisni li.home a { background-size: 92px 27px; background-position: 0 4px; width: 70px; }
}

@media (max-width: 480px) {
li.music-search { width: 200px; }
.bk-product-details .image-block { float: none; width: 100%; max-width: none; }
.bk-product-details .buy-block { float: none; width: 100%; max-width: none; margin-top: 10px; }
.buy-block .highlights, .buy-block .prices, .buy-block .buttons { margin-left: 0; }
.tabs { padding: 0; }
.tabs li { float: none; margin: 0; }
.tabs li a { padding: 8px;}
.step-summary { float: none; margin: 10px 5px; text-align: center;}
.step-continue { float: none; margin: 10px 5px; }
input.continue { float: none; width: 100%; }
.sep-image { width: 45%;}
}


/* icons: spin animation, asc, desc */
i.spin { display: inline-block; -webkit-animation: spin 1s infinite steps(8); animation: spin 1s infinite steps(8); color: #555; }
i.spin:before { content: "\f110"; }
.sort-asc, .sort-desc { font-size: 14px; font-weight: normal; color: #000; text-decoration: none; padding: 0 3px; }
.sort-on { color: #1584D2; text-decoration: none; }
.sort-asc:after { content: "\f0d8"; }
.sort-desc:after { content: "\f0d7"; }
.name-asc:after { content: "\f15d"; }
.name-desc:after { content: "\f15e"; }
.number-asc:after { content: "\f162"; }
.number-desc:after { content: "\f163"; }
 

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