@charset 'UTF-8';
html,
body,
div,
span,
h1,
h2,
h3,
p,
blockquote,
pre,
a,
img,
strong,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
nav,
section,
hr {
  border: 0;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

ol,
ul {
  list-style: none;
}

body {
  background: #fff;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1;
}

a {
  color: inherit;
  text-decoration: none;
}

hr {
  border-width: 0;
  clear: both;
  height: 0;
  visibility: hidden;
}

.cf:before {
  content: '';
  display: table;
}

.cf:after {
  clear: both;
  content: '';
  display: table;
}

.vertical-align {
  display: block;
  position: relative ;
  top: 50% ;
  -ms-transform: translateY(-50%) ;
  -webkit-transform: translateY(-50%) ;
  transform: translateY(-50%) ;
}

body {
  cursor: pointer;
}

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.layout {
  border: 1px solid #b7b7b7;
  color: #4b4b4b;
  display: block !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  height: 100%;
  line-height: 1;
  overflow: hidden;
  -moz-transition: opacity .3s linear;
  -ms-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear;
  width: 100%;
}

.layout:before {
  content: '';
  display: table;
}

.layout:after {
  clear: both;
  content: '';
  display: table;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.hide {
  opacity: 0;
}

.show {
  opacity: 1;
}

.inline-wrapper {
  display: block;
  font-size: 0;
}

.inline-wrapper .inline-block {
  display: inline-block;
}

.inline-wrapper:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

#items-segment {
  height: 100%;
}

.item-panel {
  background: #ccc;
  height: 100%;
  padding: 4px;
}

.abs-center {
  left: 50%;
  position: relative;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.h-center {
  left: 50%;
  position: relative;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.v-center {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* GRID */
.col-1-1 {
  width: 100% !important;
}

.col-1-2 {
  width: 50% !important;
}

.col-1-3 {
  width: 33.33% !important;
}

.col-2-3 {
  width: 66.66% !important;
}

.col-1-4 {
  width: 25% !important;
}

.col-2-4 {
  width: 50% !important;
}

.col-3-4 {
  width: 75% !important;
}

.col-1-8 {
  width: 12.5% !important;
}

.col-2-8 {
  width: 25% !important;
}

.col-3-8 {
  width: 37.5% !important;
}

.col-4-8 {
  width: 50% !important;
}

.col-5-8 {
  width: 62.5% !important;
}

.col-6-8 {
  width: 75% !important;
}

.col-7-8 {
  width: 87.5% !important;
}

.col-1-12 {
  width: 8.3% !important;
}

.col-2-12 {
  width: 16.6% !important;
}

.col-3-12 {
  width: 25% !important;
}

.col-4-12 {
  width: 33.3% !important;
}

.col-5-12 {
  width: 41.6% !important;
}

.col-6-12 {
  width: 50% !important;
}

.col-7-12 {
  width: 58.3% !important;
}

.col-8-12 {
  width: 66.6% !important;
}

.col-9-12 {
  width: 75% !important;
}

.col-10-12 {
  width: 83.3% !important;
}

.col-11-12 {
  width: 91.6% !important;
}

[class*='col-'] {
  float: left;
  height: 100%;
  padding-right: 4px;
}

[class*='col-']:last-of-type {
  padding-right: 0;
}

.layout-row [class*='row-']:last-of-type {
  padding-bottom: 0;
}

.row-1-1 {
  height: 100% !important;
}

.row-1-2 {
  height: 50% !important;
}

.row-1-3 {
  height: 33.33% !important;
}

.row-2-3 {
  height: 66.66% !important;
}

.row-1-4 {
  height: 25% !important;
}

.row-2-4 {
  height: 50% !important;
}

.row-3-4 {
  height: 75% !important;
}

.row-1-8 {
  height: 12.5% !important;
}

.row-2-8 {
  height: 25% !important;
}

.row-3-8 {
  height: 37.5% !important;
}

.row-4-8 {
  height: 50% !important;
}

.row-5-8 {
  height: 62.5% !important;
}

.row-6-8 {
  height: 75% !important;
}

.row-7-8 {
  height: 87.5% !important;
}

.row-1-12 {
  height: 8.3% !important;
}

.row-2-12 {
  height: 16.6% !important;
}

.row-3-12 {
  height: 25% !important;
}

.row-4-12 {
  height: 33.3% !important;
}

.row-5-12 {
  height: 41.6% !important;
}

.row-6-12 {
  height: 50% !important;
}

.row-7-12 {
  height: 58.3% !important;
}

.row-8-12 {
  height: 66.6% !important;
}

.row-9-12 {
  height: 75% !important;
}

.row-10-12 {
  height: 83.3% !important;
}

.row-11-12 {
  height: 91.6% !important;
}

[class*='row-'] {
  padding-bottom: 4px;
}

/* Opt-in outside padding */
.layout-pad {
  padding: 4px 0 4px 4px;
}

.layout-pad [class*='col-']:last-of-type {
  padding-right: 4px;
}

/* Opt-in outside padding */
.layout-pad-row {
  padding: 4px 4px 0 4px;
}

.layout-pad-row [class*='row-']:last-of-type {
  padding-bottom: 4px;
}

/* Layout Sizes */
.ad-200x200 {
  height: 200px;
  width: 200px;
}

.ad-250x250 {
  height: 250px;
  width: 250px;
}

.ad-300x250 {
  height: 250px;
  width: 300px;
}

.ad-336x280 {
  height: 280px;
  width: 336px;
}

.ad-728x90 {
  height: 90px;
  width: 728px;
}

.ad-970x90 {
  height: 90px;
  width: 970px;
}

.ad-468x60 {
  height: 60px;
  width: 468px;
}

.ad-120x600 {
  height: 600px;
  width: 120px;
}

.ad-160x600 {
  height: 600px;
  width: 160px;
}

.ad-300x600 {
  height: 600px;
  width: 300px;
}

.ad-320x50 {
  height: 50px;
  width: 320px;
}

.ad-320x100 {
  height: 100px;
  width: 320px;
}

/* Rating stars */
.star,
.half-star {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOZJREFUeNpiYEADl+cEB5zscnZAF2dBFxBTken/+1v8AQPD3gPI4kzInHOT3BJEFIQVhGWFHE522qOYyni6x65AQEJQn1uIV4FLkNeBT4wfLPHp5YcP3z58ufD13ecHX95+Psh4fqKjgZq1yn5OPk4BBizg+6fvH24dvePICOKcn2BnoGgkvZ9PlAtF8afX3z7cP/fU0bDg0AWwG0GMTy/fbGD4940BGb978moBSA7F16ysvxUY/35m+PT2F5jPJ8zGwMn11wAjeBgZfjg8vvZjwdUjHxslFDkFJBTZ+xkY/sMVAgQYAKjVWiRelUDBAAAAAElFTkSuQmCC') no-repeat center;
  background-size: contain;
  display: inline-block;
  height: 13px;
  margin: 0 1px 0 0;
  padding: 0;
  width: 13px;
}

.half-star {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASBJREFUeNpiYMACtudoOgCxAgOx4NwU7/2PjqycT5Tik50ODs/3ZP7/9vbJf6JsebYjaf+bQ1n/QQCbLYznJzolCMoIx3PxcyswsTAr8IryM3x+/YlB2H42w/d3Txm+v33G8OfH5ws/Prz88OT4uoksDAz/L4jKC/Zz8nMIQMz4AxT6CWZxCkmDMRAYvL93/sKnx1cPgCXOT7Az+Hoq7v2/G2n/QfjN3vD/yODd3XPngf4RQHHb+X5rg4+Hgv//uxb7/83uALjiT4+v/0dWzARjvLj7ToBXCMj49w3uJBBg4eIFUZgaJJS4FBj/fmMA4S9vPj94dmbLA5g/gAAzeO8vMul/tdny/vlewwSY2LXVrQUfH115f3vblAaYGECAAQApfZx6m66EFQAAAABJRU5ErkJggg==');
  margin: 0 0 0 -3px;
  padding: 0;
}

.cta {
  display: block;
  margin-top: 4px;
  max-height: 18px;
  padding: 3px;
  -moz-transition: background .4s linear;
  -ms-transition: background .4s linear;
  -o-transition: background .4s linear;
  -webkit-transition: background .4s linear;
  transition: background .4s linear;
}

.layout {
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-weight: 400;
}

.layout:before {
  content: '';
  display: table;
}

.layout:after {
  clear: both;
  content: '';
  display: table;
}

.layout strong {
  font-weight: 700;
}

.img-holder {
  height: 42%;
  position: relative;
  width: 100%;
}

.img-holder img {
  display: block;
}

.no-subtitle .price-wraper,
.no-rating .price-wrapper {
  height: 40px;
}

.no-subtitle.no-rating .price-wrapper {
  height: 52px;
}

#items-segment .item-panel .text-holder.no-subtitle .price,
#items-segment .item-panel .text-holder.no-rating .price {
  font-size: 18px;
}

.price-wrapper {
  bottom: 23px;
  position: absolute;
  text-align: center;
  width: 94%;
}

.price-holder {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
}

.cta-holder {
  bottom: 4px;
  padding-right: 8px;
  position: absolute;
  width: 100%;
}

.disclaimer-panel {
  font: 9px Arial, Helvetica, sans-serif;
  text-align: center;
}

#items-segment .item-panel {
  background-color: #fff;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0) 4px, white 4px);
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0) 4px, white 4px);
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0) 4px, white 4px);
  background-image: linear-gradient(rgba(255, 255, 255, 0) 4px, white 4px);
  border: 1px solid silver;
  position: relative;
}

#items-segment .item-panel.onActive {
  background-color: #0073ec;
  border: 1px solid #0073ec;
}

#items-segment .item-panel.built {
  -moz-transition: all .85s linear;
  -ms-transition: all .85s linear;
  -o-transition: all .85s linear;
  -webkit-transition: all .85s linear;
  transition: all .85s linear;
}

#items-segment .item-panel .cta-holder .cta {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: white;
  display: block;
  font-weight: 600;
  text-align: center;

  -khtml-border-radius: 4px;
}

#items-segment .item-panel .stars-holder {
  text-align: center;
}

#items-segment .item-panel .stars-holder .star {
  display: inline-block;
}

/* Layout Settings – Item Panels */
/* Header Segment */
#header-segment {
  height: 20%;
  margin: 0;
  padding: 0;
  position: relative;
}

#header-segment .logo-panel {
  height: 80%;
  padding: 0;
}

#header-segment .logo-panel .logo-holder {
  height: 100%;
  text-align: center;
}

#header-segment .logo-panel .logo-holder .logo {
  height: 100%;
  width: 100%;
}

#header-segment .logo-panel .logo-holder .logo img {
  display: block;
  position: relative !important;
  top: 50% !important;
  -ms-transform: translateY(-50%) !important;
  -webkit-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}

/* Items Segment */
#items-segment {
  height: 80%;
}

#items-segment .item-panel .img-holder {
  margin-bottom: 2px;
  position: relative;
}

#items-segment .item-panel .text-holder .name {
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  max-height: 28px;
  min-height: 20px;
  text-align: center;
}

#items-segment .item-panel .text-holder.no-name .name {
  display: none;
}

#items-segment .item-panel .text-holder.no-price .name {
  max-height: 42px;
}

#items-segment .item-panel .text-holder.no-rating .name {
  height: 35px;
  max-height: 35px;
}

#items-segment .item-panel .text-holder.no-price.no-rating .name {
  height: 45px;
  max-height: 45px;
}

#items-segment .item-panel .text-holder .description {
  font-size: 12px;
  font-weight: 300;
  line-height: 1.4;
  max-height: 20px;
  text-align: center;
}

#items-segment .item-panel .text-holder.no-price .description {
  height: 43px;
  max-height: 43px;
}

#items-segment .item-panel .text-holder.no-name .description {
  height: 46px;
  line-height: 1.2;
  max-height: 46px;
}

#items-segment .item-panel .text-holder .price-holder .price {
  font-weight: 400;
  text-align: center;
}

#items-segment .item-panel .text-holder .price-holder > div {
  font-size: 16px;
  max-height: 14px;
}

#items-segment .item-panel .text-holder.no-rating .price-holder > div,
#items-segment .item-panel .text-holder.no-subtitle .price-holder > div {
  max-height: 18px;
}

#items-segment .item-panel .text-holder.no-prefix .price-holder .price {
  margin-bottom: 8px;
}

#items-segment .item-panel .text-holder.no-prefix.no-rating .price-holder .price {
  margin-bottom: 10px;
}

#header-segment {
  height: 15%;
}

#items-segment {
  height: 85%;
}

.no-logo #items-segment {
  height: 95%;
}

.no-logo.no-disclaimer #items-segment {
  height: 100%;
}

.no-logo .img-holder {
  height: 48%;
}

.no-logo.no-disclaimer .img-holder {
  height: 51%;
}

.no-logo .disclaimer-panel {
  position: absolute;
  top: 1px;
  width: 100%;
}

#items-segment .item-panel .text-holder .price-holder .price,
#items-segment .item-panel .text-holder .price-holder .price-prefix {
  font-size: 17px;
}

#header-segment .logo-panel {
  height: 72%;
  padding: 0;
}

#header-segment .disclaimer-panel {
  font-size: 8px;
  height: 28%;
}

.price-prefix,
.price {
  padding-bottom: 1px;
}

.logo {
  overflow: visible !important;
}