.tab-logo{
   width:30%;
}
.tab-menu{
    width:70%;
}

.grid {
    *zoom: 1
}

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

.grid {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: -30px
}

.grid__item {
    float: left;
    padding-left: 30px;
    width: 100%
}

.grid__item[class*="--push"] {
    position: relative
}

.grid--rev {
    direction: rtl;
    text-align: left
}

.grid--rev>.grid__item {
    direction: ltr;
    text-align: left;
    float: right
}

.one-whole {
    width: 100%
}

.one-half {
    width: 50%
}

.one-third {
    width: 33.33333%
}

.two-thirds {
    width: 66.66667%
}

.one-quarter {
    width: 25%
}

.two-quarters {
    width: 50%
}

.three-quarters {
    width: 75%
}

.one-fifth {
    width: 20%
}

.two-fifths {
    width: 40%
}

.three-fifths {
    width: 60%
}

.four-fifths {
    width: 80%
}

.one-sixth {
    width: 16.66667%
}

.two-sixths {
    width: 33.33333%
}

.three-sixths {
    width: 50%
}

.four-sixths {
    width: 66.66667%
}

.five-sixths {
    width: 83.33333%
}

.one-eighth {
    width: 12.5%
}

.two-eighths {
    width: 25%
}

.three-eighths {
    width: 37.5%
}

.four-eighths {
    width: 50%
}

.five-eighths {
    width: 62.5%
}

.six-eighths {
    width: 75%
}

.seven-eighths {
    width: 87.5%
}

.one-tenth {
    width: 10%
}

.two-tenths {
    width: 20%
}

.three-tenths {
    width: 30%
}

.four-tenths {
    width: 40%
}

.five-tenths {
    width: 50%
}

.six-tenths {
    width: 60%
}

.seven-tenths {
    width: 70%
}

.eight-tenths {
    width: 80%
}

.nine-tenths {
    width: 90%
}

.one-twelfth {
    width: 8.33333%
}

.two-twelfths {
    width: 16.66667%
}

.three-twelfths {
    width: 25%
}

.four-twelfths {
    width: 33.33333%
}

.five-twelfths {
    width: 41.66667%
}

.six-twelfths {
    width: 50%
}

.seven-twelfths {
    width: 58.33333%
}

.eight-twelfths {
    width: 66.66667%
}

.nine-twelfths {
    width: 75%
}

.ten-twelfths {
    width: 83.33333%
}

.eleven-twelfths {
    width: 91.66667%
}

.show {
    display: block !important
}

.hide {
    display: none !important
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media only screen and (min-width: 750px) and (max-width: 989px) {
    .medium--one-fifth {
        width: 20%
    }
    .medium--two-fifths {
        width: 40%
    }
    .medium--three-fifths {
        width: 60%
    }
}

@media only screen and (min-width: 750px) {

    .medium-up--one-fifth {
        width: 20%
    }

    .medium-up--two-fifths {
        width: 40%
    }

    .medium-up--three-fifths {
        width: 60%
    }
}
.icon {
    display: inline-block
}

.icon:before {
    display: inline;
    font-family: "icons";
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}





@media only screen and (max-width: 989px) {
    input,
    textarea,
    select {
        font-size: 16px
    }
}

fieldset {
    border: 1px solid #eee;
    padding: 10px
}

legend {
    border: 0;
    padding: 0
}

button,
input[type="submit"] {
    cursor: pointer
}

input,
textarea,
select {
    border: 1px solid #eee;
    max-width: 100%
}

input:focus,
textarea:focus,
select:focus {
    border-color: #d4d4d4
}

input[disabled],
textarea[disabled],
select[disabled] {
    cursor: default;
    background-color: #e0e0e0;
    border-color: #000
}

textarea {
    min-height: 100px
}

input.error,
select.error,
textarea.error {
    border-color: #b62b2b;
    background-color: #fff0f0;
    color: #b62b2b
}

label.error {
    color: #b62b2b
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: right center;
    background-image: url("//cdn.shopify.com/s/files/1/0923/8036/t/11/assets/ico-select.svg?3048264076799798422");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-color: transparent;
    padding-right: 28px;
    text-indent: 0.01px;
    text-overflow: '';
    cursor: pointer
}

.ie9 select {
    padding-right: 10px;
    background-image: none
}

.grid--no-gutters {
    margin-left: 0
}

.grid--no-gutters>.grid__item {
    padding-left: 0
}

.grid--half-gutters {
    margin-left: -10px
}

.grid--half-gutters>.grid__item {
    padding-left: 10px
}

.grid--table {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-left: 0
}

.grid--table>.grid__item {
    float: none;
    display: table-cell;
    vertical-align: middle;
    min-height: 1px;
    padding-left: 0
}

.main-content {
    position: relative
}

.page-width--wide {
    max-width: 1000px
}

hr {
    margin-bottom: 60px
}

.page-content__content {
    margin: 0 10%
}

.page-container {
    padding-top: 40px;
    padding-bottom: 40px
}

@media only screen and (min-width: 750px) {
    .page-container {
        padding-top: 60px;
        padding-bottom: 80px
    }
}

body,
input,
textarea,
button,
select {
    font-size: 15px;
    font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", sans-serif;
    color: #fff;
    line-height: 1.6
}

@media only screen and (max-width: 989px) {
    input,
    textarea {
        font-size: 16px
    }
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: "Karla", "HelveticaNeue", "Helvetica Neue", sans-serif;
    font-weight: 700;
    text-rendering: optimizeLegibility;
    letter-spacing: 0.05em;
    margin: 0 0 0.66667em;
    line-height: 1.4;
    color: #1a1a1a
}

h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
    color: #1a1a1a;
    text-decoration: none;
    font-weight: inherit
}

h1,
.h1 {
    font-size: 1.66667em
}

h2,
.h2 {
    font-size: 1.4em
}

h3,
.h3 {
    font-size: 1.13333em
}

h4,
.h4 {
    font-size: 1em
}

h5,
.h5,
h6,
.h6 {
    font-size: 0.8em
}
.btn {
    position: relative;
    padding: 10px 30px;
    border-radius: 2px;
    font-family: "Karla", "HelveticaNeue", "Helvetica Neue", sans-serif;
    font-weight: 700;
    text-rendering: optimizeLegibility;
    letter-spacing: 0.05em;
    font-size: 16px
}

@media only screen and (max-width: 749px) {
    .btn {
        font-size: 15px
    }
}

a {
    color: #1a1a1a;
    text-decoration: none
}

a.btn:hover,
a.btn:focus {
    opacity: 1
}

.site-header__inner {
    position: relative;
    background-color: #fff;
    z-index: 7
}

.site-header__link {
    display: inline-block;
    color: #131313
}

.site-header__link:hover,
.site-header__link:focus {
    opacity: 1
}

.site-header__toggle-nav {
    border: 0
}

.site-header__toggle-nav .icon {
    font-size: 1.66667em;
    padding: 10px
}

.site-header__logo {
    margin: 0
}

.site-header__logo img {
    max-height: 120px;
    max-width: initial;
    display: block;
    margin: 0 auto
}

.site-header__logo .site-header__logo-link {
    color: #1a1a1a;
    display: block;
    text-align: center
}

.site-header__logo .site-header__logo-link:hover,
.site-header__logo .site-header__logo-link:focus,
.site-header__logo .site-header__logo-link:active {
    opacity: 1
}

@media only screen and (max-width: 749px) {
    .site-header__logo {
        font-size: 1.2em
    }
    .site-header__logo img {
        max-width: 100%
    }
}

.site-header__cart .icon,
.site-header__search .icon {
    font-size: 12px;
    color:#131313;
    font-weight:700;
}
.site-header__cart .icon img,
.site-header__search .icon img{
    width:24px;
    margin-top:-12px;
}

.site-header__search .icon {
    padding-right: 0
}

#right-header{
    float:none;
}
@media screen and (max-width:425px) {
    #right-header{
        float:right;
        margin-top:8px;
    }
}
@media screen and (max-width:320px){
    #right-header{
        width:100px;
    }
}
.page-listproduct {
    position: fixed;
    top: 0;
    left: 0;
    padding: 0px 20px;
    z-index: 9;
    background:#000
}
.page-listproduct{
    padding:5px 20px;
}
.page-listproduct .head{
    background:none;
}
.page-listproduct .head a{
    background-color:transparent !important;
}
.page-listproduct .head.header-active .icon-cart{
    font-size: inherit;
}