body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


body, td {
    font: 15px 'Open Sans', 'Trebuchet MS', lucida, sans-serif; color: #444; line-height: 20px; line-height: 20px;
}
body { margin: 0 25px; }
img { border: 0; }

/* --- styly pro text ------------------------------------------------------- */
h3, .h3 { display: block; line-height: 25px; font-size: 20px; word-spacing: 1px; color: #000; }


a { color: #e91e63; text-decoration: underline; }
a:hover { color: #e91e63; }
a.active { color: #e91e63 !important; }


/* --- slider --------------------------------------------------------------- */
/* from unslider archive */ 
.unslider{overflow:auto;margin:0;padding:0}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel>li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}.unslider-arrow.next{left:auto;right:20px}
.unslider{overflow:visible;}              

.sliderWrap { position: relative; }
.slider {
  box-sizing: border-box; 
  width: 100%; height: 310px;
  position: relative;
  text-align: center;
  overflow: hidden;    
}
.slider>ul>li { list-style-type: none; background: none; margin: 0; padding: 0; float: left; width: 100%; }
.slider>ul { margin: 0; padding: 0; }

.slide {
  box-sizing: border-box;
  width: 100%; height: 310px;
  margin: auto 0;
  padding: 0;
  display: block; float: left;
  position: relative;
  overflow: hidden;
  text-align: left;  
  z-index: 10;
}

.slider-arrow { position: absolute; display: block; top: 0; left: -30px; width: 50px; height: 100%; z-index: 45; cursor: pointer; opacity: 1; }
.slider-arrow.next { left: auto; right: -25px; left: auto !important; }
.slider-arrow span { position: relative; display: block; width: 50px; height: 100%; text-indent: -9999px; overflow: hidden; }
.slider-arrow span:before { z-index: 1000; position: absolute; display: block; top: 50%; left: 0; width: 100%; height: 100%; font-size: 150px; font-weight: bold; content: '\2039'; color: #ddd; transition: all 0.3s ease; text-indent: 0; margin-top: -50%; }
.slider-arrow.next span:before {content: '\203A'; }
.slider-arrow:hover span:before { color: #e91e63; } 

/* --- obrázkový slide --------------------------- */
.slide>a { display: block; width: 100%; box-sizing: border-box; height: 100%; text-decoration: none; color: #000; z-index: 11; border-radius: 6px; }
.slide>a>img:first-child { width: 100%; height: auto; margin: auto 0; border-radius: 6px; } /* obrázkový slide */

/* --- široký výpis recenze/inspirace s produktem --------------------------- */
.reviewIn {
  margin: 0;
  padding: 0; 
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  position: relative;
}
.reviewIn .imgWrap { height: 100%; width: 220px; display: block; float: left; margin-right: 30px; }
.reviewIn .imgWrapIn { display: flex; justify-content: center; align-items: center; height: 310px; }
.reviewIn .imgWrap a { max-height: 310px; }
.reviewIn .imgWrap a img { max-height: 310px; max-width: 100%; }

.reviewIn .title { font-size: 1.6rem; color: #333; font-weight: bold; max-width: 565px; display: inline; line-height: 2rem; }
.reviewIn .title a { color: #333; text-decoration: none; transition: color 0.1s ease; }
.reviewIn .title a:hover { color:#e91e63; }
.reviewIn .ratingWrap { font-size: 1.5rem; display: inline-block; height: 40px; line-height: 37px; vertical-align: middle; text-align: right; position: relative; left: -5px; top: -2px; }
.reviewIn .ratingWrap .votes-big { float: none; display: inline-block; }
.reviewIn .ratingWrap .votes-big+span { display: inline-block; text-align: center; font-weight: bold; letter-spacing: -2px; padding-left: 10px; }
.reviewIn .ratingWrap  .rating-details { font-size: 1rem; line-height: 30px; position: relative; top: -4px; margin-left: 15px; }

.reviewIn .desc { font-size: 1rem; padding: 0 20px 0 0; max-height: 130px; overflow: hidden; color: #444; line-height: 1.5rem; margin-bottom: 12px; }

.reviewIn .user { position: relative; padding-left: 23px; color: #888; display: inline-block; }
.reviewIn .user:before { position: absolute; left: 3px; width: 15px; height: 15px; content: ''; top: 4px; display: block; background: url('../img/user-icon.png'); opacity: 0.2; background-size: 100% 100%; }

.reviewIn .category { text-transform: uppercase; font-size: 0.8rem; text-decoration: none; display: block; }
.reviewIn .category:hover { text-decoration: underline; }

.reviewIn .bottomRowWrap { }
.reviewIn .ctaWrap { margin-right: 35px; float: right; }
.reviewIn .cta { min-width: 200px; }

.reviewIn .priceWrap { float: left; text-align: center; position: relative; top: 2px; }
.reviewIn .price { color: #4b7e1a; font-weight: bold; font-size: 2.2rem; line-height: 60px; letter-spacing: -1px; display: inline-block; }
.reviewIn .priceOld { display: inline-block; margin-right: 10px; top: 0 !important; }
.reviewIn .price.withAction { top: 2px; }
.reviewIn .priceWrap span.priceOld { color: #e91e63; font-size: 1rem; position: relative; top: 15px; }

.cellLabel { left: 17px; top: 25px; transform: scale(1.1); }
.cellLabel+.cellLabel { top: 60px; }
.cellLabel+.cellLabel+.cellLabel { top: 95px; }
.reviewIn .productVariantSelect { transform: scale(0.85); position: relative; top: 5px; }

 
.slide .votes-big { position: relative; top: 6px; right: -5px; }
.slide .imgWrap .roundedSticker { z-index: 1000; position: absolute; top: -15px; right: auto; left: -30px; }
.sliderWrap.big .slide .imgWrap .roundedSticker { z-index: 1000; position: absolute; top: -20px; right: -30px; left: auto; }
.roundedSticker { border-radius: 50%; background-color: #c13942; display: inline-block; position: relative; text-align: center; width: 80px; height: 80px; overflow: hidden; top: 25px; left: 10px; margin: auto 10px; }
.roundedSticker .line1, .roundedSticker .line2 { display: block; margin: 0 auto; text-align: center; color: #fff; font-size: 1.2rem; line-height: 1.2; padding-top: 10px; }
.roundedSticker .line2 { font-weight: bold; font-size: 1.7rem; line-height: 1.2; padding-top: 0 }



.reviewIn .reaction { border-left: 8px solid rgba(0, 0, 0, 0.07); padding-left: 10px; margin-top: 5px; }
.reviewIn .review-part { color: #666; display: inline-block; padding-top: 10px; }
.reviewIn .review-part.plus { color: #629900; }
.reviewIn .review-part.minus { color: #c53b46; }
.reviewIn .review-part.plus span, .reviewIn .review-part.minus span { text-indent: -999px; overflow: hidden; display: inline-block; width: 16px; position: relative; height: 18px; color: #629900; }
.reviewIn .review-part.minus span { color: #c53b46; }
.reviewIn .review-part.plus span:after, .reviewIn .review-part.minus span:after { text-indent: 0; position: absolute; top: -1px; left: 0; height: 20px; width: 20px; content:'+'; font-weight: bold; color: #629900; font-size: 1.3rem; }
.reviewIn .review-part.minus span:after { content:'–'; color: #c53b46; top: -2px; }
.reviewIn .reviewVote { position: absolute; bottom: 0; right: 0; color: #555; line-height: 25px; font-size: 0.9rem; color: #666; }
.reviewIn .reviewHeader { margin-bottom: 4px; color: #444; }
.reviewIn .reviewHeader .sep { padding: 0 2px; }
.reviewIn .reviewVoteRating { padding: 0 10px 0 5px; font-weight: bold; font-size: 0.95rem; }   
.thumb-up-button { 
  color: #4da428;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #eee; 
  background: linear-gradient(-10deg, #eee 0%, #fff 90%) repeat scroll 0 0;
  border: 1px solid #d2d2d2;
  box-shadow: 0 1px #bbb;
  position: relative;
  font: 0.9em 'Open Sans', Tahoma, sans-serif;
  padding: 3px 7px 3px 30px;
  position: relative;
  top: -2px;
  cursor: pointer;
  transition: background 0.2s ease;  
}
.thumb-up-button:before {
  content: '';
  position: absolute; display: block;
  top: 1px; left: 5px; width: 20px; height: 20px;
  background: url('../img/icon-like-202.png') no-repeat; background-size: 100% 100%;
  opacity: 0.75;  
}
.thumb-up-button:hover {
  color: #308a00;
  background: #dddddd; 
  background: linear-gradient(-10deg, #d5d5d5 0%, #e5e5e5 90%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.thumb-up-button:hover:before {
  opacity: 1;
}
.thumb-up-button.disabled { color: #999; cursor: default; }
.thumb-up-button.disabled:hover { color: #999; background: linear-gradient(-10deg, #ddd 0%, #eee 90%) repeat scroll 0 0 rgba(0, 0, 0, 0); }
.thumb-up-button.disabled:hover:before { opacity: 0.75; }
.thumb-up-button.disabled:before {
  filter: grayscale(100%);
  filter: gray;
  -webkit-filter: grayscale(1);
}


/* --- hodnocení ------------------------------------------------------------ */
.votes { display: block; width: 75px; height: 20px; }
.votes div.r {
  display: inline-block;
  height: 20px;
  background: url("../img/rating-14.png") repeat-x scroll 0 -26px transparent;
  padding: 0; margin: 0;
  text-align: left;
}
.votes div.r div {
  display: inline-block;
  height: 20px;
  background: url("../img/rating-14.png") repeat-x scroll 0 0 transparent;
  padding: 0; margin: 0;
  text-align: left;
  overflow: hidden;
  text-indent: -9999px;
}

.votes .w0 div { width: 0; }
.votes .w10 div { width: 8px; }
.votes .w20 div { width: 15px; }
.votes .w30 div { width: 23px; }
.votes .w40 div { width: 30px; }
.votes .w50 div { width: 38px; }
.votes .w60 div { width: 45px; }
.votes .w70 div { width: 53px; }
.votes .w80 div { width: 60px; }
.votes .w90 div { width: 68px; }
.votes .w100 div { width: 75px; }

.votes .w0 { width: 0; }
.votes .w10 { width: 15px; }
.votes .w20 { width: 15px; }
.votes .w30 { width: 30px; }
.votes .w40 { width: 30px; }
.votes .w50 { width: 45px; }
.votes .w60 { width: 45px; }
.votes .w70 { width: 60px; }
.votes .w80 { width: 60px; }
.votes .w90 { width: 75px; }
.votes .w100 { width: 75px; }

.votes-big { display: block; width: 115px; height: 25px; float: left; }
.votes-big div.r {
  display: inline-block;
  height: 25px;
  width: 115px;
  background: url("../img/rating-25.png") repeat-x scroll 0 0 transparent;
  padding: 0; margin: 0;
  text-align: left;
}
.votes-big div.r div {
  display: inline-block;
  height: 30px;
  background: url("../img/rating-25.png") repeat-x scroll 0 -28px transparent;
  padding: 0; margin: 0;
  text-align: left;
  overflow: hidden;
  text-indent: -9999px;
  vertical-align: top;
}

.votes-big .w0 div { width: 0; }
.votes-big .w10 div { width: 11px; }
.votes-big .w20 div { width: 23px; }
.votes-big .w30 div { width: 35px; }
.votes-big .w40 div { width: 46px; }
.votes-big .w50 div { width: 58px; }
.votes-big .w60 div { width: 69px; }
.votes-big .w70 div { width: 81px; }
.votes-big .w80 div { width: 92px; }
.votes-big .w90 div { width: 104px; }
.votes-big .w100 div { width: 115px; }

.votes-xxl { display: block; width: 150px; height: 27px; float: left; overflow: hidden; }
.votes-xxl div.r {
  display: inline-block;
  height: 27px;
  width: 135px;
  background: url("../img/rating-27.png") repeat-x scroll 0 -28px transparent;
  padding: 0; margin: 0;
  text-align: left;
}
.votes-xxl div.r div {
  display: inline-block;
  height: 27px;
  background: url("../img/rating-27.png") repeat-x scroll 0 0 transparent;
  padding: 0; margin: 0;
  text-align: left;
  overflow: hidden;
  text-indent: -9999px;
  vertical-align: top;
}

.votes-xxl .w0 div { width: 0; }
.votes-xxl .w10 div { width: 11px; }
.votes-xxl .w20 div { width: 27px; }
.votes-xxl .w30 div { width: 41px; }
.votes-xxl .w40 div { width: 54px; }
.votes-xxl .w50 div { width: 68px; }
.votes-xxl .w60 div { width: 81px; }
.votes-xxl .w70 div { width: 95px; }
.votes-xxl .w80 div { width: 108px; }
.votes-xxl .w90 div { width: 122px; }
.votes-xxl .w100 div { width: 135px; }

.votingHandler { cursor: pointer; width: 185px; position: relative; }

.vote-star-1, .vote-star-2, .vote-star-3, .vote-star-4, .vote-star-5 { position: absolute; width: 25px; height: 25px; top: 0; left: 0; cursor: pointer; }
.vote-star-2 { left: 25px; }
.vote-star-3 { left: 50px; }
.vote-star-4 { left: 75px; }
.vote-star-5 { left: 100px; }

.votesWrap { display: block; height: 25px; }
.votesWrap .votes-big { cursor: pointer; }
.votesMore { line-height: 28px; vertical-align: top; color: #666; font-size: 0.75rem; }

.voteStar { display: inline-block; background: url('../img/rating-25.png') repeat transparent; background-position: 0 -28px; height: 22px; width: 21px; position: relative; top: 3px; }


/* --- strike through ------------------------------------------------------- */
.strike.strikeDiagonal { text-decoration: none; }
.strikeDiagonal {
  position: relative;
}
.strikeDiagonal:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;
  -webkit-transform:rotate(-5deg);
  -moz-transform:rotate(-5deg);
  -ms-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  transform:rotate(-5deg);
}


/* --- buttony -------------------------------------------------------------- */
button {
    border: 1px solid rgba(68, 68, 68, 0.2);
    border-radius: 2px;
    display: inline-block;
    font-size: 0.95rem;
    padding: 7px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
    vertical-align: top;
    color: #444;
    background-color: #fff;
    cursor: pointer;
}    
button:hover {
  color: #e91e63;
  border-color: #e91e63;
}



/* --- labely --------------------------------------------------------------- */
.cellLabel { display: none; }
/*
.cellLabel {
  position: absolute; z-index: 100; width: 60px; height: 25px; display: block;
  font-size: 0.85rem; text-align: center; line-height: 24px; font-weight: bold; color: #fff;
  right: 10px; top: 10px;  
  background: #436d1c;
  background: -moz-linear-gradient(45deg, #436d1c 0%, #599a19 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, #436d1c), color-stop(100%, #599a19));
  background: -webkit-linear-gradient(45deg, #436d1c 0%, #599a19 100%);
  background: -o-linear-gradient(45deg, #436d1c 0%, #599a19 100%);
  background: -ms-linear-gradient(45deg, #436d1c 0%, #599a19 100%);
  background: linear-gradient(45deg, #436d1c 0%, #599a19 100%);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -khtml-border-radius: 3px; 
}
.reviewIn .cellLabel { right: auto; left: 10px; }
.cellLabel.yellow {
  background: rgba(240, 240, 240, 1) linear-gradient(-10deg, #f9cf6f 0%, #ffe9b7 90%) repeat scroll 0 0;
  box-shadow: 1px 1px 0 rgba(132, 114, 72, 0.5);
  color: #413000;
  font-size: 0.8rem;
  font-weight: normal;
  letter-spacing: -0.03rem;
}
*/

@media (max-width: 650px) {
 .reviewIn .imgWrap { width: 170px; }
 .reviewIn .desc { font-size: 0.95rem; line-height: 1.4rem; max-height: 110px; }
}

@media (max-width: 400px) {
  body { margin: 0; }
  .slider, .slide { height: auto; }
  .slider-arrow { height: 250px; }
  .slider-arrow.prev { left: 0; }
  .slider-arrow.next { right: 0; }
  .reviewIn .imgWrap { height: 100%; width: 100%; margin-right: 0; margin-bottom: 15px; }
  .reviewIn .imgWrapIn { height: 250px; }
  .reviewIn .ratingWrap .rating-details { font-size: 0.95rem; }
  .reviewIn .imgWrap a { max-height: 250px; }
  .reviewIn .imgWrap a img { max-height: 250px; max-width: 100%; }
  .reviewIn .title { font-size: 1.2rem; line-height: 1.6rem; }
  .reviewIn .desc { padding-right: 0; font-size: 0.9rem; }
  .reviewIn .ctaWrap { margin: 0; width: 100%; }
  .reviewIn .cta { width: 100%; }
}