/*! project specific CSS goes here. */

#shop .item-box figure {
height: 313px;
}

.item-box.fixed-box figure {
max-height: 313px;
}

.label-default {
	background-color: #575757;
}

.form-control {
	height:50px;
}

div#yt-bg-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('/static/img/videofade.png');
        background-position: bottom;
        background-repeat-y: no-repeat;
        / background-repeat: no-repeat; /
        / opacity: 0.2; /
        z-index: 100;
        color: #fff;
}

iframe {
        width: 100%;
}

.aspect-ratio {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 51%;
}

.aspect-ratio iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0; top: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
        /* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */
        li#webkit-fix {
                position: static;
        }
        div.slotholder {
                position: static;
        }
        div.tp-bgimg {
                position: static;
        }
}

header#page-title,
div.price-table.popular,
.styleBackground {
    background-color: rgba(68,68,68,0.35);
}

.truncate {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.column-in-center {
    float: none;
    margin: 0 auto;
}

.price {
  font-size: 2em;
}