/********** PRODUCT PAGE **********/


.product-essential {
    margin: 0 0 50px;
}
.product-essential:after {
    content: "";
    display: block;
    clear: both;
}
.product-name {
    margin-bottom: 20px;
    padding: 10px;
    overflow: hidden;
}
.product-name h1 {
    text-align: center;
    font-size: 26px;
    color: #444;
}
.product-name .breadcrumb {
    margin-bottom: 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #eee;
}
.product-content-wrappper {
    padding: 10px 0;
    background: #fff;
}
.gallery {
    margin: 0 0 20px;
}
.gallery .picture {
    position: relative;
    width: 320px;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    font-size: 0;
}
.gallery .picture a {
    display: inline-block;
    max-width: 100%; /*Ie fix*/
    width: 100%;
}
.gallery .picture:before {
    content: '';
    display: block;
    padding-top: 100%;
}
.gallery .picture-wrapper img,
.gallery .picture img {    
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.gallery .picture-thumbs {
    margin: 10px 0 0;
    overflow: hidden;
    text-align: center;
    font-size: 0;
}
.gallery .thumb-item {
    display: inline-block;
    position: relative;
    width: 80px;
    margin: 0 5px 10px 0;
    overflow: hidden;
    cursor: pointer;
}
.gallery .thumb-item:last-child {
    margin-right: 0;
}
.gallery .thumb-item:before {
    content: '';
    display: block;
    padding-top: 100%;
}
.gallery .thumb-item img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.overview,
.variant-overview {
    position: relative;
    margin: 0 0 20px;
}
.discontinued-product h4 {
    margin: 0 0 20px;
    font-size: 14px;
    color: #c00;
}
/*ATTR*/
.overview > div,
.variant-overview > div {
    padding: 15px;
    margin: 0;
    border-bottom: 1px solid #eee;
    text-align: left;
    font-size: 14px;
    color: #666;
}
.overview .short-description,
.variant-overview .short-description {
    padding-bottom: 25px;
    line-height: 24px;
}
.overview .label,
.variant-overview .label {
    display: inline-block;
    width: 50%;
    color: #303030;
    vertical-align: top;
}
.product-review-box {
    float: right;
    margin-top: 5px;
    width: 50%;
    text-align: left;
}
.product-review-box .rating {
    width: 70px;
    height: 11px;
    background-image: url('../img/rating_gray.svg');
    background-repeat: repeat-x;
    background-color: #ccc;
}
.product-review-box .rating div {
    height: 11px; 
    background-image: url('../img/rating_gray.svg');
    background-repeat: repeat-x;
    background-color: #57b568;
}
.product-no-reviews a {
    color: #57b568;
}
.product-review-links {
    color: #303030;
}
.product-review-links span {
    display: none;
}
.product-review-links a:hover {
    color: #57b568;
}
.product-review-links span + a {
    display: block;
    font-size: 13px;
    color: #57b568;
}
.product-review-links span + a:before {
    content: '\e91a';
    display: inline-block;
    margin-right: 5px;
    font-family: prisma;
    font-size: 14px;
    color: #303030;
}
.overview .additional-details,
.variant-overview .additional-details  {
    padding: 0;
}
.additional-details > div {
    padding: 15px;
    border-bottom: 1px solid #eee;
}
.additional-details > div:last-child {
    border: 0;
}
.overview .quantity-container {
    border: 0;
}
.overview .value a,
.variant-overview .value a {
    color: #57b568;
}
.back-in-stock-subscription {
    margin-top: 10px;
    font-size: 0;
    background-color: #db2331;
    width: 100%;
    max-width: 285px;
    border-radius: 6px;
    padding: 3px;
}

.back-in-stock-subscription:before {
    content: '\e93f';
    display: inline-block;
    margin-right: 5px;
    font-family: prisma;
    font-size: 28px;
    color: #fff;
    vertical-align: middle;
}
.overview .back-in-stock-subscription .subscribe-button,
.variant-overview .back-in-stock-subscription .subscribe-button  {
    border: none;
    padding: 0;
    background: none;
    font-size: 14px;
    color: #fff!important;
    vertical-align: middle;
}
.free-shipping {
    color: #303030;
}
.free-shipping:after {
    content: '\e92a';
    float: right;
    width: 50%;
    text-align: left;
    font-family: prisma; 
    font-size: 20px;
    color: #57b568;
}
.overview .delivery,
.variant-overview .delivery {
    padding: 0;
}
.overview .delivery > div,
.variant-overview .delivery > div {
    padding: 15px;
}
.overview .delivery > div + div,
.variant-overview .delivery > div + div {
    border-top: 1px solid #eee;
}
.overview .delivery-date,
.variant-overview .delivery-date {
    margin: 5px 0;
}
.download-sample-button {
    display: inline-block;
    padding: 5px 10px;
    font-size: 14px;
    color: #57b568;
}
.download-sample-button:before {
    content: '\e932';
    display: inline-block;
    margin-right: 5px;
    font-family: prisma;
    font-size: 14px;
    color: #303030;
}
.overview input[type=text],
.variant-overview input[type=text],
.attributes select {
    border: 0;
    width: 100%;
    max-width: 100%;
    text-align: left;
    font-size: 13px;
    color: #666;
}
.overview .attributes
.variant-overview .attributes {
    padding: 0;
}
.overview .attributes,
.variant-overview .attributes {
    padding: 0;
}
.attributes > ul > li {
    border-bottom: 1px solid #eee;
}
.attributes > ul > li:after {
    content: '';
    display: block;
    clear: both;
}
.attributes > ul > li:last-of-type {
    border: 0;
}
.attributes div {
    padding: 10px 15px 10px;
    color: #303030;
}
.attributes li ul li {
    margin: 0;
}
.attributes select {
    background-position: 96% center;
}
.qq-uploader .qq-upload-button {
    border: 0;
    width: auto;
    background: #fff;
    color: #57b568;
}
#product_attribute_22uploader,
.attributes div .qq-uploader {
    padding: 0;
}
.attributes div .qq-uploader {
    border-bottom: 4px solid #57b568;
}
.qq-uploader .qq-upload-button div {
    padding: 0;
    font-weight: bold;
    color: inherit;
}
.qq-uploader .qq-upload-list li.qq-upload-success {
    margin-top: 10px;
    padding-top: 13px;
    background: #57b568;
}
.qq-uploader .qq-upload-list li.qq-upload-fail {
    margin-top: 10px;
}
#product_attribute_22downloadurl,
#product_attribute_22downloadurl + div {
    display: inline-block;
    padding: 10px 0;
    width: 49%;
    text-align: center;
}
/*option list*/
.attributes .option-list {
    font-size: 0;
}
.attributes .option-list li {
    display: inline-block;
    margin: 2px;
}
.attributes .option-list.radio-list label {
    display: block;
    padding: 10px;
    background: white;
    text-align: center;
    font-size: 14px;
    color: #888;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}
.attributes .option-list.checkbox-list li {
    display: block;
    margin: 0;
    text-align: left;
    padding-left: 10px;
    background: #fff;
}
.attributes .option-list.radio-list li:hover label,
.attributes .option-list.radio-list input[type=radio]:checked + label {
    background: #57b568;
    color: #fff;
}
.attributes .option-list input[type=radio] + label:before,
.attributes .option-list input[type=radio]:checked + label:after {
    content: none;
}

/*attr squares*/
.attribute-squares {
    font-size: 0;
}
.attribute-squares li {
    display: inline-block;
    margin: 0 5px 0 0;
    line-height: normal !important;
    text-align: center;
}
.attribute-squares.option-list li:hover label,
.attribute-squares li.selected-value label {
    border-color: #ccc;
    background: #fff;
}
.attribute-squares label {
    display: block;
    padding: 3px;
    border: 1px solid transparent;
    margin: 0 !important;
    width: 38px;
    height: 38px;
    background: none;
    overflow: hidden;
}
.attribute-squares span {
    display: block;
}
.attribute-square {
    border: 1px solid #ddd;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.attribute-squares .tooltip-container {
    display: none;
}

/*attr rent period*/
.rental-attributes .attribute-item > div {
    padding: 0;
}
.rental-attributes .attribute-label {
    margin-bottom: 10px;
    font-size: 14px;
    color: #303030;
}
.attribute-item:last-of-type {
    margin-bottom: 0;
}
.attribute-data {
    position: relative;
    max-width: 100%;
}
.attribute-data:after {
    content: '\e930';
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: prisma;
    font-size: 16px;
    color: #ddd;
}
.ui-datepicker {
    margin-top: 4px;
    width: 280px;
    background-color: #fff;
    text-align: center;
}
.ui-datepicker-header {
    position: relative;
    margin: 0 10px;
    border-bottom: 1px solid #eee;
    height: 50px;
    background-color: #fff;
}
.ui-datepicker-header a {
    position: absolute;
    top: 10px;
    width: 30px;
    height: 30px;
    background: #f9f9f9;
    font-size: 0;
    z-index: 1;
}
.ui-datepicker-header a.ui-datepicker-prev {
    left: 0;
}
.ui-datepicker-header a.ui-datepicker-next {
    right: 0;
}
.ui-datepicker-header a:after {
    position: absolute;
    top: 50%;
    left: 50%;    
    font-family: prisma;
    font-size: 10px;
    color: #bbb;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.ui-datepicker-header a.ui-datepicker-prev:after {
    content: '\e924';
}
.ui-datepicker-header a.ui-datepicker-next:after {
    content: '\e925'
}
.ui-datepicker-title {
    position: relative;
    text-transform: uppercase;
    line-height: 50px;
    font-weight: bold;
    color: #333;
    z-index: 0;
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
    width: 14.285%;
}
.ui-datepicker-calendar th {
    text-transform: uppercase;
    color: #888;
}
.ui-datepicker-calendar td {
    border: 1px solid #eee;
    font-size: 12px;
    color: #303030;
}
.ui-datepicker-calendar th span,
.ui-datepicker-calendar td a {
    display: block;
    min-height: 32px;
    line-height: 32px;
}
.ui-datepicker-week-end {
    background: #f9f9f9;
}
.ui-state-highlight {
    background: #57b568;
    color: #fff;
}
/*prices*/
.overview .prices,
.variant-overview .prices {
    overflow: hidden;
    text-align: center;
}
.tax-shipping-info {
    display: block;
    font-size: 13px;
    color: #303030;
}
.overview .rental-price,
.variant-overview .rental-price {
    display: block;
    color: #303030;
    vertical-align: text-bottom;
}
.overview .old-product-price,
.variant-overview .old-product-price {
    text-decoration: line-through;
		font-weight: normal;
    font-size: 16px;
    color: #515151;
}
.overview .old-product-price label,
.variant-overview .old-product-price label,
.overview .product-price label,
.variant-overview .product-price label,
.overview .non-discounted-price label,
.variant-overview .non-discounted-price label {
    display: none;
}
.overview .non-discounted-price,
.variant-overview .non-discounted-price {
    font-size: 16px;
    font-weight: bold;
    color: #999;
}
.overview .product-price,
.variant-overview .product-price {
    font-weight: bold;
    font-size: 20px;
    color: #57b568;
}
.tier-prices {
    margin: 0 0 20px;
    clear: both;
}
.tier-prices .title {
    margin-bottom: 10px;
}
.tier-prices .title strong {
    font-weight: normal;
    color: #303030;
}
.tier-prices .prices-table {
    background: #fff;
}
.tier-prices .prices-table:after {
    content: '';
    display: block;
    clear: both;
}
.tier-prices .prices-row {
    float: left;
    width: 50%;
}
.tier-prices .prices-row > div {
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    padding: 10px;
}
.tier-prices .prices-row.thead > div {
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}
.tier-prices .prices-row > div:last-of-type {
    border-bottom: 1px solid #eee;
}
.tier-prices .field-header {
    color: #888;
}
.overview .customer-entered-price,
.variant-overview .customer-entered-price {
    padding: 15px;
    overflow: hidden;
    background: #f6f6f6;
    text-align: center;
}
.customer-entered-price label {
    display: inline-block;
    margin-bottom: 5px;
    color: #303030;
}
.customer-entered-price > div {
    display: inline-block;
}
.customer-entered-price .price-input input {
    padding: 5px;
    border: 0;
    width: 50%;
    text-align: right;
    color: #666;
}
.customer-entered-price .enter-price-input {
    width: 50px;
    text-align: center;
}
.customer-entered-price .price-range,
.base-price-pangv {
    display: block;
    margin-top: 5px;
    line-height: 1;
    font-size: 13px;
    color: #ccc;
}
.customer-entered-price .price-range:before,
.customer-entered-price .price-range:after,
.base-price-pangv:before,
.base-price-pangv:after {
    font-size: 13px;
    color: #ccc;
}
.customer-entered-price .price-range:before,
.base-price-pangv:before {
    content: '(';
}
.customer-entered-price .price-range:after,
.base-price-pangv:after {
    content: ')';
}
/*giftcard form*/
.giftcard {
    margin: 0 0 20px;
    overflow: hidden;
    clear: both;
    text-align: center;
}
.giftcard div {
    margin: 0 0 10px;
}
.giftcard label {
    display: block; 
    margin: 0 0 5px;
    text-align: center; 
    font-size: 13px;
    color: #666;
}
.giftcard input[type=text],
.giftcard textarea {
    display: block;
    margin: 0 auto;
    border: 0;
    width: 350px;
    max-width: 100%;
}
.giftcard textarea{
    height: 150px;
}
/*QTY*/
.attributes .qty-box {
    margin: 10px 0 0 0;
    padding: 0;
}
.attributes .qty-box input {
    width: 48px;
    height: 32px;
}
.overview .qty-label,
.variant-overview .qty-label {
    font-size: 14px;
    color: #303030;
}
.overview .qty-input[type=text],
.variant-overview .qty-input[type=text],
.overview .qty-dropdown[type=text],
.variant-overview .qty-dropdown[type=text] {
    margin: 0 4px;
    padding: 12px 5px;
    border: 0;
    width: 36px;
    height: 36px;
    text-align: center;
    font-size: 14px;
    color: #444;
        border: 1px solid #0097bd;
}
.overview .qty-wrapper,
.variant-overview .qty-wrapper {
    border: 0;
    text-align: center;
}
.qty-wrapper .qty-dropdown {
    width: 50px;
}
.qty-wrapper span {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 36px;
    background:#0097bd;
    vertical-align: middle;
    font-size: 0;
    cursor: pointer;
}
.qty-wrapper span:after {
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 36px;
    text-align: center;
    font-family: prisma; 
    font-size: 12px;
    color: #ddd;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: color .3s;
    transition: color .3s;
}
.qty-wrapper span:hover:after {
    color: #57b568;
}
.qty-wrapper .decrease:after {
    content: '\e93d';
}
.qty-wrapper .increase:after {
    content: '\e944';
}
/*BNTS*/
.overview .overview-buttons,
.variant-overview .overview-buttons,
.download-sample { 
    clear: both;
    padding: 0 15px;
    text-align: center;
    font-size: 0;
}
.overview .overview-buttons {
    padding-top: 15px;
    border-top: 1px solid #eee;
}
.overview.grouped .overview-buttons {
    border: 0;
    padding-top: 0;
    border-bottom: 1px solid #eee;
}
.overview-buttons > div {
    display: inherit;
}
.overview .add-to-cart,
.variant-overview .add-to-cart {
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
}
.overview .compare-products,
.overview .email-a-friend {
    position: relative;
    display: inline-block;
    margin: 10px 2px 10px 0;
    width: 50px;
    height: 50px;
}
.overview .compare-products input,
.overview .email-a-friend input {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    z-index: 2;
}
.overview .compare-products:after,
.overview .email-a-friend:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    background: #fff;
    line-height: 45px;
    text-align: center;
    font-family: prisma;
    font-size: 17px;
    color: #bbb;
    -webkit-transition: all .3s;
    transition: all .3s;
    pointer-events: none;
}
.overview .compare-products:after{
    content: '\e91d';
}
.overview .email-a-friend:after {
    content: '\e933';
}
.overview .compare-products:hover:after,
.overview .email-a-friend:hover:after,
.overview .add-to-wishlist:hover:after,
.overview .compare-products:hover input,
.overview .email-a-friend:hover input,
.overview .add-to-wishlist:hover input {
    color: #57b568;
}
.overview .min-qty-notification,
.variant-overview .min-qty-notification {
    display: inline-block;
    margin: 8px 10px;
    font-size: 13px;
    color: #303030;
}
.overview .add-to-cart-panel,
.variant-overview .add-to-cart-panel {
    position: relative;
    display: block;
}
.overview .add-to-wishlist,
.variant-overview .add-to-wishlist,
.overview .add-to-cart,
.variant-overview .add-to-cart {
    display: block;
    margin-bottom: 4px;
    width: 100%;
}
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button,
.overview .add-to-wishlist-button,
.variant-overview .add-to-wishlist-button {
    position: relative;
    padding: 15px 0;
    border: 0;
    width: 100%;
    background: #fff;
    text-transform: uppercase;
    font-size: 14px;
    color: #303030;
}
.overview .add-to-cart-button span,
.variant-overview .add-to-cart-button span,
.overview .add-to-wishlist-button span,
.variant-overview .add-to-wishlist-button span {
    position: relative;
    z-index: 1;
}
.overview .add-to-cart-button span:before,
.variant-overview .add-to-cart-button span:before,
.overview-buttons .add-to-wishlist button span:before,
.variant-overview .add-to-wishlist-button span:before {
    display: inline-block;
    margin: -4px 15px 0 0;
    font-weight: normal;
    font-family: prisma;
    font-size: 18px;
    color: #bbb;
    vertical-align: middle;
}
.overview-buttons .add-to-wishlist button span:before,
.variant-overview .add-to-wishlist-button span:before {
    content: '\e91e';
}
.overview .add-to-cart-button span:before,
.variant-overview .add-to-cart-button span:before {
    content: '\e91c';
    color: #fff;
}
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button {
    background: #57b568;
    font-weight: bold;
    color: #fff;
    transition: all .3s;
}
.overview .add-to-cart-button:before,
.variant-overview .add-to-cart-button:before,
.overview-buttons .add-to-wishlist button:before,
.variant-overview .add-to-wishlist-button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
}
.overview .add-to-cart-button:hover:before,
.variant-overview .add-to-cart-button:hover:before,
.overview-buttons .add-to-wishlist button:hover:before,
.variant-overview .add-to-wishlist-button:hover:before {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.overview .add-to-cart-button:hover span:before,
.variant-overview .add-to-cart-button:hover span:before {
    color: #57b568;
}
.overview-buttons .add-to-wishlist button:hover,
.variant-overview .add-to-wishlist-button:hover,
.overview-buttons .add-to-wishlist button:hover span:before,
.variant-overview .add-to-wishlist-button:hover span:before {
    color: #fff;
}

.overview-buttons .add-to-wishlist button:before,
.variant-overview .add-to-wishlist-button:before {
    background: #bbb;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}
.overview .add-to-cart-button:before,
.variant-overview .add-to-cart-button:before {
    background: #fff;
}
.variant-overview .overview-buttons {
    margin-top: 15px;
    border: 0;
}
.overview .product-options {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eee;
    width: 100%;
}
.overview .product-share-wrapper {
    line-height: 30px;
    text-align: center;
}
.product-share-wrapper .label {
    width: auto;
}
.product-social-buttons {
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
}
.product-social-buttons li {
    display: inline-block;
    margin: 0 1px;
}
.product-social-buttons li a {
    position: relative;
    display: block;
    font-size: 0;
    width: 30px;
    height: 30px;
}
.product-social-buttons li a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: all .3s ease-out;
    transition:  all .3s ease-out;
}
.product-social-buttons li.facebook  {
    background: #4a65a2;
}
.product-social-buttons li.twitter {
    background: #3abafd;
}
.product-social-buttons li.google {
    background: #bd2d45;
}
.product-social-buttons li.pinterest {
    background: #e94949;
}
.product-social-buttons li.facebook a:before {
    background: #4a65a2;
}
.product-social-buttons li.twitter a:before {
    background: #3abafd;
}
.product-social-buttons li.google a:before {
    background: #bd2d45;
}
.product-social-buttons li.pinterest a:before {
    background: #e94949;
}
.product-social-buttons li a:after {
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: prisma;
    color: #fff;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.product-social-buttons li.facebook a:after {
    content: '\e934';
    font-size: 14px;
}
.product-social-buttons li.twitter a:after {
    content: '\e915';
    font-size: 16px;
}
.product-social-buttons li.google a:after {
    content: '\e936';
    font-size: 16px;
}
.product-social-buttons li.pinterest a:after {
    content: '\e943';
    font-size: 14px;
}
/**overview end*/
.full-description {
    clear: both;
    margin: 0 15px 20px;
    line-height: 24px;
    font-size: 14px;
    text-align: left;
    color: #303030;
}

.product-collateral {
    margin: 50px 0;
}
.product-collateral > div {
    margin: 0 0 50px;
}
.product-collateral .title {
    margin: 0 0 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    color: #444;
}
.product-collateral .table-wrapper {
    padding: 30px;
    background: #f9f9f9;
}
.product-collateral .title strong {
    font-weight: normal;
}
.product-specs-box .data-table {
    border-color: #eee;
}
.product-specs-box .data-table td {
    padding: 10px;
    font-size: 14px;
    color: #444;
}
.product-specs-box .data-table .spec-value {
    color: #444;
}
.product-specs-box .attribute-square {
    margin: 0 auto;
    width: 20px;
    height: 20px;
}
.product-tags-list {
    text-align: center;
    font-size: 0;
}
.product-tags-list li {
    display: inline-block;
    margin: 3px;
    padding: 8px 10px;
    background: #eee;
    font-size: 13px; /*reset zeroing*/
    color: #888;
}
.product-tags-list li:before {
    content: '\e914';
    display: inline-block;
    font-family: prisma;
    font-size: 15px;
    color: #ccc;
    vertical-align: middle;
    transition: all .3s;
}
.product-tags-list li:hover:before {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
    transform-origin: top right;
}
.product-tags-list li.separator {
    display: none;
}
.product-tags-list a {
    display: inline-block;
    line-height: 24px;
}
.product-variant-line {
    margin: 0 0 30px;
    padding: 20px 15px;
    background: #f6f6f6;
}
.product-variant-line:after {
    content: "";
    display: block;
    clear: both;
}
.variant-picture {
    position: relative;
    width: 220px;
    margin: 0 auto 15px;
    overflow: hidden;
}
.variant-overview {
    width: 100%;
}
.variant-name {
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: bold;
    color: #444;
}
.variant-overview .variant-description {
    padding: 15px;
    margin: 0;
    border-top: 1px solid #eee;
    line-height: 20px;
    font-size: 14px;
    color: #666;
}
.variant-overview .add-to-wishlist-button {
    display: block;
    float: none;
    clear: both;
    margin: 0 auto;
    padding: 13px 0;
}
.variant-overview button.add-to-wishlist-button span:before {
    margin: 0;
}
.related-products-grid ,
.also-purchased-products-grid  {
    position: relative;
    margin: 50px auto;
    border-bottom: 4px solid #fff;
    width: 100%;
}
.related-products-grid .title,
.also-purchased-products-grid .title {
    padding-bottom: 25px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    color: #444;
}

.related-products-grid .item-grid,
.also-purchased-products-grid .item-grid {
    padding: 30px 30px 0;
    background: #f6f6f6;
}
.ui-tabs {
    margin: 0 0 20px;
}
.ui-tabs .ui-tabs-nav {
    margin-bottom: 4px;
    overflow: hidden;
    font-size: 0pt;
}
.ui-tabs .ui-tabs-nav li {
    position: relative; 
    display: inline-block;
    margin-right: 4px;
    background: #f9f9f9;
}
.ui-tabs .ui-tabs-nav li a {
    position: relative;
    display: inline-block;
    padding: 15px 45px;
    text-transform: uppercase;
    font-size: 14px;
    color: #888;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 1;
}
.ui-tabs .ui-tabs-nav li:hover a,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
.ui-tabs .ui-state-active.ui-tabs-active a {
		color: #fff;
		font-weight: 600;
}
.ui-tabs .ui-tabs-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #57b568;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
}
.ui-tabs .ui-tabs-nav li:hover:before,
.ui-tabs .ui-tabs-nav li.ui-state-active:before {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.ui-tabs .ui-tabs-panel {
    background: #fff;
    font-size: 13px;
    color: #888;
}
.ui-tabs .ui-tabs-panel .table-wrapper {
    padding: 10px;
}
.ui-tabs .ui-tabs-panel p {
    margin: 10px 0;
    line-height: 24px;
}
.ui-tabs .ui-tabs-hide {
    display: none;
}
.ui-tabs .ui-tabs-panel th,
.ui-tabs .ui-tabs-panel td {
    padding: 15px;
    border: 1px solid #eee;
    background: #fff;
}
.ui-tabs .ui-tabs-panel td a {
    font-weight: normal;
}
.ui-tabs .ui-tabs-panel input {
    position: static;
    clip: auto;
    height: auto;
    width: auto;
}

.product-essential .main-rail{
	font-size: 16px;
}
.product-specs-box .title{
	background-color: #44c0f0;
    max-width: 232px;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 45px;    
}
.product__video-frame {
	width: 100%;
}


@media all and (min-width: 481px) {
    .product-review-links span + a {
        display: inline-block;
        margin-left: 2%;
    }
    .attribute-item:after {
        content: '';
        display: block;
        clear: both;
    }
    .attribute-label,
    .attributes .attr-label {
        float: left;
    } 
    .attribute-data,
    .attributes .attr-value {
        float: right;
    }
    .attribute-data,
    .rental-attributes .datepicker {
        border: 0;
	    width: 50%;
        max-width: 50%;
        text-align: left;
    }
    .attributes .attr-label {
        padding:  19px 0 15px 15px;
        width: 50%;
    }
    .attributes .attr-label label {
	    line-height: 32px;
    }
    .attributes .attr-value {
	    display: inline-block;    
        padding: 15px 0;
        border: 0;
        width: 50%;
    }
    .attributes .qty-box {
        margin-top: 0;
    }
    .overview-buttons .add-to-wishlist,
    .overview-buttons .add-to-cart {
        display: inline-block;
        width: 49.8%;
        width: -webkit-calc(100%/2 - 2px);
        width: calc(100%/2 - 2px);
        vertical-align: top;
    }
    .overview-buttons .add-to-cart {
        margin-left: 4px;
    }
}

@media all and (min-width: 769px) {

    /*ATTR*/
    .overview .qty-label,
    .variant-overview .qty-label {
	    position: static;
	    left: 0;
	    margin: 0 10px 0 0;
    }
    .attributes .qty-box {
        margin-top: 10px;
    }
    .variant-picture {
	    float: left;
    }
    .variant-picture + .variant-overview {
	    width: auto;
	    margin: 0 0 0 235px;
    }
    .variant-overview .qty-wrapper,
    .variant-overview .prices {
        text-align: left;
    }
    .attribute-item:last-child {
        margin-bottom: 0;
    }
    .attribute-item:after {
        content: '';
        display: block;
        clear: both;
    }
    .attr-item:after {
        content: none;
    }
    .attribute-label {
        width: 50%;
    }
    .attribute-data {
        float: none;
        display: inline-block;
    }
    .tier-prices .prices-table {
	    display: table;
	    width: 100%;
	    border: none;
	    border-collapse: collapse;
    }
    .tier-prices .prices-row {
	    display: table-row;
	    float: none;
	    width: auto;
    }
    .tier-prices .prices-row > div {
	    display: table-cell;
	    border: 1px solid #eee !important;
    }
    .tier-prices .field-header {
	    min-width: 100px;
    }
    .overview-buttons {
	    text-align: left;
    }
    .variant-overview .attributes dd .attribute-squares {
        padding: 0;
        text-align: left;
    }

    .variant-overview .add-to-wishlist,
    .variant-overview .add-to-cart {
        display: inline-block;
        width: 49%;
        width: -webkit-calc(100%/2 - 2px);
        width: calc(100%/2 - 2px);
        vertical-align: top;
    }
    .variant-overview .add-to-cart {
        margin-left: 4px;
    }
    .product-share-wrapper {
        text-align: left;
    }

    .giftcard > div {
        position: relative;
        text-align: center;
    }
    .giftcard label {
	    float: left;
	    margin: 5px 0 5px 0;
        width: 20%;
	    width: -webkit-calc((100% - 350px)/2);
	    width: calc((100% - 350px)/2);
        text-align: left;
    }
    .product-specs-box .attribute-square {
        margin: 0;
    }
}


@media all and (min-width: 1025px) {
    /* PRODUCT PAGE */
    .product-essential {
        margin: 0 0 100px;
    }
    .product-essential .product-name {
        display: table;
        direction: rtl;
        padding: 10px 15px;
        width: 100%;
        border-bottom: 1px solid #eee;
    }
    .product-essential .product-name h1 {
        display: table-cell;
        direction: ltr;
        margin: 0;
        text-align: left;
    }
    .product-name .breadcrumb {
        direction: ltr;
        padding: 0;
        border: 0;
    }
    .product-content-wrappper {
        padding: 20px;
    }
    .product-content-wrappper:after {
        content: '';
        display:block;
        clear: both;
    }
    .gallery {
        float: left;
        margin-bottom: 20px;
        width: 46%;
    }
    .gallery .picture {
        width: auto;
    }
    .gallery .thumb-item {
        width: 24%;
    }
    .gallery .thumb-item:nth-of-type(4n) {
        margin-right: 0;
    }
    .overview {
        float: right;
        width: 52%;
    }
    .attribute-label {
        width: auto;
    }
    .attribute-data, .rental-attributes .datepicker {
        float: right;
    }
    .overview .quantity-container {
        float: left;
        padding: 20px 15px;
    }
    /*attr*/
    .overview > div,
    .additional-details > div {
        font-size: 0pt;
    }
    .attributes .attr-value {
        text-align: right;
    }
    .product-review-box {
        width: auto;
    }
    .attr-item:after {
        content: '';
    }
    .free-shipping:after {
        width: auto;
    }
    .overview .short-description,
    .variant-overview .short-description,
    .product-review-links,
    .product-no-reviews,
    .overview .label,
    .overview .value,
    .variant-overview .label,
    .variant-overview .value,
    .free-shipping,
    .attributes > ul > li div {
        font-size: 16px;
		}
		.overview .add-to-cart-button{
			background-color: #db2331!important;
		}
		.overview .add-to-cart-button:hover{
			color:#db2331!important ;
		}
		
		.free-shipping{
			color: #44c0f0;
			font-weight: 600;
		}
    .overview .label + .value {
        display: inline-block;
        text-align: right;
        width: 50%;
    }

    .overview .qty-wrapper {
        float: left;
    }
    /*prices*/
    .overview .prices {
        float: right;
        border: 0;
        font-size: 14px;
				text-align: right;
				width: 100%;
    }
    .overview .tier-prices {
        font-size: 14px;
    }
    .product-review-box,
    .attribute-squares,
    .overview .customer-entered-price {
				text-align: right;
				display: none;
		}
		.product-reviews-overview{
			display: none;
		}
    .overview .customer-entered-price {
        font-size: 14px;
    }
    .customer-entered-price > div {
        display: block;
    }
    .overview .customer-entered-price label {
        float: left;
        text-align: left;
    }
    /*btns*/
    .overview-buttons {
        overflow: hidden;
    }
    .overview .compare-products,
    .overview .email-a-friend {
        float: left;
        margin-right: 20px;
        width: auto;
    }
    .overview .compare-products input,
    .overview .email-a-friend input {
        position: static;
        padding: 0 15px 0 45px;
        border: 0;
        width: auto;
        background: #fff;
        font-size: 14px;
        color: #303030;
        opacity: 1;
    }
    .overview .product-share-wrapper {
        text-align: left;
    }
    .overview .product-share-wrapper:after {
        content: '';
        display: block;
        clear: both;
    }
    .product-social-buttons {
        float: right;
    }
    /*variants*/
    .product-variant-list {
        font-size: 0pt;
    }
    .product-variant-line {
        display: inline-block;
        width: 49%;
        vertical-align: top;
    }
    .product-variant-line:nth-of-type(2n) {
        margin-left: 2%;
    }
    .variant-picture {
        width: 200px;
    }
    .variant-picture + .variant-overview {
        margin-left: 210px;
    }
    .variant-overview .attribute-squares {
        text-align: left;
    }
    .variant-overview .attributes dt {
        padding: 0 15px;
    }
    .variant-overview .add-to-wishlist {
        width: 50px;
    }
    .variant-overview .add-to-wishlist span {
        font-size: 0;
    }
    .variant-overview .overview-buttons .add-to-cart {
        width:  84%;
        width: calc(100% - 54px);
    }
    .variant-overview .overview-buttons .add-to-wishlist-button:before {
        margin: 0;
    }
    .variant-overview .value {
        display: block;
        margin-top: 5px;
    }
    .variant-overview .attributes dd {
        display: block;
        clear: left;
        width: 100%;
        text-align: left;
    }
    .product-collateral > div {
        margin-bottom: 100px;
    }
    .product-collateral,
    .related-products-grid, .also-purchased-products-grid {
        margin: 100px auto;
    }
    .manufacturer-list-page .page-title h1,
    .vendor-list-page .page-title h1 {
        text-align: left;
    }
    .manufacturer-grid,
    .vendor-grid,
    .recently-added-products-page .product-grid {
        padding: 20px;
    }
    .vendor-page .product-grid {
        padding: 20px;
    }
}


@media all and (min-width: 1281px) {
    /* PRODUCT PAGE */
    .product-content-wrappper {
        padding-right: 50px;
    }
    .ui-tabs .inputs label {
        width: 290px;
    }
    .variant-overview .attributes dt {
        padding: 10px 15px;
    }
    .variant-overview .attributes dd {
        display: inline-block;
        padding: 15px 0;
        width: 50%;
    }
    .variant-overview .value {
        display: inline-block;
        margin: 0;
    }
}

.product-grid{
    max-width: 1280px;
}

.page.product-details-page .product-page.price-brou--text{
    font-size: 30px;
}


.page.product-details-page .product-page.price-brou-img{
    max-width: 166px;
}