body {
    font-size: 16px
}

.clearfix {
    *zoom: 1
}
@media (max-width: 979px)
.responsive .row-offcanvas-left.active .sidebar-offcanvas {
     height: 100%;
}
.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0
}
.jshop_related {
    padding-bottom: 5px;
    max-width: 250px;
}
.clearfix:after {
    clear: both
}
.bwc-msg-btn{
    background-image:none;
    border:1px solid transparent;
    border-color: transparent;
}
.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

#sp-menu-wrapper.bar_fixed {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    box-sizing: border-box
}

.compare_link_to_list,
.go_to_compre_list,
.remove_compare_list {
    margin-top: -65px;
    background-image: none!important;
    border: 0 solid #ccc!important;
    background-color: #fff!important;
    color: #2478a2!important
}

.aqua_currency {
    width: 100px
}

a.product_link {
    font-size: 17px
}

li.block_item jshop_related {
    max-width: 300px
}

@-webkit-keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0%);
        opacity: 1
    }
}

@-moz-keyframes moveFromLeft {
    from {
        -moz-transform: translateX(-100%);
        opacity: 0
    }
    to {
        -moz-transform: translateX(0%);
        opacity: 1
    }
}

@-ms-keyframes moveFromLeft {
    from {
        -ms-transform: translateX(-100%);
        opacity: 0
    }
    to {
        -ms-transform: translateX(0%);
        opacity: 1
    }
}

@-webkit-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes moveFromRight {
    from {
        -moz-transform: translateX(100%)
    }
    to {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes moveFromRight {
    from {
        -ms-transform: translateX(100%)
    }
    to {
        -ms-transform: translateX(0%)
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(200%) scale(0.5);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0%) scale(1);
        opacity: 1
    }
}

@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(200%) scale(0.5);
        opacity: 0
    }
    to {
        -moz-transform: translateY(0%) scale(1);
        opacity: 1
    }
}

@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(200%) scale(0.5);
        opacity: 0
    }
    to {
        -ms-transform: translateY(0%) scale(1);
        opacity: 1
    }
}

@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-200%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%)
    }
}

@-moz-keyframes moveFromTop {
    from {
        opacity: 0;
        -moz-transform: translateY(-200%)
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0%)
    }
}

@-ms-keyframes moveFromTop {
    from {
        opacity: 0;
        -ms-transform: translateY(-200%)
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0%)
    }
}

@-webkit-keyframes swing {
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transform-origin: top center
    }
    20% {
        -webkit-transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0deg)
    }
}

@-moz-keyframes swing {
    20% {
        -moz-transform: rotate(15deg)
    }
    40% {
        -moz-transform: rotate(-10deg)
    }
    60% {
        -moz-transform: rotate(5deg)
    }
    80% {
        -moz-transform: rotate(-5deg)
    }
    100% {
        -moz-transform: rotate(0deg)
    }
}

@-ms-keyframes swing {
    20% {
        -ms-transform: rotate(15deg)
    }
    40% {
        -ms-transform: rotate(-10deg)
    }
    60% {
        -ms-transform: rotate(5deg)
    }
    80% {
        -ms-transform: rotate(-5deg)
    }
    100% {
        -ms-transform: rotate(0deg)
    }
}

@-o-keyframes swing {
    20% {
        -o-transform: rotate(15deg)
    }
    40% {
        -o-transform: rotate(-10deg)
    }
    60% {
        -o-transform: rotate(5deg)
    }
    80% {
        -o-transform: rotate(-5deg)
    }
    100% {
        -o-transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    100% {
        transform: rotate(0deg)
    }
}

@-webkit-keyframes fontsize {
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transform-origin: top center
    }
    20% {
        font-size: 20%
    }
    40% {
        font-size: 40%
    }
    60% {
        font-size: 60%
    }
    80% {
        font-size: 80%
    }
    100% {
        font-size: 100%
    }
}

@-moz-keyframes fontsize {
    20% {
        font-size: 20%
    }
    40% {
        font-size: 40%
    }
    60% {
        font-size: 60%
    }
    80% {
        font-size: 80%
    }
    100% {
        font-size: 100%
    }
}

@-ms-keyframes fontsize {
    20% {
        font-size: 20%
    }
    40% {
        font-size: 40%
    }
    60% {
        font-size: 60%
    }
    80% {
        font-size: 80%
    }
    100% {
        font-size: 100%
    }
}

@-o-keyframes fontsize {
    20% {
        font-size: 20%
    }
    40% {
        font-size: 40%
    }
    60% {
        font-size: 60%
    }
    80% {
        font-size: 80%
    }
    100% {
        font-size: 100%
    }
}

@keyframes fontsize {
    20% {
        font-size: 20%
    }
    40% {
        font-size: 40%
    }
    60% {
        font-size: 60%
    }
    80% {
        font-size: 80%
    }
    100% {
        font-size: 100%
    }
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(30px)
    }
    80% {
        -moz-transform: translateX(-10px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}

@-ms-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -ms-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -ms-transform: translateX(30px)
    }
    80% {
        -ms-transform: translateX(-10px)
    }
    100% {
        -ms-transform: translateX(0)
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateX(30px)
    }
    80% {
        -o-transform: translateX(-10px)
    }
    100% {
        -o-transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(30px)
    }
    80% {
        transform: translateX(-10px)
    }
    100% {
        transform: translateX(0)
    }
}

.btn {
    display: inline-block;
    *zoom: 1;
    padding: 4px 14px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbb;
    *border: 0;
    border-bottom-color: #a2a2a2;
    border-radius: 4px;
    *margin-left: .3em;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    color: #333;
    background-color: #e6e6e6
}

.btn:active,
.btn.active {
    background-color: #cccccc \9
}

.btn:first-child {
    *margin-left: 0
}

.btn:hover {
    color: #333;
    text-decoration: none;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
    background-position: 0 -40px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.active,
.btn:active {
    background-color: #d9d9d9 \9;
    background-image: none;
    outline: 0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.btn.disabled,
.btn[disabled] {
    cursor: default;
    background-color: #e6e6e6;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none
}

.btn-large {
    padding: 9px 14px;
    font-size: 16px;
    line-height: normal;
    border-radius: 5px
}

.btn-large [class^="icon-"] {
    margin-top: 2px
}

.btn-small {
    padding: 3px 9px;
    font-size: 12px;
    line-height: 18px
}

.btn-small [class^="icon-"] {
    margin-top: 0
}

.btn-mini {
    padding: 2px 6px;
    font-size: 11px;
    line-height: 16px
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box
}

.btn-block+.btn-block {
    margin-top: 5px
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
    color: rgba(255, 255, 255, 0.75)
}

.btn {
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25)
}

.btn-primary {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #08c, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #08c, #0044cc);
    background-image: -o-linear-gradient(top, #08c, #0044cc);
    background-image: linear-gradient(to bottom, #08c, #0044cc);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0043cc', GradientType=0);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    color: #fff;
    background-color: #0044cc;
    *background-color: #003bb3
}

.btn-primary:active,
.btn-primary.active {
    background-color: #003399 \9
}

.btn-warning {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fffab44f', endColorstr='#fff89406', GradientType=0);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
    color: #fff;
    background-color: #f89406;
    *background-color: #df8505
}

.btn-warning:active,
.btn-warning.active {
    background-color: #c67605 \9
}

.btn-danger {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
    color: #fff;
    background-color: #bd362f;
    *background-color: #a9302a
}

.btn-danger:active,
.btn-danger.active {
    background-color: #942a25 \9
}

.btn-success {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #00adea;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00adea), to(#00adea));
    background-image: -webkit-linear-gradient(top, #00adea, #00adea);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #00adea, #00adea);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    border-radius: 20px;
    font-size: 15px;
    padding: 8px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    color: #fff;
    background-color: #000;
    *background-color: #499249
}

.btn-success:active,
.btn-success.active {
    background-color: #408140 \9
}

.btn-info {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #00adea;
    background-image: -moz-linear-gradient(top, #00adea, #00adea);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00adea), to(#00adea));
    background-image: -webkit-linear-gradient(top, #00adea, #00adea);
    background-image: -o-linear-gradient(top, #00adea, #00adea);
    background-image: linear-gradient(to bottom, #00adea, #00adea);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    padding: 6px 14px;
    font-family: 'Ubuntu';
    font-size: 16px;
    margin-bottom: 4px
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
    color: #fff;
    background-color: #000
}

.btn-info:active,
.btn-info.active {
    background-color: #24748c \9
}

.btn-inverse {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    background-image: -moz-linear-gradient(top, #444, #222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222));
    background-image: -webkit-linear-gradient(top, #444, #222);
    background-image: -o-linear-gradient(top, #444, #222);
    background-image: linear-gradient(to bottom, #444, #222);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
    color: #fff;
    background-color: #222;
    *background-color: #151515
}

.btn-inverse:active,
.btn-inverse.active {
    background-color: #090909 \9
}

button.btn,
input[type="submit"].btn {
    *padding-top: 3px;
    *padding-bottom: 3px
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
    padding: 0;
    border: 0
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
    *padding-top: 7px;
    *padding-bottom: 7px
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
    *padding-top: 3px;
    *padding-bottom: 3px
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
    *padding-top: 1px;
    *padding-bottom: 1px
}

.btn-link,
.btn-link:active {
    background-color: transparent;
    background-image: none;
    box-shadow: none
}

.btn-link {
    border-color: transparent;
    cursor: pointer;
    color: #08c;
    border-radius: 0
}

.btn-link:hover {
    color: #005580;
    text-decoration: underline;
    background-color: transparent
}

a,
a:hover {
    text-decoration: none;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms
}

.page-header {
    padding-bottom: 10px;
    margin: 0 0 20px
}

.entry-meta.muted {
    background: #f2f2f2;
    padding: 5px;
    margin-bottom: 20px;
    font-size: 12px
}

.entry-meta.muted>span,
.entry-meta.muted>time {
    margin: 0 5px
}

.entry-meta ul {
    margin: 0 5px
}

.entry-meta ul.actions {
    float: right
}

.entry-meta ul.actions li {
    display: inline-block
}

.entry-meta ul.actions li.print-icon a::before {
    content: "\f02f"
}

.entry-meta ul.actions li.email-icon a::before {
    content: "\f003"
}

.entry-meta ul.actions li.edit-icon a::before {
    content: "\f044"
}

.entry-meta ul.actions li a {
    font-family: 'FontAwesome';
    display: block;
    font-size: 14px;
    margin-left: 5px
}

.entry-meta ul.actions li a img {
    display: none
}

.entry-meta ul.actions li a span {
    display: none
}

section.blog:not(.column-1) .post .entry-content .pull-left,
section.blog:not(.column-1) .post .entry-content .pull-right {
    float: none
}

ul.pagenav {
    list-style: none;
    padding: 0;
    clear: both;
    margin-top: 10px;
    margin-left: 0;
    overflow: hidden
}

ul.pagenav .pagenav-prev {
    float: left
}

ul.pagenav .pagenav-next {
    float: right
}

dl dt,
dl dd {
    display: inline
}

label.invalid {
    color: #c83025
}

#editor-xtd-buttons {
    display: inline-block;
    margin-right: 10px
}

.button2-left {
    display: inline-block;
    margin-right: 10px;
    margin-top: 15px
}

.toggle-editor {
    display: inline-block
}

.edit .modal {
    position: inherit;
    top: auto;
    left: auto;
    width: auto;
    margin-left: 0;
    border: none;
    border-radius: 0;
    box-shadow: none
}

.icon-hidden span {
    display: none!important
}

#vina_pricing_table {
    padding: 0 20px 20px;
    transform: translateZ(0)
}

#vina_pricing_table .pricing_table .thumbnail {
    background: #fff;
    padding: 10px 4px 20px;
    transition: all 300ms linear 0s;
    overflow: hidden
}

#vina_pricing_table .pricing_table .thumbnail .badge h2 {
    font-size: 50px;
    line-height: normal
}

#vina_pricing_table .pricing_table .thumbnail button {
    border-radius: 0;
    border: 0
}

#vina_pricing_table .pricing_table .thumbnail:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

#vina_pricing_table .pricing_table .thumbnail:hover>h2 {
    -webkit-animation: moveFromTop 500ms ease;
    -moz-animation: moveFromTop 500ms ease;
    animation: moveFromTop 500ms ease
}

#vina_pricing_table .pricing_table .thumbnail:hover .badge {
    -webkit-animation: swing 1500ms ease;
    -moz-animation: swing 1500ms ease;
    animation: swing 1500ms ease
}

#vina_pricing_table .pricing_table .thumbnail:hover p {
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    animation: moveFromBottom 500ms ease
}

#vina_pricing_table .pricing_table .thumbnail:hover button {
    -webkit-animation: bounceInLeft 500ms ease;
    -moz-animation: bounceInLeft 500ms ease;
    animation: bounceInLeft 500ms ease
}

#vina_pricing_table .testimonial .media-body {
    overflow: visible
}

#vina_pricing_table .testimonial .media-body .testimonial-content {
    padding-bottom: 20px;
    border-bottom: 1px dashed #aaaaaa
}

#vina_pricing_table .testimonial .media-body .testimonial-author {
    margin-top: 20px!important;
    text-align: center
}

#vina_pricing_table .testimonial .media-body .testimonial-author .pull-left {
    float: none;
    margin: 0
}

#vina_pricing_table .testimonial .media-body .testimonial-author .pull-left img {
    margin-right: 0
}

#vina_company h3 {
    text-align: center
}

#vina_company .img-polaroid {
    position: relative;
    overflow: hidden;
    border: 0;
    box-shadow: none
}

#vina_company .img-polaroid figure {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 207px;
    margin: 0
}

#vina_company .img-polaroid figure:hover .contact a {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

#vina_company .img-polaroid figure img {
    display: block;
    height: 100%;
    width: 100%
}

#vina_company .img-polaroid figure .contact {
    z-index: 2;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#vina_company .img-polaroid figure .contact a {
    position: absolute;
    display: block;
    width: 50%;
    height: 50%;
    background-repeat: no-repeat;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

#vina_company .img-polaroid figure .contact a em:before {
    font-size: 30px;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 104px
}

#vina_company .img-polaroid figure .contact .tw {
    top: 0;
    left: 0;
    background-color: rgba(0, 172, 238, 0.7);
    -webkit-transform: translate(-100%, -100%);
    -moz-transform: translate(-100%, -100%);
    -ms-transform: translate(-100%, -100%);
    -o-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%)
}

#vina_company .img-polaroid figure .contact .tw:hover {
    background-color: #00acee
}

#vina_company .img-polaroid figure .contact .fb {
    top: 0;
    right: 0;
    background-color: rgba(59, 89, 152, 0.7);
    -webkit-transform: translate(100%, -100%);
    -moz-transform: translate(100%, -100%);
    -ms-transform: translate(100%, -100%);
    -o-transform: translate(100%, -100%);
    transform: translate(100%, -100%)
}

#vina_company .img-polaroid figure .contact .fb:hover {
    background-color: #3b5998
}

#vina_company .img-polaroid figure .contact .gp {
    bottom: 0;
    left: 0;
    background-color: rgba(221, 75, 57, 0.7);
    -webkit-transform: translate(-100%, 100%);
    -moz-transform: translate(-100%, 100%);
    -ms-transform: translate(-100%, 100%);
    -o-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%)
}

#vina_company .img-polaroid figure .contact .gp:hover {
    background-color: #dd4b39
}

#vina_company .img-polaroid figure .contact .ma {
    bottom: 0;
    right: 0;
    background-color: rgba(153, 153, 153, 0.7);
    -webkit-transform: translate(100%, 100%);
    -moz-transform: translate(100%, 100%);
    -ms-transform: translate(100%, 100%);
    -o-transform: translate(100%, 100%);
    transform: translate(100%, 100%)
}

#vina_company .img-polaroid figure .contact .ma:hover {
    background-color: #999999
}

#vina_company #sp_simple_map_canvas {
    border: 1px solid #aaaaaa
}

#vina_company .info .thumbnail {
    -webkit-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    background: #fff;
    overflow: hidden;
    border-radius: 0
}

#vina_company .info .thumbnail .sp-blocknumber>span {
    margin-top: 28px
}

#vina_company .info .thumbnail:hover .sp-blocknumber {
    -webkit-animation: moveFromTop 500ms ease;
    -moz-animation: moveFromTop 500ms ease;
    animation: moveFromTop 500ms ease
}

#vina_company .info .thumbnail:hover .sp-blocknumber>span {
    -webkit-animation: bounceInLeft 500ms ease;
    -moz-animation: bounceInLeft 500ms ease;
    animation: bounceInLeft 500ms ease
}

#vina_about_us h3,
#vina_about_us h4 {
    font-weight: normal
}

#vina_about_us .about_us_header {
    padding-bottom: 20px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 15px
}

#vina_about_us .progress {
    margin-bottom: 12px
}

#vina_about_us .carousel {
    margin-top: 10px;
    padding: 20px 60px;
    background: #fff;
    line-height: normal
}

#vina_about_us .carousel .item {
    padding: 7px
}

#vina_about_us .carousel .item .incon_bg {
    padding: 10px;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 24px;
    color: #fff
}

#vina_about_us .carousel .item h4 {
    margin-top: 13px
}

#vina_about_us .carousel .item p {
    float: left;
    margin-top: 10px
}

#vina_about_us .carousel .item .item_do {
    overflow: hidden
}

#vina_about_us .carousel .item .item_do:hover .incon_bg {
    -webkit-animation: moveFromTop 500ms ease;
    -moz-animation: moveFromTop 500ms ease;
    animation: moveFromTop 500ms ease
}

#vina_about_us .carousel .item .item_do:hover h4 {
    -webkit-animation: moveFromRight 1000ms ease;
    -moz-animation: moveFromRight 1000ms ease;
    animation: moveFromRight 1000ms ease
}

#vina_about_us .carousel .item .item_do:hover p {
    -webkit-animation: bounceInLeft 1000ms ease;
    -moz-animation: bounceInLeft 1000ms ease;
    animation: bounceInLeft 1000ms ease
}

#vina_about_us .carousel .carousel-control {
    -webkit-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    outline: none;
    border: 0;
    top: 50%;
    background: transparent
}

#vina_about_us .carousel .carousel-control.left {
    left: -100px
}

#vina_about_us .carousel .carousel-control.right {
    right: -100px
}

#vina_about_us .carousel:hover .carousel-control:hover {
    color: #fff
}

#vina_about_us .carousel:hover .carousel-control.left {
    left: 10px
}

#vina_about_us .carousel:hover .carousel-control.left:hover {
    left: 5px
}

#vina_about_us .carousel:hover .carousel-control.right {
    right: 10px
}

#vina_about_us .carousel:hover .carousel-control.right:hover {
    right: 5px
}

#vina_about_us .skill ul {
    margin: 0;
    padding: 0
}

#vina_about_us .skill ul li {
    list-style: none;
    padding-left: 20px;
    margin-bottom: 20px
}

#vina_about_us .skill .progress {
    border-radius: 0;
    box-shadow: none
}

#vina_contact_us .contact_us {
    padding: 10px 20px;
    border-radius: 0
}

#vina_contact_us .contact_us h3 {
    line-height: 20px
}

#vina_contact_us .contact_us .qlform {
    position: relative
}

#vina_contact_us .contact_us .qlform form {
    margin-bottom: 0
}

#vina_contact_us .contact_us .qlform dl,
#vina_contact_us .contact_us .qlform dd {
    margin: 0
}

#vina_contact_us .contact_us .qlform .submit {
    height: auto;
    width: auto;
    border-radius: 0;
    margin-bottom: 0;
    padding: 5px 10px;
    box-sizing: border-box
}

#vina_contact_us .contact_us .qlform .captcha input {
    height: auto;
    width: auto;
    border-radius: 0;
    margin: 0;
    padding: 5px 10px;
    box-sizing: border-box
}

#vina_contact_us .contact_us .qlform .cluster {
    margin-bottom: 5px
}

#vina_contact_us .contact_us .qlform .cluster .control-label {
    width: 100%;
    text-align: left
}

#vina_contact_us .contact_us .qlform .cluster .cluster {
    width: 100%;
    display: block;
    margin: 0
}

#vina_contact_us .contact_us .qlform .cluster .cluster input,
#vina_contact_us .contact_us .qlform .cluster .cluster textarea {
    height: auto;
    width: 100%;
    margin: 0;
    border-radius: 0;
    padding: 5px 10px;
    box-sizing: border-box
}

#vina_contact_us .contact_us .qlform .cluster .cluster textarea {
    height: 121px
}

#vina_contact_us .contact_us .qlform .cluster .jform_name {
    display: block
}

#vina_contact_us .contact_us .qlform .cluster .jform_email {
    display: block
}

#vina_contact_us .map {
    background: #fff;
    padding: 15px 20px 10px;
    border-radius: 0;
    position: relative
}

#vina_contact_us .map span {
    margin: 20px 0 0;
    display: block;
    width: 100%
}

#vina_contact_us .map span em {
    display: inline-block;
    margin-right: 2px;
    width: 20px
}

#vina_contact_us .map span.contact {
    margin-bottom: 12px
}

#vina_contact_us ul.social {
    text-align: center;
    position: absolute;
    margin: 0;
    top: 20%;
    left: -42px
}

#vina_contact_us ul.social li {
    list-style: none;
    margin-bottom: 20px
}

#vina_contact_us ul.social li a {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    outline: none;
    text-align: center;
    padding: 0;
    text-decoration: none;
    transition: all 500ms linear 0s;
    overflow: hidden;
    text-shadow: none;
    background-image: none;
    box-shadow: none
}

#vina_contact_us ul.social li a em {
    font-size: 24px;
    transition: all 500ms linear 0s;
    color: #fff;
    font-weight: bold;
    display: block!important;
    margin-top: 12px
}

#vina_contact_us ul.social li a:hover {
    background: #fff
}

#vina_contact_us ul.social li a:hover em {
    animation: moveFromTop 500ms ease
}

#my_projects .vina_projects {
    list-style: none;
    padding: 0;
    position: relative;
    font-size: 0;
    overflow: hidden
}

#my_projects .vina_projects .projects {
    display: inline-block;
    vertical-align: top
}

#my_projects .vina_projects a {
    text-decoration: none;
    color: #888;
    display: inline-block;
    position: relative;
    max-width: 100%;
    font-size: 16px
}

#my_projects .vina_projects a:focus {
    outline: none
}

#my_projects .vina_projects a img {
    display: inline;
    max-width: 100%;
    min-height: auto!important
}

#my_projects .vina_projects .project-label {
    display: block;
    margin: 5px 0 10px
}

#my_projects .vina_projects .current a {
    color: #000
}

#my_projects .vina_projects .current a:after {
    content: "";
    display: block;
    border: 10px solid;
    bottom: 0;
    left: 0;
    position: absolute;
    max-width: 0;
    right: 0;
    border-top: none;
    border-color: #333 transparent;
    margin: auto
}

#my_projects .vina_projects h3 {
    font-size: 16px
}

#my_projects .vina_projects .details {
    font-size: 16px;
    display: none;
    position: absolute;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    background: #444;
    box-shadow: inset 0 10px 20px 5px #333;
    color: #ddd;
    padding: 20px;
    overflow: hidden
}

a:hover {
    text-decoration: none
}

.center {
    text-align: center
}

.center th,
.center tr,
.center td {
    text-align: center
}

.row-fluid:first-child {
    margin-bottom: 0
}

a:focus,
button:focus,
input:focus,
select:focus {
    outline: 0!important;
    text-decoration: none
}

#sp-top-wrapper #top {
    border-bottom: 1px solid #e5e5e5
}

#sp-top-wrapper #top .vina_top1 {
    display: inline-block;
    float: left
}

#sp-top-wrapper #top .vina_top1 .top-language {
    float: left
}

#sp-top-wrapper #top .vina_top1 .top-language label {
    display: none
}

#sp-top-wrapper #top .vina_top1 .top-language .vina_language {
    float: left;
    margin-top: 0
}

#sp-top-wrapper #top .vina_top1 .top-language .vina_language .dropdown {
    margin: 4px 5px 5px 0
}

#sp-top-wrapper #top .vina_top1 .top-language .vina_language .dropdown a {
    padding-left: 25px
}

#sp-top-wrapper #top .vina_top1 .top-language .vina_language .dropdown a:focus {
    text-decoration: none;
    outline: none
}

#sp-top-wrapper #top .vina_top1 .top-language .vina_language .dropdown a.en {
    background: url(images/languages/en.gif) no-repeat center left
}

#sp-top-wrapper #top .vina_top1 .top-language .vina_language .dropdown a.fr {
    background: url(images/languages/fr.gif) no-repeat center left
}

#sp-top-wrapper #top .vina_top1 .top-language .vina_language .dropdown a.ge {
    background: url(images/languages/ge.gif) no-repeat center left
}

#sp-top-wrapper #top .vina_top1 .top-language .vina_language .dropdown a.ru {
    background: url(images/languages/ru.gif) no-repeat center left
}

#sp-top-wrapper #top .vina_top1 .top-language .vina_language .dropdown .dropdown-menu {
    min-width: 80px;
    background: #ececec;
    border-radius: 0;
    margin: 6px 0 0
}

#sp-top-wrapper #top .vina_top1 .top-language .vina_language .dropdown .dropdown-menu a:hover {
    color: #333
}

#sp-top-wrapper #top .vina_top1 .top-currency {
    float: left
}

#sp-top-wrapper #top .vina_top1 .top-currency label {
    display: none
}

#sp-top-wrapper #top .vina_top1 .top-currency .vina_currency {
    margin-top: 0
}

#sp-top-wrapper #top .vina_top1 .top-currency .vina_currency .inputbox {
    position: relative;
    border: 0;
    min-width: 56px;
    padding: 0;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-radius: 0;
    margin: 7px 0;
    min-height: 15px
}

#sp-top-wrapper #top .vina_top1 .top-currency .vina_currency .mod-inner {
    position: relative
}

#sp-top-wrapper #top .vina_top1 .top-currency .vina_currency .mod-inner:before {
    width: 20px;
    height: 100%;
    font-family: 'FontAwesome';
    position: absolute;
    content: "\f0d7";
    z-index: 100;
    right: 1px;
    line-height: 29px;
    color: #000;
    text-align: center;
    background: #fff;
    pointer-events: none
}

#sp-top-wrapper #top .vina_menu_top2 {
    min-height: 20px
}

#sp-top-wrapper #top .vina_menu_top2 .menu {
    float: right;
    margin: 4px 0 5px
}

#sp-top-wrapper #top .vina_menu_top2 .menu li {
    padding: 0;
    display: inline-block;
    line-height: 15px
}

#sp-top-wrapper #top .vina_menu_top2 .menu li a {
    padding: 0 10px 0 20px;
    position: relative;
    margin-right: 10px;
    font-size: 12px
}

#sp-top-wrapper #top .vina_menu_top2 .menu li a:before {
    position: absolute;
    font-family: 'FontAwesome';
    width: 100%;
    left: 0;
    top: 0
}

#sp-top-wrapper #top .vina_menu_top2 .menu li a:after {
    position: absolute;
    content: "";
    width: 1px;
    background: #e5e5e5;
    height: 100%;
    right: 0;
    top: 0
}

#sp-top-wrapper #top .vina_menu_top2 .menu li a.user:before {
    content: "\f007"
}

#sp-top-wrapper #top .vina_menu_top2 .menu li a.wishlist:before {
    content: "\f004"
}

#sp-top-wrapper #top .vina_menu_top2 .menu li a.checkout:before {
    content: "\f0b1"
}

#sp-top-wrapper #top .vina_menu_top2 .menu li a.login:before {
    content: "\f13e"
}

#sp-top-wrapper #top .vina_menu_top2 .menu li a.login:after {
    background: #000;
    height: 9px;
    -webkit-transform: skew(-30deg, 0);
    -moz-transform: skew(-30deg, 0);
    -ms-transform: skew(-30deg, 0);
    -o-transform: skew(-30deg, 0);
    transform: skew(-30deg, 0);
    top: 3px
}

#sp-top-wrapper #top .vina_menu_top2 .menu li a.register:after {
    display: none
}

#sp-top-wrapper #top .vina_menu_top2 .menu li a.view {
    display: none
}

#sp-top-wrapper #top .vina_menu_top2 .menu li:last-child {
    border: 0;
    padding-right: 0
}

#sp-top-wrapper #top .vina_menu_top2 .menu li:last-child a {
    padding: 0
}

#sp-header-wrapper {
    padding: 5px 0
}

#sp-header-wrapper .logo-wrapper {
    text-align: center
}

#sp-header-wrapper .logo-wrapper a {
    display: inline-block
}

#sp-header-wrapper .logo-wrapper .logo {
    background-position: 0 50%;
    background-repeat: no-repeat
}

#sp-header-wrapper .logo-wrapper .logo-text {
    font-size: 24px
}

#sp-header-wrapper .logo-wrapper .logo-slogan {
    font-size: 11px
}

#sp-header-wrapper .module.vina_social {
    margin-top: 12px
}

#sp-header-wrapper .module.vina_social ul {
    display: inline-block
}

#sp-header-wrapper .module.vina_social ul li {
    padding: 0;
    float: left;
    margin-right: 10px
}

#sp-header-wrapper .module.vina_social ul li:last-child {
    margin: 0
}

#sp-header-wrapper .module.vina_social ul li a {
    padding: 6px 9px 7px;
    display: inline-block;
    border-radius: 50%
}

#sp-header-wrapper .module.vina_social ul li a i:before {
    min-height: 15px;
    min-width: 15px;
    text-align: center
}

#sp-header-wrapper .vina_form_search {
    margin-top: 12px
}

#sp-header-wrapper .vina_form_search .form-inline {
    margin: 0;
    float: right;
    border-radius: 20px;
    border: 1px solid #c6c6c6;
    padding: 0 15px
}

#sp-header-wrapper .vina_form_search .form-inline .vina_button {
    background: none;
    box-shadow: none;
    border: 0;
    color: #000;
    padding-right: 0;
    padding-left: 0
}

#sp-header-wrapper .vina_form_search .form-inline input.inputbox {
    padding: 6px 0 7px 5px;
    border: 0;
    max-width: 161px;
    border-radius: 0;
    box-shadow: none
}

.visiable-gallery {
    animation-name: none!important
}

.body-innerwrapper {
    overflow-x: hidden
}

#sp-menu-wrapper #sp-menu {
    position: relative;
    min-height: 40px
}

#sp-menu-wrapper .vina_cart .cart-wapper {
    position: relative
}

#sp-menu-wrapper .vina_cart .cart-wapper:hover .cart-content {
    display: block
}

#sp-menu-wrapper .vina_cart .cart-wapper:hover a:before {
    opacity: 1
}

#sp-menu-wrapper .vina_cart .cart-wapper a {
    padding: 8px 10px;
    background: #fff;
    display: inline-block;
    color: #000;
    position: absolute;
    right: 5px;
    border-radius: 3px
}

#sp-menu-wrapper .vina_cart .cart-wapper a i {
    font-size: 22px
}

#sp-menu-wrapper .vina_cart .cart-wapper a:before {
    width: 100%;
    height: 20px;
    position: absolute;
    text-align: center;
    font-family: 'FontAwesome';
    content: "\f0d8";
    top: 32px;
    left: 0;
    color: #fff;
    opacity: 0
}

#sp-menu-wrapper .vina_cart .cart-wapper #count_products {
    position: absolute;
    background: #000;
    border-radius: 50%;
    min-width: 20px;
    text-align: center;
    top: -8px;
    right: 0;
    color: #fff
}

#sp-menu-wrapper .vina_cart .cart-wapper .cart-content {
    font-size: 16px;
    background: #fff;
    color: black;
    position: absolute;
    display: none;
    min-width: 200px;
    right: -30px;
    top: 45px;
    padding: 20px;
    z-index: 1000;
    border-radius: 5px;
    box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.2)
}

#sp-menu-wrapper .vina_cart .cart-wapper .cart-content .count_product {
    margin-bottom: 10px
}

#sp-menu-wrapper .vina_cart .cart-wapper .cart-content .price-cart {
    width: 100%;
    padding-top: 10px;
    border-top: 1px solid #cacaca
}

#sp-menu-wrapper .vina_cart .cart-wapper .cart-content .price-cart .price {
    font-size: 18px
}

#sp-breadcrumb-wrapper {
    background-size: auto 100%
}

#sp-breadcrumb-wrapper #sp-breadcrumb {
    padding: 8px 0;
    display: inline-block
}

#sp-breadcrumb-wrapper #sp-breadcrumb .breadcrumb {
    padding: 10px 0
}

#sp-breadcrumb-wrapper #sp-breadcrumb .breadcrumb li {
    color: #000;
    text-shadow: none
}

#sp-breadcrumb-wrapper #sp-breadcrumb .breadcrumb li a {
    color: #000;
    text-shadow: none
}

#sp-breadcrumb-wrapper #sp-breadcrumb .page-title {
    margin: 0;
    text-transform: uppercase;
    font-size: 30px
}

#sp-breadcrumb-wrapper #sp-breadcrumb .page-title .breadcrumb {
    padding: 0
}

#sp-breadcrumb-wrapper #sp-breadcrumb .page-title .breadcrumb li {
    display: none;
    line-height: 40px;
    color: #fff;
    text-shadow: none
}

#sp-breadcrumb-wrapper #sp-breadcrumb .page-title .breadcrumb li:last-child {
    display: inline-block
}

.module.vina_services {
    text-transform: uppercase
}

.module.vina_services .service .item {
    float: left;
    position: relative
}

.module.vina_services .service .item .icon {
    float: left;
    padding: 15px 20px;
    font-size: 30px;
    position: relative;
    text-align: center;
    z-index: 100
}

.module.vina_services .service .item .icon i {
    position: relative;
    z-index: 100;
    line-height: 40px;
    display: inline-block
}

.module.vina_services .service .item .icon i:before {
    min-width: 30px;
    height: 40px
}

.module.vina_services .service .item .icon:before {
    position: absolute;
    content: "";
    width: 68px;
    height: 68px;
    font-size: 30px;
    line-height: 70px;
    left: 0;
    top: 0;
    border-radius: 50%
}

.module.vina_services .service .item .icon:after {
    position: absolute;
    content: "";
    height: 80px;
    top: -5px;
    width: 24px;
    left: 23px;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.module.vina_services .service .item .text-box {
    float: left;
    padding-left: 10px
}

.module.vina_services .service .item .text-box h2 {
    font-size: 20px;
    margin: 0
}

.module.vina_services .service .item .text-box p {
    font-size: 10px;
    margin: 0
}

#sp-main-body-wrapper {
    padding: 30px 0;
    text-align: center
}

#sp-main-body-wrapper .module.vina_my_account {
    text-align: left
}

#sp-main-body-wrapper .module.vina_my_account h3 {
    background: #efefef;
    margin: 0;
    padding: 0 20px;
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 40px
}

#sp-main-body-wrapper .module.vina_my_account h3:before,
#sp-main-body-wrapper .module.vina_my_account h3:after {
    display: none
}

#sp-main-body-wrapper .module.vina_my_account .menu {
    padding: 10px 20px;
    border: 1px solid #efefef;
    border-top: 0;
    margin: 0
}

#sp-main-body-wrapper .module.vina_my_account .menu li {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 5px;
    padding-bottom: 5px
}

#sp-main-body-wrapper .module.vina_my_account .menu li:last-child {
    border: 0
}

#sp-main-body-wrapper .module.vina_my_account .menu li a {
    display: inline-block
}

#sp-main-body-wrapper .module.vina_my_account .menu li a:hover {
    background: none
}

#sp-main-body-wrapper .module.vina_shop_filters .jshop_filters {
    padding: 15px 20px;
    text-align: left;
    border-top: 0
}

#sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form {
    margin: 0
}

#sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form .brand .filter_title,
#sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form .shop-price .filter_title {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    margin-top: 0;
    line-height: 30px;
    text-transform: uppercase
}

#sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form .brand .filter_title:before,
#sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form .shop-price .filter_title:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0
}

#sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form .brand .filter_title:after,
#sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form .shop-price .filter_title:after {
    position: absolute;
    content: "";
    border-radius: 50%;
    width: 5px;
    height: 5px;
    left: 0;
    bottom: -2px
}

#sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form .brand {
    display: inline-block
}

#sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form .brand p {
    font-size: 15px;
    width: 100%;
    display: inline-block
}

#sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form .brand p input {
    margin: 0
}

#sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form .shop-price {
    display: inline-block;
    margin-bottom: 0
}

#sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form .shop-price p {
    width: 100%;
    display: inline-block;
    margin: 0;
    position: relative;
    font-size: 12px
}

#sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form .shop-price p.box_price_to,
#sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form .shop-price p.box_price_from {
    padding-left: 10px;
    text-transform: capitalize
}

#sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form .shop-price p span {
    position: absolute;
    right: 20px;
    line-height: 30px;
    font-size: 14px;
    font-style: italic
}

#sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form .shop-price p input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 15px;
    min-height: 30px;
    padding: 0 10px
}

#sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form .shop-price .button {
    border-radius: 20px;
    padding: 4px 18px;
    text-transform: uppercase;
    font-size: 16px
}

#sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form .shop-price .button:focus {
    outline: 0
}

#sp-main-body-wrapper .module.vina_special .megamenu-title .header {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    padding-bottom: 9px;
    text-align: left
}

#sp-main-body-wrapper .module.vina_search-right {
    width: 100%
}

#sp-main-body-wrapper .module.vina_search-right .vina_search-right {
    float: none
}

#sp-main-body-wrapper .module.vina_search-right .vina_search-right .form-inline {
    border: 1px solid #e5e5e5;
    width: 100%;
    height: 35px;
    box-sizing: border-box;
    border-radius: 3px
}

#sp-main-body-wrapper .module.vina_search-right .vina_search-right .form-inline .inputbox {
    border: 0;
    box-shadow: none;
    padding: 0;
    line-height: 35px;
    height: 33px;
    float: left;
    margin-left: 19px;
    color: #ababab;
    width: 70%
}

#sp-main-body-wrapper .module.vina_search-right .vina_search-right .form-inline i {
    float: right;
    margin-right: 10px;
    line-height: 33px
}

#sp-main-body-wrapper .module.vina_search-right .vina_search-right .form-inline i:before {
    width: 14px
}

#sp-main-body-wrapper .module.vina_tag .tagspopular ul {
    list-style: none;
    margin: 0;
    text-align: left
}

#sp-main-body-wrapper .module.vina_tag .tagspopular ul li {
    display: inline-block;
    padding: 4px 13px;
    border: 1px solid #e7e7e7;
    margin: 0 10px 10px 0;
    float: left
}

#sp-main-body-wrapper .module.vina_tag .tagspopular ul li a {
    color: #000;
    display: inline-block
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .nav-tabs {
    top: 0;
    width: 100%;
    left: 0;
    box-sizing: border-box;
    height: 40px
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .nav-tabs li {
    width: 33.3%;
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid #e6e6e6
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .nav-tabs li a {
    padding: 9px 0
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .nav-tabs li a:before {
    display: none
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .nav-tabs li:first-child {
    border-radius: 3px 0 0 3px;
    border-right: 0
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .nav-tabs li:last-child {
    border-radius: 0 3px 3px 0;
    border-left: 0
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content {
    padding-top: 45px
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-content .vina-items-wrapper {
    text-align: left
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-content .vina-items-wrapper .vina-items .vina-item {
    border: 0
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-content .vina-items-wrapper .vina-items .vina-item h4 {
    margin: 0;
    font-size: 14px;
    line-height: 30px;
    font-weight: 500
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-content .vina-items-wrapper .vina-items .vina-item h4 a {
    color: #000
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-content .vina-items-wrapper .vina-items .vina-item h4 a:hover {
    text-decoration: none
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-content .vina-items-wrapper .vina-items .vina-item .image-box a {
    display: inline-block
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-content .vina-items-wrapper .vina-items .vina-item .image-box a img {
    float: left;
    width: 100%
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-content .vina-items-wrapper .vina-items .vina-item .text-box .info {
    font-size: 12px;
    font-style: normal;
    color: #808080;
    padding-top: 10px
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-content .vina-items-wrapper .vina-items .vina-item .text-box .info .show-hit {
    position: relative;
    padding-left: 17px
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-content .vina-items-wrapper .vina-items .vina-item .text-box .info .show-hit:before {
    position: absolute;
    content: "\f06e";
    left: 0;
    top: 0;
    font-family: 'FontAwesome';
    line-height: 14px
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-jshopping {
    position: relative
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-jshopping .vina-items-wrapper .vina-items {
    width: 100%
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item {
    border: 0
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .image a {
    position: relative;
    display: inline-block
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .image a:before {
    position: absolute;
    content: "";
    width: 101%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
    z-index: 100;
    opacity: 0.3;
    cursor: pointer;
    display: none
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .image a img {
    border-radius: 50%
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .content {
    padding-top: 15px;
    padding-left: 5px
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .content .text-block {
    display: inline-block
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .content .text-block .title {
    font-weight: normal;
    font-size: 14px
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .content .text-block .price-block .price {
    font-size: 18px
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .content .text-block .price-block .old-price {
    font-size: 12px;
    text-decoration: line-through
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .content .text-block .addtocart {
    text-transform: uppercase;
    font-weight: 700
}

#sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item:hover .image a:before {
    display: block
}

#sp-main-body-wrapper .module .mod-content .mod-inner .categories-module {
    list-style: none;
    margin: 0
}

#sp-main-body-wrapper .module .mod-content .mod-inner .categories-module li {
    position: relative;
    margin-bottom: 10px;
    text-align: left;
    padding-left: 25px
}

#sp-main-body-wrapper .module .mod-content .mod-inner .categories-module li:before {
    position: absolute;
    content: "\f115";
    font-family: 'FontAwesome';
    left: 0;
    top: 0;
    color: #e5e5e5;
    font-size: 14px
}

#sp-main-body-wrapper .module .mod-content .mod-inner .categories-module li h4 {
    display: inline-block;
    margin: 0;
    font-weight: 400;
    font-size: 14px
}

#sp-main-body-wrapper .module .mod-content .mod-inner .categories-module li h4 a {
    color: #000
}

#sp-main-body-wrapper .module .mod-content .mod-inner .categories-module li h4 a:hover {
    text-decoration: none
}

#sp-main-body-wrapper .module .mod-content .mod-inner .categories-module li h4 a .title {
    margin-right: 10px
}

#sp-main-body-wrapper .module.vina_popular_bl .header,
#sp-main-body-wrapper .module.vina_tag .header,
#sp-main-body-wrapper .module.vina_category .header,
#sp-main-body-wrapper .module.vina_search-right .header,
#sp-main-body-wrapper .module.vina_special .header,
#sp-main-body-wrapper .module.vina_shop_filters .header {
    margin: 0 0 20px 0;
    padding-bottom: 10px;
    text-align: left
}

#sp-main-body-wrapper .module.vina_popular_bl .header:before,
#sp-main-body-wrapper .module.vina_tag .header:before,
#sp-main-body-wrapper .module.vina_category .header:before,
#sp-main-body-wrapper .module.vina_search-right .header:before,
#sp-main-body-wrapper .module.vina_special .header:before,
#sp-main-body-wrapper .module.vina_shop_filters .header:before {
    bottom: 0
}

#sp-main-body-wrapper .module.vina_popular_bl .header:after,
#sp-main-body-wrapper .module.vina_tag .header:after,
#sp-main-body-wrapper .module.vina_category .header:after,
#sp-main-body-wrapper .module.vina_search-right .header:after,
#sp-main-body-wrapper .module.vina_special .header:after,
#sp-main-body-wrapper .module.vina_shop_filters .header:after {
    position: absolute;
    content: "";
    bottom: -4px;
    left: 0;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    display: block
}

#sp-main-body-wrapper .module.vina_popular_bl .vina-ticker-jshopping .header-block,
#sp-main-body-wrapper .module.vina_tag .vina-ticker-jshopping .header-block,
#sp-main-body-wrapper .module.vina_category .vina-ticker-jshopping .header-block,
#sp-main-body-wrapper .module.vina_search-right .vina-ticker-jshopping .header-block,
#sp-main-body-wrapper .module.vina_special .vina-ticker-jshopping .header-block,
#sp-main-body-wrapper .module.vina_shop_filters .vina-ticker-jshopping .header-block {
    position: absolute
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image {
    padding: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component {
    display: inline-block;
    width: 100%
}

#sp-main-body-wrapper #sp-component-area #sp-component article.item-page {
    margin-top: 30px;
    text-align: left
}

#sp-main-body-wrapper #sp-component-area #sp-component article.item-page.blog-2-column {
    margin-top: 30px
}

#sp-main-body-wrapper #sp-component-area #sp-component article.item-page .entry-content {
    overflow: visible;
    text-align: justify
}

#sp-main-body-wrapper #sp-component-area #sp-component article.item-page .entry-content .image-box {
    position: relative;
    width: 100%;
    text-align: center;
    margin: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component article.item-page .entry-content .image-box .blog-time {
    text-transform: uppercase;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    color: #fff;
    padding: 0 5px;
    left: 46.5%;
    top: -30px
}

#sp-main-body-wrapper #sp-component-area #sp-component article.item-page .entry-content .image-box .blog-time .blog-date {
    font-size: 25px;
    width: 100%;
    float: left;
    padding-bottom: 5px;
    line-height: 30px;
    font-weight: 700
}

#sp-main-body-wrapper #sp-component-area #sp-component article.item-page .entry-content .image-box .blog-time .blog-month {
    position: relative;
    font-size: 12px;
    width: 100%;
    float: left;
    line-height: 25px
}

#sp-main-body-wrapper #sp-component-area #sp-component article.item-page .entry-content .image-box .blog-time .blog-month:before {
    position: absolute;
    content: "";
    width: 33px;
    height: 1px;
    background: #fff;
    left: 8px;
    top: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component article.item-page .entry-content .image-box .fulltext-image {
    width: 100%;
    margin: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component article.item-page .entry-content .entry-header {
    display: inline-block;
    text-align: left
}

#sp-main-body-wrapper #sp-component-area #sp-component article.item-page .entry-content .entry-header .page-header {
    font-size: 30px;
    border: 0;
    margin: 20px 0 0;
    padding-bottom: 5px
}

#sp-main-body-wrapper #sp-component-area #sp-component article.item-page .entry-content .entry-meta {
    font-size: 14px;
    padding: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component article.item-page .entry-content .entry-meta .by-author {
    margin: 0 30px 0 0
}

#sp-main-body-wrapper #sp-component-area #sp-component article.item-page .entry-content .entry-meta .category-name {
    margin: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .list-products .jshop_list_product #sort_count {
    display: none
}

#sp-main-body-wrapper #sp-component-area #sp-component .manufacturer-wapper .manufacture-title {
    font-size: 25px;
    color: #000
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation {
    margin-bottom: 100px
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item {
    position: relative
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item:hover .content .icon-wapper {
    font-size: 50px
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item:hover .content .icon-wapper:before {
    opacity: 1
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    top: 20px
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 20px
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item .content {
    text-align: center;
    position: relative;
    padding: 20px
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item .content:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    right: 20px;
    bottom: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item .content:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    left: 20px;
    top: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item .content .icon-wapper {
    font-size: 35px;
    display: inline-block;
    position: relative;
    margin-top: 40px
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item .content .icon-wapper:before {
    width: 128px;
    height: 128px;
    position: absolute;
    content: "";
    top: -10px;
    left: -10px;
    opacity: 0;
    border-radius: 50%
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item .content .icon-wapper .icon-inner {
    position: relative;
    padding: 5px;
    border-radius: 50%;
    display: inline-block;
    z-index: 10
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item .content .icon-wapper .icon-inner:before {
    position: absolute;
    content: "";
    width: 40px;
    height: 90%;
    left: 34px;
    bottom: -5px;
    z-index: 11;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item .content .icon-wapper .icon-inner:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
    box-sizing: border-box
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item .content .icon-wapper .icon-inner .icon {
    padding: 19px;
    border-radius: 50%;
    position: relative;
    z-index: 100
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item .content .icon-wapper .icon-inner .icon:before {
    position: absolute;
    content: "";
    width: 40px;
    height: 90%;
    left: 28px;
    top: -2px;
    z-index: 101;
    border-radius: 5px;
    transform: rotate(-45deg)
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item .content .icon-wapper .icon-inner .icon:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
    box-sizing: border-box
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item .content .icon-wapper .icon-inner .icon i {
    text-align: center;
    display: inline-block;
    position: relative;
    z-index: 1000
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item .content .icon-wapper .icon-inner .icon i:before {
    height: 60px;
    width: 60px;
    line-height: 60px
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item .content .text-box {
    padding: 25px 0 24px;
    color: #353535
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item .content .text-box h4 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item .content .text-box p {
    margin-bottom: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_contact {
    position: relative
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_contact .vina-map>div {
    height: 500px!important
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_contact .vina_contact_us {
    position: absolute;
    padding: 50px;
    top: 40px;
    left: 90px;
    background: rgba(0, 0, 0, 0.2)
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_contact .vina_contact_us .qlform {
    position: relative
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_contact .vina_contact_us .qlform form {
    margin-bottom: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_contact .vina_contact_us .qlform form .control-group {
    margin-bottom: 10px
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_contact .vina_contact_us .qlform form .control-group .control-label {
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_contact .vina_contact_us .qlform form .control-group.jform_name {
    float: left;
    margin-right: 15px
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_contact .vina_contact_us .qlform form .control-group.jform_email {
    float: left
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_contact .vina_contact_us .qlform form .control-group .jform_subject input {
    width: 100%
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_contact .vina_contact_us .qlform form .control-group .jform_message textarea {
    width: 100%;
    box-sizing: border-box
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_contact .vina_contact_us .qlform form .control-group .controls {
    margin: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_contact .vina_contact_us .qlform form .control-group .controls input {
    min-height: 40px;
    box-sizing: border-box
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_contact .vina_contact_us .qlform form .control-group.submit {
    margin-bottom: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_contact .vina_contact_us .qlform form .control-group.submit .vina_button {
    width: 100%;
    box-sizing: border-box;
    border: 0;
    box-shadow: none;
    text-transform: uppercase;
    padding: 0;
    line-height: 40px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog .items-row {
    margin-bottom: 50px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog .pagination {
    margin: 0;
    margin-bottom: 10px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog .pagination ul {
    box-shadow: none
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog .pagination ul li {
    display: inline-block;
    margin-left: 5px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog .pagination ul li a {
    border-radius: 15px;
    border: 1px solid #e7e7e7;
    padding: 4px;
    min-width: 20px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog .pagination ul li:first-child {
    margin: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog .pagination ul li:first-child a {
    width: 53px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog .pagination ul li:last-child a {
    width: 53px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog .pagination ul li.pagination-active a {
    width: 20px;
    color: #fff
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog .counter {
    margin: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-business,
#sp-main-body-wrapper #sp-component-area #sp-component .category-wordpress {
    margin-right: 20px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-column {
    margin-top: 0;
    margin-right: 20px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row {
    margin-bottom: 15px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row.odd .item .media .blog-item .article-text {
    left: auto;
    right: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item {
    position: relative
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .create-date {
    display: inline-block;
    z-index: 1000;
    top: 0;
    position: relative;
    margin-left: 10px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .create-date .blog-time {
    text-transform: uppercase;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    padding: 0 5px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .create-date .blog-time .blog-date {
    font-size: 25px;
    width: 100%;
    float: left;
    padding-bottom: 5px;
    line-height: 30px;
    font-weight: 700
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .create-date .blog-time .blog-month {
    position: relative;
    font-size: 12px;
    width: 100%;
    float: left;
    line-height: 25px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .create-date .blog-time .blog-month:before {
    position: absolute;
    content: "";
    width: 33px;
    height: 1px;
    left: 8px;
    top: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item {
    margin-right: 0;
    position: relative;
    float: left;
    top: -35px;
    width: 100%
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item .image-box {
    float: left;
    width: 100%
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item .image-box .introtext-image {
    float: left;
    width: 100%
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item .image-box .title {
    display: none
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item .article-text {
    position: absolute;
    width: 430px;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item .article-text .content {
    padding: 50px 40px 0;
    display: inline-block
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item .article-text .content .entry-header .entry-title {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 30px;
    margin-bottom: 18px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item .article-text .content .entry-header .entry-title a:hover {
    text-decoration: none
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item .article-text .content .entry-meta {
    background: none;
    padding: 0;
    line-height: 28px;
    font-size: 11px;
    text-transform: uppercase
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item .article-text .content .catItemIntroText p {
    line-height: 24px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item .article-text .content .jcomments-links {
    display: inline-block;
    margin-top: 35px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item .article-text .content .jcomments-links .readmore-link {
    padding: 7px 25px 6px;
    display: inline-block;
    background: 0;
    border: 1px solid #cacaca;
    text-transform: capitalize;
    border-radius: 20px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item .article-text .content .jcomments-links .comments-link {
    display: none
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article {
    margin-right: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .create-date {
    display: none
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item {
    margin: 0;
    position: relative
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .image-box {
    position: relative
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .image-box .introtext-image {
    width: 100%
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .image-box .title {
    position: absolute;
    text-transform: uppercase;
    bottom: 0;
    width: 100%;
    left: 0;
    font-size: 18px;
    background: rgba(0, 0, 0, 0.5);
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .image-box .title a {
    color: #fff
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .article-text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
    left: 0;
    z-index: 100;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .article-text .content {
    padding: 15px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .article-text .content .create-date {
    display: none
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .article-text .content .entry-header .entry-title {
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .article-text .content .entry-meta {
    line-height: 28px;
    background: none;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 11px;
    text-transform: uppercase
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .article-text .content .entry-meta .by-author {
    margin-left: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .article-text .content .entry-meta .hits {
    margin-right: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .article-text .content .catItemIntroText p {
    line-height: 20px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .article-text .content .jcomments-links {
    display: inline-block;
    margin: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .article-text .content .jcomments-links .readmore-link {
    display: inline-block;
    padding: 6px 25px 7px;
    color: #fff;
    text-transform: capitalize;
    border-radius: 20px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .article-text .content .jcomments-links .comments-link {
    display: none
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item:hover .article-text {
    top: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item:hover .image-box .title {
    display: none
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column .items-row {
    margin-bottom: 30px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column article {
    margin-right: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column article .create-date {
    display: none
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column article .blog-item {
    margin: 0;
    position: relative
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column article .blog-item .image-box {
    position: relative
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column article .blog-item .image-box .introtext-image {
    width: 100%
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column article .blog-item .image-box .title {
    display: none
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column article .blog-item .article-text {
    width: 100%;
    height: 100%;
    top: 100%;
    left: 0;
    z-index: 100;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column article .blog-item .article-text .content {
    padding: 15px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column article .blog-item .article-text .content .entry-header .entry-title {
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column article .blog-item .article-text .content .entry-meta {
    line-height: 28px;
    background: none;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 11px;
    text-transform: uppercase
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column article .blog-item .article-text .content .entry-meta .by-author {
    margin-left: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column article .blog-item .article-text .content .entry-meta .hits {
    margin-right: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column article .blog-item .article-text .content .jcomments-links {
    display: inline-block;
    margin: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column article .blog-item .article-text .content .jcomments-links .readmore-link {
    display: inline-block;
    padding: 6px 25px 7px;
    color: #fff;
    text-transform: capitalize;
    border-radius: 20px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column article .blog-item .article-text .content .jcomments-links .comments-link {
    display: none
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column article .blog-item:hover .article-text {
    top: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column article .blog-item:hover .image-box .title {
    display: none
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column {
    margin-right: 20px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row {
    margin-bottom: 50px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .create-date {
    display: none
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item {
    position: relative;
    float: left;
    margin: 0;
    max-width: 400px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .image-box {
    float: left;
    width: 100%;
    position: relative
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .image-box .introtext-image {
    float: left;
    width: 100%
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .image-box .title {
    position: absolute;
    text-transform: uppercase;
    bottom: 0;
    width: 100%;
    left: 0;
    font-size: 18px;
    background: rgba(0, 0, 0, 0.5);
    line-height: 50px;
    margin: 0;
    opacity: 1;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
    left: 0;
    z-index: 100;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .content {
    padding: 25px 25px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .content .create-date {
    display: none
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .content .entry-header .entry-title {
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .content .entry-meta {
    line-height: 28px;
    background: none;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 11px;
    text-transform: uppercase
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .content .catItemIntroText p {
    line-height: 23px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .content .jcomments-links {
    display: inline-block
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .content .jcomments-links .readmore-link {
    display: inline-block;
    padding: 6px 25px 7px;
    color: #fff;
    text-transform: capitalize;
    border-radius: 20px
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .content .jcomments-links .comments-link {
    display: none
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item:hover .article-text {
    top: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item:hover .image-box .title {
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

#sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .column-2 .media .blog-item {
    margin-right: 0;
    float: right
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .image-box {
    display: inline-block
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .image-box .detailsLeft .product_label {
    margin-left: 15px;
    margin-top: 15px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .image-box .detailsLeft .thumbnail {
    padding: 0;
    max-height: 400px;
    max-width: 400px;
    box-sizing: border-box;
    box-shadow: none;
    overflow: hidden;
    border-radius: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .image-box .detailsLeft .thumbnail .lightbox>img {
    max-height: 398px;
    max-width: 398px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .image-box .detailsLeft .jshop_img_description {
    display: inline-block;
    float: left
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .image-box .detailsLeft .jshop_img_description .nav-pills {
    max-width: 400px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .image-box .detailsLeft .jshop_img_description .nav-pills li {
    margin: 0;
    padding: 0 2px;
    box-sizing: border-box;
    display: inline-block
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .image-box .detailsLeft .jshop_img_description .nav-pills li .jshop_img_thumb img {
    margin: 0;
    padding: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details {
    text-align: left
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details h1 {
    font-size: 20px;
    margin: 0;
    line-height: 20px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .rating-hit {
    font-size: 13px;
    margin: 10px 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .rating-hit table tr td {
    display: inline-block;
    margin-right: 7px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .rating-hit table tr td .stars_active {
    background-position: 0 -32px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .short-description {
    padding-bottom: 10px;
    margin-bottom: 10px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .product-infomation {
    font-size: 15px;
    font-weight: 500;
    color: #000
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .product-infomation .infomation {
    font-weight: 400
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .product-infomation .product-code {
    padding-bottom: 10px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .product-infomation .qty_in_stock {
    padding-bottom: 10px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_price {
    font-size: 30px;
    line-height: 40px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_price .new-price {
    font-size: 30px;
    font-weight: 400
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_price .old_price {
    font-size: 20px;
    margin-left: 25px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons {
    margin-bottom: 35px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content {
    float: left;
    width: 100%;
    margin-bottom: 40px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content .jshop_prod_attributes {
    float: left;
    padding: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content .jshop_prod_attributes .select-color span {
    display: inline-block
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content .jshop_prod_attributes .select-color span .inputbox {
    min-width: 170px;
    margin: 0;
    border-radius: 0;
    padding: 5px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content .jshop_prod_attributes .select-color span .prod_attr_img {
    display: none
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content .qty-prod {
    float: left
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content .qty-prod .inputbox {
    float: left;
    display: inline-block;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    padding: 0;
    width: 90px;
    text-align: center;
    height: 28px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content .qty-prod a {
    float: left;
    padding: 5px 13px;
    cursor: pointer
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content .qty-prod a i:before {
    width: 14px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content .qty-prod a.qty-decrease {
    border-radius: 15px 0 0 15px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content .qty-prod a.qty-increase {
    border-radius: 0 15px 15px 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons {
    text-align: left;
    display: inline-block;
    padding: 0;
    width: 100%;
    position: relative;
    margin-top: -17px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .wishlist {
    position: absolute;
    text-indent: -5000px;
    display: inline-block;
    background: none;
    line-height: 35px;
    padding: 0;
    border: 0;
    box-shadow: none;
    text-align: center;
    width: 50px;
    height: 50px;
    left: 0;
    top: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .wishlist:before {
    position: absolute;
    font-family: 'FontAwesome';
    text-indent: 0;
    content: "\f004";
    font-size: 20px;
    line-height: 50px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #cacaca;
    border-radius: 50%;
    box-sizing: border-box
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .wishlist:focus {
    outline: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .cart {
    text-transform: uppercase;
    margin: 0 auto;
    position: relative;
    height: 50px;
    font-size: 20px;
    border-radius: 25px;
    background: none;
    border: 0;
    box-shadow: none;
    padding: 0 70px 0 100px;
    margin-bottom: 10px
}

.product-social {
    margin-top: -70px
}

.input-append .btn {
    font-size: 16px;
    font-family: 'Ubuntu';
    padding: 5px 11px 6px 10px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .cart:focus {
    outline: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .cart:before {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f07a";
    font-size: 20px;
    line-height: 50px;
    height: 100%;
    top: 0;
    left: 75px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .button_detail {
    position: absolute;
    width: 50px;
    height: 50px;
    margin: 0;
    right: 0;
    line-height: 50px;
    border-radius: 50%;
    box-sizing: border-box
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .button_detail i {
    display: inline-block;
    font-size: 20px;
    width: 100%;
    text-align: center
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .button_detail i:before {
    text-align: center;
    width: 100%;
    height: 100%;
    line-height: 100%;
    left: 0;
    top: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .product-social .share {
    display: inline-block
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .product-social .share .share-story {
    text-transform: uppercase
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .product-social .share div {
    margin: 0 5px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .product-tabs {
    float: left;
    width: 200px;
    border: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .product-tabs li {
    float: none;
    margin-bottom: 10px;
    border: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .product-tabs li a {
    margin: 0;
    padding: 6px 0 7px;
    border-radius: 20px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .product-tabs li a:hover {
    background: none
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content {
    min-height: 200px;
    position: relative;
    overflow: visible;
    margin-left: 230px;
    text-align: left;
    padding: 10px 30px 40px 20px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content .product-tab-content .vina-rate .review_item .review_mark .stars_active {
    background-position: 0 -32px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content .product-tab-content .vina-rate .review {
    margin-bottom: 30px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content .product-tab-content .vina-rate form {
    margin: 0;
    display: inline-block
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content .product-tab-content .vina-rate form .jshop_review_write {
    display: inline-block
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content .product-tab-content .vina-rate form .jshop_review_write .item-review {
    display: inline-block;
    float: left
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content .product-tab-content .vina-rate form .jshop_review_write .item-review:last-child {
    margin: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content .product-tab-content .vina-rate form .jshop_review_write .item-review .item-start .star-rating a {
    background-position: 0 0!important
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content .product-tab-content .vina-rate form .jshop_review_write .item-review .item-start .star-rating-hover a,
#sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content .product-tab-content .vina-rate form .jshop_review_write .item-review .item-start .star-rating-on a {
    background-position: 0 -32px!important
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content .product-tab-content .vina-rate form .jshop_review_write .item-review .inputbox {
    box-shadow: none;
    border-radius: 0;
    width: 100%;
    box-sizing: border-box;
    min-height: 30px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content .product-tab-content .vina-rate form .jshop_review_write .item-review .vina_button {
    border: 0;
    border-radius: 0;
    padding: 8px 15px
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content .product-tab-content .vina-rate form .jshop_review_write .item-review .star-rating-control .star-rating .star-rating-on {
    background-position: 0 32px!important
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content .product-tab-content .std p:first-child {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content .product-tab-content .std p:first-child strong {
    font-weight: 500
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content:before {
    left: -28px;
    top: 10px;
    position: absolute;
    content: "";
    border-style: solid;
    border-width: 7px 14px;
    border-color: transparent #e5e5e5 transparent transparent
}

#sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content:after {
    left: -26px;
    top: 11px;
    position: absolute;
    content: "";
    border-style: solid;
    border-width: 6px 13px;
    border-color: transparent #fff transparent transparent
}

#sp-main-body-wrapper #sp-component-area #sp-component .my-account {
    text-align: left
}

#sp-main-body-wrapper #sp-component-area #sp-component .my-account h1 {
    padding-left: 20px;
    font-weight: 400;
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 25px;
    margin: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .my-account .jshop_profile_data {
    padding: 20px;
    border-top: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .login-form .content {
    border-bottom: 0;
    padding: 10px 20px;
    min-height: 300px
}

#sp-main-body-wrapper #sp-component-area #sp-component .login-form .content .small_header {
    font-size: 20px;
    line-height: normal;
    text-transform: uppercase;
    padding-bottom: 10px;
    font-weight: 400;
    margin-bottom: 20px
}

#sp-main-body-wrapper #sp-component-area #sp-component .login-form .set-buttons {
    padding: 5px 10px;
    overflow: hidden
}

#sp-main-body-wrapper #sp-component-area #sp-component .login-form .set-buttons .lost-past {
    line-height: 30px
}

#sp-main-body-wrapper #sp-component-area #sp-component .confirm_order {
    text-align: left
}

#sp-main-body-wrapper #sp-component-area #sp-component .confirm_order .confirm {
    margin-bottom: 20px
}

#sp-main-body-wrapper #sp-component-area #sp-component .confirm_order .confirm strong {
    font-weight: normal;
    float: left;
    min-width: 130px
}

#sp-main-body-wrapper #sp-component-area #sp-component .confirm_order .form_finish {
    margin-bottom: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .confirm_order .form_finish table .row_agb input {
    margin: -2px 0 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .confirm_order .form_finish table .vina_button {
    border: 0;
    border-radius: 0;
    padding: 5px 15px;
    margin-top: 10px;
    font-size: 16px
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_menu {
    border: 0;
    font-weight: 500;
    padding: 20px 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_menu .step-box-wapper.active .step-box-inner:before {
    opacity: 1
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_menu .step-box-wapper .step-box-inner {
    position: relative;
    width: 142px;
    height: 142px;
    margin: 0 auto
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_menu .step-box-wapper .step-box-inner:before {
    position: absolute;
    content: "";
    width: 162px;
    height: 162px;
    left: -10px;
    top: -10px;
    border-radius: 50%;
    opacity: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_menu .step-box-wapper .step-box-inner .step-box {
    padding: 4px;
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 50%
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_menu .step-box-wapper .step-box-inner .step-box:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 50%
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_menu .step-box-wapper .step-box-inner .step-box:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 90%;
    left: 45px;
    bottom: -5px;
    z-index: 11;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_menu .step-box-wapper .step-box-inner .step-box .content-box {
    padding: 20px 0;
    position: relative;
    z-index: 99;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 50%
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_menu .step-box-wapper .step-box-inner .step-box .content-box:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 50%
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_menu .step-box-wapper .step-box-inner .step-box .content-box:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 90%;
    left: 40px;
    top: -5px;
    border-radius: 0 14px 0 0;
    z-index: 11;
    transform: rotate(-45deg)
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_menu .step-box-wapper .step-box-inner .step-box .content-box .number {
    position: relative;
    z-index: 102;
    font-size: 40px;
    line-height: normal
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_menu .step-box-wapper .step-box-inner .step-box .content-box .title {
    position: relative;
    z-index: 102;
    font-size: 18px;
    line-height: normal
}

#sp-main-body-wrapper #sp-component-area #sp-component .address_block,
#sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block,
#sp-main-body-wrapper #sp-component-area #sp-component .login-form,
#sp-main-body-wrapper #sp-component-area #sp-component .register-form {
    text-align: left
}

#sp-main-body-wrapper #sp-component-area #sp-component .address_block .megamenu-title .page-title,
#sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block .megamenu-title .page-title,
#sp-main-body-wrapper #sp-component-area #sp-component .login-form .megamenu-title .page-title,
#sp-main-body-wrapper #sp-component-area #sp-component .register-form .megamenu-title .page-title {
    font-weight: 400;
    font-size: 25px;
    padding: 5px 15px;
    text-transform: uppercase;
    margin-bottom: 25px
}

#sp-main-body-wrapper #sp-component-area #sp-component .address_block .fieldset,
#sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block .fieldset,
#sp-main-body-wrapper #sp-component-area #sp-component .login-form .fieldset,
#sp-main-body-wrapper #sp-component-area #sp-component .register-form .fieldset {
    margin-bottom: 30px;
    padding: 20px;
    position: relative;
    width: 100%;
    box-sizing: border-box
}

#sp-main-body-wrapper #sp-component-area #sp-component .address_block .fieldset .title,
#sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block .fieldset .title,
#sp-main-body-wrapper #sp-component-area #sp-component .login-form .fieldset .title,
#sp-main-body-wrapper #sp-component-area #sp-component .register-form .fieldset .title {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    padding: 5px 20px;
    margin: 0;
    position: absolute;
    top: -16px
}

#sp-main-body-wrapper #sp-component-area #sp-component .address_block .fieldset.last,
#sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block .fieldset.last,
#sp-main-body-wrapper #sp-component-area #sp-component .login-form .fieldset.last,
#sp-main-body-wrapper #sp-component-area #sp-component .register-form .fieldset.last {
    margin-bottom: 15px
}

#sp-main-body-wrapper #sp-component-area #sp-component .address_block .set-buttons,
#sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block .set-buttons,
#sp-main-body-wrapper #sp-component-area #sp-component .login-form .set-buttons,
#sp-main-body-wrapper #sp-component-area #sp-component .register-form .set-buttons {
    text-align: right
}

#sp-main-body-wrapper #sp-component-area #sp-component .address_block .set-buttons .vina-button,
#sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block .set-buttons .vina-button,
#sp-main-body-wrapper #sp-component-area #sp-component .login-form .set-buttons .vina-button,
#sp-main-body-wrapper #sp-component-area #sp-component .register-form .set-buttons .vina-button {
    padding: 5px 13px;
    text-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .address_block .form-list,
#sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block .form-list,
#sp-main-body-wrapper #sp-component-area #sp-component .login-form .form-list,
#sp-main-body-wrapper #sp-component-area #sp-component .register-form .form-list {
    list-style: none;
    margin: 0;
    display: inline-block
}

#sp-main-body-wrapper #sp-component-area #sp-component .address_block .form-list li,
#sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block .form-list li,
#sp-main-body-wrapper #sp-component-area #sp-component .login-form .form-list li,
#sp-main-body-wrapper #sp-component-area #sp-component .register-form .form-list li {
    margin: 5px 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .address_block .form-list li.fields,
#sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block .form-list li.fields,
#sp-main-body-wrapper #sp-component-area #sp-component .login-form .form-list li.fields,
#sp-main-body-wrapper #sp-component-area #sp-component .register-form .form-list li.fields {
    width: 100%;
    float: left
}

#sp-main-body-wrapper #sp-component-area #sp-component .address_block .form-list li.fields .field,
#sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block .form-list li.fields .field,
#sp-main-body-wrapper #sp-component-area #sp-component .login-form .form-list li.fields .field,
#sp-main-body-wrapper #sp-component-area #sp-component .register-form .form-list li.fields .field {
    width: 270px;
    float: left
}

#sp-main-body-wrapper #sp-component-area #sp-component .address_block .form-list li .required,
#sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block .form-list li .required,
#sp-main-body-wrapper #sp-component-area #sp-component .login-form .form-list li .required,
#sp-main-body-wrapper #sp-component-area #sp-component .register-form .form-list li .required {
    position: relative
}

#sp-main-body-wrapper #sp-component-area #sp-component .address_block .form-list li .required em,
#sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block .form-list li .required em,
#sp-main-body-wrapper #sp-component-area #sp-component .login-form .form-list li .required em,
#sp-main-body-wrapper #sp-component-area #sp-component .register-form .form-list li .required em {
    position: absolute;
    right: -5px;
    top: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .address_block .form-list li input[type="checkbox"],
#sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block .form-list li input[type="checkbox"],
#sp-main-body-wrapper #sp-component-area #sp-component .login-form .form-list li input[type="checkbox"],
#sp-main-body-wrapper #sp-component-area #sp-component .register-form .form-list li input[type="checkbox"] {
    margin: -2px 5px 0 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .address_block .form-list li .input-box input,
#sp-main-body-wrapper #sp-component-area #sp-component .address_block .form-list li .input-box select,
#sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block .form-list li .input-box input,
#sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block .form-list li .input-box select,
#sp-main-body-wrapper #sp-component-area #sp-component .login-form .form-list li .input-box input,
#sp-main-body-wrapper #sp-component-area #sp-component .login-form .form-list li .input-box select,
#sp-main-body-wrapper #sp-component-area #sp-component .register-form .form-list li .input-box input,
#sp-main-body-wrapper #sp-component-area #sp-component .register-form .form-list li .input-box select {
    padding: 2px;
    border-radius: 0;
    width: 250px;
    height: 30px;
    box-sizing: border-box;
    box-shadow: none
}

#sp-main-body-wrapper #sp-component-area #sp-component .address_block .form-list li .input-box input:focus,
#sp-main-body-wrapper #sp-component-area #sp-component .address_block .form-list li .input-box select:focus,
#sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block .form-list li .input-box input:focus,
#sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block .form-list li .input-box select:focus,
#sp-main-body-wrapper #sp-component-area #sp-component .login-form .form-list li .input-box input:focus,
#sp-main-body-wrapper #sp-component-area #sp-component .login-form .form-list li .input-box select:focus,
#sp-main-body-wrapper #sp-component-area #sp-component .register-form .form-list li .input-box input:focus,
#sp-main-body-wrapper #sp-component-area #sp-component .register-form .form-list li .input-box select:focus {
    outline: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_check_out .jshop_prod_cart td {
    line-height: 30px;
    font-size: 20px;
    padding: 10px
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_check_out .jshop_prod_cart td img {
    border: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_check_out .jshop_prod_cart .price {
    width: 25%
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_check_out .jshop_prod_cart .quantity,
#sp-main-body-wrapper #sp-component-area #sp-component .jshop_check_out .jshop_prod_cart .price-total {
    width: 15%
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_check_out .jshop_prod_cart .product-name {
    width: 30%
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_check_out .jshop_prod_cart .product_image {
    width: 15%
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_check_out .jshop_prod_cart .jshop_subtotal .name {
    width: 85%
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_check_out .jshop_prod_cart .jshop_subtotal .value {
    width: 15%
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_check_out .jshop_prod_cart .subtotal {
    text-align: right
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_check_out .jshop_prod_cart table.jshop_subtotal {
    border-top: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_payment,
#sp-main-body-wrapper #sp-component-area #sp-component .jshop_shipping {
    text-align: left;
    padding: 20px
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_payment input,
#sp-main-body-wrapper #sp-component-area #sp-component .jshop_shipping input {
    margin: -3px 0 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_payment label b,
#sp-main-body-wrapper #sp-component-area #sp-component .jshop_shipping label b {
    font-weight: normal
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop_payment .vina_button,
#sp-main-body-wrapper #sp-component-area #sp-component .jshop_shipping .vina_button {
    border: 0;
    border-radius: 0;
    padding: 5px 15px
}

#sp-main-body-wrapper #sp-component-area #sp-component .address_block form {
    margin-bottom: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .address_block .other-address input {
    margin: -2px 5px 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .address_block .set-buttons {
    text-align: left
}

#sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block {
    text-align: left
}

#sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block>form {
    padding: 10px 20px;
    border: 1px solid #e5e5e5;
    border-top: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block .megamenu-title .page-title {
    margin: 0;
    padding: 0 20px
}

#sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block .fieldset {
    padding: 0;
    border: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block .other-address input {
    margin: -2px 5px 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .myorders_list {
    text-align: left
}

#sp-main-body-wrapper #sp-component-area #sp-component .myorders_list h1 {
    font-size: 25px;
    font-weight: 400;
    margin: 0;
    padding: 0 20px
}

#sp-main-body-wrapper #sp-component-area #sp-component .log_out {
    text-align: left
}

#sp-main-body-wrapper #sp-component-area #sp-component .log_out>div {
    margin: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .log_out .vina-title .megamenu-title .title {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 400;
    padding-left: 20px
}

#sp-main-body-wrapper #sp-component-area #sp-component .log_out .content {
    padding: 20px
}

#sp-main-body-wrapper #sp-component-area #sp-component .log_out .content h2 {
    margin: 0 0 10px;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px
}

#sp-main-body-wrapper #sp-component-area #sp-component .log_out .set-buttons {
    padding: 10px;
    border-top: 0;
    text-align: right
}

#sp-main-body-wrapper #sp-component-area #sp-component .log_out .set-buttons button {
    box-shadow: none;
    border-radius: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop-cart .cart .title {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop-cart .cart .jshop_prod_cart .jshop_img_description_center a img {
    width: 100%
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop-cart .cart .jshop_prod_cart td {
    vertical-align: middle
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop-cart .cart .jshop_prod_cart .price {
    font-size: 20px;
    font-weight: 600
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop-cart .cart .jshop_prod_cart .product_name a {
    color: #000
}

#sp-main-body-wrapper #sp-component-area #sp-component .jshop-cart .cart .jshop_prod_cart .product_name .list_attribute .jshop_cart_attribute {
    font-size: 14px
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-list h1 {
    font-size: 30px;
    color: #000
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-list .jshop_list_category .list_category .category .image {
    padding: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-list .jshop_list_category .list_category .category .image a img {
    padding: 0;
    box-sizing: border-box
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-list .jshop_list_category .list_category .category .category_link {
    margin-top: 15px
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-list .jshop_list_category .list_category .category .category_link p {
    margin: 0
}

#sp-main-body-wrapper #sp-component-area #sp-component .category-list .jshop_list_product .list_product .row-product {
    margin: 0
}

#sp-main-body-wrapper #sp-component-area .jshopping {
    display: inline-block;
    float: left
}

#sp-main-body-wrapper #sp-component-area .jshopping form {
    display: inline-block;
    margin-bottom: 0;
    float: left
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item {
    border-collapse: inherit
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr.header-cart {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr.header-cart td {
    border-bottom: 0;
    line-height: 48px
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr.header-cart td:first-child {
    border-left: 0;
    border-radius: 5px 0 0 0
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr.header-cart td:last-child {
    border-right: 0;
    border-radius: 0 5px 0 0
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr:last-child td {
    border-bottom: 0
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr.product td {
    padding: 0
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr.product .image-product {
    text-align: left;
    padding: 30px 0;
    position: relative
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr.product .image-product a {
    display: inline-block;
    position: relative;
    float: left;
    left: -56px
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr.product .image-product a img {
    width: 108px;
    height: 108px;
    padding: 0;
    border-radius: 50%
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr.product .image-product .text-box {
    position: absolute;
    padding: 20px 0;
    left: 85px;
    font-size: 14px;
    color: #000
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr.product .image-product .text-box .list_attribute p {
    padding: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 14px
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr.product .remove {
    font-size: 25px;
    width: 98px
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr.product .remove .btn-remove:focus {
    text-decoration: none
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr.product .price {
    font-size: 20px;
    font-weight: 500;
    width: 168px
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr.product .quantity-wapper {
    width: 168px
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr.product .quantity-wapper .quantity-inner {
    display: inline-block
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr.product .quantity-wapper .quantity-inner .quantity {
    display: inline-block;
    float: left;
    border-radius: 15px;
    position: relative
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr.product .quantity-wapper .quantity-inner .quantity input {
    margin: 0;
    float: left;
    text-align: center;
    display: inline-block;
    box-shadow: none;
    position: relative;
    border-radius: 0;
    padding: 4px 0
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr.product .quantity-wapper .quantity-inner .quantity a {
    float: left;
    display: inline-block
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr.product .quantity-wapper .quantity-inner .quantity a i {
    padding: 8px;
    display: inline-block;
    cursor: pointer
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr.product .quantity-wapper .quantity-inner .quantity a i:before {
    width: 14px
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr.product .quantity-wapper .quantity-inner .quantity a i.icon-minus {
    border-radius: 15px 0 0 15px
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr.product .quantity-wapper .quantity-inner .quantity a i.icon-plus {
    border-radius: 0 15px 15px 0
}

#sp-main-body-wrapper #sp-component-area .jshopping .list-item tr.product .quantity-wapper .quantity-inner .cart_reload {
    float: left;
    line-height: 30px
}

#sp-main-body-wrapper #sp-component-area .jshopping .jshop_subtotal {
    color: #000
}

#sp-main-body-wrapper #sp-component-area .jshopping .jshop_subtotal tr {
    font-size: 20px;
    line-height: 38px
}

#sp-main-body-wrapper #sp-component-area .jshopping .jshop_subtotal tr td.name {
    position: relative;
    padding: 0 20px 0 0
}

#sp-main-body-wrapper #sp-component-area .jshopping .jshop_subtotal tr td.name:before {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f178";
    font-size: 20px;
    left: 30px
}

#sp-main-body-wrapper #sp-component-area .jshopping .jshop_subtotal tr td.value {
    text-align: left;
    padding: 0 0 0 20px;
    min-width: 247px
}

#sp-main-body-wrapper #sp-component-area .jshopping .jshop_subtotal tr.total {
    font-size: 30px;
    font-weight: 600;
    line-height: 74px;
    text-transform: uppercase
}

#sp-main-body-wrapper #sp-component-area .jshopping .jshop_subtotal tr.total td.name:before {
    font-size: 40px;
    font-weight: 400
}

#sp-main-body-wrapper #sp-component-area .jshopping .jshop-check {
    width: 100%;
    margin-top: 20px;
    padding: 10px;
    box-sizing: border-box
}

#sp-main-body-wrapper #sp-component-area .jshopping .jshop-check .vina-button {
    border-radius: 0;
    border: 0;
    text-transform: uppercase;
    padding: 10px 15px
}

#sp-main-body-wrapper #sp-component-area .header {
    margin: 20px 0 30px;
    color: #fff;
    position: relative;
    padding-bottom: 0;
    font-weight: 400;
    line-height: 35px
}

#sp-main-body-wrapper #sp-component-area .header:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 50%
}

#sp-main-body-wrapper #sp-component-area .header:after {
    display: none
}

#sp-main-body-wrapper #sp-component-area .header .text {
    background: #fff;
    position: relative;
    padding: 0 29px;
    display: inline-block;
    line-height: 35px
}

#sp-main-body-wrapper #sp-component-area .header .text:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    left: 0;
    top: 13px;
    border-radius: 50%
}

#sp-main-body-wrapper #sp-component-area .header .text:after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    right: 0;
    top: 13px;
    border-radius: 50%
}

#sp-main-body-wrapper #sp-component-area .header .text span {
    padding: 0 20px;
    border-radius: 20px;
    line-height: 35px;
    display: inline-block
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count {
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    padding: 7px 10px
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count .block_sorting_count_to_page {
    text-align: center
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count .block_sorting_count_to_page .block_sorting_count {
    position: relative;
    padding: 0 40px;
    margin: 0;
    display: inline-block
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count .block_sorting_count_to_page .block_sorting_count:last-child:before {
    display: none
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count .block_sorting_count_to_page .block_sorting_count:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: #e4e4e4;
    right: 0;
    -webkit-transform: skew(-15deg, 0);
    -moz-transform: skew(-15deg, 0);
    -ms-transform: skew(-15deg, 0);
    -o-transform: skew(-15deg, 0);
    transform: skew(-15deg, 0)
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count .block_sorting_count_to_page .block_sorting_count .title {
    line-height: 24px;
    text-transform: uppercase;
    font-size: 14px
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count .block_sorting_count_to_page .block_sorting_count .select-box {
    position: relative
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count .block_sorting_count_to_page .block_sorting_count .select-box img {
    margin: 0
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count .block_sorting_count_to_page .block_sorting_count .select-box select {
    margin: 0 0 0 10px;
    padding: 2px 5px;
    width: auto;
    max-height: 22px;
    border-radius: 0;
    font-size: 12px
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count .block_sorting_count_to_page .block_sorting_count .select-box:before {
    position: absolute;
    max-width: 20px;
    max-height: 20px;
    text-align: center;
    color: #000;
    background: #fff;
    right: 1px;
    top: 2px;
    pointer-events: none
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count .block_sorting_count_to_page .block_sorting_count.box_products_sorting .select-box:before {
    right: 21px
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .row-fluid:last-child {
    margin-bottom: 16px
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product {
    padding-bottom: 30px;
    margin-bottom: 20px
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product {
    position: relative
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image_block {
    overflow: hidden;
    position: relative;
    border: 1px solid #c6c6c6;
    padding: 0
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image_block:hover .content {
    bottom: 0
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image_block a .jshop_img {
    padding: 0;
    border: 0;
    width: 100%
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image_block .product_label {
    margin-left: 15px;
    margin-top: 15px
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image_block .content {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 100%;
    left: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image_block .content .description {
    position: relative;
    padding: 0 20px;
    top: 25%;
    font-size: 14px
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image_block .content .description .introtext {
    margin-bottom: 20px
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image_block .content .description a {
    background: none;
    color: #fff;
    padding: 6px 20px 7px;
    box-shadow: none;
    border-radius: 20px
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .text-box {
    margin: 0;
    border: 1px solid #c6c6c6;
    border-top: 0;
    padding: 10px 20px 30px;
    text-align: center
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .text-box .name {
    font-size: 14px;
    padding: 7px 0 3px
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .text-box .price {
    font-weight: 500
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .text-box .price .jshop_price {
    display: inline-block;
    font-size: 20px
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .text-box .price .old_price {
    display: inline-block;
    font-size: 12px;
    margin-left: 10px
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .text-box .review_mark {
    margin-top: 5px;
    margin-bottom: 7px
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons {
    position: absolute;
    bottom: -16px;
    width: 100%;
    text-align: center;
    padding: 0
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons .button_buy {
    padding: 7px 20px 8px;
    display: inline-block;
    box-shadow: none;
    border-radius: 20px;
    border: none;
    text-transform: capitalize
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons .cart-detail,
#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons .button_detail {
    position: absolute;
    padding: 0 9px;
    display: inline-block;
    opacity: 0;
    border-radius: 20px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: rotate(480deg);
    -moz-transform: rotate(480deg);
    -ms-transform: rotate(480deg);
    -o-transform: rotate(480deg);
    transform: rotate(480deg);
    margin: 0;
    line-height: 33px
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons .cart-detail i:before,
#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons .button_detail i:before {
    min-width: 15px
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons .cart-detail {
    left: 45px
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons .button_detail {
    right: 55px
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons:hover .cart-detail {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 1;
    left: 25px
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons:hover .button_detail {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 1;
    right: 25px
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .jshop_pagination .pagination {
    margin: 0
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .jshop_pagination .pagination ul {
    box-shadow: none;
    display: inline-block
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .jshop_pagination .pagination ul li {
    display: inline-block;
    margin-left: 5px;
    float: left
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .jshop_pagination .pagination ul li a {
    border-radius: 15px;
    border: 1px solid #e7e7e7;
    padding: 4px;
    min-width: 60px;
    min-height: 20px
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .jshop_pagination .pagination ul li:first-child {
    margin-left: 0
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .jshop_pagination .pagination ul li:first-child a {
    width: 53px
}

#sp-main-body-wrapper #sp-component-area .jshop_list_product .jshop_pagination .pagination ul li:last-child a {
    width: 53px
}

.vina_feature_h2 .vina-camera-slider {
    margin: 30px 0 10px;
    float: left
}

.vina_feature_h2 .vina-camera-slider .camera_wrap .camera_fakehover .camera_target_content .cameraContents .cameraContent .content {
    position: absolute
}

.vina_feature_h2 .vina-camera-slider .camera_wrap .camera_fakehover .camera_target_content .cameraContents .cameraContent .content h3 {
    font-size: 48px;
    font-weight: 500;
    text-transform: uppercase
}

.vina_feature_h2 .vina-camera-slider .camera_wrap .camera_fakehover .camera_target_content .cameraContents .cameraContent .content p {
    margin-bottom: 25px
}

.vina_feature_h2 .vina-camera-slider .camera_wrap .camera_fakehover .camera_target_content .cameraContents .cameraContent .content p a {
    text-transform: uppercase;
    border-radius: 20px;
    padding: 6px 20px 7px;
    display: inline-block
}

.vina_feature_h2 .vina-camera-slider .camera_wrap .camera_fakehover .camera_prev,
.vina_feature_h2 .vina-camera-slider .camera_wrap .camera_fakehover .camera_next {
    top: 48%;
    width: 35px;
    height: 35px;
    background: none
}

.vina_feature_h2 .vina-camera-slider .camera_wrap .camera_fakehover .camera_prev:hover span,
.vina_feature_h2 .vina-camera-slider .camera_wrap .camera_fakehover .camera_next:hover span {
    opacity: 1
}

.vina_feature_h2 .vina-camera-slider .camera_wrap .camera_fakehover .camera_prev span,
.vina_feature_h2 .vina-camera-slider .camera_wrap .camera_fakehover .camera_next span {
    opacity: 0.5;
    background: none;
    min-width: 33px;
    min-height: 33px;
    border: 1px solid #fff;
    border-radius: 50%;
    line-height: 35px;
    text-align: center
}

.vina_feature_h2 .vina-camera-slider .camera_wrap .camera_fakehover .camera_prev span:before,
.vina_feature_h2 .vina-camera-slider .camera_wrap .camera_fakehover .camera_next span:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vina_feature_h2 .vina-camera-slider .camera_wrap .camera_pag {
    position: relative;
    bottom: 30px
}

.vina_feature_h2 .vina-camera-slider .camera_wrap .camera_pag .camera_pag_ul li {
    margin: 0 5px;
    background: none;
    min-width: 13px;
    min-height: 13px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0)
}

.vina_feature_h2 .vina-camera-slider .camera_wrap .camera_pag .camera_pag_ul li span {
    margin: 4px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top: 0;
    left: 0
}

.module.banner_main {
    margin-top: -2px!important
}

.module.banner_main .banner .banner_left {
    width: 32.04%;
    padding-right: 5px
}

.module.banner_main .banner .banner_left .carousel {
    margin-bottom: 0;
    position: relative
}

.module.banner_main .banner .banner_left .carousel .carousel-inner:before {
    position: absolute;
    top: -100px;
    left: -100px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    z-index: 100;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, -1, 30deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, -1, 30deg) translate3d(0, -100%, 0)
}

.module.banner_main .banner .banner_left .carousel .carousel-inner:hover:before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, -1, 30deg) translate3d(0, 200%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, -1, 30deg) translate3d(0, 200%, 0)
}

.module.banner_main .banner .banner_left .carousel .carousel-inner:hover .item img {
    opacity: 0.6;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1)
}

.module.banner_main .banner .banner_left .carousel .carousel-inner:hover .item:before,
.module.banner_main .banner .banner_left .carousel .carousel-inner:hover .item:after {
    opacity: 1;
    z-index: 100
}

.module.banner_main .banner .banner_left .carousel .carousel-inner .item:before,
.module.banner_main .banner .banner_left .carousel .carousel-inner .item:after {
    position: absolute;
    content: '';
    z-index: 1;
    transform: scale(0, 1);
    transition: opacity 0.35s, transform 0.35s;
    opacity: 0
}

.module.banner_main .banner .banner_left .carousel .carousel-inner .item:before {
    top: 7%;
    right: 15%;
    bottom: 7%;
    left: 15%;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.module.banner_main .banner .banner_left .carousel .carousel-inner .item:after {
    top: 15%;
    right: 7%;
    bottom: 15%;
    left: 7%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.module.banner_main .banner .banner_left .carousel .carousel-inner .item img {
    margin: 0;
    position: relative;
    display: block;
    opacity: 0.95;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.module.banner_main .banner .banner_left .carousel .carousel-inner .item:hover:before,
.module.banner_main .banner .banner_left .carousel .carousel-inner .item:hover:after {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.module.banner_main .banner .banner_left .carousel .carousel-inner .item .carousel-caption {
    background: rgba(0, 0, 0, 0.15);
    padding: 20px 0;
    text-align: center;
    color: #fff;
    bottom: auto;
    top: 40%;
    font-size: 30px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 500
}

.module.banner_main .banner .banner_left .carousel .carousel-inner .item .carousel-caption:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(images/bg_banner-left.png) no-repeat center;
    top: 0;
    left: 0
}

.module.banner_main .banner .banner_left .carousel .carousel-indicators {
    position: absolute;
    bottom: 15px;
    top: auto;
    right: 30px
}

.module.banner_main .banner .banner_left .carousel .carousel-indicators li {
    position: relative;
    width: 5px;
    height: 5px;
    margin-left: 15px
}

.module.banner_main .banner .banner_left .carousel .carousel-indicators li:before {
    position: absolute;
    content: "";
    min-width: 100%;
    min-height: 100%;
    padding: 4px;
    top: -5px;
    left: -5px;
    border-radius: 8px
}

.module.banner_main .banner .banner_left .carousel .carousel-control {
    display: none
}

.module.banner_main .banner .banner_right {
    width: 67.96%;
    padding-left: 5px;
    margin-left: 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}

.module.banner_main .banner .banner_right .row-1 .content-box:before,
.module.banner_main .banner .banner_right .row-2 .content-box:before {
    position: absolute;
    top: -100px;
    left: -100px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    z-index: 100;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, -1, 30deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, -1, 30deg) translate3d(0, -100%, 0)
}

.module.banner_main .banner .banner_right .row-1 .content-box:hover:before,
.module.banner_main .banner .banner_right .row-2 .content-box:hover:before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, -1, 30deg) translate3d(0, 200%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, -1, 30deg) translate3d(0, 200%, 0)
}

.module.banner_main .banner .banner_right .row-1 .content-box:hover .image-box:before,
.module.banner_main .banner .banner_right .row-1 .content-box:hover .image-box:after,
.module.banner_main .banner .banner_right .row-2 .content-box:hover .image-box:before,
.module.banner_main .banner .banner_right .row-2 .content-box:hover .image-box:after {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.module.banner_main .banner .banner_right .row-1 .content-box:hover .image-box img,
.module.banner_main .banner .banner_right .row-2 .content-box:hover .image-box img {
    opacity: 0.6;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1)
}

.module.banner_main .banner .banner_right .row-1 .content-box .image-box:before,
.module.banner_main .banner .banner_right .row-1 .content-box .image-box:after,
.module.banner_main .banner .banner_right .row-2 .content-box .image-box:before,
.module.banner_main .banner .banner_right .row-2 .content-box .image-box:after {
    position: absolute;
    content: '';
    z-index: 1;
    transform: scale(0, 1);
    transition: opacity 0.35s, transform 0.35s;
    opacity: 0
}

.module.banner_main .banner .banner_right .row-1 .content-box .image-box:before,
.module.banner_main .banner .banner_right .row-2 .content-box .image-box:before {
    top: 15%;
    right: 7%;
    bottom: 15%;
    left: 7%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform-origin: 0 0
}

.module.banner_main .banner .banner_right .row-1 .content-box .image-box:after,
.module.banner_main .banner .banner_right .row-2 .content-box .image-box:after {
    top: 7%;
    right: 15%;
    bottom: 7%;
    left: 15%;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.module.banner_main .banner .banner_right .row-1 .content-box .image-box img,
.module.banner_main .banner .banner_right .row-2 .content-box .image-box img {
    margin: 0;
    position: relative;
    display: block;
    opacity: 0.95;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    width: 100%
}

.module.banner_main .banner .banner_right .row-1 {
    margin-bottom: 10px
}

.module.banner_main .banner .carousel .carousel-inner {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}

.module.banner_main .banner .banner_right .row-1 .content-box {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}

.module.banner_main .banner .banner_right .row-1 .content-box .image-box {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

.module.banner_main .banner .banner_right .row-1 .content-box .caption {
    position: absolute;
    width: 100%;
    top: 37%
}

.module.banner_main .banner .banner_right .row-1 .content-box .caption {
    background: rgba(0, 0, 0, 0.15);
    padding: 10px 0;
    color: #fff;
    font-weight: 500;
}

.module.banner_main .banner .banner_right .row-1 .content-box .caption p {
    font-size: 14px;
    margin-bottom: 0
}

.module.banner_main .banner .banner_right .row-1 .content-box .caption h2 {
    font-size: 30px;
    margin: 0;
    font-weight: 500;
    line-height: 40px
}

.module.banner_main .banner .banner_right .row-1 .first {
    width: 50%;
    padding-right: 5px;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.module.banner_main .banner .banner_right .row-1 .first h2 {
    letter-spacing: 3px
}

.module.banner_main .banner .banner_right .row-1 .last {
    width: 50%;
    padding-left: 5px;
    margin-left: 0
}

.module.banner_main .banner .banner_right .row-1 .last h2 {
    letter-spacing: 3px
}

.module.banner_main .banner .banner_right .row-1 .last p {
    letter-spacing: 3px
}

.module.banner_main .banner .banner_right .row-2 {
    margin: 0
}

.module.banner_main .banner .banner_right .row-2 .content-box {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    color: #fff;
    text-shadow: 2px 2px 3px #000;
}

.module.banner_main .banner .banner_right .row-2 .content-box .text-box {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute
}

.module.banner_main .banner .banner_right .row-2 .content-box .text-box:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    bottom: 100%;
    left: 0;
    background: rgba(255, 255, 255, 0.5)
}

.module.banner_main .banner .banner_right .row-2 .content-box .text-box .caption-wapper {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box
}

.module.banner_main .banner .banner_right .row-2 .content-box .text-box .caption-wapper .caption-inner {
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 35px 0;
    box-sizing: border-box
}

.module.banner_main .banner .banner_right .row-2 .content-box .text-box .caption-wapper .caption-inner .caption {
    display: inline-block;
    position: relative
}

.module.banner_main .banner .banner_right .row-2 .content-box .text-box .caption-wapper .caption-inner .caption:before {
    position: absolute;
    content: "";
    height: 7px;
    width: 100%;
    background: url(images/bg_banner-row-2.png) no-repeat center;
    top: 8px;
    left: 0
}

.module.banner_main .banner .banner_right .row-2 .content-box .text-box .caption-wapper .caption-inner .caption p {
    font-size: 20px;
    line-height: 25px;
    display: inline-block;
    position: relative;
    margin: 0
}

.module.banner_main .banner .banner_right .row-2 .content-box .text-box .caption-wapper .caption-inner .caption .header-row-2 {
    font-size: 60px;
    line-height: 60px;
    position: relative;
    margin: 0
}

#sp-banner-wrapper #sp-banner-left {
    width: 32.04%;
    padding-right: 5px
}

#sp-banner-wrapper #sp-banner-left .carousel {
    margin-bottom: 0;
    position: relative
}

#sp-banner-wrapper #sp-banner-left .carousel .carousel-inner:before {
    position: absolute;
    top: -100px;
    left: -100px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    z-index: 100;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, -1, 30deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, -1, 30deg) translate3d(0, -100%, 0)
}

#sp-banner-wrapper #sp-banner-left .carousel .carousel-inner:hover:before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, -1, 30deg) translate3d(0, 200%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, -1, 30deg) translate3d(0, 200%, 0)
}

#sp-banner-wrapper #sp-banner-left .carousel .carousel-inner:hover .item img {
    opacity: 0.6;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1)
}

#sp-banner-wrapper #sp-banner-left .carousel .carousel-inner:hover .item:before,
#sp-banner-wrapper #sp-banner-left .carousel .carousel-inner:hover .item:after {
    opacity: 1;
    z-index: 100
}

#sp-banner-wrapper #sp-banner-left .carousel .carousel-inner .item:before,
#sp-banner-wrapper #sp-banner-left .carousel .carousel-inner .item:after {
    position: absolute;
    content: '';
    z-index: 1;
    transform: scale(0, 1);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    opacity: 0
}

#sp-banner-wrapper #sp-banner-left .carousel .carousel-inner .item:before {
    top: 7%;
    right: 15%;
    bottom: 7%;
    left: 15%;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

#sp-banner-wrapper #sp-banner-left .carousel .carousel-inner .item:after {
    top: 15%;
    right: 7%;
    bottom: 15%;
    left: 7%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

#sp-banner-wrapper #sp-banner-left .carousel .carousel-inner .item img {
    margin: 0;
    position: relative;
    display: block;
    opacity: 0.95;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

#sp-banner-wrapper #sp-banner-left .carousel .carousel-inner .item:hover:before,
#sp-banner-wrapper #sp-banner-left .carousel .carousel-inner .item:hover:after {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

#sp-banner-wrapper #sp-banner-left .carousel .carousel-inner .item .carousel-caption {
    background: rgba(0, 0, 0, 0.15);
    padding: 20px 0;
    text-align: center;
    color: #fff;
    bottom: auto;
    top: 40%;
    font-size: 30px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 500
}

#sp-banner-wrapper #sp-banner-left .carousel .carousel-inner .item .carousel-caption:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(images/bg_banner-left.png) no-repeat center;
    top: 0;
    left: 0
}

#sp-banner-wrapper #sp-banner-left .carousel .carousel-indicators {
    position: absolute;
    bottom: 15px;
    top: auto;
    right: 30px
}

#sp-banner-wrapper #sp-banner-left .carousel .carousel-indicators li {
    position: relative;
    width: 5px;
    height: 5px;
    margin-left: 15px
}

#sp-banner-wrapper #sp-banner-left .carousel .carousel-indicators li:before {
    position: absolute;
    content: "";
    min-width: 100%;
    min-height: 100%;
    padding: 4px;
    top: -5px;
    left: -5px;
    border-radius: 8px
}

#sp-banner-wrapper #sp-banner-left .carousel .carousel-control {
    display: none
}

#sp-banner-wrapper #sp-banner-right {
    width: 67.96%;
    padding-left: 5px;
    margin-left: 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}

#sp-banner-wrapper #sp-banner-right .row-1 .content-box:before,
#sp-banner-wrapper #sp-banner-right .row-2 .content-box:before {
    position: absolute;
    top: -100px;
    left: -100px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    z-index: 100;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, -1, 30deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, -1, 30deg) translate3d(0, -100%, 0)
}

#sp-banner-wrapper #sp-banner-right .row-1 .content-box:hover:before,
#sp-banner-wrapper #sp-banner-right .row-2 .content-box:hover:before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, -1, 30deg) translate3d(0, 200%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, -1, 30deg) translate3d(0, 200%, 0)
}

#sp-banner-wrapper #sp-banner-right .row-1 .content-box:hover .image-box:before,
#sp-banner-wrapper #sp-banner-right .row-1 .content-box:hover .image-box:after,
#sp-banner-wrapper #sp-banner-right .row-2 .content-box:hover .image-box:before,
#sp-banner-wrapper #sp-banner-right .row-2 .content-box:hover .image-box:after {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

#sp-banner-wrapper #sp-banner-right .row-1 .content-box:hover .image-box img,
#sp-banner-wrapper #sp-banner-right .row-2 .content-box:hover .image-box img {
    opacity: 0.6;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1)
}

#sp-banner-wrapper #sp-banner-right .row-1 .content-box .image-box:before,
#sp-banner-wrapper #sp-banner-right .row-1 .content-box .image-box:after,
#sp-banner-wrapper #sp-banner-right .row-2 .content-box .image-box:before,
#sp-banner-wrapper #sp-banner-right .row-2 .content-box .image-box:after {
    position: absolute;
    content: '';
    z-index: 1;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -moz-transition: opacity 0.35s, -moz-transform 0.35s;
    -o-transition: opacity 0.35s, -o-transform 0.35s;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    opacity: 0
}

#sp-banner-wrapper #sp-banner-right .row-1 .content-box .image-box:before,
#sp-banner-wrapper #sp-banner-right .row-2 .content-box .image-box:before {
    top: 15%;
    right: 7%;
    bottom: 15%;
    left: 7%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

#sp-banner-wrapper #sp-banner-right .row-1 .content-box .image-box:after,
#sp-banner-wrapper #sp-banner-right .row-2 .content-box .image-box:after {
    top: 7%;
    right: 15%;
    bottom: 7%;
    left: 15%;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

#sp-banner-wrapper #sp-banner-right .row-1 .content-box .image-box img,
#sp-banner-wrapper #sp-banner-right .row-2 .content-box .image-box img {
    margin: 0;
    position: relative;
    display: block;
    opacity: 0.95;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

#sp-banner-wrapper #sp-banner-right .row-1 {
    margin-bottom: 10px
}

#sp-banner-wrapper #sp-banner-right .row-1 .content-box {
    position: relative;
    cursor: pointer;
    overflow: hidden
}

#sp-banner-wrapper #sp-banner-right .row-1 .content-box .image-box {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

#sp-banner-wrapper #sp-banner-right .row-1 .content-box .caption {
    position: absolute;
    width: 100%;
    top: 37%
}

#sp-banner-wrapper #sp-banner-right .row-1 .content-box .caption p {
    font-size: 14px;
    margin-bottom: 0
}

#sp-banner-wrapper #sp-banner-right .row-1 .content-box .caption h2 {
    font-size: 50px;
    margin: 0;
    font-weight: 500;
    line-height: 50px
}

#sp-banner-wrapper #sp-banner-right .row-1 .first {
    width: 50%;
    padding-right: 5px
}

#sp-banner-wrapper #sp-banner-right .row-1 .first h2 {
    letter-spacing: 6px
}

#sp-banner-wrapper #sp-banner-right .row-1 .last {
    width: 50%;
    padding-left: 5px;
    margin-left: 0
}

#sp-banner-wrapper #sp-banner-right .row-1 .last p {
    letter-spacing: 5px
}

#sp-banner-wrapper #sp-banner-right .row-2 {
    margin: 0
}

#sp-banner-wrapper #sp-banner-right .row-2 .content-box {
    position: relative;
    cursor: pointer;
    overflow: hidden
}

#sp-banner-wrapper #sp-banner-right .row-2 .content-box .text-box {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute
}

#sp-banner-wrapper #sp-banner-right .row-2 .content-box .text-box:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    bottom: 100%;
    left: 0;
    background: rgba(255, 255, 255, 0.5)
}

#sp-banner-wrapper #sp-banner-right .row-2 .content-box .text-box .caption-wapper {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box
}

#sp-banner-wrapper #sp-banner-right .row-2 .content-box .text-box .caption-wapper .caption-inner {
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 35px 0;
    box-sizing: border-box
}

#sp-banner-wrapper #sp-banner-right .row-2 .content-box .text-box .caption-wapper .caption-inner .caption {
    display: inline-block;
    position: relative
}

#sp-banner-wrapper #sp-banner-right .row-2 .content-box .text-box .caption-wapper .caption-inner .caption:before {
    position: absolute;
    content: "";
    height: 7px;
    width: 100%;
    background: url(images/bg_banner-row-2.png) no-repeat center;
    top: 8px;
    left: 0
}

#sp-banner-wrapper #sp-banner-right .row-2 .content-box .text-box .caption-wapper .caption-inner .caption p {
    font-size: 20px;
    line-height: 25px;
    display: inline-block;
    position: relative;
    margin: 0
}

#sp-banner-wrapper #sp-banner-right .row-2 .content-box .text-box .caption-wapper .caption-inner .caption .header-row-2 {
    font-size: 60px;
    line-height: 60px;
    position: relative;
    margin: 0
}

.module.vina_category_left {
    text-align: left
}

.module.vina_login_left {
    text-align: left
}

.module.vina_feature_h1 .gallery {
    margin: 30px 0 9px 0
}

.module.vina_feature_h1 .gallery .slider.display {
    border: 0!important
}

.module.vina_feature_h1 .gallery .slider .slides .slide-item {
    left: -10px
}

.module.vina_feature_h1 .gallery .slider .slides .slide-item.selected {
    margin: 0 10px
}

.module.vina_feature_h1 .gallery .slider .slides .slide-item .content h3 {
    font-size: 48px;
    font-weight: 500;
    text-transform: uppercase
}

.module.vina_feature_h1 .gallery .slider .slides .slide-item .content p {
    margin-bottom: 25px
}

.module.vina_feature_h1 .gallery .slider .slides .slide-item .content p a {
    text-transform: uppercase;
    border-radius: 20px;
    padding: 6px 20px 7px;
    display: inline-block
}

.module.vina_feature_h1 .gallery .slider .gallery-btn {
    top: 45%
}

.module.vina_feature_h1 .gallery .slider .gallery-btn i {
    color: white;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 9px 10px 10px 9px;
    display: inline-block;
    opacity: 0.5
}

.module.vina_feature_h1 .gallery .slider .gallery-btn i:hover {
    opacity: 1
}

.module.vina_feature_h1 .gallery .slider .gallery-btn.prev {
    left: 30px;
    background: none
}

.module.vina_feature_h1 .gallery .slider .gallery-btn.next {
    right: 30px;
    background: none
}

.module.vina_feature_h1 .gallery .slider .gallery-btn.next i {
    float: right
}

.vina_services_slideshow {
    margin-top: -75px
}

.vina_services_slideshow .services {
    text-align: center;
    color: #fff
}

.vina_services_slideshow .services .first .item-wapper .item-inner .content {
    text-transform: none
}

.vina_services_slideshow .services .item-wapper {
    z-index: 9;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    padding: 10px
}

.vina_services_slideshow .services .item-wapper:after {
    min-width: 100%;
    min-height: 100%;
    padding: 10px;
    position: absolute;
    content: "";
    top: -10px;
    left: -10px;
    border-radius: 50%;
    opacity: 0;
    z-index: 100
}

.vina_services_slideshow .services .item-wapper .item-inner {
    width: 108px;
    height: 108px;
    position: relative;
    border-radius: 50%
}

.vina_services_slideshow .services .item-wapper .item-inner:before {
    height: 108%;
    width: 30%;
    position: absolute;
    content: "";
    left: 35%;
    top: -4%;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.vina_services_slideshow .services .item-wapper .item-inner:after {
    min-width: 100%;
    min-height: 100%;
    padding: 10px;
    position: absolute;
    content: "";
    top: -11px;
    left: -11px;
    border-radius: 50%;
    opacity: 0;
    z-index: 101
}

.vina_services_slideshow .services .item-wapper .item-inner .content {
    position: absolute;
    top: 30%;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 102;
    text-transform: uppercase
}

.vina_services_slideshow .services .item-wapper .icon {
    position: absolute;
    top: -35px;
    right: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    font-size: 18px;
    opacity: 0;
    z-index: 110;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

.vina_services_slideshow .services .item-wapper:hover:after {
    opacity: 1
}

.vina_services_slideshow .services .item-wapper:hover .item-inner:before {
    display: none
}

.vina_services_slideshow .services .item-wapper:hover .item-inner:after {
    opacity: 1
}

.vina_services_slideshow .services .item-wapper:hover .icon {
    top: -10px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 1
}

.vina_category_h2 .header {
    margin: 0;
    text-align: center;
    padding: 10px 0;
    line-height: 25px;
    font-weight: 600;
    font-size: 20px;
    border-radius: 5px 5px 0 0
}

.vina_category_h2 .header:before,
.vina_category_h2 .header:after {
    display: none
}

.vina_category_h2 .vina-treeview-jshopping>ul.treeview {
    font-size: 14px;
    margin: 0;
    padding: 0;
    z-index: 1000;
    border: 1px solid #f1f1f1;
    border-top: 0
}

.vina_category_h2 .vina-treeview-jshopping>ul.treeview>li {
    border-bottom: 1px solid #e4e4e4;
    background: none;
    padding: 11px 30px 12px;
    text-transform: uppercase
}

.vina_category_h2 .vina-treeview-jshopping>ul.treeview>li:last-child {
    border-bottom: 0;
    background: none
}

.vina_category_h2 .vina-treeview-jshopping>ul.treeview>li .hitarea {
    float: right;
    background: none;
    text-align: right
}

.vina_category_h2 .vina-treeview-jshopping>ul.treeview>li .hitarea.expandable-hitarea {
    position: relative
}

.vina_category_h2 .vina-treeview-jshopping>ul.treeview>li .hitarea.expandable-hitarea:before {
    width: 100%;
    height: 100%;
    position: absolute;
    font-family: 'FontAwesome';
    left: 0;
    top: 0;
    content: "\f067";
    color: #000
}

.vina_category_h2 .vina-treeview-jshopping>ul.treeview>li .hitarea.collapsable-hitarea {
    position: relative
}

.vina_category_h2 .vina-treeview-jshopping>ul.treeview>li .hitarea.collapsable-hitarea:before {
    width: 100%;
    height: 100%;
    position: absolute;
    font-family: 'FontAwesome';
    left: 0;
    top: 0;
    content: "\f068";
    color: #000
}

.vina_category_h2 .vina-treeview-jshopping>ul.treeview>li>ul li.expandable,
.vina_category_h2 .vina-treeview-jshopping>ul.treeview>li>ul li.collapsable {
    background: none;
    padding: 10px 0 10px 15px
}

.vina_category_h2 .vina-treeview-jshopping>ul.treeview>li>ul li ul {
    margin: 0
}

.vina_category_h2 .vina-treeview-jshopping>ul.treeview>li>ul li ul li {
    padding: 12px 0 13px 25px
}

.vina_category_h2 .vina-treeview-jshopping>ul.treeview>li ul {
    margin-left: 10px
}

.vina_category_h2 .vina-treeview-jshopping>ul.treeview>li ul li {
    padding: 12px 0 13px 28px;
    background: none;
    position: relative
}

.vina_category_h2 .vina-treeview-jshopping>ul.treeview>li ul li:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 2px;
    max-height: 0;
    width: 16px;
    border-top: 1px dotted #e6e6e6
}

.vina_category_h2 .vina-treeview-jshopping>ul.treeview>li ul li:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    max-width: 0;
    border-left: 1px dotted #e6e6e6
}

.vina_category_h2 .vina-treeview-jshopping>ul.treeview>li ul li:last-child:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 50%;
    max-width: 0;
    border-left: 1px dotted #e6e6e6
}

.module.ft_product_h2 {
    margin-top: 20px;
    padding: 20px 0
}

.module.ft_product_h2 .megamenu-title .header {
    line-height: 25px;
    font-weight: 600;
    font-size: 20px
}

.module.ft_product_h2 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item:hover .image-block .content {
    opacity: 1;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.module.ft_product_h2 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block {
    border-radius: 50%;
    margin: 0 20px;
    padding: 5px
}

.module.ft_product_h2 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content {
    bottom: 0;
    background: none;
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.module.ft_product_h2 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content:before {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.3;
    content: "";
    top: 0;
    left: 0;
    border-radius: 50%
}

.module.ft_product_h2 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content .description {
    top: 37.5%
}

.module.ft_product_h2 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content .description a {
    position: relative;
    padding: 10px 0;
    border: 0;
    background: transparent;
    text-indent: -5000px;
    border-radius: 0;
    width: 40px
}

.module.ft_product_h2 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content .description a:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "\f002";
    font-family: "FontAwesome";
    text-align: center;
    left: 0;
    top: 0;
    line-height: 40px;
    border-radius: 50%;
    text-indent: 0
}

.module.ft_product_h2 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .text-block {
    border: 0
}

.module.ft_product_h2 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .addto:hover .cart-detail {
    left: 0
}

.module.ft_product_h2 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .addto:hover .button_detail {
    right: 0
}

.module.ft_product_h2 .vina-carousel-jshopping .owl-controls {
    width: 10px;
    left: auto;
    top: 30%;
    right: -20px
}

.module.ft_product_h2 .vina-carousel-jshopping .owl-controls .owl-pagination .owl-page {
    display: block
}

.module.ft_product_h2 .vina-carousel-jshopping .owl-controls .owl-pagination .owl-page span {
    width: 10px;
    height: 10px;
    margin: 0;
    margin-bottom: 10px;
    opacity: 0.2
}

.tab .nav-tabs {
    right: 0
}

.tab .tab-content {
    padding-top: 20px
}

.vina_banner_h2 {
    width: 100%
}

.vina_banner_h2 .item {
    width: 31%;
    float: left;
    margin-left: 3.5%;
    position: relative;
    overflow: hidden
}

.vina_banner_h2 .item:before {
    position: absolute;
    top: -100px;
    left: -100px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    z-index: 100;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, -1, 30deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, -1, 30deg) translate3d(0, -100%, 0)
}

.vina_banner_h2 .item:hover:before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, -1, 30deg) translate3d(0, 200%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, -1, 30deg) translate3d(0, 200%, 0)
}

.vina_banner_h2 .item:hover .image-box:before,
.vina_banner_h2 .item:hover .image-box:after {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.vina_banner_h2 .item:hover .image-box img {
    opacity: 0.6;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1)
}

.vina_banner_h2 .item .image-box {
    position: relative
}

.vina_banner_h2 .item .image-box:before,
.vina_banner_h2 .item .image-box:after {
    position: absolute;
    content: '';
    z-index: 1;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -moz-transition: opacity 0.35s, -moz-transform 0.35s;
    -o-transition: opacity 0.35s, -o-transform 0.35s;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    opacity: 0
}

.vina_banner_h2 .item .image-box:before {
    top: 15%;
    right: 7%;
    bottom: 15%;
    left: 7%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.vina_banner_h2 .item .image-box:after {
    top: 7%;
    right: 15%;
    bottom: 7%;
    left: 15%;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.vina_banner_h2 .item .image-box img {
    margin: 0;
    position: relative;
    display: block;
    opacity: 0.95;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.vina_banner_h2 .item .caption-wapper {
    position: absolute;
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 20px;
    bottom: 0;
    left: 0;
    text-transform: uppercase;
    background: url(images/bg_banner-h2.png) no-repeat bottom;
    height: 100%
}

.vina_banner_h2 .item .caption-wapper .caption {
    position: absolute;
    bottom: 0;
    line-height: 35px;
    width: 100%
}

.vina_banner_h2 .item:first-child {
    margin: 0
}

.module.feature-product {
    text-align: center
}

.module.feature-product .header {
    color: #fff;
    position: relative;
    padding: 0;
    font-weight: 400;
    font-size: 22px;
    margin: 10px 0 11px 0
}

.module.feature-product .header:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 50%
}

.module.feature-product .header:after {
    display: none
}

.module.feature-product .header .text {
    background: #fff;
    position: relative;
    padding: 0 29px;
    display: inline-block
}

.module.feature-product .header .text:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    left: 0;
    top: 13px;
    border-radius: 50%
}

.module.feature-product .header .text:after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    right: 0;
    top: 13px;
    border-radius: 50%
}

.module.feature-product .header .text>span {
    padding: 0 20px;
    border-radius: 20px;
    line-height: 35px;
    display: inline-block
}

.vina-carousel-jshopping {
    position: relative;
    overflow: visible
}

.vina-carousel-jshopping:hover .owl-controls .owl-buttons .owl-prev {
    opacity: 1;
    left: -30px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

.vina-carousel-jshopping:hover .owl-controls .owl-buttons .owl-next {
    opacity: 1;
    right: -30px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

.vina-carousel-jshopping .owl-controls {
    position: absolute;
    width: 100%;
    top: 45%
}

.vina-carousel-jshopping .owl-controls .owl-buttons .owl-prev,
.vina-carousel-jshopping .owl-controls .owl-buttons .owl-next {
    position: absolute;
    color: transparent;
    margin: 0;
    line-height: 35px;
    padding: 0;
    width: 35px;
    background: none;
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

.vina-carousel-jshopping .owl-controls .owl-buttons .owl-prev:before,
.vina-carousel-jshopping .owl-controls .owl-buttons .owl-next:before {
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 14px;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    left: 0;
    top: 0
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item {
    position: relative
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block {
    position: relative;
    overflow: hidden
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block:hover .content {
    bottom: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block>a .plabel {
    top: 15px;
    left: 15px
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block>a .plabel .label-name {
    display: none
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 100%;
    left: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content .description {
    position: relative;
    top: 25%;
    padding: 0 20px
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content .description .introtext {
    margin-bottom: 20px
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content .description a {
    border-radius: 20px;
    padding: 6px 20px 7px;
    box-shadow: none
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .text-block {
    text-align: center
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .text-block .title {
    font-size: 16px;
    padding: 10px 10px 5px;
    margin: 0;
    max-height: 55px;
    overflow: hidden;
    ;
    line-height: 20px;
}

#sp-banner {
    margin-top: 2em;
    ;
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .text-block .price-block {
    padding: 0 0 5px;
    line-height: 20px
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .text-block .price-block .price {
    font-size: 20px;
    font-weight: 500
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .text-block .price-block .old-price {
    font-size: 16px;
    margin-left: 10px;
    text-decoration: line-through;
    font-weight: 500
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .text-block .info {
    display: inline-block;
    margin: 5px 0 30px
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .addto {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: -17px;
    font-size: 14px
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .addto:hover .cart-detail {
    opacity: 1;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    left: 25px
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .addto:hover .button_detail {
    opacity: 1;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    right: 25px
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .addto .cart-detail,
.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .addto .button_detail {
    display: inline-block;
    opacity: 0;
    -webkit-transform: rotate(480deg);
    -moz-transform: rotate(480deg);
    -ms-transform: rotate(480deg);
    -o-transform: rotate(480deg);
    transform: rotate(480deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    position: absolute;
    border-radius: 50%;
    padding: 7px 10px 6px 9px
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .addto .cart-detail i,
.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .addto .button_detail i {
    text-align: center
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .addto .cart-detail i:before,
.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .addto .button_detail i:before {
    min-width: 14px
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .addto .cart-detail {
    left: 45px
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .addto .button_detail {
    right: 45px
}

.vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .addto .addtocart {
    display: inline-block;
    padding: 7px 20px 8px;
    color: #fff;
    border-radius: 20px;
    text-transform: capitalize
}

.vina-ticker-jshopping {
    position: relative
}

.vina-ticker-jshopping .header-block {
    position: absolute;
    right: 0;
    top: -52px
}

.vina-ticker-jshopping .header-block .control-block .up,
.vina-ticker-jshopping .header-block .control-block .toggle,
.vina-ticker-jshopping .header-block .control-block .down {
    background: none;
    position: relative;
    max-width: 15px;
    right: auto;
    float: left;
    text-indent: 10000px
}

.vina-ticker-jshopping .header-block .control-block .up:before,
.vina-ticker-jshopping .header-block .control-block .toggle:before,
.vina-ticker-jshopping .header-block .control-block .down:before {
    position: absolute;
    width: 100%;
    height: 100%;
    font-family: 'FontAwesome';
    top: 0;
    right: 0;
    max-width: 15px;
    text-indent: 0
}

.vina-ticker-jshopping .header-block .control-block .up {
    text-align: left
}

.vina-ticker-jshopping .header-block .control-block .up:before {
    content: "\f053"
}

.vina-ticker-jshopping .header-block .control-block .toggle {
    text-align: center
}

.vina-ticker-jshopping .header-block .control-block .toggle:before {
    content: "\f04b"
}

.vina-ticker-jshopping .header-block .control-block .toggle.et-run {
    background: none
}

.vina-ticker-jshopping .header-block .control-block .toggle.et-run:before {
    content: "\f04c"
}

.vina-ticker-jshopping .header-block .control-block .down {
    text-align: right
}

.vina-ticker-jshopping .header-block .control-block .down:before {
    content: "\f054"
}

.vina-ticker-jshopping .vina-items-wrapper .vina-items {
    width: 100%
}

.vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item {
    border: 0!important
}

.vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .image a {
    position: relative;
    display: inline-block
}

.vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .image a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
    z-index: 100;
    opacity: 0.3;
    cursor: pointer;
    display: none
}

.vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .image a:after {
    position: absolute;
    content: "\f002";
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    left: 36.3%;
    top: 36.3%;
    font-family: "FontAwesome";
    border-radius: 50%;
    background: #fff;
    z-index: 1001;
    cursor: pointer;
    display: none;
    color: #000
}

.vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .image a img {
    border-radius: 50%;
    width: 100%;
    box-sizing: border-box
}

.vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .content {
    padding-top: 15px;
    padding-left: 5px
}

.vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .content .text-block {
    display: inline-block
}

.vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .content .text-block .title {
    font-weight: normal;
    font-size: 14px
}

.vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .content .text-block .price-block .price {
    font-size: 18px
}

.vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .content .text-block .price-block .old-price {
    font-size: 12px;
    text-decoration: line-through
}

.vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .content .text-block .addtocart {
    text-transform: uppercase;
    font-weight: 700
}

.vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item:hover .image a:before,
.vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item:hover .image a:after {
    display: block
}

.module.vina_special {
    margin-top: 20px
}

.module.vina_special .header {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px
}

.module.vina_special.vina_special_h2 {
    margin-top: 51px
}

.module.vina_special.vina_special_h2 .vina-ticker-jshopping .header-block {
    position: absolute;
    top: -45px
}

.vina_latest_blog_h2 {
    margin-top: 36px!important
}

.vina_latest_blog_h2 .header {
    font-size: 20px;
    font-weight: 600;
    color: #000
}

.module.best-seller {
    margin: 30px 0 20px;
    position: relative
}

.module.best-seller:first-child {
    margin-top: 51px
}

.module.best-seller .megamenu-title .header {
    font-size: 20px;
    font-weight: 600
}

.module.best-seller .vina-carousel-jshopping .owl-controls {
    width: 10px;
    left: auto;
    top: 35%;
    right: -15px
}

.module.best-seller .vina-carousel-jshopping .owl-controls .owl-pagination .owl-page {
    display: block
}

.module.best-seller .vina-carousel-jshopping .owl-controls .owl-pagination .owl-page span {
    width: 10px;
    height: 10px;
    margin: 0;
    margin-bottom: 10px;
    opacity: 0.2
}

.module.newsletter {
    padding: 75px!important;
    text-align: center;
    color: #fff
}

.module.newsletter .acymailing_full_box {
    margin-bottom: 0
}

.module.newsletter.home1 {
    background: url(images/newsletter-home-1.png) no-repeat center;
    background-size: auto 100%
}

.module.newsletter.home2 {
    background: url(images/newsletter-home-2.png) no-repeat center;
    background-size: auto 100%
}

.module.newsletter .header {
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
    display: inline-block;
    padding-bottom: 10px!important;
    margin: 0 0 15px!important;
    line-height: 40px
}

.module.newsletter .header:before {
    position: absolute;
    content: "";
    width: 50%;
    height: auto;
    left: 0;
    bottom: 0;
    display: inline-block;
    margin: 0 auto;
    right: 0
}

.module.newsletter .header:after {
    position: absolute;
    width: 7px;
    height: 7px;
    top: auto;
    left: 0;
    right: 0;
    bottom: -4px;
    content: "";
    display: inline-block;
    margin: 0 auto;
    border-radius: 50%
}

.module.newsletter .acymailing_introtext {
    margin-bottom: 25px!important
}

.module.newsletter .input-box {
    display: inline-block;
    border-radius: 20px;
    background: #fff;
    margin-bottom: 20px
}

.module.newsletter .input-box input {
    margin: 0;
    border: 0;
    border-radius: 20px 0 0 20px;
    padding: 7px 20px 8px;
    text-transform: capitalize;
    box-shadow: none
}

.module.newsletter .input-box input:focus {
    outline: 0
}

.module.newsletter .input-box .subbutton {
    box-shadow: none;
    border-radius: 0 20px 20px 0;
    padding-left: 0;
    text-shadow: none;
    text-transform: uppercase;
    height: 35px;
    border: 0;
    position: relative;
    z-index: 10;
    padding-right: 25px
}

.module.newsletter .input-box .subbutton:focus {
    outline: none
}

.module.newsletter .input-box .subbutton:before {
    position: absolute;
    content: "";
    width: 35px;
    height: 100%;
    -webkit-transform: skew(-30deg, 0);
    -moz-transform: skew(-30deg, 0);
    -ms-transform: skew(-30deg, 0);
    -o-transform: skew(-30deg, 0);
    transform: skew(-30deg, 0);
    top: 0;
    left: -20px;
    z-index: -1
}

.module.vina_latest_blog_h1 {
    padding: 60px 0 30px
}

.module.vina_latest_blog_h1 .header {
    font-weight: 600
}

.module.vina_best_sellers_h1 {
    padding: 60px 0 20px
}

.module.vina_best_sellers_h1 .header {
    margin-bottom: 30px
}

.module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item:hover .image-block .content {
    opacity: 1;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block {
    border-radius: 50%;
    margin: 0 20px;
    padding: 5px
}

.module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content {
    bottom: 0;
    background: none;
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content:before {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.3;
    content: "";
    top: 0;
    left: 0;
    border-radius: 50%
}

.module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content .description {
    top: 37.5%
}

.module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content .description a {
    position: relative;
    padding: 10px 0;
    border: 0;
    background: transparent;
    text-indent: -5000px;
    border-radius: 0;
    width: 40px
}

.module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content .description a:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "\f002";
    font-family: "FontAwesome";
    text-align: center;
    left: 0;
    top: 0;
    line-height: 40px;
    border-radius: 50%;
    text-indent: 0
}

.module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .text-block {
    border: 0
}

.module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .addto:hover .cart-detail {
    left: 0
}

.module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .addto:hover .button_detail {
    right: 0
}

.module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-controls {
    width: 55px;
    left: auto;
    right: 10px;
    top: -70px
}

.module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-controls .owl-buttons .owl-prev,
.module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-controls .owl-buttons .owl-next {
    width: 20px;
    height: 20px;
    line-height: 20px;
    opacity: 1
}

.module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-controls .owl-buttons .owl-prev:before,
.module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-controls .owl-buttons .owl-next:before {
    border: 0;
    font-size: 20px;
    line-height: 20px;
    width: auto;
    height: auto
}

.module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-controls .owl-buttons .owl-prev {
    left: 0;
    text-align: left
}

.module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-controls .owl-buttons .owl-prev:before {
    left: 0
}

.module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-controls .owl-buttons .owl-next {
    right: 0;
    text-align: right
}

.module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-controls .owl-buttons .owl-next:before {
    right: 0
}

.vina-carousel-content {
    overflow: visible!important
}

.vina-carousel-content .item .image-block {
    position: relative
}

.vina-carousel-content .item .image-block a img {
    width: 100%
}

.vina-carousel-content .item .image-block .title {
    margin: 0;
    font-size: 18px;
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 30px
}

.vina-carousel-content .item .text-block {
    text-align: center;
    border-top: 0;
    padding: 10px 15px 25px
}

.vina-carousel-content .item .readmore {
    padding: 0;
    position: relative;
    bottom: 15px;
    text-align: center;
    text-transform: capitalize
}

.vina-carousel-content .item .readmore a {
    padding: 4px 15px;
    border-radius: 15px;
    display: inline-block
}

.vina-carousel-content .owl-controls {
    margin: 0!important;
    position: absolute;
    top: -38px;
    right: 0
}

.vina-carousel-content .owl-controls .owl-page {
    border-radius: 50%
}

.vina-carousel-content .owl-controls .owl-page span {
    width: 5px!important;
    height: 5px!important;
    margin: 4px!important;
    border-radius: 50%;
    opacity: 1
}

.vina_slider {
    background: url(images/bg-slider.png) center no-repeat;
    background-size: auto 100%;
    padding: 30px 0
}

.vina_slider .slider .carousel {
    margin: 0
}

.vina_slider .slider .carousel .carousel-indicators {
    display: none
}

.vina_slider .slider .carousel .carousel-control {
    min-width: 28px;
    min-height: 28px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.8);
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    background: none;
    top: auto;
    bottom: 0
}

.vina_slider .slider .carousel .carousel-control.left {
    left: auto;
    right: 40px
}

.vina_slider .slider .carousel .carousel-control.right {
    right: 0
}

.vina_slider .slider .carousel .carousel-inner {
    color: #fff
}

.vina_slider .slider .carousel .carousel-inner .item .item-content {
    padding-left: 136px;
    background: url(images/bg_item-content.png) no-repeat
}

.vina_slider .slider .carousel .carousel-inner .item .item-content p {
    position: relative;
    line-height: 25px;
    padding: 13px 20px
}

.vina_slider .slider .carousel .carousel-inner .item .item-content p:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 5px
}

.vina_slider .slider .carousel .carousel-inner .item .item-content p:after {
    position: absolute;
    content: "";
    left: -12px;
    top: 12px;
    border-style: solid;
    border-width: 4px 6px;
    border-color: transparent #fff #fff transparent;
    opacity: 0.2
}

.vina_slider .slider .carousel .carousel-inner .item .item-content h3 {
    margin: 0;
    line-height: 30px
}

.header {
    position: relative;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-size: 20px
}

.header:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0
}

.header:after {
    position: absolute;
    content: "";
    bottom: -4px;
    left: 0;
    width: 9px;
    height: 9px;
    border-radius: 50%
}

.vina-ptiled-jshopping {
    text-align: left
}

.vina-ptiled-jshopping .vina-jshopping-products .vina-jshopping-product:hover .vina-image a:before {
    display: block
}

.vina-ptiled-jshopping .vina-jshopping-products .vina-jshopping-product:hover .vina-image a:after {
    display: block
}

.vina-ptiled-jshopping .vina-jshopping-products .vina-jshopping-product .vina-image a {
    display: inline-block;
    position: relative
}

.vina-ptiled-jshopping .vina-jshopping-products .vina-jshopping-product .vina-image a>img {
    border-radius: 50%
}

.vina-ptiled-jshopping .vina-jshopping-products .vina-jshopping-product .vina-image a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
    z-index: 100;
    opacity: 0.3;
    cursor: pointer;
    display: none
}

.vina-ptiled-jshopping .vina-jshopping-products .vina-jshopping-product .vina-image a:after {
    position: absolute;
    content: "\f002";
    font-family: "FontAwesome";
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    left: 36.36%;
    top: 36.37%;
    border-radius: 50%;
    z-index: 101;
    background: #fff;
    cursor: pointer;
    display: none
}

.vina-ptiled-jshopping .vina-jshopping-products .vina-jshopping-product .text-blog {
    padding: 10px
}

.vina-ptiled-jshopping .vina-jshopping-products .vina-jshopping-product .text-blog .vina-title {
    font-size: 14px
}

.vina-ptiled-jshopping .vina-jshopping-products .vina-jshopping-product .text-blog .vina-title span {
    font-weight: normal
}

.vina-ptiled-jshopping .vina-jshopping-products .vina-jshopping-product .text-blog .price-block {
    margin: 0
}

.vina-ptiled-jshopping .vina-jshopping-products .vina-jshopping-product .text-blog .price-block .price {
    font-size: 18px
}

.vina-ptiled-jshopping .vina-jshopping-products .vina-jshopping-product .text-blog .price-block .old-price {
    font-size: 12px;
    margin-left: 10px;
    text-decoration: line-through
}

.vina-ptiled-jshopping .vina-jshopping-products .vina-jshopping-product .text-blog .info {
    margin: 5px 0
}

.vina-ptiled-jshopping .vina-jshopping-products .vina-jshopping-product .text-blog .add-to-cart .addtocart {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600
}

.vina-ptiled-jshopping .jssord05l {
    background: none;
    font-family: 'FontAwesome'
}

.vina-ptiled-jshopping .jssord05l:before {
    content: "\f177";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #000;
    font-size: 20px
}

.vina-ptiled-jshopping .jssord05r {
    background: none;
    font-family: 'FontAwesome'
}

.vina-ptiled-jshopping .jssord05r:before {
    display: inline-block;
    content: "\f178";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #000;
    font-size: 20px
}

.module.vina_manufacture .vina-manufacturers-jshopping {
    border: 0;
    margin: 0
}

.module.vina_manufacture .vina-manufacturers-jshopping ul .item {
    padding: 0 12px
}

.module.vina_manufacture .vina-manufacturers-jshopping ul .item:first-child {
    border-color: rgba(255, 255, 255, 0)
}

.module .vina-manufacturers-jshopping {
    overflow: visible;
    margin: 20px 0 50px;
    border-radius: 150px
}

.module .vina-manufacturers-jshopping .caroufredsel_wrapper ul .item {
    padding: 0 7px
}

.module .vina-manufacturers-jshopping .caroufredsel_wrapper ul .item a img {
    max-height: 48px;
    width: 170px
}

.module .vina-manufacturers-jshopping .vina-prev,
.module .vina-manufacturers-jshopping .vina-next {
    text-indent: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 35px;
    opacity: 0
}

.module .vina-manufacturers-jshopping .vina-prev i,
.module .vina-manufacturers-jshopping .vina-next i {
    display: inline-block;
    padding: 9px;
    border-radius: 50%
}

.module .vina-manufacturers-jshopping .vina-prev i:before,
.module .vina-manufacturers-jshopping .vina-next i:before {
    font-size: 20px
}

.module .vina-manufacturers-jshopping .vina-prev {
    left: -10px
}

.module .vina-manufacturers-jshopping .vina-next {
    right: -10px
}

.module .vina-manufacturers-jshopping:hover .vina-prev,
.module .vina-manufacturers-jshopping:hover .vina-next {
    opacity: 1
}

#sp-bottom-wrapper {
    font-size: 13px
}

#sp-bottom-wrapper i {
    font-size: 14px
}

#sp-bottom-wrapper .module.vina_title_lage {
    margin: 0
}

#sp-bottom-wrapper .module.vina_title_lage .header {
    font-size: 35px;
    text-transform: capitalize
}

#sp-bottom-wrapper .module.vina_title_lage p {
    line-height: 24px
}

#sp-bottom-wrapper .module.vina_title_lage .social-bot {
    margin-top: 10px;
    display: inline-block
}

#sp-bottom-wrapper .module.vina_title_lage .social-bot .inline {
    display: inline-block;
    float: left;
    margin-bottom: 0
}

#sp-bottom-wrapper .module.vina_title_lage .social-bot .inline li {
    padding: 0;
    float: left;
    margin-right: 10px
}

#sp-bottom-wrapper .module.vina_title_lage .social-bot .inline li:last-child {
    margin: 0
}

#sp-bottom-wrapper .module.vina_title_lage .social-bot .inline li a {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 50%
}

#sp-bottom-wrapper .module.vina_title_lage .social-bot .inline li a:before {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    top: -4px;
    left: -4px;
    border-radius: 50%;
    opacity: 0;
    z-index: 100
}

#sp-bottom-wrapper .module.vina_title_lage .social-bot .inline li a:hover:before {
    opacity: 1
}

#sp-bottom-wrapper .module.vina_title_lage .social-bot .inline li a i {
    text-align: center;
    display: inline-block
}

#sp-bottom-wrapper .module.vina_title_lage .social-bot .inline li a i:before {
    min-height: 28px;
    min-width: 28px;
    line-height: 28px;
    z-index: 101;
    position: relative
}

#sp-bottom-wrapper .module .vina_contact_us .bottom5 {
    color: #939393
}

#sp-bottom-wrapper .module .vina_contact_us .bottom5 .contact {
    list-style: none;
    margin: 0
}

#sp-bottom-wrapper .module .vina_contact_us .bottom5 .contact li {
    line-height: 30px;
    margin-bottom: 10px
}

#sp-bottom-wrapper .module .vina_contact_us .bottom5 .contact li a {
    color: #939393
}

#sp-bottom-wrapper .module .vina_contact_us .bottom5 .contact li i {
    text-align: center;
    padding: 7px;
    margin-right: 5px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    display: inline-block
}

#sp-bottom-wrapper .module .vina_contact_us .bottom5 .contact li i:before {
    min-width: 14px
}

#sp-bottom-wrapper .module.menu-bottom ul {
    list-style: none;
    margin: 0
}

#sp-bottom-wrapper .module.menu-bottom ul li {
    position: relative
}

#sp-bottom-wrapper .module.menu-bottom ul li a {
    position: relative;
    padding: 5px 0;
    padding-left: 15px;
    display: inline-block;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

#sp-bottom-wrapper .module.menu-bottom ul li a:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    left: 0;
    top: 12px;
    border-radius: 50%
}

#sp-bottom-wrapper .module.menu-bottom ul li a:hover {
    margin-left: 10px;
    background: none
}

#sp-bottom-wrapper .module.menu-bottom ul li a:focus {
    background: none
}

#sp-bottom-wrapper .module .header {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 30px
}

#sp-bottom-wrapper .module .header:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0
}

#sp-bottom-wrapper .module .header:after {
    position: absolute;
    content: "";
    bottom: -2px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%
}

ul.breadcrumb {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    background: transparent
}

.sp-border {
    position: relative
}

.sp-border::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px
}

#sp-footer-wrapper ul li {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px
}

#sp-footer-wrapper ul li a {
    color: #999
}

#sp-footer-wrapper #footer {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 15px 0
}

#sp-footer-wrapper ul {
    display: inline-block
}

#sp-footer-wrapper ul.nav {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0 5px
}

#sp-footer-wrapper ul.nav li {
    display: inline-block;
    margin: 0 5px
}

#sp-footer-wrapper ul.nav li a {
    display: block
}

#sp-footer-wrapper ul.nav li a:hover {
    background: none
}

#sp-footer-wrapper #sp-footer2 {
    position: relative
}

#sp-footer-wrapper #sp-footer2 .footer2 {
    display: inline-block;
    padding: 5px 0;
    padding-right: 50px
}

#sp-footer-wrapper #sp-footer2 .footer2 .inline {
    margin: 0
}

#sp-footer-wrapper #sp-footer2 .footer2 .inline li {
    margin: 0 15px 0 0;
    padding: 0;
    float: left
}

#sp-footer-wrapper #sp-footer2 .sp-totop {
    display: inline-block;
    padding: 7px 10px 8px;
    border-radius: 50%;
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    right: 0
}

#sp-footer-wrapper #sp-footer2 .sp-totop:hover {
    background: rgba(255, 255, 255, 0.6)
}

#sp-footer-wrapper #sp-footer2 .sp-totop i {
    color: #fff;
    text-align: center
}

#sp-footer-wrapper #sp-footer2 .sp-totop i:before {
    content: "\f176";
    min-width: 15px
}

#sp-footer-wrapper #sp-footer2 .sp-totop small {
    display: none
}

#sp-footer-wrapper .helix-framework {
    display: inline-block
}

#sp-footer-wrapper .helix-framework .helix-logo {
    display: block;
    width: 130px;
    height: 40px;
    text-indent: -9999px;
    background: url(../images/helix-logo-white.png) no-repeat 0 0
}

#sp-footer-wrapper .copyright {
    display: block
}

#mxcpr {
    height: 1px;
    overflow: hidden
}

.tab {
    position: relative
}

.tab .tab-content {
    overflow: visible;
    padding-top: 24px
}

.tab .nav-tabs {
    position: absolute;
    top: -35px;
    right: 30px;
    border: 0;
    margin: 0
}

.tab .nav-tabs li.active a {
    border: 0;
    background: none
}

.tab .nav-tabs li a {
    position: relative;
    border: 0;
    padding: 0 8px;
    margin: 0
}

.tab .nav-tabs li a:before {
    position: absolute;
    content: "";
    right: 0;
    width: 1px;
    height: 9px;
    background: #000;
    top: 5px;
    -webkit-transform: skew(-30deg, 0);
    -moz-transform: skew(-30deg, 0);
    -ms-transform: skew(-30deg, 0);
    -o-transform: skew(-30deg, 0);
    transform: skew(-30deg, 0)
}

.tab .nav-tabs li a:hover {
    background: none
}

.tab .nav-tabs li:last-child a {
    padding-right: 0
}

.tab .nav-tabs li:last-child a:before {
    display: none
}

button,
input[type='submit'],
input[type='button'],
.submit {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 4px 14px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border-radius: 4px;
    *margin-left: .3em;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25)
}

button:hover,
button:active,
button.active,
button.disabled,
button[disabled],
input[type='submit']:hover,
input[type='submit']:active,
input[type='submit'].active,
input[type='submit'].disabled,
input[type='submit'][disabled],
input[type='button']:hover,
input[type='button']:active,
input[type='button'].active,
input[type='button'].disabled,
input[type='button'][disabled],
.submit:hover,
.submit:active,
.submit.active,
.submit.disabled,
.submit[disabled] {
    color: #333;
    background-color: #e6e6e6
}

button:active,
button.active,
input[type='submit']:active,
input[type='submit'].active,
input[type='button']:active,
input[type='button'].active,
.submit:active,
.submit.active {
    background-color: #cccccc \9
}

button:first-child,
input[type='submit']:first-child,
input[type='button']:first-child,
submit:first-child {
    *margin-left: 0
}

button:hover,
input[type='submit']:hover,
input[type='button']:hover,
.submit:hover {
    color: #333;
    text-decoration: none;
    background-color: #e6e6e6;
    background-position: 0 -15px;
    transition: background-position .1s linear
}

button:focus,
input[type='submit']:focus,
input[type='button']:focus,
.submit:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

button.active,
button:active,
input[type='submit'].active,
input[type='submit']:active,
input[type='button'].active,
input[type='button']:active,
.submit.active,
.submit:active {
    background-color: #d9d9d9 \9;
    background-image: none;
    outline: 0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

button.disabled,
button[disabled],
input[type='submit'].disabled,
input[type='submit'][disabled],
input[type='button'].disabled,
input[type='button'][disabled],
.submit.disabled,
.submit[disabled] {
    cursor: default;
    background-color: #e6e6e6;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none
}

button.social,
input[type='submit'].social,
input[type='button'].social,
.submit.social {
    background: #fff;
    transition: all 200ms
}

button.social.facebook,
input[type='submit'].social.facebook,
input[type='button'].social.facebook,
.submit.social.facebook {
    color: #0378a9
}

button.social.facebook:hover,
input[type='submit'].social.facebook:hover,
input[type='button'].social.facebook:hover,
.submit.social.facebook:hover {
    background: #0378a9;
    color: #fff
}

button.social.twitter,
input[type='submit'].social.twitter,
input[type='button'].social.twitter,
.submit.social.twitter {
    color: #17b8fb
}

button.social.twitter:hover,
input[type='submit'].social.twitter:hover,
input[type='button'].social.twitter:hover,
.submit.social.twitter:hover {
    background: #17b8fb;
    color: #fff
}

button.social.pinterest,
input[type='submit'].social.pinterest,
input[type='button'].social.pinterest,
.submit.social.pinterest {
    color: #dc4e44
}

button.social.pinterest:hover,
input[type='submit'].social.pinterest:hover,
input[type='button'].social.pinterest:hover,
.submit.social.pinterest:hover {
    background: #dc4e44;
    color: #fff
}

button.social.gplus,
input[type='submit'].social.gplus,
input[type='button'].social.gplus,
.submit.social.gplus {
    color: #9d261d
}

button.social.gplus:hover,
input[type='submit'].social.gplus:hover,
input[type='button'].social.gplus:hover,
.submit.social.gplus:hover {
    background: #9d261d;
    color: #fff
}

button.social:hover,
input[type='submit'].social:hover,
input[type='button'].social:hover,
.submit.social:hover {
    text-decoration: none
}

.btn.social {
    background: #fff;
    transition: all 200ms
}

.btn.social.facebook {
    color: #0378a9
}

.btn.social.facebook:hover {
    background: #0378a9;
    color: #fff
}

.btn.social.twitter {
    color: #17b8fb
}

.btn.social.twitter:hover {
    background: #17b8fb;
    color: #fff
}

.btn.social.pinterest {
    color: #dc4e44
}

.btn.social.pinterest:hover {
    background: #dc4e44;
    color: #fff
}

.btn.social.gplus {
    color: #9d261d
}

.btn.social.gplus:hover {
    background: #9d261d;
    color: #fff
}

.btn.social:hover {
    text-decoration: none
}

#jc h4 {
    border: 0;
    font-size: 26px
}

#jc #comments .comments-list {
    margin: 0
}

#jc #comments .comments-list .rbox {
    border: 0;
    border-radius: 0
}

#jc #comments-form .new-comment .comment-box {
    margin-top: 20px
}

#jc #comments-form .new-comment .comment-box .comment-text-box .bbcode {
    display: none!important
}

#jc #comments-form .new-comment input {
    border-radius: 20px;
    height: 40px;
    box-shadow: none;
    padding: 0 15px!important
}

#jc #comments-form .new-comment input.selected {
    background: none!important
}

#jc #comments-form .new-comment label {
    padding-left: 20px
}

#jc #comments-form .new-comment .comment-box textarea {
    max-width: 100%!important;
    width: 100%;
    box-sizing: border-box;
    padding: 10px!important;
    box-shadow: none;
    border-radius: 20px
}

#jc #comments-form .new-comment .comment-box textarea.selected {
    background: none!important
}

#jc #comments-form .new-comment .comment-box .grippie {
    display: none
}

#jc #comments-form .new-comment #comments-footer {
    display: none
}

#jc #comments-form .new-comment .text-box,
#jc #comments-form .new-comment .title {
    margin-right: 44px
}

#jc #comments-form .new-comment .text-box input,
#jc #comments-form .new-comment .title input {
    width: 100%;
    box-sizing: border-box
}

#jc #comments-form .new-comment .comment-page .text-box,
#jc #comments-form .new-comment .comment-page .title {
    margin-left: 44px;
    margin-right: 0
}

#jc #comments-form .new-comment .comment-name {
    margin-bottom: 20px
}

#jc #comments-form .new-comment #comments-form-buttons {
    margin-top: 30px
}

#jc #comments-form .new-comment #comments-form-buttons .btn {
    float: right;
    margin: 0;
    border: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 20px;
    box-shadow: none
}

#jc #comments-form .new-comment #comments-form-buttons .btn a {
    font-weight: normal;
    text-shadow: none;
    padding: 0 25px;
    font-size: 18px
}

#sp-main-body-wrapper .productfull .related .header {
    border: 0
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .list_carousel {
    position: relative;
    margin-bottom: 0
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .list_carousel>.buttons {
    position: absolute;
    width: 100%;
    top: 45%;
    left: 0
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .list_carousel>.buttons .list_prev,
#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .list_carousel>.buttons .list_next {
    position: absolute;
    color: transparent;
    margin: 0;
    line-height: 35px;
    padding: 0;
    width: 35px;
    background: none
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .list_carousel>.buttons .list_prev:before,
#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .list_carousel>.buttons .list_next:before {
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 14px;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    left: 0;
    top: 0
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .list_carousel>.buttons .list_prev:hover:before,
#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .list_carousel>.buttons .list_next:hover:before {
    width: 39px;
    height: 39px;
    top: -3px;
    left: -3px;
    font-size: 18px;
    line-height: 41px
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .list_carousel>.buttons .list_prev {
    left: 30px
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .list_carousel>.buttons .list_next {
    right: 30px
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper {
    margin: 0!important;
    height: auto!important;
    min-height: 372px
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related {
    position: relative!important;
    list-style: none;
    padding-bottom: 20px
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product {
    margin: 0 15px;
    position: relative
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .image_block {
    position: relative;
    padding: 0
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .image_block:hover .content {
    bottom: 0;
    left: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .image_block .product_label {
    position: absolute;
    top: 15px;
    left: 15px;
    margin: 0
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .image_block a img {
    padding: 0;
    box-sizing: border-box
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .image_block .content {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 100%;
    left: 0;
    text-align: center;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .image_block .content .description {
    position: relative;
    top: 25%;
    padding: 0 20px;
    font-size: 14px
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .image_block .content .description .introtext {
    margin-bottom: 20px
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .image_block .content .description a {
    background: none;
    color: #fff;
    padding: 6px 20px 7px;
    box-shadow: none;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.2)
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .text-box {
    margin: 0;
    border-top: 0;
    padding: 10px 20px 30px;
    text-align: center
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .text-box .name {
    font-size: 14px;
    padding: 7px 0 3px
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .text-box .jshop_price,
#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .text-box .old_price {
    display: inline-block
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .text-box .price {
    font-weight: 500
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .text-box .price .jshop_price {
    display: inline-block;
    font-size: 20px
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .text-box .price .old_price {
    display: inline-block;
    font-size: 12px;
    margin-left: 10px
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .text-box .review_mark {
    margin-top: 5px;
    margin-bottom: 7px
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .buttons {
    position: absolute;
    bottom: -16px;
    width: 100%;
    text-align: center;
    padding: 0
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .buttons .button_buy {
    padding: 7px 20px 8px;
    display: inline-block;
    box-shadow: none;
    border-radius: 20px;
    border: none;
    text-transform: capitalize
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .buttons .button_buy .icon-shopping-cart {
    margin-right: 5px
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .buttons .cart-detail,
#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .buttons .button_detail {
    position: absolute;
    padding: 0 9px;
    display: inline-block;
    opacity: 0;
    border-radius: 20px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: rotate(480deg);
    -moz-transform: rotate(480deg);
    -ms-transform: rotate(480deg);
    -o-transform: rotate(480deg);
    transform: rotate(480deg);
    margin: 0;
    line-height: 33px
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .buttons .cart-detail i:before,
#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .buttons .button_detail i:before {
    min-width: 15px
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .buttons .cart-detail {
    left: 45px
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .buttons .button_detail {
    right: 55px
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .buttons:hover .cart-detail {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 1;
    left: 25px
}

#sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .buttons:hover .button_detail {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 1;
    right: 25px
}

.ltr #sp-footer-wrapper .helix-framework {
    float: left;
    margin-right: 15px
}

.ltr #sp-footer-wrapper #sp-footer2 {
    text-align: right
}

.rtl #sp-footer-wrapper .helix-framework {
    float: right;
    margin-left: 15px
}

.rtl #sp-footer-wrapper #sp-footer2 {
    text-align: left
}

.rtl .header:after {
    right: 0
}

.rtl #sp-breadcrumb-wrapper #sp-breadcrumb .page-title {
    float: right
}

.rtl #sp-breadcrumb-wrapper #sp-breadcrumb .breadcrumb {
    float: left
}

.rtl #sp-top-wrapper #top .vina_menu_top2 .menu {
    float: left
}

.rtl #sp-top-wrapper #top .vina_menu_top2 .menu li a {
    padding: 0 20px 0 10px;
    margin: 0 0 0 10px
}

.rtl #sp-top-wrapper #top .vina_menu_top2 .menu li a.register {
    padding: 0;
    margin: 0
}

.rtl #sp-top-wrapper #top .vina_menu_top2 .menu li a:after {
    right: auto;
    left: 0
}

.rtl #sp-top-wrapper #top .vina_top1 {
    float: right
}

.rtl #sp-top-wrapper #top .vina_top1 .top-language .vina_language .dropdown a {
    padding: 0 25px 0 0
}

.rtl #sp-top-wrapper #top .vina_top1 .top-language .vina_language .dropdown a.en,
.rtl #sp-top-wrapper #top .vina_top1 .top-language .vina_language .dropdown a.fr,
.rtl #sp-top-wrapper #top .vina_top1 .top-language .vina_language .dropdown a.ge,
.rtl #sp-top-wrapper #top .vina_top1 .top-language .vina_language .dropdown a.ru {
    background-position: right
}

.rtl #sp-top-wrapper #top .vina_top1 .vina_currency .mod-inner:before {
    left: 1px;
    right: auto
}

.rtl .vina-carousel-jshopping .owl-wrapper-outer {
    direction: ltr
}

.rtl #sp-header-wrapper .vina_form_search .form-inline {
    float: left
}

.rtl .module.banner_main .banner .banner_left {
    padding: 0 0 0 5px
}

.rtl .module.banner_main .banner .banner_right {
    padding: 0 5px 0 0;
    margin: 0
}

.rtl .module.banner_main .banner .banner_right .row-1 .first {
    padding: 0 0 0 5px
}

.rtl .module.banner_main .banner .banner_right .row-1 .last {
    margin: 0;
    padding: 0 5px 0 0
}

.rtl .module.newsletter .input-box .subbutton {
    border-radius: 20px 0 0 20px;
    padding: 0 0 0 25px
}

.rtl .module.newsletter .input-box .subbutton:before {
    right: -20px;
    left: auto;
    -webkit-transform: skew(30deg, 0);
    -moz-transform: skew(30deg, 0);
    -ms-transform: skew(30deg, 0);
    -o-transform: skew(30deg, 0);
    transform: skew(30deg, 0)
}

.rtl .module.newsletter .input-box input {
    border-radius: 0 20px 20px 0
}

.rtl .module.vina_latest_blog_h1 .vina-carousel-content .owl-wrapper-outer {
    direction: ltr
}

.rtl .module.vina_latest_blog_h1 .vina-carousel-content .owl-controls {
    left: 0;
    right: auto
}

.rtl .module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-controls {
    right: auto;
    left: 10px
}

.rtl .module.ft_product_h2 .vina-carousel-jshopping .owl-controls {
    right: auto;
    left: -20px
}

.rtl .module.ft_product_h2 .vina-carousel-jshopping .owl-controls,
.rtl .module.best-seller .vina-carousel-jshopping .owl-controls {
    right: auto;
    left: -20px
}

.rtl .module.ft_product_h2 .tab .nav-tabs,
.rtl .module.best-seller .tab .nav-tabs {
    right: auto;
    left: 0
}

.rtl .module.ft_product_h2 .tab .nav-tabs li a:before,
.rtl .module.best-seller .tab .nav-tabs li a:before {
    left: 0;
    right: auto
}

.rtl .module.ft_product_h2 .tab .nav-tabs li:last-child a,
.rtl .module.best-seller .tab .nav-tabs li:last-child a {
    padding: 0 10px 0 0
}

.rtl .module.best-seller .vina-carousel-jshopping .owl-controls {
    right: auto;
    left: -15px
}

.rtl .module.vina_latest_blog_h2 .vina-carousel-content .owl-wrapper-outer {
    direction: ltr
}

.rtl .module.vina_latest_blog_h2 .vina-carousel-content .owl-controls {
    left: 0;
    right: auto
}

.rtl .vina-camera-slider .camera_fakehover {
    direction: ltr
}

.rtl .vina_slider .slider .carousel .carousel-inner .item .item-content {
    padding: 0 136px 0 0;
    background-position: right
}

.rtl .vina_slider .slider .carousel .carousel-control.right {
    left: 40px;
    right: auto
}

.rtl .vina_slider .slider .carousel .carousel-control.left {
    left: 0;
    right: auto
}

.rtl #sp-breadcrumb-wrapper #sp-breadcrumb .breadcrumb li .divider {
    color: #000
}

.rtl #sp-main-body-wrapper .module.vina_search-right .vina_search-right .form-inline .inputbox {
    float: right;
    margin: 0 19px 0 0
}

.rtl #sp-main-body-wrapper .module.vina_search-right .vina_search-right .form-inline i {
    float: left;
    margin: 0 0 0 10px
}

.rtl #sp-main-body-wrapper .module.vina_shop_filters .jshop_filters {
    text-align: right
}

.rtl #sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form .brand .filter_title:after,
.rtl #sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form .shop-price .filter_title:after {
    right: 0;
    left: auto
}

.rtl #sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form .brand p.box_price_from,
.rtl #sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form .brand p.box_price_to,
.rtl #sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form .shop-price p.box_price_from,
.rtl #sp-main-body-wrapper .module.vina_shop_filters .jshop_filters form .shop-price p.box_price_to {
    padding: 0 10px 0 0
}

.rtl #sp-main-body-wrapper .module.vina_special .megamenu-title .header {
    text-align: right
}

.rtl #sp-main-body-wrapper .module.vina_popular_bl .tab .nav-tabs li {
    float: left
}

.rtl #sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-content .vina-items-wrapper .vina-items .vina-item .text-box .info {
    text-align: right
}

.rtl #sp-main-body-wrapper .module.vina_popular_bl .tab .tab-content .vina-ticker-content .vina-items-wrapper .vina-items .vina-item h4 {
    text-align: right
}

.rtl #sp-main-body-wrapper .module.vina_category .header,
.rtl #sp-main-body-wrapper .module.vina_tag .header {
    text-align: right
}

.rtl #sp-main-body-wrapper .module.vina_tag .tagspopular ul li {
    float: right;
    margin: 0 0 10px 10px
}

.rtl #sp-main-body-wrapper .module .mod-content .mod-inner .categories-module li {
    padding: 0 25px 0 0;
    text-align: right
}

.rtl #sp-main-body-wrapper .module .mod-content .mod-inner .categories-module li:before {
    left: auto;
    right: 0
}

.rtl #sp-main-body-wrapper .module .mod-content .mod-inner .categories-module li h4 a .title {
    float: right;
    margin: 0 0 0 10px
}

.rtl #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image_block .product_label {
    margin: 15px 15px 0 0
}

.rtl #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons .button_buy i {
    margin: 0 0 0 5px
}

.rtl #sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count .block_sorting_count_to_page .block_sorting_count:before {
    right: auto;
    left: 0
}

.rtl #sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count .block_sorting_count_to_page .block_sorting_count.box_products_sorting .select-box:before {
    left: 21px
}

.rtl #sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count .block_sorting_count_to_page .block_sorting_count .title {
    float: right
}

.rtl #sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count .block_sorting_count_to_page .block_sorting_count .select-box {
    float: right
}

.rtl #sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count .block_sorting_count_to_page .block_sorting_count .select-box select {
    margin: 0 10px 0 0
}

.rtl #sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count .block_sorting_count_to_page .block_sorting_count .select-box:before {
    left: 1px;
    right: auto
}

.rtl #sp-main-body-wrapper #sp-component-area #sp-component .blog .pagination ul li .next:before {
    content: "\f177"
}

.rtl #sp-main-body-wrapper #sp-component-area #sp-component .blog .pagination ul li .previous:before {
    content: "\f178"
}

.rtl #sp-main-body-wrapper #sp-component-area #sp-component .login-form .content {
    text-align: right
}

.rtl #sp-main-body-wrapper #sp-component-area #sp-component .address_block .form-list li .required em,
.rtl #sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block .form-list li .required em,
.rtl #sp-main-body-wrapper #sp-component-area #sp-component .login-form .form-list li .required em,
.rtl #sp-main-body-wrapper #sp-component-area #sp-component .register-form .form-list li .required em {
    right: auto;
    left: -10px
}

.rtl #sp-main-body-wrapper #sp-component-area #sp-component .address_block,
.rtl #sp-main-body-wrapper #sp-component-area #sp-component .editaccount_block,
.rtl #sp-main-body-wrapper #sp-component-area #sp-component .login-form,
.rtl #sp-main-body-wrapper #sp-component-area #sp-component .register-form {
    text-align: right
}

.rtl #sp-main-body-wrapper #sp-component-area #sp-component .blog-column {
    margin-right: 0;
    margin-left: 20px
}

.rtl #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column {
    margin-right: 0;
    margin-left: 20px
}

.rtl #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .column-1 .media .blog-item {
    float: right
}

.rtl #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .column-2 .media .blog-item {
    float: left
}

.rtl #sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_contact .vina_contact_us .qlform form .control-group .control-label {
    text-align: right
}

.rtl #sp-bottom-wrapper .module.menu-bottom ul li a {
    padding: 5px 15px 5px 0
}

.rtl #sp-bottom-wrapper .module.menu-bottom ul li a:before {
    right: 0;
    left: auto
}

.rtl #sp-bottom-wrapper .module.menu-bottom ul li a:hover {
    margin: 0 10px 0 0
}

.rtl #sp-footer-wrapper #sp-footer2 {
    text-align: right
}

.rtl #sp-footer-wrapper #sp-footer2 .footer2 {
    padding-right: 0
}

.rtl #sp-footer-wrapper #sp-footer2 .footer2 .inline li:last-child {
    margin-right: 0
}

.rtl #sp-footer-wrapper #sp-footer2 .sp-totop {
    left: 0;
    right: auto
}

.rtl #sp-menu-wrapper .vina_cart .cart-wapper .cart-content {
    left: -30px;
    right: auto
}

.rtl #sp-menu-wrapper .vina_cart .cart-wapper .cart-content .price-cart .sub-title {
    float: right
}

.rtl #sp-menu-wrapper .vina_cart .cart-wapper .cart-content .price-cart .price {
    float: left
}

.rtl #sp-menu-wrapper .vina_cart .cart-wapper a {
    right: auto;
    left: 5px
}

.rtl #sp-menu-wrapper .vina_cart .cart-wapper #count_products {
    right: auto;
    left: 0
}

.rtl #sp-main-menu .sp-menu.level-0>li.menu-item {
    margin: 0 0 0 20px
}

.rtl #sp-main-menu li li:not(.sp-menu-group) a:before {
    left: auto;
    right: 10px
}

.rtl #sp-main-menu li li:not(.sp-menu-group) a:hover {
    margin: 0 10px 0 0
}

.rtl #sp-main-menu li li:not(.sp-menu-group).parent>a:after {
    content: "\f053"
}

.rtl .vina_category_h2 .vina-treeview-jshopping>ul.treeview>li .hitarea {
    float: left
}

.rtl .vina_category_h2 .vina-treeview-jshopping>ul.treeview>li ul li {
    padding: 12px 28px 13px 0
}

.rtl .vina_category_h2 .vina-treeview-jshopping>ul.treeview>li ul li:before {
    right: 2px;
    left: auto
}

.rtl .vina_category_h2 .vina-treeview-jshopping>ul.treeview>li ul li:after {
    right: 0;
    left: auto
}

.rtl .vina-ticker-jshopping .header-block {
    left: 0;
    right: auto
}

.rtl .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .content {
    padding: 15px 5px 0 0;
    text-align: right
}

.rtl .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .content .text-block .addtocart {
    float: right
}

.rtl .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .content .text-block .info span {
    float: right
}

#sp-main-menu .sp-menu.level-0 {
    margin: 5px 0
}

#sp-main-menu .sp-menu.level-0>li {
    font-weight: 500
}

#sp-main-menu .sp-menu.level-0>li.active {
    background: none;
    border: none;
    box-shadow: none
}

#sp-main-menu .sp-menu.level-0>li.menu-item {
    margin: 0 20px 0 0
}

#sp-main-menu .sp-menu.level-0>li.menu-item:hover {
    background: none;
    border: 0;
    box-shadow: none
}

#sp-main-menu .sp-menu.level-0>li.menu-item>a {
    border-radius: 14px;
    padding: 4px 15px
}

#sp-main-menu .sp-menu.level-0>li.menu-item>a:hover {
    text-decoration: none
}

#sp-main-menu .sp-menu.level-0>li.menu-item>a span:after {
    display: none
}

#sp-main-menu .sp-menu.level-0>li.menu-item .sp-submenu {
    padding-top: 15px
}

#sp-main-menu .sp-menu.level-0>li.menu-item:last-child {
    margin-right: 0
}

#sp-main-menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#sp-main-menu ul.level-0>li {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0;
    position: relative;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms
}

#sp-main-menu ul.level-0>li>a {
    display: block;
    margin: 0;
    padding: 10px 20px 10px 10px;
    color: #666;
    font-size: 21px;
    text-transform: uppercase
}

#sp-main-menu ul.level-0>li>a .menu-desc {
    font-size: 11px;
    color: #999;
    display: block
}

#sp-main-menu ul.level-0>li:hover,
#sp-main-menu ul.level-0>li.active {
    background-color: #eee;
    border-bottom: 1px solid #fff;
    border-radius: 3px;
    box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.05)
}

#sp-main-menu ul.level-0>li:hover {
    background-color: #fff;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 3px 8px rgba(0, 0, 0, 0.125)
}

#sp-main-menu ul.level-0>li.parent:hover {
    border-radius: 3px 3px 0 0
}

#sp-main-menu ul.level-0>li.parent>a span.menu:after {
    position: absolute;
    right: 0;
    font-family: 'FontAwesome';
    content: '\f107';
    font-size: 16px
}

#sp-main-menu li li:not(.sp-menu-group) {
    display: block;
    position: relative;
    transition: all 200ms
}

#sp-main-menu li li:not(.sp-menu-group):first-child {
    border-top: none
}

#sp-main-menu li li:not(.sp-menu-group) a {
    position: relative;
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    padding: 3px 25px;
    color: #202020;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

#sp-main-menu li li:not(.sp-menu-group) a:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    left: 12px;
    top: 8px;
    border-radius: 50%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

#sp-main-menu li li:not(.sp-menu-group) a:hover {
    margin-left: 10px
}

#sp-main-menu li li:not(.sp-menu-group) .sp-menu-group-title a:before {
    display: none
}

#sp-main-menu li li:not(.sp-menu-group) .sp-menu-group-title a:hover {
    margin: 0
}

#sp-main-menu li li:not(.sp-menu-group).parent>a span.menu {
    position: relative;
    padding-right: 20px;
    display: block
}

#sp-main-menu li li:not(.sp-menu-group).parent>a:after {
    content: '\f054';
    font-family: 'FontAwesome';
    font-size: 10px;
    font-weight: normal;
    position: absolute;
    right: 10px;
    top: 15px
}

#sp-main-menu div.sp-menu-group {
    margin: 10px
}

#sp-main-menu div.sp-menu-group a.sp-menu-group {
    display: block;
    padding: 10px;
    color: #666;
    border-radius: 0
}

#sp-main-menu div.sp-menu-group a.sp-menu-group .menu-title {
    text-transform: uppercase
}

#sp-main-menu div.sp-menu-group a.sp-menu-group .menu-title:hover {
    color: #000;
    font-weight: 600
}

#sp-main-menu div.sp-menu-group .sp-menu-group-content .module {
    margin: 0;
    padding: 10px 0 0;
    text-transform: none;
    font-weight: normal;
    font-size: 14px
}

#sp-main-menu div.sp-menu-group .sp-menu-group-content .module h4 {
    font-size: 14px
}

.sp-submenu {
    position: absolute;
    top: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    margin-top: 30px;
    -webkit-transition: margin 100ms, visibility 100ms, opacity 100ms;
    -moz-transition: margin 100ms, visibility 100ms, opacity 100ms;
    -o-transition: margin 100ms, visibility 100ms, opacity 100ms;
    transition: margin 100ms, visibility 100ms, opacity 100ms
}

.sp-submenu.open {
    z-index: 99999;
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    -webkit-transition: margin 300ms, visibility 300ms, opacity 300ms;
    -moz-transition: margin 300ms, visibility 300ms, opacity 300ms;
    -o-transition: margin 300ms, visibility 300ms, opacity 300ms;
    transition: margin 300ms, visibility 300ms, opacity 300ms
}

.sp-submenu .sp-submenu-wrap {
    background: #fff;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2)
}

.sp-submenu .megacol {
    float: left
}

.sp-submenu.sub-level-child {
    margin-left: 30px;
    margin-top: 0
}

.sp-submenu.sub-level-child.open {
    margin-left: 0
}

.sp-mobile-menu {
    z-index: 999
}

.sp-mobile-menu ul li {
    background: rgba(0, 0, 0, 0.9)
}

.sp-mobile-menu ul li:last-child {
    margin-bottom: 10px
}

.vina-menu {
    position: absolute!important;
    right: 20px;
    top: 30px;
    padding: 8px 16px!important;
    border-radius: 0;
    min-width: auto!important;
    margin: 0!important
}

.vina-menu:focus {
    box-shadow: none;
    outline: none
}

.vina-menu-small {
    position: absolute!important;
    right: 5px;
    top: 5px;
    padding: 3px 8px!important;
    border-radius: 0!important;
    min-width: auto!important;
    margin: 0!important
}

.vina-menu-small:focus {
    box-shadow: none;
    outline: none
}

.ltr .sp-submenu {
    left: 0
}

.rtl .sp-submenu {
    right: 0
}

.rtl #sp-main-menu {
    float: right
}

.rtl #sp-main-menu ul.level-0>li:hover>a:after,
.rtl #sp-main-menu ul.level-0>li.active>a:after {
    margin: 0 -10px 0 0
}

.rtl #sp-main-menu ul.level-0>li.parent>a span.menu {
    padding: 0 10px;
    padding-right: 0
}

.rtl #sp-main-menu ul.level-0>li.parent>a span.menu:after {
    right: inherit;
    left: 0
}

.rtl #sp-main-menu li li:not(.sp-menu-group).parent>a:after {
    right: inherit;
    left: 10px
}

.rtl #sp-main-menu li li:not(.sp-menu-group).parent>a span.menu {
    padding-right: 0;
    padding-left: 20px
}

.menu-fixed {
    top: 0;
    width: 100%;
    -webkit-animation: fadeInDown 900ms;
    -moz-animation: fadeInDown 900ms;
    animation: fadeInDown 900ms
}

.fixed .hidden-desktop {
    display: none
}

.jshop h1 {
    margin-top: 0;
    font-size: 16px
}

.jshop label {
    margin: 0;
    display: inline
}

.jshop .total {
    font-weight: bold
}

.jshop .product_list_hr {
    min-height: 1px;
    border-top: 1px solid #aaa;
    margin-bottom: 10px
}

.jshop .weightorder {
    text-align: right;
    margin-top: 3px
}

.jshop .shippingfree {
    text-align: right;
    margin-top: 3px
}

.jshop .price_prod_qty_list .qty_line {
    padding-left: 5px;
    padding-right: 5px
}

.jshop .price_prod_qty_list .qty_price {
    padding-left: 5px;
    font-weight: bold
}

.jshop .price_prod_qty_list .qty_price span.per_piece {
    font-weight: normal
}

.jshop .old_price {
    text-decoration: line-through;
    font-style: normal
}

.jshop .list_product_demo {
    padding-top: 10px
}

.jshop .list_product_demo .download {
    padding-left: 5px
}

.jshop .not_available {
    color: red;
    margin-top: 10px
}

.jshop .vina-rating {
    display: inline-block
}

.jshop .product_label {
    position: absolute;
    margin-left: -5px;
    margin-top: -5px
}

.jshop .product_label .label_name {
    font-weight: bold;
    color: #950000
}

.jshop .downlod_order_invoice {
    float: right
}

.jshop .order_payment_params {
    padding-top: 3px;
    font-size: 11px
}

.jshop .input_type_radio {
    margin-right: 10px;
    white-space: nowrap;
    display: inline-block
}

.jshop .groups_list .title {
    width: 150px
}

.jshop td.attributes_title {
    width: 100px
}

.jshop span.attributes_description {
    font-style: italic;
    display: block
}

.jshop span.freeattribut_description {
    font-style: italic;
    display: block
}

.jshop span.extra_fields_description {
    font-style: italic
}

.jshop .prod_attr_img {
    vertical-align: top
}

.jshop .cart .product_name {
    text-align: left
}

.jshop .prod_qty_input input {
    width: 20px
}

table.jshop {
    border-collapse: collapse;
    border: 0;
    width: 100%
}

table.jshop td {
    vertical-align: top
}

#jshop_menu_order {
    margin-bottom: 10px;
    border: 1px solid #616161
}

td.jshop_order_step {
    padding: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    vertical-align: middle
}

.jshop_order_step a {
    vertical-align: top;
    text-decoration: underline;
    font-size: 12px
}

.table_order_list {
    background-color: #F8F8F9;
    border: 1px solid #333333;
    min-width: 100%
}

img.jshop_img_thumb {
    padding: 1px;
    text-align: center;
    border: 1px solid #808080;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    cursor: pointer
}

div.jshop_prod_description {
    padding-top: 10px;
    padding-bottom: 10px
}

div.jshop_prod_attributes {
    padding: 0;
    margin: 0;
    padding-bottom: 10px
}

td.jshop_img_description {
    vertical-align: top;
    text-align: left;
    padding-left: 10px
}

.jshop_subtotal .value {
    text-align: right;
    white-space: nowrap;
    width: 12%
}

.jshop_subtotal .name {
    padding-right: 10px;
    text-align: right;
    width: 88%
}

.jshop_subtotal .free_discount {
    font-size: 11px
}

.related_header {
    margin-top: 20px;
    border-bottom: 1px solid #999;
    font-weight: bold
}

.td_1 {
    text-align: left;
    font-weight: bold
}

.td_2 {
    text-align: right;
    font-weight: bold
}

.jshop_pagination {
    text-align: center
}

div.jshop_register {
    width: 80%;
    text-align: left;
    padding: 10px;
    padding-left: 0
}

div.jshop_register .inputbox {
    width: 240px
}

.jshop_register .name {
    width: 215px
}

.register_block .jshop_register .name {
    width: 120px
}

.editaccount_block .jshop_register .name {
    width: 165px
}

span.small_header {
    padding-bottom: 3px;
    margin: 0;
    display: block;
    font-size: 13px;
    font-weight: bold
}

span.jshop_error {
    color: red;
    font-weight: bold;
    font-size: 14px;
    display: block
}

span.text_pay_without_reg {
    display: block;
    padding-bottom: 10px
}

a.policy {
    text-transform: uppercase;
    color: #000000;
    font-weight: bold
}

.jshop_payment_method {
    padding-left: 20px
}

#active_step {
    font-weight: bold;
    padding: 0;
    margin: 0;
    vertical-align: middle
}

#order_add_info {
    height: 70px
}

p.jshop_cart_attribute {
    padding-left: 10px;
    font-weight: bold;
    font-style: italic;
    font-size: 11px;
    margin-top: 1px;
    margin-bottom: 4px
}

p.jshop_cart_extra_field {
    padding-left: 10px;
    font-weight: bold;
    font-style: italic;
    font-size: 11px;
    margin-top: 1px;
    margin-bottom: 4px
}

.jshop_price {
    color: #950000
}

span.attr {
    font-weight: bold;
    font-style: italic;
    font-size: 10px
}

span.review {
    font-weight: bold;
    margin-top: 20px;
    display: block
}

.review_text_not_login {
    margin-top: 10px;
    font-style: italic
}

textarea.jshop {
    border: 1px solid #b0b1b2
}

tr.reviews td {
    padding-bottom: 15px
}

td.reviews {
    padding-left: 45px
}

#mxcpr {
    padding-top: 20px;
    text-align: right;
    display: block
}

#mxcpr a {
    font-size: 9px
}

.jshop_code_prod {
    color: #999;
    font-weight: normal;
    font-size: 12px
}

.jshop_list_product .block_product {
    padding-bottom: 20px
}

.jshop_list_product .jshop .old_price {
    text-decoration: line-through;
    font-style: normal;
    padding-bottom: 1px
}

.jshop_list_product .jshop .not_available {
    margin-top: 4px
}

.jshop_list_product .product td {
    vertical-align: top
}

.jshop_list_product .product .image {
    padding-right: 5px
}

.jshop_list_product .product .name {
    padding-top: 2px
}

.jshop_list_product .product .description {
    font-size: 11px;
    padding-bottom: 5px
}

.jshop_list_product .product .buttons {
    padding-top: 2px
}

.jshop_list_product .product div.count_commentar {
    text-align: center!important
}

.jshop_list_product .product .taxinfo {
    font-size: 11px
}

.jshop_list_product .jshop_related {
    padding-bottom: 5px;
    max-width: 250px
}
.jshop_list_product .image_block {
    padding: 2px
}

.jshop_list_product .box_products_sorting {
    padding-right: 5px
}

.jshop_list_product .box_products_sorting img {
    cursor: pointer
}

.jshop_list_product .margin_filter {
    height: 8px
}

.jshop_list_product .box_manufacrurer {
    padding-right: 5px;
    white-space: nowrap
}

.jshop_list_product .box_category {
    padding-right: 5px;
    white-space: nowrap
}

.jshop_list_product .filter_price {
    padding-right: 5px;
    white-space: nowrap
}

.jshop_list_product .box_price_from {
    padding-right: 3px
}

.jshop_list_product .clear_filter {
    font-size: 10px;
    padding-left: 5px
}

.jshop_list_product .product .plusshippinginfo,
.jshop_list_product .product .plusshippinginfo a {
    font-size: 11px
}

.productfull #block_price {
    font-size: 16px;
    font-weight: bold
}

.productfull .taxinfo {
    font-size: 11px
}

.productfull .plusshippinginfo {
    font-size: 11px
}

.productfull .plusshippinginfo a {
    font-size: 11px
}

.productfull .prod_buttons {
    margin-top: 5px
}

.productfull .prod_buttons .buttons {
    padding-left: 10px
}

.productfull div.prod_url {
    text-align: right!important
}

.productfull .image_middle {
    width: 100px
}

.productfull .manufacturer_name {
    padding-bottom: 10px
}

.productfull .prod_free_attribs {
    padding-bottom: 10px
}

.productfull .price_prod_qty_list {
    margin-bottom: 10px
}

.productfull .button_back {
    padding-top: 10px
}

.productfull .text_zoom {
    padding-bottom: 5px;
    padding-top: 3px
}

.productfull .text_zoom img {
    float: left;
    padding-right: 5px
}

.productfull a.lightbox:hover {
    color: #000!important
}

.jshop_subtotal .plusshippinginfo,
.jshop_subtotal .plusshippinginfo a {
    font-size: 11px
}

.jshop_list_manufacturer .manufacturer td {
    vertical-align: top
}

.jshop_list_manufacturer .manufacturer .image {
    padding-right: 5px
}

.shipping_weight_to_price {
    margin-left: 24px;
    margin-top: 5px;
    border: 1px solid #000
}

.shipping_weight_to_price .price {
    padding-left: 5px
}

span.prod_attr_img {
    padding-left: 5px
}

span.prod_attr_img img {
    width: 20px;
    height: 20px
}

.radio_attr_label img {
    width: 20px;
    height: 20px
}

.review_header {
    margin-top: 20px;
    font-weight: bold;
    border-bottom: 1px solid #999
}

.review_item {
    border-bottom: 1px dotted #999999;
    padding: 10px;
    padding-left: 0
}

.review_user {
    font-weight: bold
}

.review_text {
    padding-top: 2px;
    padding-bottom: 2px
}

.review_mark {
    color: #333333;
    height: 18px
}

#jshop_review_write .inputbox {
    width: 180px
}

.stars_no_active {
    height: 16px;
    background-image: url(../images/star.gif);
    background-repeat: repeat-x;
    background-position: 0 0
}

.stars_active {
    height: 16px;
    background-image: url(../images/star.gif);
    background-repeat: repeat-x;
    background-position: 0 -16px
}

.vendordetailinfo .name {
    width: 130px
}

.requiredtext {
    padding-bottom: 10px;
    color: #A00;
    font-size: 11px
}

.jshop_profile_data {
    margin-bottom: 10px
}

.jshop_profile_data .name {
    font-weight: bold
}

.jshop_profile_data span {
    font-weight: bold
}

.jshop_profile_data span.subinfo {
    font-size: 10px
}

.jshop_profile_data .jshop_user_group_info {
    font-size: 10px
}

.jshop_menu_level_0,
.jshop_menu_level_0_a {
    margin-top: 3px;
    margin-bottom: 3px;
    display: inline-block
}

.jshop_menu_level_1,
.jshop_menu_level_1_a {
    padding-left: 10px;
    margin-top: 3px;
    margin-bottom: 3px;
    display: inline-block
}

.jshop_menu_level_2,
.jshop_menu_level_2_a {
    padding-left: 20px;
    margin-top: 3px;
    margin-bottom: 3px;
    display: inline-block
}

.jshop_menu_level_0_a a,
.jshop_menu_level_1_a a,
.jshop_menu_level_2_a a {
    font-weight: bold!important;
    display: inline-block
}

.label_products .block_item {
    margin-bottom: 10px
}

.top_rating .block_item {
    margin-bottom: 10px
}

.bestseller_products .block_item {
    margin-bottom: 10px
}

.latest_products .block_item {
    margin-bottom: 10px
}

.random_products .block_item {
    margin-bottom: 10px
}

.jshop_filters .filter_price {
    padding-right: 5px
}

.jshop_filters .clear_filter {
    display: block;
    font-size: 10px
}

.jshop_button_print {
    width: 30px;
    float: right;
    padding-top: 3px;
    text-align: right
}

.extra_fields .extra_fields_group {
    font-weight: bold;
    padding-top: 3px
}

.filter_characteristic .characteristic_name {
    padding-top: 5px
}

.filter_characteristic .characteristic_group {
    font-weight: bold;
    padding-top: 5px
}

.jshop_img_description #list_product_image_thumb {
    display: block
}

.fielderror {
    background-color: #FDC055!important
}

.jshop_categ {
    margin-bottom: 20px
}

.jshop_prod_cart {
    margin-bottom: 20px
}

.box_price_to #price_to {
    width: 180px
}

.box_price_from #price_from {
    width: 180px
}

.vina_jsproduct .jshop_img_description ul {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    margin: 3px 0 0
}

.vina_jsproduct .jshop_img_description ul .jshop_img_thumb {
    cursor: pointer;
    margin: 2px
}

.vina_jsproduct .jshop_img_description ul li {
    max-width: 87px
}

.module {
    margin-top: 20px
}

.module:first-child {
    margin-top: 0
}

.module h3 {
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 10px 0;
    line-height: normal
}

.module.highlighted,
.module.orange,
.module.dark,
.module.green,
.module.maroon,
.module.blue,
.module.gray,
.module.pink,
.module.red {
    padding: 20px;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6) inset
}

.module.highlighted h3,
.module.orange h3,
.module.dark h3,
.module.green h3,
.module.maroon h3,
.module.blue h3,
.module.gray h3,
.module.pink h3,
.module.red h3 {
    padding: 0 0 10px 0;
    border-bottom: 1px dashed #fff;
    color: #fff
}

.module.orange {
    background: #f89406
}

.module.orange a {
    color: #B66B00
}

.module.orange a:hover {
    color: #6F4100
}

.module.dark {
    background: #000
}

.module.dark a {
    color: #777
}

.module.dark a:hover {
    color: #888
}

.module.green {
    background: #46a546
}

.module.green a {
    color: #63E063
}

.module.green a:hover {
    color: #43F043
}

.module.maroon {
    background: #F35D34
}

.module.maroon a {
    color: #B4300D
}

.module.maroon a:hover {
    color: #C93F19
}

.module.blue {
    background: #049cdb
}

.module.blue a {
    color: #47C9FF
}

.module.blue a:hover {
    color: #0073A3
}

.module.gray {
    background: #555
}

.module.gray a {
    color: #999
}

.module.gray a:hover {
    color: #777
}

.module.pink {
    background: #c3325f
}

.module.pink a {
    color: #FF5C8F
}

.module.pink a:hover {
    color: #FA2E6E
}

.module.red {
    background: #9d261d
}

.module.red a {
    color: #EE4538
}

.module.red a:hover {
    color: #DA3F33
}

.sp-dropcap {
    overflow: hidden
}

.sp-dropcap:first-letter {
    color: #666;
    display: block;
    float: left;
    font-size: 50px;
    line-height: 40px;
    padding: 4px 8px 0 0
}

ul.arrow,
ul.arrow-double,
ul.tick,
ul.cross,
ul.star,
ul.rss {
    list-style: none;
    padding: 0;
    margin: 0
}

ul.arrow li::before,
ul.arrow li::after,
ul.arrow-double li::before,
ul.arrow-double li::after,
ul.tick li::before,
ul.tick li::after,
ul.cross li::before,
ul.cross li::after,
ul.star li::before,
ul.star li::after,
ul.rss li::before,
ul.rss li::after {
    font-family: 'FontAwesome';
    font-size: 11px
}

.ltr ul.arrow li::before,
.ltr ul.arrow-double li::before,
.ltr ul.tick li::before,
.ltr ul.cross li::before,
.ltr ul.star li::before,
.ltr ul.rss li::before {
    margin-right: 5px
}

.ltr ul.arrow li::before {
    content: "\f105"
}

.ltr ul.arrow-double li::before {
    content: "\f101"
}

.ltr ul.tick li::before {
    content: "\f00c"
}

.ltr ul.cross li::before {
    content: "\f00d"
}

.ltr ul.star li::before {
    content: "\f006"
}

.ltr ul.rss li::before {
    content: "\f09e"
}

.rtl ul.arrow li::after,
.rtl ul.arrow-double li::after,
.rtl ul.tick li::after,
.rtl ul.cross li::after,
.rtl ul.star li::after,
.rtl ul.rss li::after {
    margin-left: 5px
}

.rtl ul.arrow li::after {
    content: "\f104"
}

.rtl ul.arrow-double li::after {
    content: "\f100"
}

.rtl ul.tick li::after {
    content: "\f00c"
}

.rtl ul.cross li::after {
    content: "\f00d"
}

.rtl ul.star li::after {
    content: "\f006"
}

.rtl ul.rss li::after {
    content: "\f09e"
}

img.pull-left,
.pull-left>img {
    margin-right: 15px
}

img.pull-right,
.pull-right>img {
    margin-left: 15px
}

.rtl img.pull-left,
.rtl .pull-left>img {
    margin-left: 15px
}

.rtl img.pull-right,
.rtl .pull-right>img {
    margin-right: 15px
}

.sp-blocknumber {
    position: relative;
    min-height: 45px
}

.sp-blocknumber span {
    font-weight: bold;
    width: 48px;
    height: 48px;
    line-height: 48px;
    display: block;
    text-align: center;
    position: absolute;
    top: 0
}

.sp-blocknumber span.rounded {
    border-radius: 5px
}

.sp-blocknumber span.circle {
    border-radius: 100%
}

.ltr .sp-blocknumber {
    padding: 5px 0 5px 60px
}

.ltr .sp-blocknumber span {
    left: 0
}

.rtl .sp-blocknumber {
    padding: 5px 60px 5px 0
}

.rtl .sp-blocknumber span {
    right: 0
}

.sp-block.rounded {
    border-radius: 5px
}

.sp-bubble {
    position: relative;
    margin-bottom: 40px
}

.sp-bubble cite {
    display: block;
    height: 30px;
    line-height: 36px;
    position: absolute;
    bottom: -30px
}

.sp-bubble cite span {
    content: ' ';
    position: absolute;
    top: 0;
    display: block;
    width: 0;
    height: 0;
    border-bottom-color: transparent!important
}

.ltr .sp-bubble cite {
    left: 15px;
    padding-left: 40px
}

.ltr .sp-bubble cite span {
    left: 0;
    border-left-color: transparent!important
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #vina_contact_us .contact_us .qlform .control-group .controls textarea {
        height: 126px
    }
}

@media (max-width:1300px) {
    .responsive #vina_company .info .thumbnail {
        min-height: 170px
    }
    .responsive #vina_contact_us ul.social {
        left: -34px
    }
    .responsive #vina_contact_us ul.social li a {
        height: 44px;
        width: 44px
    }
    .responsive #vina_contact_us ul.social li a span {
        margin-top: 10px
    }
    .responsive #vina_contact_us .map span.contact {
        margin: 0 0 2px 0
    }
}

@media (max-width:1200px) {
    .responsive #sp-main-menu .sp-menu.level-0>li.menu-item {
        margin: 0 10px 0 0
    }
    .responsive #sp-main-menu .sp-menu.level-0>li.menu-item:last-child {
        margin-right: 0
    }
    .responsive .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content .description {
        top: 15%
    }
    .responsive .module.vina_special .vina-item {
        padding: 5px 0 10px 0!important
    }
    .responsive .module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content .description,
    .responsive .module.ft_product_h2 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content .description {
        top: 31%
    }
    .responsive .module.ft_product_h2 .vina-carousel-jshopping .owl-controls {
        right: -10px
    }
    .responsive .module.best-seller .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .addto:hover .cart-detail {
        left: 5px
    }
    .responsive .module.best-seller .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .addto:hover .button_detail {
        right: 5px
    }
    .responsive .module.best-seller .vina-carousel-jshopping .owl-controls {
        right: -5px
    }
    .responsive #sp-main-body-wrapper .productfull .related .jshop_list_product {
        overflow: hidden
    }
    .responsive #sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product {
        margin-right: 20px
    }
    .responsive #sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .image_block .content .description {
        top: 15%
    }
    .responsive #sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .buttons:hover .cart-detail {
        left: 5px
    }
    .responsive #sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .buttons:hover .button_detail {
        right: 5px
    }
    .responsive #sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .list_carousel>.buttons .list_next {
        right: 30px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .cart {
        padding: 0 30px 0 60px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .cart:before {
        left: 30px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content .qty-prod .inputbox {
        width: 60px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .image-box .detailsLeft .thumbnail .lightbox>img {
        width: 100%;
        height: 100%
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .article-text .content {
        padding: 10px;
        padding-top: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .article-text .content .entry-meta {
        line-height: 20px;
        margin-bottom: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .article-text .content .entry-header .entry-title {
        margin: 8px 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image_block .content .description {
        top: 15%
    }
    .responsive .module.feature-product .vina-carousel-jshopping:hover .owl-controls .owl-buttons .owl-next {
        right: 15px
    }
    .responsive .module.feature-product .vina-carousel-jshopping:hover .owl-controls .owl-buttons .owl-prev {
        left: 15px
    }
    .responsive .module.feature-product .vina-carousel-jshopping .owl-controls .owl-buttons .owl-next {
        right: 50px
    }
    .responsive .module.feature-product .vina-carousel-jshopping .owl-controls .owl-buttons .owl-prev {
        left: 60px
    }
    .responsive .module.feature-product .owl-wrapper-outer .owl-item .item .vina-item .addto:hover .cart-detail {
        left: 5px
    }
    .responsive .module.feature-product .owl-wrapper-outer .owl-item .item .vina-item .addto:hover .button_detail {
        right: 5px
    }
    .responsive .module.feature-product .owl-wrapper-outer .owl-item .item .vina-item .addto .addtocart {
        padding: 7px 15px 8px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item .article-text {
        width: 350px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item .article-text .content {
        padding: 20px 20px 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item .article-text .content .jcomments-links {
        margin-top: 10px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item .article-text .content .entry-meta {
        margin-bottom: 10px;
        padding: 0 15px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item .article-text .content .catItemIntroText p {
        margin-bottom: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item .article-text .content .entry-header .entry-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .image-box .title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .content {
        padding: 20px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .content .entry-header .entry-title {
        margin-top: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .content .entry-meta {
        line-height: 20px;
        padding-top: 5px;
        margin-bottom: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .content .catItemIntroText p {
        margin-bottom: 0;
        line-height: 18px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons:hover .cart-detail {
        left: 5px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons:hover .button_detail {
        right: 5px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons .button_buy {
        padding: 7px 15px 8px
    }
    .responsive .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .content {
        padding-top: 0
    }
    .responsive .vina-carousel-content .item .image-block .title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .responsive .vina-ptiled-jshopping .jssord05r,
    .responsive .vina-ptiled-jshopping .jssord05l {
        top: -65px!important
    }
    .responsive .module.vina_services .service .item {
        text-align: center;
        width: 100%
    }
    .responsive .module.vina_services .service .item .icon {
        padding: 10px 15px;
        display: inline-block;
        float: none;
        margin: 0 auto
    }
    .responsive .module.vina_services .service .item .icon:before {
        width: 58px;
        height: 58px
    }
    .responsive .module.vina_services .service .item .icon:after {
        height: 62px;
        top: -1px;
        width: 20px;
        left: 20px
    }
    .responsive .module.vina_services .service .item .text-box {
        padding: 0;
        float: none;
        margin: 0 auto
    }
    .responsive .module.newsletter {
        padding: 45px 0!important
    }
}

@media (max-width:979px) {
    .responsive #vina_company .img-polaroid {
        width: 45%;
        margin: 10px 2%
    }
    .responsive #vina_company .info .thumbnail {
        width: 100%;
        margin: 10px 0;
        min-height: 10px
    }
    .responsive #vina_contact_us .contact_us h3 {
        margin-top: 0
    }
    .responsive #vina_contact_us .contact_us .qlform .control-group.jform_name,
    .responsive #vina_contact_us .contact_us .qlform .control-group.jform_email {
        margin-right: 0;
        width: 100%
    }
    .responsive #vina_contact_us .map span {
        margin-top: 20px
    }
    .responsive #vina_contact_us .map span.contact {
        margin-top: 14px;
        margin-bottom: 7px
    }
    l #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .blog-item-wapper {
        margin-right: 0;
        margin-left: 0
    }
    #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image_block .content {
        background: #00aa66;
        color: #fff;
        display: none
    }
    .vina-carousel-jshopping .item .vina-item .image-block .content {
        background: #00aa66;
        color: white;
        display: none
    }
    .responsive .vina-menu {
        left: 0
    }
    .responsive .container {
        max-width: 724px
    }
    .responsive .row-offcanvas {
        position: relative;
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        transition: all .25s ease-out
    }
    .responsive .row-offcanvas-right {
        right: 0
    }
    .responsive .row-offcanvas-left {
        left: 0
    }
    .responsive .row-offcanvas-right .sidebar-offcanvas {
        right: -50%;
        left: auto
    }
    .responsive .row-offcanvas-left .sidebar-offcanvas {
        left: -50%;
        right: auto
    }
    .responsive .row-offcanvas-right.active {
        right: 50%
    }
    .responsive .row-offcanvas-left.active {
        left: 0%;
        z-index: 99999
    }
    .responsive .row-offcanvas-right.active .sidebar-offcanvas {
        right: 0%
    }
    .responsive .row-offcanvas-left.active .sidebar-offcanvas {
        left: 0%;
        z-index: 99999;
        height:100%;
    }
    .vina-menu-small {
        padding: 5px 16px 5px 16px!important
    }
    .responsive .sidebar-offcanvas {
        position: fixed!important;
        top: 0!important;
        width: 100%;
        height: auto;
        overflow-y: auto;
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s
    }
    .responsive .sidebar-offcanvas ul {
        width: 100%!important
    }
    .responsive #sp-menu-wrapper #sp-menu .vina-menu {
        top: 0;
        border: 0;
        background: #000;
        padding: 10px 16px!important
    }
    .responsive .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .image {
        min-width: 100%;
        padding: 0 20px
    }
    .responsive .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .image a:after {
        left: 39%;
        top: 39%
    }
    .responsive .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .image a img {
        box-sizing: border-box
    }
    .responsive .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .content {
        width: 100%;
        text-align: center
    }
    .responsive .vina-carousel-content .item .text-block {
        padding-left: 0;
        padding-right: 0
    }
    .responsive .vina-carousel-content .owl-controls {
        top: -5px
    }
    .responsive .vina-carousel-content .owl-wrapper-outer {
        padding-top: 10px
    }
    .responsive .vina_feature_h2 .vina-camera-slider .camera_wrap .camera_fakehover .camera_target_content .cameraContents .cameraContent .content {
        top: 20%!important
    }
    .responsive #sp-bottom-wrapper .module.vina_title_lage .social-bot .inline li {
        margin-bottom: 10px
    }
    .responsive #sp-main-body-wrapper .module.vina_search-right {
        margin-top: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image_block .content .description {
        top: 0;
        padding: 0 5px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons:hover .cart-detail {
        left: -13px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons:hover .button_detail {
        right: -13px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content {
        margin-bottom: 20px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content .qty-prod .inputbox {
        width: 40px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content .jshop_prod_attributes .select-color span .inputbox {
        width: 125px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .wishlist {
        width: 35px;
        height: 35px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .wishlist:before {
        line-height: 35px;
        font-size: 14px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .cart {
        height: 35px;
        padding: 0 25px 0 45px;
        font-size: 14px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .cart:before {
        font-size: 14px;
        line-height: 35px;
        left: 25px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .button_detail {
        width: 35px;
        height: 35px;
        line-height: 35px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .button_detail i {
        font-size: 14px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item .article-text {
        position: relative;
        float: left;
        width: 100%
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column {
        margin-right: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row {
        margin-bottom: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .content {
        padding: 40px;
        margin-top: 50px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .content .entry-meta {
        padding: 10px 0;
        margin-bottom: 10px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .content .catItemIntroText p {
        line-height: 23px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .content .jcomments-links {
        margin-top: 20px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .blog-item-wapper {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .blog-item-wapper .item .media .blog-item {
        width: 100%;
        max-width: 100%
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .article-text {
        position: relative;
        background: none;
        color: #000
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .article-text .content .entry-header .entry-title a {
        color: #000
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .article-text .content .jcomments-links .readmore-link {
        color: #000
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .article-text .content .jcomments-links .readmore-link:hover {
        color: #fff
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .image-box .title {
        display: none
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column .items-row {
        margin-bottom: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column .items-row .blog-item-wapper {
        width: 50%;
        float: left;
        margin: 0 0 20px 0;
        padding: 0 10px;
        box-sizing: border-box
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item .content:before {
        right: 10px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item .content:after {
        left: 10px
    }
    .responsive .module.vina_latest_blog_h1 .header {
        font-size: 22px
    }
    .responsive .module.vina_feature_h1 .gallery .slider .slides .slide-item .content {
        top: 17%!important
    }
    .responsive .module.vina_feature_h1 .gallery .slider .slides .slide-item .content h3 {
        font-size: 40px
    }
    .responsive .module.vina_feature_h1 .gallery .slider .slides .slide-item .content p {
        margin-bottom: 10px
    }
    .responsive .module.best-seller .vina-carousel-jshopping .owl-controls {
        right: 0
    }
    .responsive .module.ft_product_h2 .vina-carousel-jshopping .owl-controls {
        right: 0
    }
    .responsive .module.vina_popular_bl .vina-ticker-content .vina-items-wrapper .vina-items {
        width: 100%
    }
    .responsive .module.vina_popular_bl .vina-ticker-content .vina-items-wrapper .vina-items .vina-item .image-box {
        width: 100%
    }
    .responsive .module.vina_popular_bl .vina-ticker-content .vina-items-wrapper .vina-items .vina-item .image-box a {
        width: 100%
    }
    .responsive .module.vina_popular_bl .vina-ticker-content .vina-items-wrapper .vina-items .vina-item .text-box {
        width: 100%;
        margin: 0
    }
    .responsive .module.vina_search-right {
        margin-top: 20px
    }
    .responsive .module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content .description {
        top: 30%
    }
    .responsive .module.feature-product .header {
        margin-top: 40px
    }
    .responsive .vina_services_slideshow .services .item-wapper .item-inner {
        width: 88px;
        height: 88px
    }
    .responsive .vina_services_slideshow .services .item-wapper .item-inner .content {
        font-size: 12px
    }
    .responsive .vina_services_slideshow .services .item-wapper .icon {
        width: 40px;
        height: 40px;
        line-height: 40px
    }
    .responsive .module.newsletter {
        padding: 30px 0!important
    }
    .responsive .body-innerwrapper {
        overflow: hidden
    }
    .responsive #sp-bottom-wrapper .module.vina_title_lage .header {
        font-size: 28px
    }
    .responsive #sp-footer-wrapper #sp-footer1 {
        font-size: 13px
    }
    .responsive #sp-footer-wrapper #sp-footer2 .footer2 {
        padding-right: 45px
    }
    .responsive #sp-footer-wrapper #sp-footer2 .footer2 .inline li {
        margin: 0 3px 0 0
    }
    .responsive #sp-footer-wrapper #sp-footer2 .footer2 .inline li:last-child {
        margin: 0
    }
    .responsive .module.banner_main .banner_left {
        padding-right: 3px
    }
    .responsive .module.banner_main .banner_left .carousel .carousel-inner .item .carousel-caption {
        font-size: 25px;
        padding: 15px 0
    }
    .responsive .module.banner_main .banner_left .carousel .carousel-inner .item .carousel-caption:before {
        background-size: 100%
    }
    .responsive .module.banner_main .banner_right {
        padding-left: 3px
    }
    .responsive .module.banner_main .banner_right .row-1 {
        margin-bottom: 6px
    }
    .responsive .module.banner_main .banner_right .row-1 .last {
        padding-left: 3px
    }
    .responsive .module.banner_main .banner_right .row-1 .first {
        padding-right: 3px
    }
    .responsive .module.banner_main .banner_right .row-1 .content-box .caption {
        top: 25%
    }
    .responsive .module.banner_main .banner_right .row-1 .content-box .caption h2 {
        font-size: 30px
    }
    .responsive .module.banner_main .banner_right .row-2 .content-box .text-box .caption-wapper .caption-inner {
        padding: 5px 0
    }
    .responsive .module.banner_main .banner_right .row-2 .content-box .text-box .caption-wapper .caption-inner .caption .header-row-2 {
        font-size: 40px
    }
    .responsive .module.newsletter .acymailing_introtext {
        padding: 0 50px!important
    }
    .responsive .module.vina_feature_h2 .vina-camera-slider .camera_wrap .camera_fakehover .camera_target_content .cameraContents .cameraContent .content {
        top: 20%!important
    }
    .responsive .module.vina_feature_h2 .vina-camera-slider .camera_wrap .camera_fakehover .camera_target_content .cameraContents .cameraContent .content h3 {
        font-size: 40px
    }
    .responsive .module.vina_feature_h2 .vina-camera-slider .camera_wrap .camera_fakehover .camera_target_content .cameraContents .cameraContent .content p {
        margin-bottom: 10px
    }
    .responsive .module.best-seller .megamenu-title .header {
        margin-right: 20px
    }
    .responsive .module.best-seller .vina-carousel-jshopping .item {
        padding: 0 20px 20px 0
    }
}

@media (max-width:767px) {
    .responsive #vina_company .img-polaroid {
        margin: 10px auto
    }
    .responsive #vina_pricing_table .pricing_table .thumbnail {
        margin-bottom: 20px
    }
    .responsive #vina_contact_us .contact_us {
        padding-bottom: 20px;
        margin-bottom: 20px
    }
    .responsive #vina_contact_us .map {
        padding-top: 20px;
        margin-bottom: 20px
    }
    .responsive #vina_contact_us ul.social {
        left: auto;
        margin-left: -20px;
        width: 100%;
        top: -42px
    }
    .responsive #vina_contact_us ul.social li {
        display: inline-block
    }
    #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image_block .content {
        background: #00aa66;
        color: #fff;
        display: none
    }
    .vina-carousel-jshopping .item .vina-item .image-block .content {
        background: #00aa66;
        color: white;
        display: none
    }
    .responsive.bg {
        padding-left: 0;
        padding-right: 0
    }
    .responsive .container {
        max-width: 480px;
        min-width: 100px;
        padding: 0 20px
    }
    .responsive .module.vina_banner_h2 {
        display: none
    }
    .responsive #sp-menu-wrapper #sp-menu {
        float: left;
        width: 50%
    }
    .responsive .vina_feature_h1 .vina-camera-slider .camera_wrap .camera_fakehover .camera_target_content .cameraContents .cameraContent .content {
        display: none!important
    }
    .responsive .vina-carousel-content .owl-controls {
        top: -35px
    }
    .responsive .module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content .description,
    .responsive .module.ft_product_h2 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content .description {
        top: 38%
    }
    .responsive .module.vina_latest_blog_h1 {
        padding: 20px 0 0
    }
    .responsive .vina_feature_h2 .vina-camera-slider .camera_wrap .camera_fakehover .camera_target_content .cameraContents .cameraContent .content {
        top: 0%!important;
        left: 10%!important
    }
    .responsive .vina_feature_h2 .vina-camera-slider .camera_wrap .camera_fakehover .camera_target_content .cameraContents .cameraContent .content h3 {
        font-size: 30px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .jshop_pagination .pagination ul li {
        margin-left: 4px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .jshop_pagination .pagination ul li:first-child {
        margin: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count .block_sorting_count_to_page .block_sorting_count:first-child {
        padding: 0 15px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count .block_sorting_count_to_page .block_sorting_count:last-child {
        padding: 0 15px
    }
    .responsive .module.vina_special .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .image {
        width: 35%;
        margin-right: 5%;
        float: left
    }
    .responsive .module.vina_special .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .image a:after {
        left: 39%;
        top: 39%
    }
    .responsive .module.vina_special .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .content {
        padding: 10px 0;
        width: 60%;
        float: left;
        padding-top: 20px;
        text-align: left
    }
    .responsive .module.best-seller:first-child {
        margin-top: 0
    }
    .responsive .module.vina_social {
        text-align: center
    }
    .responsive .module.vina_shop_filters .jshop_filters form .shop-price {
        width: 100%
    }
    .responsive .module.vina_best_sellers_h1 {
        padding-top: 0
    }
    .responsive .module.banner_main .banner .banner_left {
        width: 100%;
        padding: 0;
        margin-bottom: 6px
    }
    .responsive .module.banner_main .banner .banner_left .carousel .carousel-inner .item img {
        width: 100%
    }
    .responsive .module.banner_main .banner .banner_left .carousel .carousel-inner .item .carousel-caption {
        font-size: 35px;
        padding: 35px 0
    }
    .responsive .module.banner_main .banner .banner_right {
        width: 100%;
        padding: 0
    }
    .responsive .module.banner_main .banner .banner_right .row-1 .first {
        width: 50%;
        box-sizing: border-box;
        padding-right: 3px;
        float: left
    }
    .responsive .module.banner_main .banner .banner_right .row-1 .last {
        width: 50%;
        box-sizing: border-box;
        padding-left: 3px;
        float: left
    }
    .responsive #jc #comments-form .new-comment .text-box,
    .responsive #jc #comments-form .new-comment .title {
        margin: 0
    }
    .responsive #sp-header-wrapper {
        padding-top: 0
    }
    .responsive #sp-header-wrapper .module.vina_form_search {
        text-align: center
    }
    .responsive #sp-header-wrapper .module.vina_form_search .form-inline {
        float: none;
        display: inline-block;
        margin: 0 auto
    }
    .responsive #sp-breadcrumb-wrapper #sp-breadcrumb>.breadcrumb {
        text-align: right
    }
    .responsive #sp-top-wrapper #top .vina_top1 {
        display: block;
        float: none;
        text-align: center
    }
    .responsive #sp-top-wrapper #top .vina_top1 .top-language {
        float: none;
        display: inline-block;
        vertical-align: middle
    }
    .responsive #sp-top-wrapper #top .vina_top1 .top-currency {
        float: none;
        display: inline-block
    }
    .responsive #sp-main-body-wrapper .module.vina_search-right {
        margin-top: 20px
    }
    .responsive #sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .text-box {
        border-top: 0
    }
    .responsive #sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .image_block {
        width: 100%
    }
    .responsive #sp-main-body-wrapper .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .image_block a img {
        width: 100%
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image_block a .jshop_img {
        width: auto
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image_block .content .description {
        top: 30%;
        padding: 0 50px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons .button_buy {
        padding: 7px 20px 8px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons .button_detail {
        right: 155px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons .cart-detail {
        left: 155px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons:hover .button_detail {
        right: 115px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons:hover .cart-detail {
        left: 115px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .cart {
        padding: 0 100px 0 130px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .cart:before {
        left: 100px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content .jshop_prod_attributes .select-color span .inputbox {
        width: 200px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content .qty-prod .inputbox {
        width: 100px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab {
        display: inline-block
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .product-tabs {
        width: 100%
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content {
        margin-left: 0;
        float: left
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content:before {
        left: 226px;
        top: -28px;
        position: absolute;
        content: "";
        border-style: solid;
        border-width: 14px 14px;
        border-color: transparent transparent #e5e5e5 transparent
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content:after {
        left: 227px;
        top: -26px;
        position: absolute;
        content: "";
        border-style: solid;
        border-width: 13px 13px;
        border-color: transparent transparent #fff transparent
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-column {
        margin-right: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row {
        margin-bottom: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row {
        margin: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row article {
        margin-bottom: 20px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item {
        width: 100%;
        max-width: 100%
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .content {
        margin-top: 50px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .content .entry-meta {
        padding: 5px 0;
        margin-bottom: 10px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .content .catItemIntroText p {
        line-height: 22px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column {
        margin: 20px 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column .items-row {
        margin-bottom: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .article-text .content {
        padding-bottom: 30px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-3-column article .blog-item .article-text .content .entry-meta {
        padding: 5px 0;
        margin-bottom: 10px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation {
        margin-bottom: 20px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item {
        margin-bottom: 20px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item .content:before {
        right: 20px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_infomation .contact-top .item .content:after {
        left: 20px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_contact .vina_contact_us {
        position: relative;
        top: 0;
        left: 0;
        padding: 30px;
        margin: 20px 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_contact .vina_contact_us .qlform form .control-group.jform_name {
        margin: 0;
        width: 100%
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_contact .vina_contact_us .qlform form .control-group .controls {
        width: 100%
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_contact .vina_contact_us .qlform form .control-group .controls input {
        width: 100%
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_contact .vina_contact_us .qlform form .control-group .control-label {
        color: #000
    }
    .responsive .module.vina_special {
        margin-top: 0
    }
    .responsive .module.vina_special.vina_special_h2 {
        margin-top: 20px
    }
    .responsive .module.vina_feature_h1 .gallery .slider .slides .slide-item .content {
        display: none!important
    }
    .responsive .module.vina_services_slideshow .services .service {
        float: left;
        width: 30%;
        margin-left: 5%
    }
    .responsive .module.vina_services_slideshow .services .service.first {
        margin-left: 0
    }
    .responsive #sp-bottom-wrapper .module.menu-bottom {
        margin-bottom: 20px
    }
    .responsive #sp-footer-wrapper #sp-footer2 .sp-totop {
        right: auto
    }
    .responsive #sp-footer-wrapper #sp-footer2 .footer2 {
        padding-right: 30px
    }
    .responsive #sp-footer-wrapper #sp-footer2 {
        text-align: center;
        margin-top: 10px
    }
    .responsive #sp-feature-wrapper {
        padding: 20px 0
    }
    .responsive #sp-feature-wrapper #feature h1 {
        font-size: 200%;
        line-height: 200%
    }
    .responsive #sp-feature-wrapper #feature p {
        font-size: 100%
    }
    .responsive #sp-feature-wrapper #feature .btn {
        padding: 2px 6px;
        font-size: 11px;
        line-height: 16px;
        margin-bottom: 5px
    }
}

@media (max-width:599px) {
    .responsive .row-offcanvas-right .sidebar-offcanvas {
        right: -50%
    }
    .responsive .row-offcanvas-left .sidebar-offcanvas {
        left: -100%
    }
    .responsive .row-offcanvas-right.active {
        right: 50%
    }
    .responsive .row-offcanvas-left.active {
        left: 0%;
        z-index: 99999
    }
    .vina-menu-small {
        padding: 5px 16px 5px 16px!important
    }
    .responsive .sidebar-offcanvas {
        width: 100%
    }
    #vina-manufacturers-jshopping-wrapper159 {
        display: none
    }
}

@media (max-width:479px) {
    #vina-manufacturers-jshopping-wrapper159 {
        display: none
    }
    .vina-carousel-jshopping .item .vina-item .image-block .content {
        background: #00aa66;
        color: white;
        display: none
    }
    #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image_block .content {
        background: #00aa66;
        color: #fff;
        display: none
    }
    .responsive #vina_about_us .carousel {
        padding: 20px 40px
    }
    .responsive #vina_about_us .carousel .item .incon_bg {
        display: inline-block;
        float: left;
        margin-right: 10px
    }
    .responsive #vina_about_us .carousel .item h4 {
        margin-top: 4px
    }
    .responsive #vina_company .img-polaroid {
        width: 100%
    }
    .responsive #vina_pricing_table {
        padding-left: 15px;
        padding-right: 15px
    }
    .responsive #vina_contact_us .contact_us,
    .responsive #vina_contact_us .map {
        padding-left: 10px;
        padding-right: 10px
    }
    #vina-manufacturers-jshopping-wrapper159 {
        display: none
    }
    .responsive .sidebar-offcanvas {
        max-width: 100%
    }
    .responsive #sp-footer-wrapper {
        text-align: center
    }
    .responsive #sp-footer-wrapper #sp-footer1 span {
        display: inline-block
    }
    .responsive #sp-footer-wrapper #sp-footer1 .helix-framework {
        width: 100%;
        margin: 0
    }
    .responsive #sp-footer-wrapper #sp-footer1 .helix-framework .helix-logo {
        margin: 0 auto
    }
    .responsive #sp-menu-wrapper .vina_cart .cart-wapper .cart-content {
        right: -20px
    }
    .responsive .module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content .description,
    .responsive .module.ft_product_h2 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content .description {
        top: 43%
    }
    .responsive .module.ft_product_h2 .vina-carousel-jshopping .owl-controls {
        top: 15%
    }
    .responsive .module.feature-product .owl-wrapper-outer .owl-item .item .vina-item .addto .cart-detail {
        left: 95px
    }
    .responsive .module.feature-product .owl-wrapper-outer .owl-item .item .vina-item .addto .button_detail {
        right: 95px
    }
    .responsive .module.feature-product .owl-wrapper-outer .owl-item .item .vina-item .addto .addtocart {
        padding: 7px 20px 8px
    }
    .responsive .module.feature-product .owl-wrapper-outer .owl-item .item .vina-item .addto:hover .cart-detail {
        left: 55px
    }
    .responsive .module.feature-product .owl-wrapper-outer .owl-item .item .vina-item .addto:hover .button_detail {
        right: 55px
    }
    .responsive #sp-top-wrapper #top .vina_menu_top2 .menu {
        float: none;
        text-align: center
    }
    .responsive #sp-top-wrapper #top .vina_menu_top2 .menu li a {
        text-align: left
    }
    .responsive .module.newsletter .header {
        line-height: 30px
    }
    .responsive .module.newsletter .acymailing_introtext {
        padding: 0 20px 10px!important;
        margin-bottom: 0!important
    }
    .responsive .module.newsletter .input-box input {
        width: 150px!important
    }
    .responsive .module.newsletter .input-box .subbutton {
        padding-right: 10px
    }
    .responsive .module .vina_partner_h1 .vina-manufacturers-jshopping {
        padding: 0 30px
    }
    .responsive .module.best-seller .tab .nav-tabs {
        top: 0
    }
    .responsive .module.banner_main .banner .banner_right .row-1 {
        margin: 0
    }
    .responsive .module.banner_main .banner .banner_right .row-1 .content-box .caption {
        top: 30%
    }
    .responsive .module.banner_main .banner .banner_right .row-1 .content-box .caption h2 {
        font-size: 50px
    }
    .responsive .module.banner_main .banner .banner_right .row-1 .first,
    .responsive .module.banner_main .banner .banner_right .row-1 .last {
        width: 100%;
        padding: 0;
        margin-bottom: 6px
    }
    .responsive .module.banner_main .banner .banner_right .row-2 .content-box .text-box .caption-wapper {
        padding: 0
    }
    .responsive .module.banner_main .banner .banner_right .row-2 .content-box .text-box .caption-wapper .caption-inner .caption p {
        font-size: 16px
    }
    .responsive .module.banner_main .banner .banner_right .row-2 .content-box .text-box .caption-wapper .caption-inner .caption .header-row-2 {
        font-size: 30px;
        line-height: 40px
    }
    .responsive .vina_services_slideshow .services .item-wapper .item-inner {
        width: 68px;
        height: 68px
    }
    .responsive .vina_services_slideshow .services .item-wapper .item-inner .content {
        top: 10%;
        line-height: 18px
    }
    .responsive .module.feature-product .header {
        margin-top: 15px
    }
    .responsive .module.vina_services .service .item-wapper {
        display: inline-block;
        margin-bottom: 10px
    }
    .responsive .module.vina_special .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .content {
        padding-top: 20px
    }
    .responsive .module.vina_special .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .image {
        width: 37%;
        margin-right: 3%;
        padding: 0
    }
    .responsive .module.vina_special .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .image a:after {
        left: 36%;
        top: 36%
    }
    .responsive #sp-main-body-wrapper {
        padding: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons .cart-detail {
        left: 95px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons .button_detail {
        right: 95px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons:hover .cart-detail {
        left: 55px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons:hover .button_detail {
        right: 55px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .header {
        font-size: 15px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .jshop_pagination .pagination ul li {
        margin-bottom: 10px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count .block_sorting_count_to_page .block_sorting_count {
        padding: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count .block_sorting_count_to_page .block_sorting_count:before {
        display: none
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row:first-child {
        margin-top: 20px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item {
        margin-bottom: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item .article-text .content {
        padding: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item .article-text .content .entry-header .entry-title {
        margin-bottom: 10px;
        font-size: 16px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row:first-child {
        margin-top: 20px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .content {
        padding: 10px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .content .jcomments-links {
        margin-top: 10px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column {
        margin: 20px 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column .items-row .blog-item-wapper {
        width: 100%;
        padding: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column article .blog-item .article-text .content {
        padding: 10px 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column article .blog-item .article-text .content .entry-meta {
        line-height: 20px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content .jshop_prod_attributes .select-color span .inputbox {
        width: 150px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content .qty-prod .inputbox {
        width: 70px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .cart {
        padding: 0 45px 0 65px;
        margin-top: 4px
    }
    .product-social {
        margin-top: -36px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .cart:before {
        left: 45px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content:before {
        left: 146px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content:after {
        left: 147px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .related .jshop_list_product .list-product-related {
        display: inline-block;
        height: auto!important
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .image-box {
        margin-top: 20px
    }
    .responsive .module.ft_product_h2 .tab .nav-tabs {
        top: 0
    }
    .responsive .module.ft_product_h2 .tab .tab-content {
        padding-top: 35px
    }
    .responsive .vina_feature_h2 .vina-camera-slider .camera_wrap .camera_fakehover .camera_target_content .cameraContents .cameraContent .content {
        display: none!important
    }
    .responsive #sp-breadcrumb-wrapper #sp-breadcrumb {
        padding: 10px 0
    }
    .responsive #sp-breadcrumb-wrapper #sp-breadcrumb .page-title .breadcrumb li {
        font-size: 20px
    }
    .responsive .module.feature-product .header .text {
        font-size: 15px;
        padding: 0 15px
    }
    .responsive .module.vina_special .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .image a:after {
        top: 38%;
        left: 38%
    }
    .responsive .module.banner_main .banner .banner_left .carousel .carousel-inner .item .carousel-caption {
        position: absolute;
        padding: 20px 0;
        font-size: 30px
    }
    #vina-manufacturers-jshopping-wrapper159 {
        display: none
    }
}

@media (max-width:499px) {
    #vina-manufacturers-jshopping-wrapper159 {
        display: none
    }
    #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image_block .content {
        background: #00aa66;
        color: #fff;
        display: none
    }
    .vina-carousel-jshopping .item .vina-item .image-block .content {
        background: #00aa66;
        color: white;
        display: none
    }
    .responsive #sp-footer-wrapper {
        text-align: center
    }
    .responsive #sp-footer-wrapper #sp-footer1 span {
        display: inline-block
    }
    .responsive #sp-footer-wrapper #sp-footer1 .helix-framework {
        width: 100%;
        margin: 0
    }
    .responsive #sp-footer-wrapper #sp-footer1 .helix-framework .helix-logo {
        margin: 0 auto
    }
    #vina-manufacturers-jshopping-wrapper159 {
        display: none
    }
}

@media (max-width:399px) {
    .vina-carousel-jshopping .item .vina-item .image-block .content {
        background: #00aa66;
        color: white;
        display: none
    }
    #vina-manufacturers-jshopping-wrapper159 {
        display: none
    }
    #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image_block .content {
        background: #00aa66;
        color: #fff;
        display: none
    }
    .responsive .sidebar-offcanvas {
        max-width: 100%
    }
    .responsive .module.vina_feature_h1 .gallery .slider .gallery-btn {
        top: 35%
    }
    .responsive .module.vina_feature_h1 .gallery .slider .gallery-btn.next {
        right: 15px
    }
    .responsive .module.vina_feature_h1 .gallery .slider .gallery-btn.prev {
        left: 15px
    }
    .responsive .module.ft_product_h2 .vina-carousel-jshopping .owl-controls {
        top: 10%
    }
    .responsive .module.best-seller .tab .nav-tabs {
        top: 10px
    }
    .responsive .module.best-seller .tab .tab-content {
        padding-top: 50px
    }
    .responsive .module.ft_product_h2 .tab .nav-tabs {
        top: 10px
    }
    .responsive .module.ft_product_h2 .tab .tab-content {
        padding-top: 50px
    }
    .responsive .module.feature-product .header {
        margin-top: 0
    }
    .responsive .module.feature-product .owl-wrapper-outer .owl-item .item .vina-item .addto .cart-detail {
        left: 55px
    }
    .responsive .module.feature-product .owl-wrapper-outer .owl-item .item .vina-item .addto .button_detail {
        right: 55px
    }
    .responsive .module.feature-product .owl-wrapper-outer .owl-item .item .vina-item .addto:hover .cart-detail {
        left: 10px
    }
    .responsive .module.feature-product .owl-wrapper-outer .owl-item .item .vina-item .addto:hover .button_detail {
        right: 10px
    }
    .responsive .module.vina_services_slideshow .services .service {
        width: 100%;
        margin: 0;
        margin-bottom: 20px
    }
    .responsive .module.vina_services_slideshow .services .item-wapper .item-inner {
        width: 118px;
        height: 118px
    }
    .responsive .module.vina_services_slideshow .services .item-wapper .item-inner .content {
        font-size: 16px;
        top: 30%
    }
    .responsive .module.vina_services_slideshow .vina_services_slideshow {
        margin: 0
    }
    .responsive .module.banner_main .banner .banner_left .carousel .carousel-inner .item .carousel-caption {
        font-size: 25px;
        padding: 15px 0
    }
    .responsive .module.vina_special .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .content {
        padding-top: 10px
    }
    .responsive .module.vina_special .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .image a:after {
        left: 35%;
        top: 35%
    }
    .responsive .vina_slider {
        padding: 10px 0
    }
    .responsive .vina_slider .slider .carousel .carousel-inner .item .item-content {
        padding-bottom: 90px
    }
    .responsive .vina_slider .slider .carousel .carousel-inner .item .item-content p {
        display: none
    }
    .responsive #sp-main-body-wrapper #sp-component-area .header .text:before,
    .responsive #sp-main-body-wrapper #sp-component-area .header .text:after {
        top: 12px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .related_header .text:before,
    .responsive #sp-main-body-wrapper #sp-component-area .related_header .text:after {
        top: 13px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons .cart-detail {
        left: 55px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons .button_detail {
        right: 55px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons:hover .cart-detail {
        left: 15px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons:hover .button_detail {
        right: 15px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .image-box .title {
        display: none
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text {
        position: relative;
        float: left;
        background: none;
        color: #000
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .jcomments-links a {
        color: #000!important
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .jcomments-links a:hover {
        color: #fff!important
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .entry-header .entry-title a {
        color: #000!important
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .content {
        margin-top: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-2-column .items-row .item .media .blog-item .article-text .content .entry-meta {
        margin-bottom: 10px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column {
        margin: 20px 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column .items-row .blog-item-wapper {
        width: 100%;
        padding: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column article .blog-item .article-text .content {
        font-size: 13px;
        padding: 10px 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-4-column article .blog-item .article-text .content .entry-meta {
        font-size: 10px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content:after {
        left: 117px
    }
    .product-social {
        margin-top: -36px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content:before {
        left: 116px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .cart {
        padding: 0 25px 0 45px;
        margin-top: 4px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .cart:before {
        left: 25px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content .jshop_prod_attributes {
        width: 100%;
        margin-bottom: 10px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content .jshop_prod_attributes .select-color span {
        width: 100%
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content .jshop_prod_attributes .select-color span .inputbox {
        width: 100%
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content .qty-prod {
        float: left
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content .qty-prod .inputbox {
        width: 180px
    }
    .responsive #sp-footer-wrapper #sp-footer2 .footer2 {
        margin-right: 0
    }
    .responsive #sp-footer-wrapper #sp-footer2 .sp-totop {
        right: 0
    }
    .responsive #sp-menu-wrapper .vina_cart .cart-wapper .cart-content {
        right: -20px;
        padding: 10px
    }
    .responsive .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content .description {
        top: 10%;
        padding: 0 10px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image_block .content .description {
        top: 20%
    }
    #vina-manufacturers-jshopping-wrapper159 {
        display: none
    }
}

@media (max-width:319px) {
    #vina-manufacturers-jshopping-wrapper159 {
        display: none
    }
    #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image_block .content {
        background: #00aa66;
        color: #fff;
        display: none
    }
    .vina-carousel-jshopping .item .vina-item .image-block .content {
        background: #00aa66;
        color: white;
        display: none
    }
    .responsive .row-fluid [class*="span"] {
        min-height: 0
    }
    .responsive .module .banner_main .banner .banner_left .carousel .carousel-inner .item .carousel-caption {
        font-size: 18px;
        padding: 5px 0
    }
    .responsive .module .banner_main .banner .banner_right .row-1 .content-box .caption .responsive .module .banner_main .banner .banner_right .row-2 .content-box .text-box .caption-wapper .caption-inner .caption {
        display: none
    }
    .responsive .module.newsletter .input-box {
        background: none
    }
    .responsive .module.newsletter .input-box input {
        border-radius: 20px
    }
    .responsive .module.newsletter .input-box .subbutton {
        border-radius: 20px;
        padding: 0 20px;
        margin-top: 10px
    }
    .responsive .module.newsletter .input-box .subbutton:before {
        display: none
    }
    .responsive .module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-controls,
    .responsive .module.ft_product_h2 .vina-carousel-jshopping .owl-controls {
        top: -30px
    }
    .responsive .module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content .description,
    .responsive .module.ft_product_h2 .vina-carousel-jshopping .owl-wrapper-outer .owl-item .item .vina-item .image-block .content .description {
        top: 35%
    }
    .responsive .module.vina_best_sellers_h1 .vina-carousel-jshopping .owl-controls {
        top: -30px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .header .text:before,
    .responsive #sp-main-body-wrapper #sp-component-area .header .text:after {
        top: 13px
    }
    .responsive #sp-top-wrapper #top .vina_menu_top2 .menu li:last-child a {
        padding: 0;
        margin: 0
    }
    .responsive #sp-top-wrapper #top .vina_menu_top2 .menu li a {
        padding: 0 7px 0 17px;
        margin-right: 7px;
        font-size: 10px
    }
    .responsive #sp-header-wrapper .vina_form_search .form-inline input.inputbox {
        max-width: 125px
    }
    .responsive #sp-header-wrapper #sp-social ul {
        margin: 0
    }
    .responsive #sp-header-wrapper #sp-social ul li {
        margin-bottom: 10px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .header .text {
        padding: 0 10px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .header .text span {
        padding: 0 10px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image_block .content .description {
        padding: 0 10px;
        top: 10%
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons .cart-detail {
        left: 30px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons .button_detail {
        right: 30x
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons:hover .cart-detail {
        left: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .buttons:hover .button_detail {
        right: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .category-short-code .vina_contact .vina_contact_us {
        padding: 0;
        background: none
    }
    .responsive .module.feature-product .header .text:before,
    .responsive .module.feature-product .header .text:after {
        top: 30px
    }
    .responsive .module.vina_special .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .image {
        width: 100%;
        margin: 0
    }
    .responsive .module.vina_special .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .image a img {
        box-sizing: border-box
    }
    .responsive .module.vina_special .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .image a:after {
        top: 39%;
        left: 39%;
        width: 40px;
        height: 40px;
        line-height: 40px
    }
    .responsive .module.vina_special .vina-ticker-jshopping .vina-items-wrapper .vina-items .vina-item .content {
        width: 100%;
        text-align: center
    }
    .responsive .vina-carousel-content .owl-controls {
        top: -5px
    }
    .responsive .vina-carousel-content .owl-wrapper-outer {
        padding-top: 10px
    }
    .responsive .vina-carousel-content .item .text-block {
        padding: 10px 10px 25px
    }
    .responsive #sp-footer-wrapper #sp-footer2 {
        padding-bottom: 30px
    }
    .responsive #sp-footer-wrapper #sp-footer2 .footer2 {
        padding-right: 0
    }
    .responsive #sp-footer-wrapper #sp-footer2 .sp-totop {
        right: 88px;
        bottom: -5px
    }
    .responsive .module.feature-product .owl-wrapper-outer .owl-item .item .vina-item .addto:hover .cart-detail {
        left: 0
    }
    .responsive .module.feature-product .owl-wrapper-outer .owl-item .item .vina-item .addto:hover .button_detail {
        right: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area .related_header .text:before,
    .responsive #sp-main-body-wrapper #sp-component-area .related_header .text:after {
        top: 30px
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count .block_sorting_count_to_page .block_sorting_count .title {
        width: 100%
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count .block_sorting_count_to_page .block_sorting_count .number-product {
        float: none
    }
    .responsive #sp-main-body-wrapper #sp-component-area .jshop_list_product #sort_count .block_sorting_count_to_page .block_sorting_count .number-product .inputbox {
        margin: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .blog-column .items-row .item .media .blog-item .article-text .content .entry-meta {
        padding: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .input-content .qty-prod .inputbox {
        width: 100px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .cart {
        padding: 0 5px 0 25px;
        margin: 0 3px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_buttons .buttons .cart:before {
        left: 7px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_price .old_price {
        margin-left: 20px;
        font-size: 18px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .product-details .detailsRight .prod_price .new-price {
        font-size: 25px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .related .jshop_list_product .list_related .caroufredsel_wrapper .list-product-related .jshop_related .product .image_block .content .description {
        top: 0
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content:before {
        left: 76px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content:after {
        left: 77px
    }
    .responsive #sp-main-body-wrapper #sp-component-area #sp-component .productfull .mytab .tab-content .product-tab-content .vina-rate form .jshop_review_write .item-review {
        margin-bottom: 20px
    }
    .responsive #sp-header-wrapper .logo-wrapper .logo {
        width: 180px!important;
        height: 45px!important;
        background-size: 100% 100%
    }
    .responsive #sp-header-wrapper .module.vina_social ul li {
        margin-right: 5px
    }
    .responsive #sp-header-wrapper .module.vina_social ul li:last-child {
        margin-right: 0
    }
    .fixed .hidden-desktop {
        display: none
    }
    #vina-manufacturers-jshopping-wrapper159 {
        display: none
    }
    .responsive #vina_about_us .carousel {
        padding: 0 10px
    }
    .responsive #vina_about_us .carousel .item .item_do {
        padding-bottom: 20px;
        padding-top: 25px
    }
    #vina-manufacturers-jshopping-wrapper159 {
        display: none
    }
}

div.mod-languages li {
    line-height: 30px
}

.compare-header {
    line-height: 30px
}

.compare-header>p {
    margin: 0
}

#quickorderpopup .header {
    font-size: 1.9em;
    line-height: 1em;
    padding: 5px 0;
    display: inline-block
}

.extern_row_compare span.delete {
    display: inline-block!important;
    min-width: 20px!important;
    line-height: 18px;
    min-height: 20px;
    text-align: center;
    background-color: rgb(0 0 0 / 0.05)!important;
    top: 40%!important;
    right: 10px!important;
    z-index: 999;
    margin: -10px 0 0 0!important;
    padding: 0!important;
    border-radius: 50%;
    border: 1px solid rgb(0 0 0 / 0.1)
}

.extern_row_compare span.delete:hover {
    background-color: rgb(0 0 0 / 0.08)!important
}

.mycompare_content.rel_pos {
    position: absolute!important;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2)
}

.vina-carousel-jshopping {
    max-height: 475px;
}