/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: transparent;
    color: #444;
    text-shadow: none;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer {
    overflow: hidden;
    background: #f9f9f9;
}

.fancybox-outer,.fancybox-inner img {
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('{{STATIC_URL}}home/images/fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background: #FFF;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    opacity: 0.5;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 50px;
    height: 50px;
    background: url({{STATIC_URL}}home/images/loadingWin8.gif) center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('{{STATIC_URL}}home/images/blank.gif');
    /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
    overflow: hidden;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 2000000001;
    background: url('{{STATIC_URL}}home/images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/*fancybox buttons*/
#fancybox-buttons {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 8050;
}

#fancybox-buttons.top {
    top: 10px;
}

#fancybox-buttons.bottom {
    bottom: 10px;
}

#fancybox-buttons ul {
    display: block;
    width: 166px;
    height: 30px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    border: 1px solid #009784;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
    -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
    background: rgb(0,179,158);
    background: -moz-linear-gradient(top, rgb(0,179,158) 0%, rgb(0,179,158) 50%, rgb(0,138,121) 50%, rgb(0,179,158) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(0,179,158)), color-stop(50%, rgb(0,179,158)), color-stop(50%, rgb(0,138,121)), color-stop(100%, rgb(0,179,158)));
    background: -webkit-linear-gradient(top, rgb(0,79,158) 0%, rgb(0,138,121) 50%, rgb(0,138,121) 50%, rgb(0,138,121) 100%);
    background: -o-linear-gradient(top, rgb(0,79,158) 0%, rgb(0,138,121) 50%, rgb(0,138,121) 50%, rgb(0,138,121) 100%);
    background: -ms-linear-gradient(top, rgb(0,79,158) 0%, rgb(0,138,121) 50%, rgb(0,138,121) 50%, rgb(0,138,121) 100%);
    background: linear-gradient(top, rgb(0,79,158) 0%, rgb(0,138,121) 50%, rgb(0,138,121) 50%, rgb(0,138,121) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222', GradientType=0 );
}

#fancybox-buttons ul li {
    float: left;
    margin: 0;
    padding: 0;
}

#fancybox-buttons a {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-color: transparent;
    background-image: url('{{STATIC_URL}}home/images/fancybox_buttons.png');
    background-repeat: no-repeat;
    outline: none;
    opacity: 0.8;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
}

#fancybox-buttons a:hover {
    opacity: 1;
}

#fancybox-buttons a.btnPrev {
    background-position: 5px 0;
}

#fancybox-buttons a.btnNext {
    background-position: -33px 0;
    border-right: 1px solid #006F61;
}

#fancybox-buttons a.btnPlay {
    background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
    background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
    background-position: 3px -60px;
    border-right: 1px solid #006F61;
    width: 35px
}

#fancybox-buttons a.btnToggleOn {
    background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
    width: 35px;
    background-position: -56px 0px;
}

#fancybox-buttons a.btnDisabled {
    opacity : 0.4;
    cursor: default;
}

.cloudzoom-lens {
    border: 1px solid #DDD;
    box-sizing: content-box;
    width: 100px;
    height: 100px;
    box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
    /*cursor: crosshair;*/
    cursor: pointer;
    z-index: 150;
}

.cloudzoom-zoom-inside {
    z-index: 150;
    cursor: pointer;
}

.cloudzoom-zoom {
    border: 1px solid #EEE;
    box-sizing: content-box;
    width: 485px;
    box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
    z-index: 10000;
}

.cloudzoom-zoom img {
}

.cloudzoom-caption {
    display: none;
    /* CSS captions should be hidden initially */
    text-align: left;
    background-color: #000;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    font-family: sans-serif;
    font-size: 11px;
}

.cloudzoom-blank {
}

.cloudzoom-ajax-loader {
    background: url({{STATIC_URL}}home/images/loadingWin8.gif) center center #FFF no-repeat;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.thumbelina {
    list-style: none;
    padding: 0px;
    margin: 0px;
    position: absolute;
    white-space: nowrap;
    font-size: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

.thumbelina li {
    padding: 5px;
    line-height: 0px;
    margin: 0px;
}

.thumbelina li img {
    cursor: pointer;
    border: 1px solid #ddd;
}

.thumbelina li img.cloudzoom-gallery-active,.thumbelina li img:hover {
    border-color: #222;
}

.thumbelina-but {
    position: absolute;
    z-index: 1;
    cursor: pointer;
}

.thumbelina-but:hover {
}

.thumbelina-but.disabled, .thumbelina-but.disabled:hover {
    cursor: default;
}

.thumbelina-but.horiz {
    width: 40px;
    height: 100%;
    text-align: center;
    color: #555;
}

.thumbelina-but.horiz:before {
    display: inline-block;
    font-size: 52px;
    font-family: FontAwesome;
    line-height: 71px;
}

.thumbelina-but.horiz.left:before {
    content: "\f104";
}

.thumbelina-but.horiz.right:before {
    content: "\f105";
}

.thumbelina-but.vert {
    height: 20px;
    width: 100%;
    text-align: center;
}

.thumbelina-but.vert:before {
    display: inline-block;
    font-size: 40px;
    font-family: FontAwesome;
    line-height: 20px;
    height: 20px;
}

.thumbelina-but.vert.top:before {
    content: "\f106";
}

.thumbelina-but.vert.bottom:before {
    content: "\f107";
}

.thumbelina-but.vert.top {
    top: -25px;
}

.thumbelina-but.vert.bottom {
    bottom: -25px;
}

.thumbelina-but.vert:hover,.thumbelina-but.horiz:hover {
    color: #222;
}

.thumbelina-but.horiz.left.disabled, .thumbelina-but.horiz.right.disabled, .thumbelina-but.vert.top.disabled, .thumbelina-but.vert.bottom.disabled {
    color: #DDD;
}

/*product view page*/
.catalog-product-view .breadcrumb li em {
    font-size: 15px;
    color: #222;
    font-weight: 400;
}

.share-area {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 10px;
    border-top: 1px solid #EEE;
    text-align: center;
}

.col-right .panel h3 {
    font-family: Georgia, "Times New Roman", Times, serif;
    text-align: center;
    font-weight: normal;
    line-height: 18px;
}

.col-right .panel {
    border-radius: 0px;
    border: none;
    margin-bottom: 10px;
    background: #F5F5F5;
    margin-top: 0px;
    clear: both;
    padding-top: 0px;
    box-shadow: none;
}

.col-right .panel-heading {
    padding: 20px 0;
    background: #EEE;
}

.col-right .panel-title {
    font-size: 18px;
}

.option-append a.btn-link em {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url({{STATIC_URL}}home/images/web.png) no-repeat -81px 0;
    margin-right: 5px;
    vertical-align: text-bottom;
    transition: background .15s;
    -webkit-transition: background .15s;
    -moz-transition: background .15s;
}

.recently-product .row {
    padding: 5px 20px;
}

.recently-product .col {
    padding: 5px;
}

.recently-product .col a {
    display: block;
    width: 100%;
}

.recently-product .col img {
    border: 1px solid #FFF;
}

.recently-product .col a:hover img {
    border-color: #be030d;
}

.product-view {
    width: 100%;
}

.product-essential {
    padding-bottom: 10px;
    padding-left: 316px;
}

.product-gallery {
    width: 316px;
    margin-left: -316px;
    margin-top: 5px;
}

.tab-box {
    padding-right: 260px;
}

.view-right {
    float: right;
    width: 260px;
    margin-right: -260px;
    margin-bottom: 10px;
}

.product-essential .product-cont {
    z-index: 0;
    float: right;
    width: 100%;
    padding-left: 20px;
}

.product-essential header {
    margin-bottom: 5px;
}

.product-essential header h1 {
    font-family: "Open Sans",serif;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 6px 0px;
    margin: 0px;
    color: #222;
}

.product-essential .rating-box {
}

.product-essential .rating-box span {
    margin-top: 2px;
}

.product-essential .sku {
    margin: 0px;
    text-align: center;
}

.product-essential a.to-detail {
    margin-right: 6px;
    color: #be030d;
}

.product-essential .price-box {
    font-size: 14px;
    text-align: center;
}

.product-essential .price-box p {
    display: inline-block;
}

.product-essential .special-price .price,.product-essential .regular-price .price {
    font-size: 26px;
    padding-left: 3px;
}

.option-field {
    /*float: left; clear: both; width: 100%; */
}

.view-right .buy-option {
    border: 1px solid #eee;
    box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
    padding: 15px 15px 20px;
    position: relative;
    margin-top: 5px;
}

.buy-option .form-control {
    border-radius: 4px;
}

.buy-option .input-group {
    padding-bottom: 10px;
}

.buy-option .paypal-logo {
    width: 100%;
    clear: both;
    text-align: center;
    padding-top: 5px;
    margin: 0px;
}

.buy-option .paypal-logo .paypal-or {
    clear: both;
    display: block;
    text-align: center;
    width: 100%;
}

.color-select {
    float: left;
    clear: both;
    width: 100%;
}

.color-select a {
    display: block;
    border-radius: 6px;
    border: 1px solid #CCC;
    background: url({{STATIC_URL}}home/images/color-select-bg.jpg) repeat-x #D8D8D8;
    cursor: pointer;
    position: relative;
}

.color-select a * {
    vertical-align: middle
}

.color-select a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.color-select a strong {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    overflow: hidden;
    margin-top: 6px;
    margin-right: 6px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    position: absolute;
    top: -1px;
    right: 0px;
}

.color-select a img {
    width: 100%;
    height: 100%;
}

.color-select a img.auto {
    height: auto;
}

.color-select a span {
    display: block;
    letter-spacing: 0px;
    text-align: center;
    padding: 8px 45px 9px 5px;
}

.color-select a span * {
    vertical-align: text-top;
    display: inline-block;
    line-height: 20px;
}

.color-select a span i {
    font-style: normal;
    display: inline-block;
    color: #666;
}

.color-select a span em {
    font-style: normal;
    padding-left: 5px;
    font-weight: 400;
}

.color-select a span em:after {
    font-family: FontAwesome;
    content: "\f0da";
    margin-left: 5px;
    font-weight: normal;
}

.color-select a:hover {
    text-decoration: none;
}

.color-select a:hover em {
    color: #222;
}

#moveColorBlock {
    position: absolute;
    display: none;
    z-index: 10;
    border-radius: 5px;
    width: 100%;
    height: 100%;
}

#colorPurviewBlock {
    top: 0px;
    left: 0px;
    position: absolute;
    display: none;
    z-index: 199;
    background-color: #FFF;
    width: 100%;
    height: 100%;
}

#colorPurviewBlock img {
    width: 100%;
    height: 100%;
}

#colorPurviewBlock img {
    position: absolute;
}

#colorPurviewBlock img.big {
    z-index: 1;
    background: url({{STATIC_URL}}home/images/p-img-spacer.gif);
}

#colorPurviewBlock .loading {
    display: none;
    position: absolute;
    z-index: 2;
    top: 42%;
    left: 41%;
    width: 50px;
    height: 50px;
    background-color: #FFF;
    border-radius: 5px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

#product-view-tab #tab-colour-chart {
    padding-right: 0px;
}

ul.color-list {
    width: 100%;
    text-align: center;
}

ul.color-list li {
    float: left;
    display: inline-block;
    padding: 0 4px 4px;
    width: 12.5%;
}

ul.color-list li a {
    display: block;
    width: 100%;
    padding: 3px;
    text-align: center;
    text-decoration: none;
    line-height: 14px;
    text-align: center;
    overflow: hidden;
    position: relative;
    transition: none;
    -webkit-transition: none;
}

ul.color-list li a span {
    display: block;
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 15px;
    overflow: hidden;
}

ul.color-list li a i,ul.color-list li a strong,ul.color-list li a em {
    font-style: normal;
    font-weight: normal;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    display: block;
    width: 100%;
    padding: 0px;
}

ul.color-list li a strong {
    line-height: 30px;
}

ul.color-list li a strong,ul.color-list li a em {
    color: #FFF;
}

ul.color-list li a img {
    float: left;
    width: 100%;
}

ul.color-list li.wide a img {
    width: 98%;
}

ul.color-list li a:hover {
    background: #222;
}

ul.color-list li a:hover i {
    display: block;
    color: #FFF;
}

ul.color-list li a:hover strong,ul.color-list li a:hover i {
    display: none;
}

ul.color-list li a:hover em {
    display: block;
}

ul.color-list li a.active {
    background: #F8694D;
    position: relative;
    z-index: 100;
}

ul.color-list li a.active i,ul.color-list li a.active em {
    display: none;
}

ul.color-list li a.active strong {
    display: block;
}

.option-field {
    margin-bottom: 5px;
    padding-top: 10px;
}

.option-field dt {
    width: 73px;
}

.option-field .control-label {
    text-align: left;
}

.option-field dt {
    text-transform: uppercase;
    font-weight: 400;
    padding-right: 0px;
    font-size: 15px;
}

.option-field dt em {
    color: red;
    position: relative;
    top: 2px;
    font-style: normal;
}

.option-field select {
    cursor: pointer;
}

.add-to-cart dt {
    padding-left: 15px;
}

.add-to-cart dl {
    padding-top: 10px;
}

.add-to-cart hr {
    float: left;
    width: 100%;
    margin: 5px 0 18px 0;
    *margin-bottom: 12px;
}

button.btn-cart {
    font-size: 19px;
    white-space: normal;
}

.option-bottom {
    clear: both;
}

.cart-btn-box {
    max-width: 290px;
}

.add-btns {
    margin: 0px;
    padding-top: 10px;
}

.add-btns div {
    padding: 0px;
}

.add-btns a {
    text-transform: lowercase;
}

.add-btns a em {
}

.add-btns a.link-email-friend em {
    background-position: -98px -37px;
}

.add-btns a.link-wishlist:hover em {
    background-position: -81px -54px;
}

.add-btns a.link-email-friend:hover em {
    background-position: -98px -54px;
}

.add-btns a.link-update-wish {
    color: #be030d;
    font-size: 14px;
    text-decoration: underline;
    left: 78px;
    position: relative;
}

.add-btns a.link-update-wish:hover {
    top: -2px;
}

.buy-verified {
    width: 180px;
    margin: 0 auto;
    margin-top: 10px;
}

.buy-verified a {
    display: inline-block;
    height: 65px;
    background: url({{STATIC_URL}}home/images/buy-verified.jpg) no-repeat;
    float: left;
    text-decoration: none;
    text-indent: -999em;
}

.buy-verified a#l1 {
    width: 65px;
}

.buy-verified a#l2 {
    float: right;
    width: 100px;
    background-position: -90px 5px;
}

.media-container {
    float: left;
    width: 100%;
}

.product-gallery .zoom-box {
    border: 1px solid #e2e2e2;
    display: block;
    position: relative;
    width: 100%;
    cursor: pointer;
}

.zoom-box a.fa {
    color: #F9F9F9;
    font-size: 30px;
    position: absolute;
    right: 8px;
    bottom: 8px;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.zoom-box a.fa:hover {
    opacity: 0.7;
}

.product-gallery .zoom-box img {
    width: 100%;
}

#thumb-container {
    clear: both;
    width: 100%;
    height: 71px;
    float: left;
    padding: 0px;
    margin: 10px 0;
}

.media-container .thumb-list {
    width: auto;
    height: 71px;
    margin: 12px 30px;
    position: relative;
}

.media-container .thumb-list img {
    width: 100%;
}

.media-container .thumb-list .thumbelina li {
    padding: 0 5px;
}

.media-container .thumb-list .thumbelina-but.horiz.left {
    left: -40px;
}

.media-container .thumb-list .thumbelina-but.horiz.right {
    right: -40px;
}

.media-container .thumb-list img {
    height: 71px;
    width: auto;
}

#b-recommend-product .recommend-product {
    background: #f3f3f3;
    margin-top: 30px;
    padding: 16px 0;
    margin-bottom: 15px;
}

#b-recommend-product .list {
    height: 184px;
    margin: 0px 30px;
    position: relative;
}

#b-recommend-product .list li img {
    height: 177px;
}

#b-recommend-product .thumbelina-but.horiz {
    background: url({{STATIC_URL}}home/images/web.png) no-repeat -82px -79px;
    width: 19px;
    height: 19px;
    margin-top: -9px;
}

#b-recommend-product .thumbelina-but.horiz.left {
    left: -24px;
}

#b-recommend-product .thumbelina-but.horiz.left:hover {
    background-position: -82px -98px;
}

#b-recommend-product .thumbelina-but.horiz.right {
    right: -24px;
    background-position: -101px -79px;
}

#b-recommend-product .thumbelina-but.horiz.right:hover {
    background-position: -101px -98px;
}

.related-products {
    margin-top: 20px;
}

.related-products .product-section-title {
    font-weight: 400;
}

.related-products .pager {
    margin: 0px !important;
    display: inline-block;
    font-size: 12px;
}

.related-products .pager .btn {
    margin-left: 5px;
}

.related-products .pager .btn .fa {
    font-size: 18px;
}

.product-view .related-products hr {
    margin-top: 5px;
}

.payment-icons {
    float: right;
    clear: both;
    margin-top: 5px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    body .payment-icons img {
        width:330px;
    }
}

@media (max-width: 991px) {
    body .payment-icons {
        float:left;
        margin-top: 10px;
    }
}

.similar-categories {
    background-color: #fafafa;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    padding: 5px 10px 15px;
    margin-top: 15px;
}

.similar-categories a {
    color: #000;
    border-radius: 3px;
    display: inline-block;
    padding: 5px 10px;
    margin: 5px 12px 10px 0px;
    background-color: #FFF;
    border: 1px solid #DDD;
}

.similar-categories a:hover {
    text-decoration: none;
    background-color: #EFEFEF;
}

@media (max-width: 767px) {
    .similar-categories div {
        text-align:center;
    }

    #related-list-container .col:last-child {
        display: none;
    }
}

.list-price .old-price {
    float: left;
}

.list-price .special-price {
    float: right;
}

.list-price .regular-price {
    float: left;
    width: 100%;
    text-align: center;
}

.list-price .price-box {
    line-height: 24px;
}

.list-price .price-box * {
    vertical-align: middle;
}

.list-price .old-price .price {
    font-size: 12px;
}

.list-price .special-price .price {
    color: #be030d;
    font-weight: bold;
    font-size: 14px;
}

.review-row {
    padding-top: 10px;
}

.review-row .rating-box {
    float: right;
    padding-right: 3px;
    font-size:13px;
}
.review-row .rating-box a{
    color:#154360;font-weight:500;
}

.atm-f {
    box-sizing: content-box !important;
}

.color-gray {
    color: #999;
    font-size: 12px;
}

#review-form .color-gray {
    padding-top: 5px;
}

#review-list .attachments {
    padding-top: 5px;
}

#review-list .attachments img {
    float: left;
    margin-right: 5px;
    height: 80px;
}

#review-list {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding: 15px 0;
    background: #FBFBFB;
}

#review-list .pagination-container {
    width: 100%;
    text-align: center !important;
}

#review-list article {
    margin: 10px 0;
    color: #666;
}

#review-list .rating-box {
    float: left;
    width: 100%;
    padding-bottom: 8px;
    padding-top: 4px;
}

#review-list .header div {
    padding-left: 3px;
}

#review-list .header strong {
    font-size: 16px;
    font-weight: 400;
    color: #222;
}

#review-list .reply {
    clear: both;
}

#review-list .reply em {
    float: left;
    width: 21px;
    height: 16px;
    background: url({{STATIC_URL}}home/images/web.jpg) no-repeat 0px 0px;
    position: relative;
    left: 13px;
    z-index: 10;
}

#review-list p {
    margin: 0px;
}

#review-list .reply p {
    clear: both;
    padding: 8px 20px;
    background: #F9F9F9;
    border: 1px solid #E8E8E8;
    position: relative;
    top: -1px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#review-list .toolbar {
    margin-top: 20px;
}

#review-form .rating-box span {
    margin-top: 5px;
}

#review-form .radio-inline {
    margin-left: 0px;
    margin-right: 10px;
}

.product-view .nav-tabs {
    background: #e1e1e1;
    border-color: #EEE;
}

.product-view .nav-tabs li {
    vertical-align: bottom;
    margin-top: 5px;
}

.product-view .nav-tabs li a {
    border-radius: 0;
    background: #f3f3f3;
    border-color: #EEE;
    border-top: 2px solid #EEE;
}

.product-view .nav-tabs li a:hover, .product-view .nav-tabs li.active a {
    background: #FFF;
    border-bottom-color: transparent;
    border-top: 2px solid #be030d;
}

#product-view-tab .tab-content {
    border: none;
    padding: 10px 0;
    float: left;
    padding-right: 15px;
    width: 100%;
}

#product-view-tab .nav-tabs {
    background: none;
    border-width: 2px;
    border-color: #222;
    margin-top:15px;
}

#product-view-tab .nav-tabs li a {
    background: none;
    border: none;
    padding: 0 10px;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
}

#product-view-tab .nav-tabs li a:hover,#product-view-tab .nav-tabs li.active a {
    background: #FFF;
    color: #222;
}

#product-view-tab .nav-tabs li.active a {
    font-weight: 400;
}

#product-view-tab .nav-tabs > li {
    margin: 0px;
}

#product-view-tab .tab-pane {
    max-height: 485px;
    overflow: auto;
    overflow-x: hidden;
    padding-right: 15px;
}

#tab-size-chart {
    font-size: 12px;
    overflow-x: auto;
}

.review-image-box .form-control {
    height: auto;
}
#product-view-tab .nav-tabs{margin-bottom:0px;}
</style>
<style>
    .breadcrumb {
        border-radius: 0;
        padding: 8px 0;
    }

    .breadcrumb a {
        text-decoration: none;
    }

    .breadcrumb > li + li::before {
        content: "\e9c3";
        font-family: 'icomoon';
        color: #666;
    }

    .breadcrumb li em {
        font-style: normal;
    }

    .breadcrumb li.home {
        padding-left: 15px;
        float: left;
    }

    .breadcrumb li.home a {
        text-indent: -9999em;
        display: inline-block;
        padding: 0px;
        width: 16px;
        height: 100%;
    }

    .breadcrumb li.home a:before {
        font-family: 'icomoon';
        content: "\e904";
        font-size: 15px;
        display: inline-block;
        float: left;
        text-indent: 0em;
    }

    .breadcrumb a:hover {
        color: #222;
    }

    .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
        border-radius: 0px;
    }
    
ul.bxslider{display:flex;}
.bx-wrapper img{
    max-width: 100%;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mini-style{
    font-size:18px;color:#555;font-weight:400;
    margin-bottom:-5px;
}
#product-cont h1{font-size:28px;margin-top:10px;}
.review-box{display:flex;color:#333;}
.review-box .rating-box span i{font-size:24px;}
.review-box em{margin-left:15px;margin-right:15px;}
.review-box a{color:#9DB530;}
.product-view-tab .nav-tabs li a{
    padding-top:10px !important;
}
.product-view-tab .nav-tabs li.active a{
    background:#222 !important;
    color:#fff !important;
}
.tab-box{padding-right:0px !important;}
.view-right{margin-right:0px !important;width:100% !important;}
.view-right .buy-option {
    /* border: 1px solid #ddd; */
    box-shadow: none;
    padding: 15px;
    /* background:#fdfdfd; */
    position: relative;
    /* margin-top: 15px; */
}
.page-title-val{width:100%;float:left}

.page-title-val .btn-downval,.page-title-val .btn-upval{width:48px;height:48px;background:#941934;color:#fff;float:left;border:1px solid #ddd;padding:0;border-radius:0;text-align:center}
.page-title-val.mini .btn-downval,.page-title-val.mini .btn-upval{width:32px;height:32px;background:#9DB530;color:#333;float:left;border:1px solid #ddd;padding:0;border-radius:0;text-align:center}
.page-title-val .input-val{width:100px;height:48px;float:left;border:1px solid #ddd;border-left:none;border-right:none;text-align:center;font-size:22px}
.page-title-val.mini{width:120px}
.page-title-val.mini .input-val{width:calc(100% - 68px);height:32px;float:left;border:1px solid #ddd;border-left:none;border-right:none;text-align:center;font-size:22px}

.buy-option .price{font-size:24px;font-weight:500;}
.buy-option .price sup{font-size:12px;vertical-align: middle;}
.box-info{margin-top:15px;padding:15px;border:1px solid #ddd;background:#f2f2f2;}

.view-right .size,
.view-right .colour,
.view-right .qty{float:left;width:100%;margin-bottom:15px;}
.view-right .w-l{float:left;width:100px;padding-top:10px;}
.view-right .w-r{float:left;width:calc(100% - 100px);}
.view-right .w-r .form-control{
    border:1px solid #999;
    border-radius:10px;
    background:#ffe;
}
.btn-style{
    background:#222;
    color:#fff;
    margin-top:15px;
    width:100%;
}
.btn-style2{
    background:#fff;
    color:#E07F00;
    border:1px solid #E07F00;
    margin-top:15px;
    width:100%;
}
.btn-style2:hover{
    background:#f2f2f2;
    color:#E07F00;
    border:1px solid #E07F00;
}
#tab-product-detail,#tab-delivery,
#color-list,#tab-size-chart,#tab-how-to{
    font-size:16px;
    padding-top:25px;padding-bottom:25px;
}
#color-list li{width:calc(100% / 9);}
#color-list li img{height:95px;object-fit: cover;}

.table-responsive>.table.always-res>tbody>tr>td, 
.table-responsive>.table.always-res>tbody>tr>th, 
.table-responsive>.table.always-res>tfoot>tr>td, 
.table-responsive>.table.always-res>tfoot>tr>th, 
.table-responsive>.table.always-res>thead>tr>td, 
.table-responsive>.table.always-res>thead>tr>th {
    white-space: nowrap;
}
.box-howto{text-align: center;}
.box-howto p{text-align: justify;font-size:16px;margin-top:15px;}
.box-howto img{display:inline-block;width:60px;height:60px;object-fit: cover;}

.box-howto p span{font-size:18px;font-weight:bold;color:#154360;}
#product-view-tab .tab-pane {
    max-height: inherit !important;
}
.fix-regular a{
    font-size:18px;
}
.box-list-reviewer{float:left;width:100%;padding-top:25px;padding-bottom:25px;background:#fff;}
.box-list-reviewer .box-list-reviewer-item{
    float:left;width:100%;padding-bottom:15px;border-bottom:1px solid #ddd;
    margin-bottom:15px;
}
.review-item-left{float:left;width:65px;}
.square-user{text-align: center;width:65px;height:65px;border-radius:100%;border:1px solid #ddd;background:#222;}
.square-user span{font-size:38px;margin-top:10px;color:#fff;}
.review-item-right{float:left;width:calc(100% - 65px);padding-left:15px;font-size:16px;}
.review-item-right small{margin-right:15px;}
.review-name{font-size:18px;font-weight:bold;}
.box-list-reviewer-page{
    float: left;
    width: 100%;
    text-align: center;
}
.article-list-nav{text-align: center;display:block;}
.article-list-nav ul{display:block;width:100%;text-align: center;margin:0px;margin-top:10px;padding:0px;}
.article-list-nav ul li{display:inline-block;text-align: center;list-style: none;}
.article-list-nav ul li a,.article-list-nav ul li b{font-size:16px;margin:5px;color:#333;margin-top:10px;}
.article-list-nav ul li b{height:25px;width:25px;border-radius:100%;border:1px solid #ddd;background:#9DB530 ;display:inline-block;color:#fff;}
.pagination-rounded{
    border-radius:20px;
}
.post-reviewer-box{
    float:left;width:100%;margin:20px 0px;border:1px solid #ddd;background:#fff;
    padding:15px;border-radius:10px;
}
.post-reviewer-box .h1{font-size:20px;margin-top:0px;font-weight:500;}
.post-reviewer-box .rate{float:left;width:100%;}
.post-reviewer-box .rate label{float:left;margin-right:10px;border:1px solid #ddd;background:#fff;padding:5px 10px;cursor: pointer;}
.post-reviewer-box .rate label span i{color:#555}
.post-reviewer-box .rate label.active,
.post-reviewer-box .rate label:hover{border-color:#154360;020}
.post-reviewer-box .rate label.active span i,
.post-reviewer-box .rate label:hover span i{color:#154360;020}
.post-reviewer-box .rate label input{display:none;}
.post-reviewer-box .content-reviewer{float:left;width:100%;}
.post-reviewer-box .content-reviewer textarea{
    border:1px solid #ddd;background:#fff;margin-bottom:15px;
}
.post-reviewer-box input[type=text],
.post-reviewer-box input[type=email]{padding-left:10px;border:1px solid #ddd;margin-bottom:10px;background:#fff;}
.post-reviewer-box .file-reviewer{float:left;}
.post-reviewer-box .button-reviewer{float:right;}

#bxslider{margin-bottom:10px; display:block; overflow: hidden;}
#bxslider .bx-controls{display:none;}
.bx-wrapper {
	margin-bottom:20px;
	padding:5px;
	box-shadow: none !important;
}
.bx-viewport{
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
#bx-pager {
    margin-top: 0px;
    text-align: center;
	float:left;
	width:100%;
}
#bx-pager a {
    margin: 0 0px 10px;
	width:65px;
	height:65px;
	display:inline-block;
}
#bx-pager a:hover img, #bx-pager a.active img{
	border:2px solid #333 !important;
}
#bx-pager a img{
	width:65px;
	height:65px;
	object-fit: contain;
}
#bx-pager a img {
    border: 1px solid #ccc;
    padding: 3px;
}
#bx-pager a:hover img, #bx-pager a.active img {
    border: 1px solid #0088cc;
}
    .box-category-list li ul li label{width:100%;cursor: pointer;}
    .box-category-list li ul li label:hover{
        background:#f2f2f2;
        color:#222;
    }
    .box-category-list li ul li label.active{
        color:#222;
        font-weight:bold;
    }
    .eff-group-cart.eff_2 .btn-half{
        display:none;
    }
    .eff-group-cart .btn-half{
        display:inline-block;
    }
    .eff-group-cart.eff_2 .page-title-val{
        display:inline-block;
    }
    .eff-group-cart .page-title-val{
        display:none;
    }
    .product-grid{background:#fff;}
    .box-item-list{padding-top:10px;}
    .product-grid .product-grid-item{
        float:left;
        width:calc(calc(100% / 5) - 10px);
        margin:5px;
    }
    @media (max-width:1024px){
        .product-grid .product-grid-item{
            width: calc(calc(100% / 3) - 10px);
        }
    }