/*
 *  psd2css.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *  PSD file (like a template), you will share this CSS style sheet between the various
 *  pages.
 *
 *  This file was originally generated at http://psd2cssonline.com
 *  March 13, 2012, 3:11 pm with psd2css Online version 1.95
 *
 */
@font-face
{
font-family: myFirstFont;
src: url('/ahc/BirminghamSoft.ttf'),
     url('/ahc/BirminghamSoft.eot'); /* IE9+ */
}

#carole {
    position:absolute;
    width:150px
    height:183px;
    top:-139px;
    right:10px;
    z-index:10;
    }

#catrun {
    position:absolute;
    width:830px;
    margin-left:32px;
    top:1px;
}
#catrun marquee {
    margin-top:19px;
    margin-left:53px;
    }


.botcat {
position:absolute;
z-index:500;
left:54px;
top:3px;
}
.birds {
position:absolute;
right:47px;
top:41px;
z-index:500;
}


h1,h3 {
margin-bottom:0px;
}
h3 {
color:#8514D9;
}
.componentheading {
color:#8514D9;
}
.contentpaneopen {
margin:6px;
}

body {
 /*font-family: myFirstFont, Impact, Helvetica, sans-serif;*/
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  font-size: 14px;
  font-weight: bold;

}

/* This modification to paragraphs helps keep the _frame
 * feature consistant */
.nav-header {color:#fff;}
p {
 color:#8514D9;
 font-size:1em;
  margin: 0;
  padding: 8px 0 0;
  margin-bottom:12px;
}
a {
color:#002DFB;
}
a:hover {
color:#000;
}

/* You named this layer yellow */
#page {
position:relative;
width:100%;
background-color:#000;
}

.topframe {
/*background-image:url("../topframe.jpg"); */
background-repeat:no-repeat;
height:139px;
margin:0 auto;
width:950px;
}
.botframe {
background-image:url("../botframe.jpg");
background-repeat:no-repeat;
height:26px;
margin:0 auto;
width:950px;
margin-top:36px;
}

#main {
background-image:url("../images/bg3.jpg");
background-repeat:no-repeat;
margin:0 auto;
width:950px;
}
#main2 {
background-image:url("../midframe.jpg");
margin:0 auto;
width:950px;
}

#wrapper {
 /* background-image:url("../midframe.jpg"); */
  margin:0 auto;
  width:950px;

}
#heart {
   position:absolute;
   top: 225px;
   z-index:100;
   left:39px;
   }
#heart2 {
   position:absolute;
   top: 48px;
   z-index:100;
   right:2px;
   }
#name {
   position:absolute;
   top:155px;
   z-index:100;
   left:320px;
   }

/* You named this layer user3back */
#Layer-2 {
  position: absolute;
  top: 135px;
  width: 950px;
  height: 39px;
  z-index: 2;
  margin:0 auto;
 /* background-image:url(../Layer-2.jpg);  */
}

/* You named this layer user3_joomla */
#Layer-3 {
  width: 308px;
  height: 23px;
  z-index: 333;
  margin-left:355px;
  position:absolute;
  top:138px;
  font-size:14px;

}

/* The example data provided by Joomla uses region user3 for the top menu.
 * So here we add a couple of CSS rules to give you an idea as to how to
 * build your Joomla menu.  Use FireBug (on Firefox) to customize the
 * settings in these rules live while you are viewing your site. */
#Layer-3 li {
 /* display: inline;
  list-style-type: none;
  float:left;  */
    padding:3px;
}

#Layer-3 a {
  /* Try some other values here to changes the size of your menu items.  */
  padding-top:2px;
  padding-left:7px;
  padding-right:7px;
  color:#FFFFCC;
  font-weight:bold;
  text-decoration:none;
  background:transparent;
}

#Layer-3 li:hover {
  background-color: #002CFB;
  color: white;
}

/* You named this layer user4back */
#Layer-4 {
  position: absolute;
  top: 231px;
  width: 333px;
  height: 29px;
  z-index: 4;

  margin:0 auto;
}

/* You named this layer user4_joomla */
#Layer-5 {
  /*width: 1px; */
  height: 154px;
  z-index: 95;
 /* background-image: url(../Layer-4.png);
background-repeat:no-repeat;*/
   margin: 12px auto 2px;
}
#Layer-5 .user4marg {
margin-top:75px;
margin-left:50px;
position:absolute;
}
#Layer-5 li {
  display: inline;
  list-style-type: none;
}

#Layer-5 a {
  /* Try some other values here to changes the size of your menu items. */
  padding: 2px 6px;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}

#Layer-5 li a:hover {
  background-color: #002CFB;
  color: white;
}

/* You named this layer content_frame */
#Layer-6 {
  position: relative;
  width: 800px;
  z-index: 6;
  margin:0 auto;
  top: 10px;
}

/* You named this layer content_joomla */
#Layer-7 {
  position: absolute;
  left: 36px;
  top: -203px;
  width: 576px;
  height: 216px;
  z-index: 7;
  overflow: auto;
}

/* You named this layer right_joomla */
.Layer-8 {
  /*position: relative;*/
  /*left: 647px; */
  /*top: 120px;*/
  width: 238px;
  z-index: 8;
  float:right;
  margin-right:26px;
  margin-bottom:110px;
    display:block;
}
.sidebar {width:238px;float:right;margin-right:26px;position:relative;top:120px;}

/* You named this layer user2back */
#Layer-9 {
  position: absolute;
  margin-left:534px;
  *margin-left:474px;
  top: 91px;
  width: 381px;
  height: 410px;
  z-index: 10;
  /*background-image:url(../Layer-11.png);  */
}

/* You named this layer user2_joomla */
#Layer-10 {
  position: absolute;
  left: 104px;
  top: 27px;
  width: 191px;
  height: 327px;
  z-index: 999;
}

/* You named this layer user2border */
#Layer-11 {
  position: absolute;
  left: 692px;
  top: 56px;
  width: 244px;
  height: 380px;
  z-index: 11;

}

/* You named this layer user1back */
#Layer-12 {
  position: absolute;
  top: 88px;
  width: 264px;
  height: 264px;
  z-index: 12;
 /* background-image: url(../Layer-12.png); */
  margin-left:90px;
}

/* You named this layer user1_joomla */
#Layer-13 {
  position: absolute;
  top: 74px;
  width: 283px;
  height: 246px;
  z-index: 13;
  margin-left:94px;
}

/* You named this layer User1border */
#Layer-14 {
  position: absolute;
  top: 31px;
  width: 346px;
  height: 330px;
  z-index: 14;
  background-image: url(../Layer-14.png);
  margin-left:16px;
}

/* You named this layer logo */
#Layer-15 {
  position: absolute;
  width: 548px;
  height: 135px;
  z-index: 111;
  background-image: url(../Layer-15.png);
  top:0;
  margin-left:140px;
}

/* You named this layer topimgs */
#Layer-16 {
  position: relative;
  left: +46px;
  top: +4px;
  width: 1046px;
  height: 480px;
  z-index: 16;
}

/* You named this layer Frame_Top_1000 */
.Layer-1000 {
  position: relative;
  left: 0px;
  top: 0px;
  *top:11px;
  width: 820px;
  height: 40px;
  z-index: 1000;
 /* background-image: url(../Layer-6.png);    */
}
.midcontent {
  position: relative;
  margin-left:35px;
  width:500px;
  float:left;
  margin-right:10px;
  margin-top:10px;
  }

.midcontentfull {
  position: relative;
  margin-left:35px;
  width:750px;
  float:left;
  margin-right:10px;
  margin-top:10px;
  }

.user6 .moduletable {
margin-left: 0px;
    margin-top:10px;
    padding-top:10px;
    border-top:solid #000 1px;
    
}

/* You named this layer Frame_Middle_1001 */
.Layer-1001 {
  position: relative;
 /* background-image: url(../Layer-1001.png); */
  padding-top:6px;
  margin-left:-9px;
}

/* You named this layer Frame_Bottom_1002 */
.Layer-1002 {
  position: relative;
  width: 950px;
  height: 213px;
  z-index: 2;
  background-image: url(../Layer-1002.jpg);
 /* margin-top:-30px; */
  margin:0 auto;
  padding-bottom:7px;
}

.user2 img {
border: solid 0px #fff;
}
.user2 img:hover {
border: solid 0px #8514D9;
}
/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a {
  cursor: pointer;
  outline: none;
  text-decoration: none;
}
a:link { color: #002DFB; }
a:visited { color: #002DFB; }
a:hover {
  color: #8514D9;
  /* text-decoration: none; */
  /* font-weight: bold; */
}
#mainlevel a {
text-decoration: none;
}

.user5 {
position:absolute;
left: 175px;
top:10px;
}
.user5 .componentheading {
display:none;
}
.user1 .moduletable {
width:246px;
margin-top:14px;
}

/* Custom CSS examples/suggestions for Joomla -
 *
 *   Here are some examples of some changes you can make to stylize the output
 *   from Joomla.  These are just suggestions, you can change them to whatever
 *   you would like.  There are many other classes and ids that you can modify
 *   CSS for from Joomla too.  I suggest using Firebug and the 'Inspect'
 *   feature there to find the name of the class or id of an element of the
 *   page that you want to stylize, and add it to this section.
 *
 *   If you plan on re-converting your design often, be careful - this page is
 *   automatically regenerated every time.  So if you don't want to loose some
 *   CSS you've added here, move all your custom CSS to your own external
 *   stylesheet and reference it externally from the index.php file (make sure
 *   your reference is _after_ the reference to psd2css.css).
 */

body { color: #8514D9; margin:0px; background:#000; }
img { border: 0 }
ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}
.moduletable_menu h3 {
  margin-top: 0;
}
.componentheading { font-size: 18pt;
margin-right:300px;
text-align:center; }
.contentheading { font-size: 1em; color:#8514D9;}
/*.small { font-size: 0.7em; }*/
.createdate { font-size: 0.7em; }
.pagination span, .pagination a { padding: 0 6px 0 6px; }

/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */
a.mainlevel-suckerfish-horizontal, a.mainlevel_active-suckerfish-horizontal, a.mainlevel_current-suckerfish-horizontal,
a.mainlevel-suckerfish-horizontal:link, a.mainlevel_active-suckerfish-horizontal:link, a.mainlevel_current-suckerfish-horizontal:link,
a.mainlevel-suckerfish-horizontal:visited, a.mainlevel_active-suckerfish-horizontal:visited, a.mainlevel_current-suckerfish-horizontal:visited {
	background-color: red;
	color: white;
}

a.mainlevel-suckerfish-horizontal:hover, a.mainlevel_active-suckerfish-horizontal:hover, a.mainlevel_current-suckerfish-horizontal:hover {
	background-color: #E0E0E0;
	color: red;
}

a.sublevel-suckerfish-horizontal, a.sublevel_active-suckerfish-horizontal, a.sublevel_current-suckerfish-horizontal,
a.sublevel-suckerfish-horizontal:link, a.sublevel_active-suckerfish-horizontal:link, a.sublevel_current-suckerfish-horizontal:link,
a.sublevel-suckerfish-horizontal:visited, a.sublevel_active-suckerfish-horizontal:visited, a.sublevel_current-suckerfish-horizontal:visited {
	background-color: #EE1A00;
	color: white;
}

a.sublevel-suckerfish-horizontal:hover, a.sublevel_active-suckerfish-horizontal:hover, a.sublevel_current-suckerfish-horizontal:hover {
	background-color: #E0E0E0;
	color: green;
}

ul.mainlevel-suckerfish-horizontal ul ul a.sublevel-suckerfish-horizontal, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_active-suckerfish-horizontal, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_current-suckerfish-horizontal,
ul.mainlevel-suckerfish-horizontal ul ul a.sublevel-suckerfish-horizontal:link, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_active-suckerfish-horizontal:link, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_current-suckerfish-horizontal:link,
ul.mainlevel-suckerfish-horizontal ul ul a.sublevel-suckerfish-horizontal:visited, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_active-suckerfish-horizontal:visited, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_current-suckerfish-horizontal:visited {
	background-color: blue;
	color: white;
}

ul.mainlevel-suckerfish-horizontal ul ul a.sublevel-suckerfish-horizontal:hover, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_active-suckerfish-horizontal:hover, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_current-suckerfish-horizontal:hover {
	background-color: #E0E0E0;
	color: blue;
}

ul.mainlevel-suckerfish-horizontal ul .expanded {
	display: block;
	background-image: url("../images/arrow_right.gif");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 10px;
}


/** customize style / layout here */

a.mainlevel-suckerfish-horizontal, a.mainlevel_active-suckerfish-horizontal, a.mainlevel_current-suckerfish-horizontal, span.mainlevel-suckerfish-horizontal,
a.mainlevel-suckerfish-horizontal:link, a.mainlevel_active-suckerfish-horizontal:link, a.mainlevel_current-suckerfish-horizontal:link,
a.mainlevel-suckerfish-horizontal:visited, a.mainlevel_active-suckerfish-horizontal:visited, a.mainlevel_current-suckerfish-horizontal:visited,
a.mainlevel-suckerfish-horizontal:hover, a.mainlevel_active-suckerfish-horizontal:hover, a.mainlevel_current-suckerfish-horizontal:hover,
a.sublevel-suckerfish-horizontal, a.sublevel_active-suckerfish-horizontal, a.sublevel_current-suckerfish-horizontal, span.sublevel-suckerfish-horizontal,
a.sublevel-suckerfish-horizontal:link, a.sublevel_active-suckerfish-horizontal:link, a.sublevel_current-suckerfish-horizontal:link,
a.sublevel-suckerfish-horizontal:visited, a.sublevel_active-suckerfish-horizontal:visited, a.sublevel_current-suckerfish-horizontal:visited,
a.sublevel-suckerfish-horizontal:hover, a.sublevel_active-suckerfish-horizontal:hover, a.sublevel_current-suckerfish-horizontal:hover {
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	text-decoration: none;
	display: block;
	border: 0px solid silver;
	padding: 0.3em 0.5em 0.3em 0.5em;	/* top, right, bottom, left */
	height: 1em;
	line-height: 1em;
}

a.mainlevel-suckerfish-horizontal, a.mainlevel_active-suckerfish-horizontal, a.mainlevel_current-suckerfish-horizontal, span.mainlevel-suckerfish-horizontal {
	float: left;
	width: auto;
}

a.sublevel-suckerfish-horizontal, a.sublevel_active-suckerfish-horizontal, a.sublevel_current-suckerfish-horizontal, span.sublevel-suckerfish-horizontal {
	font-size: 90%;
	border-top: 0px solid silver;
}

#active_menu-suckerfish-horizontal,
a.mainlevel_active-suckerfish-horizontal, a.mainlevel_current-suckerfish-horizontal,
a.mainlevel_active-suckerfish-horizontal:link, a.mainlevel_current-suckerfish-horizontal:link,
a.mainlevel_active-suckerfish-horizontal:visited, a.mainlevel_current-suckerfish-horizontal:visited,
a.mainlevel_active-suckerfish-horizontal:hover, a.mainlevel_current-suckerfish-horizontal:hover,
a.sublevel_active-suckerfish-horizontal, a.sublevel_current-suckerfish-horizontal,
a.sublevel_active-suckerfish-horizontal:link, a.sublevel_current-suckerfish-horizontal:link,
a.sublevel_active-suckerfish-horizontal:visited, a.sublevel_current-suckerfish-horizontal:visited,
a.sublevel_active-suckerfish-horizontal:hover, a.sublevel_current-suckerfish-horizontal:hover {
	font-weight: bold;
}

ul.mainlevel-suckerfish-horizontal, .mainlevel-suckerfish-horizontal ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.mainlevel-suckerfish-horizontal {
	width: auto;
	z-index: 101;
}

ul.mainlevel-suckerfish-horizontal ul {
	z-index: 102;
}

ul.mainlevel-suckerfish-horizontal ul ul {
	z-index: 103;
}


ul.mainlevel-suckerfish-horizontal li {
	padding: 0;
	margin: 0;
	background: none;
	list-style: none;
	float: left;
	position: relative;
	margin-right: 1px;
}

ul.mainlevel-suckerfish-horizontal li li {
	position: relative;
	width: 10em;
	margin: 0;
	-moz-box-shadow: 0 5px 3px 3px #000;
-webkit-box-shadow: 0 5px 3px 3px#000;
box-shadow: 0 5px 3px 3px #000;
border-left:solid 2px #000;
border-right:solid 2px #000;
}
.menulist_2-suckerfish-horizontal li {
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;
}

ul.mainlevel-suckerfish-horizontal li li ul {
	left: 10em;
	top: 0;
}

ul.mainlevel-suckerfish-horizontal ul {
	display: none;
	position: absolute;
	top: 1.65em;
	left: 0;
}

ul.mainlevel-suckerfish-horizontal li > ul {
	top: 22px;
	left: auto;
}

ul.mainlevel-suckerfish-horizontal li:hover ul,
ul.mainlevel-suckerfish-horizontal li.hover ul {
	display: block;
}


ul.mainlevel-suckerfish-horizontal li:hover ul ul,
ul.mainlevel-suckerfish-horizontal li.hover ul ul {
	display: none;
}

ul.mainlevel-suckerfish-horizontal li:hover ul li:hover ul,
ul.mainlevel-suckerfish-horizontal li.hover ul li.hover ul {
	display: block;
}


ul.mainlevel-suckerfish-horizontal, ul.mainlevel-suckerfish-horizontal li li {
	clear: left;
	background-color:#FF0039
}

/** separator */
span.mainlevel-suckerfish-horizontal, span.sublevel-suckerfish-horizontal {
	border-width: 0px;
	padding: 5px;
}
.main-image img {width:250px;}
.product-field-display select {margin:10px 0;}

#productPrice954, #productPrice950, #productPrice951, #productPrice952, #productPrice953, #productPrice945, #productPrice949, #productPrice946, #productPrice944, #productPrice955, #productPrice956, #productPrice957, #productPrice958, #productPrice959, #productPrice960, #productPrice961, #productPrice962, #productPrice963, #productPrice964, #productPrice965, #productPrice985, #productPrice992, #productPrice965, #productPrice1000, #productPrice978, #productPrice1006 ,#productPrice1016, #productPrice1023, #productPrice1030, #productPrice1037, #productPrice1044, #productPrice1052, #productPrice1059, #productPrice1067, #productPrice1083, #productPrice1075, #productPrice1090, #productPrice1076, #productPrice1104, #productPrice1076, #productPrice1097, #productPrice1087, #productPrice1117, #productPrice1111  {display:none!important;}
.uk-panel img {max-width:100%;height:auto;}

.midcontent .uk-slideshow {max-height:500px;}
.midcontent ul.uk-slideshow li {max-height:500px;}
.uk-cover-background {
    background-size: contain;
}

.sshow [class*=uk-width] {
    box-sizing: border-box;
     width: auto; 
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.previous {float:left;margin-bottom:10px;}
.next {float:right;margin-bottom:10px;}
.Layer-1001 img {max-width:100%;}
.hikashop_product_characteristics_table{
width: 100%;
}
.hikashop_product_characteristics_table input{
float: left;
clear: both;
}
.hikashop_product_characteristics_table label{
display: block;
}
#hikashop_category_information_menu_140 div.hikashop_subcontainer, #hikashop_category_information_menu_140 .hikashop_rtop *, #hikashop_category_information_menu_140 .hikashop_rbottom *, #hikashop_category_information_menu_142 div.hikashop_subcontainer, .hikashop_subcontainer, #hikashop_category_information_menu_142 .hikashop_rtop *, #hikashop_category_information_menu_142 .hikashop_rbottom * {
    background: #FFFFCE;
}
.hikashop_product_page .hikashop_product_price, .hikashop_product_page  .hikashop_product_price_0 {font-size:32px;}
.hikabtn {margin-bottom:20px;}
.hikacart {margin:20px 0;}
.hikashop_products_pagination_bottom {text-align:center;}
/*a.hikabtn:visited, a.hikabtn:link, .hikabtn {color: #FFFFCE;}*/
a.hikabtn:hover {color: #fff;}
.hikashop_product_contact_main a.hikabtn {color:#002DFB;}
.hikashop_product_price_per_unit {display:none;}
.hikashop_product_price_main {margin:20px 0;}
.hikashop_product_contact_main input {    color: #002DFB;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42;
    border-radius: 4px;
    user-select: none;
    background-color: #fff;
    border-color: #ccc;}

#phoca-facebook-comments .pfbcl {
    clear: none;}
#phoca-facebook-comments .pfbct, #phoca-facebook-comments .pfbcp,#phoca-facebook-comments .pfbcs {width:auto;}

/* AUDIO STUFF */
/* Font Family
================================================== */

@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700');


/* Global Styles
================================================== */

.acontainer {
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%;
/*background-color:#0665a2;*/
/*color:#fff;*/
font-size:105%;
font-family:"Oxygen", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:300;
letter-spacing:.025rem;
line-height:1.618;
padding:1rem 0;
}

* {
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
}


/* Setup
================================================== */

.acontainer { position:relative; margin:0 auto; max-width:800px; width:100%; }
.acolumn { width:inherit; }


/* Typography / Links
================================================== */

/*p { color:#fff; display:block; font-size:.9rem; font-weight:400; margin:0 0 2px; }

a,a:visited { color:#8cc3e6; outline:0; text-decoration:underline; }
a:hover,a:focus { color:#bbdef5; }
p a,p a:visited { line-height:inherit; }
*/

/* Misc.
================================================== */

.add-bottom { margin-bottom:2rem !important; }
.left { float:left; }
.right { float:right; }
.center { text-align:center; }


/* Audio Player Styles
================================================== */

audio {
width:100%;
}

#mainwrap {}

#audiowrap,
#plwrap {
margin:0 auto;
}

#tracks {
position:relative;
text-align:center;
}

#nowPlay {
display:inline;
}

#npAction {
padding:21px;
position:absolute;
}

#npTitle {
padding:21px;
}

#plList li {
cursor:pointer;
display:block;
margin:0;
padding:8px 0;
}

#plList li:hover {
background-color:rgba(0,0,0,.1);
}

.plItem {
position:relative;
}

.plTitle {
left:50px;
overflow:hidden;
position:absolute;
right:65px;
text-overflow:ellipsis;
top:0;
white-space:nowrap;
}

.plNum {
padding-left:21px;
width:25px;
}

.plLength {
padding-left:21px;
position:absolute;
right:21px;
top:0;
}

.plSel,
.plSel:hover {
background-color:rgba(0,0,0,.3);
color:#FFFFCD;
    font-weight:600;
cursor:default !important;
}

a[id^="btn"] {
border-radius:3px;
/*color:#fff;*/
cursor:pointer;
display:inline-block;
font-size:2rem;
height:35px;
line-height:.8;
margin:0 20px 20px;
padding:10px;
text-decoration:none;
transition:background .3s ease;
width:35px;
}

a[id^="btn"]:last-child {
margin-left:-4px;
}

a[id^="btn"]:hover,
a[id^="btn"]:active {
background-color:rgba(0,0,0,.1);
color:#fff;
}

a[id^="btn"]::-moz-focus-inner {
border:0;
padding:0;
}


/* Plyr Overrides
================================================== */

.plyr--audio .plyr__controls {
background-color:transparent;
border:none;
color:#fff;
padding:20px 20px 20px 13px;
width:100%;
}

.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr--audio .plyr__controls button:hover,
.plyr__play-large {
background:rgba(0,0,0,.1);
}

.plyr__progress--played, .plyr__volume--display {
color:rgba(0,0,0,.1);
}

.plyr--audio .plyr__progress--buffer,
.plyr--audio .plyr__volume--display {
background:rgba(0,0,0,.1);
}

.plyr--audio .plyr__progress--buffer {
color:rgba(0,0,0,.1);
}


/* Media Queries
================================================== */

@media only screen and (max-width:850px) {
    #nowPlay { display:none; }
}

/* back to normal 
.hikashop_product_variant_subname:before { content: ' '; display: block; } */
.breadcrumb li {display:inline-block;}

.hikashop_cart a.hikabtn, .hikabtn_checkout_coupon_add, .hikabtn_checkout_next {color:#000;}