#search-autocomplete ul li a,
#toolbar ul li a {
    text-decoration: none;
}
a,
body,
html {
    color: #000;
}
a,
body,
div,
h1,
h2,
h3,
h4,
h5,
html,
img {
    padding: 0;
    margin: 0;
}
body,
html {
    font-family: "Slate W02 Light", sans-serif;
    font-size: 13px;
    font-weight: 300;
    height: 100%;
    width: 100%;
    text-align: center;
    background-color: #fff;
}
.bold,
b,
h1,
h2,
h3,
h4,
h5,
strong {
    font-weight: 700;
    font-family: "Slate W02 Bk", sans-serif;
}
h2 {
    margin-bottom: 10px;
}
p {
    line-height: 17px;
    font-size: 14px;
}
img {
    border: 0;
}

label{cursor: pointer}
#toolbar li.basket a,
.menu-category span.name {
    font-family: "Slate W02 Bold", sans-serif;
}
hr {
    border: none;
    border-bottom: 1px solid #cacaca;
    margin-bottom: 15px;
}
hr.hr2 {
    margin-bottom: 0;
}
.clear {
    clear: both;
    overflow: auto;
}
.left {
    float: left;
}
.right {
    float: right;
}
input.button {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    outline: 0;
}
li {
    line-height: 15px;
}
a:focus,
button:focus,
input:focus,
textarea:focus {
    outline: 0;
}
.left80 {
    width: 80%;
}
.left75 {
    width: 75%;
}
.left60 {
    width: 60%;
}
.left50 {
    width: 50%;
}
.left30 {
    width: 30%;
}
.left25 {
    width: 25%;
}
.left20 {
    width: 20%;
}
.left15 {
    width: 15%;
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.loader,
.text-center {
    text-align: center;
}
.text-small {
    font-size: 11px;
}
.text-normal {
    font-size: 14px;
}
.visible {
    display: block !important;
}
.hidden {
    display: none !important;
}
.gray {
    color: #b8b8b8;
}
.error {
    color: red;
}
.message {
    color: darkgreen;
}
input.error,
textarea.error {
    color: inherit;
    border: 1px solid red;
}
.padding5 {
    padding: 5px;
}
.border-bottom {
    border-bottom: 1px solid #c2c2c2;
}
.loader-wrapper {
    margin: 20px 0;
    display: none;
}
div.container,
div.header {
    text-align: left;
    position: relative;
}
div.login {
    margin-top: 20px;
}
div.container-wrapper {
    width: 100%;
    height: 500px;
}
div.container {
    width: 100%;
    margin: 0 auto;
    min-width: 1200px;
    overflow: hidden;
}
div.header-wrapper {
    clear: both;
    width: 100%;
    overflow: visible;
}
.basket div.header-wrapper {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 20px;
}
.basket h1 {
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.basket h1 span {
    color: #aeaba9;
    font-weight: 400;
    font-size: 18px;
}
div.copyright,
div.copyright a {
    color: #747474;
}
div.header {
    max-width: 1200px;
    margin: 0 auto;

}

div#content-wrapper {
    clear: both;
    width: 100%;
    overflow: auto;
}
div#content {
    padding: 10px 15px 0;
}
.secure-seal-wrapper {
    position: absolute;
    top: 30px;
    left: 390px;
}
.category h1,
div.copyright,
div.footer {
    position: relative;
}
.secure-seal {
    float: left;
    padding-top: 15px;
    line-height: 14px;
}
.secure-seal-wrapper img {
    float: left;
    height: 50px;
}
.header-links-wrapper {
    text-align: right;
    padding-top: 8px;
    clear: both;
    overflow: auto;
}
div.footer-wrapper {
    clear: both;
    width: 100%;
    overflow: auto;
    margin-top: 30px;
}
div.footer {
    max-width: 1200px;
    text-align: left;
    margin: 0 auto;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    overflow: hidden;
}
.content-sidebar,
.facebook-sidebar,
.menu-sidebar ul,
div.copyright-wrapper {
    clear: both;
    overflow: auto;
}
div.copyright-wrapper {
    width: 100%;
    margin: 10px 0;
}
div.copyright,
div.main {
    margin: 0 auto;
}
.basket div.copyright-wrapper {
    border-top: 1px solid #d6d6d6;
    padding-top: 10px;
}
div.copyright {
    max-width: 1200px;
    text-align: center;
    font-size: 11px;
}
div.main-wrapper {
    width: 100%;
    min-height: 300px;
}
.homepage div.main {
    width: 100%;
    max-width: inherit;
    padding: 0;
}
#buttons,
#toolbar,
.block,
.menu-top,
div.main {
    max-width: 1200px;
}
div.sidebar-wrapper {
    float: left;
    width: 20%;
}
div.localizer {
    margin: 0 0 10px;
}
div.logo-wrapper {
    padding: 14px 0px;
}
div.logo-wrapper img {
    width: 250px;
}

.article-page h1 a,
.category h1 a {
    position: absolute;
    right: 10px;
    top: 4px;
    display: none;
    text-decoration: none;
}
.article-page h1 {
    margin-bottom: 20px;
}
.category h1 a {
    color: #fff;
}
.menu-sidebar ul {
    padding: 0;
    margin: 0;
}
.menu-sidebar ul li {
    list-style-type: none;
    margin: 0 20px 0 0;
    position: relative;
    padding: 0;
    line-height: 20px;
}
.menu-sidebar ul li ol {
    padding: 0 0 0 20px;
    margin: 0;
}
.menu-sidebar ul li ol li {
    margin: 0;
    padding: 0;
}
.content-sidebar,
.facebook-sidebar {
    padding: 10px;
}
.menu-sidebar a.menu-sidebar-header {
    font-weight: 700;
}
.content-sidebar-wrapper {
    background-color: #f6f6f6;
    margin-top: 20px;
}
.content-sidebar h3 {
    margin: 10px 0 0;
}
.facebook-sidebar-wrapper {
    background-color: #f6f6f6;
    margin-top: 20px;
}
.facebook-sidebar h2 {
    margin-bottom: 10px;
}
#toolbar,
#toolbar ul {
    clear: both;
    overflow: visible;
}
.facebook-sidebar h3 {
    margin: 10px 0;
}
.facebook-sidebar a {
    color: #000 !important;
}
#toolbar,
#toolbar a {
    color: #fff;
}
#toolbar-wrapper {
    background-color: #efeff0;
    color: #66676e;
    width: 100%;
}
#toolbar {
    margin: 0 auto;
    height: 32px;
    line-height: 32px;
    padding: 0px 25px
}
#toolbar a{
    color: #66676e;
    font-weight: bold;
    text-decoration: none;
}


.suggest-wrapper {
    margin-top: 20px;
    padding-right: 10px;
}
.suggest {
    border-top: 1px solid #e1e1e1;
}
.suggest li {
    line-height: 15px;
}
.icon {
    background: url(/images/frontend/sprite.png) top center;
    display: inline-block;
}
.icon-chat {
    background-position: -117px 0;
    width: 23px;
    height: 20px;
    position: absolute;
    top: 10px;
    left: -28px;
}
.icon-hotline,
.icon-order {
    width: 19px;
    left: -22px;
    top: 10px;
}
.icon-hotline {
    background-position: -79px 0;
    height: 19px;
    position: absolute;
}
.icon-order {
    background-position: -98px 0;
    height: 20px;
    position: absolute;
}
.icon-register,
.icon-search {
    height: 19px;
    position: absolute;
}
.icon-register {
    background-position: -240px 0;
    width: 22px;
    top: 10px;
    left: -26px;
}
.icon-search {
    background-position: -159px 0;
    width: 20px;
    top: 5px;
    left: 10px;
}
.icon-basket,
.icon-login,
.icon-logout,
.icon-myaccount {
    top: 10px;
    position: absolute;
}
.icon-login,
.icon-logout {
    left: -28px;
    height: 19px;
}
.icon-login {
    background-position: -218px 0;
    width: 21px;
}
.icon-logout {
    background-position: -193px 0;
    width: 23px;
}
.icon-myaccount {
    background-position: -179px 0;
    width: 14px;
    height: 19px;
    left: -22px;
}
.icon-basket {
    background-position: -140px 0;
    width: 19px;
    height: 20px;
    left: -10px;
}
.icon-basket-more {
    background-position: -262px 0;
    width: 10px;
    height: 10px;
}
.icon-menu {
    background-position: -170px -24px;
    width: 27px;
    height: 32px;
    position: absolute;
    top: 6px;
    left: 10px;
}
.icon-menu-small {
    background-position: -200px -25px;
    width: 20px;
    height: 24px;
}
.icon-payments {
    background-position: 0 -219px;
    width: 549px;
    height: 33px;
}
.icon-newsletter {
    background-position: 0 -115px;
    width: 413px;
    height: 103px;
}
.icon-tick {
    background-position: -296px 0;
    width: 26px;
    height: 25px;
}
.icon-facebook,
.icon-google-plus,
.icon-pinterest,
.icon-twitter,
.icon-vimeo,
.icon-youtube,
a:hover .icon-facebook,
a:hover .icon-google-plus,
a:hover .icon-pinterest,
a:hover .icon-twitter,
a:hover .icon-vimeo,
a:hover .icon-youtube {
    width: 41px;
    height: 41px;
}
.icon-facebook {
    background-position: 0 -252px;
}
.icon-twitter {
    background-position: -41px -252px;
}
.icon-pinterest {
    background-position: -82px -252px;
}
.icon-vimeo {
    background-position: -123px -252px;
}
.icon-google-plus {
    background-position: -164px -252px;
}
.icon-youtube {
    background-position: -205px -252px;
}
a:hover .icon-facebook {
    background-position: 0 -293px;
}
a:hover .icon-twitter {
    background-position: -41px -293px;
}
a:hover .icon-pinterest {
    background-position: -82px -293px;
}
a:hover .icon-vimeo {
    background-position: -123px -293px;
}
a:hover .icon-google-plus {
    background-position: -164px -293px;
}
a:hover .icon-youtube {
    background-position: -205px -293px;
}
.icon-menu-small-black {
    background-position: -254px -25px;
    width: 20px;
    height: 24px;
}
.icon-next,
.icon-previous,
a:hover .icon-next,
a:hover .icon-previous {
    width: 25px;
    height: 78px;
}
.icon-previous {
    background-position: -1px -29px;
}
.icon-next {
    background-position: -54px -29px;
}
a:hover .icon-previous {
    background-position: -29px -29px;
}
a:hover .icon-next {
    background-position: -82px -29px;
}
.icon-previous-small {
    background-position: -107px -29px;
    width: 14px;
    height: 44px;
}
.icon-next-small {
    background-position: -137px -29px;
    width: 14px;
    height: 44px;
}
a:hover .icon-previous-small {
    background-position: -123px -29px;
    width: 14px;
    height: 44px;
}
a:hover .icon-next-small {
    background-position: -152px -29px;
    width: 14px;
    height: 44px;
}
.toggle-menu {
    display: none;
    width: 25px;
    height: 21px;
}
.basket-info,
.basket-more {
    line-height: 15px;
    display: inline-block;
}
.basket-info {
    border: 1px solid #000;
    color: #000;
    padding: 4px 9px 0;
    font-size: 12px;
}
.basket-more {
    background-color: #327d45;
    width: 22px;
    height: auto;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 1px;
}
.search ul,
.search ul li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.basket-more a {
    height: auto !important;
}


.search ul li {
    float: left;
}
#search-autocomplete h4,
#search-autocomplete ul {
    margin-bottom: 10px;
}
#search-autocomplete ul,
#search-autocomplete ul li {
    clear: both !important;
    overflow: auto !important;
    float: none !important;
}
.search-input {
    border: 1px solid #c2c2c2;
    height: 30px;
    width: 350px;
}
.search-input input {
    border: none;
    width: 80%;
    line-height: 22px;
    padding-left: 13px;
}
#search-autocomplete-wrapper,
.select-more {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
#search-autocomplete-wrapper {
    width: 390px;
    position: absolute;
    top: 36px;
    left: 0;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
    z-index: 50;
    display: none;
    font-size: 12px;
    line-height: 15px;
}
.search-button,
.select-more,
.select-name {
    display: inline-block;
}
#search-autocomplete {
    padding: 20px;
    background-color: #fff;
    position: relative;
}
#search-autocomplete ul li {
    margin-bottom: 5px;
}
#search-autocomplete ul li a:hover {
    text-decoration: underline;
}
.select {
    border: 1px solid #c2c2c2;
    line-height: 30px;
}
.select-name {
    padding: 0 25px;
}
.select-more {
    line-height: 30px;
    text-align: center;
}
.search-category-more {
    width: 30px;
}
.search-button {
    background-color: #327d45;
    height: 32px;
    width: 40px;
    text-align: center;
    position: relative;
}
.header-info {
    position: absolute;
    right: 0;
    top: 30px;
    text-align: right;
    font-size: 14px;
    line-height: 16px;
}
.header-info span.opening-hours {
    color: gray;
    font-size: 12px;
}
.menu-category {
    background-color: #327d45;
    position: relative;
}
.menu-category ul {
    clear: both;
    overflow: auto;
    padding: 0;
    margin: 0;
}
.menu-category ul li {
    list-style-type: none;
    margin: 0 20px 0 0;
    position: relative;
    padding: 0;
    line-height: 20px;
}
.menu-category ul li a {
    color: #fff;
    text-decoration: none;
}
.menu-category ul li ol {
    display: none;
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 1000;
    padding: 0;
    margin: 0;
    width: 200px;
}
.menu-category ul li ol li {
    float: none;
    margin: 0;
    padding: 0;
}
.menu-category a.menu-category-header {
    display: block;
    text-decoration: none;
    height: 35px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.menu-category span.name {
    width: 100%;
    display: inline-block;
    padding: 8px 0 8px 20px;
    color: #fff;
    font-size: 16px;
}
.menu-category span.arrow {
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    text-align: center;
    height: 35px;
    border-left: 1px solid #7bc2b1;
}
.menu-category span.arrow .icon-menu-category-arrow {
    background-position: -80px -202px;
    width: 9px;
    height: 19px;
    margin-top: 10px;
}
.menu-category span.arrow .icon-menu-category-arrow.icon-active {
    background-position: -80px -215px;
    width: 9px;
    height: 19px;
    margin-top: 10px;
}
.menu-category .category-box-wrapper {
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 100;
    display: none;
}
.menu-top,
.menu-top ul li .menu-parent {
    position: relative;
}
.menu-top-wrapper {
    background-color: #fff;
    width: 100%;
    height: 35px;
}
.menu-top {
    margin: 0 auto;
}
.menu-top ul,
.menu-top ul li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.menu-top ul li {
    float: left;
}
.menu-top ul li .menu-parent a {
    line-height: 35px;
    text-decoration: none;
    color: #000;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
}
.menu-children-wrapper {
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 100;
    width: 600px;
    display: none;
}
.border-mask,
.menu-children {
    background-color: #fff;
    width: 100%;
}
.menu-children {
    height: 300px;
    box-shadow: 0 2px 8px #222;
}
.menu-children ol {
    margin: 10px 0 0 5px;
    padding: 0;
    float: left;
}
#slideshow,
.menu-banner-bottom p,
.menu-banner-bottom p a,
.menu-banner-sidebar p,
.menu-banner-sidebar p a {
    margin: 0;
    padding: 0;
}
.menu-children ol li {
    margin: 0;
    padding: 0;
    clear: both;
    float: none;
    line-height: 20px;
}
.menu-children ol li a {
    border-left: 3px solid #fff;
}
.menu-children ol li a:hover {
    border-left: 3px solid #327d45;
    color: #327d45;
}
.menu-top ul li .menu-parent .menu-children ol li a {
    line-height: 20px;
}
.border-mask {
    display: none;
    position: absolute;
    height: 5px;
    z-index: 110;
    top: 30px;
}
.menu-top ul li.active .border-mask,
.menu-top ul li.active .menu-children-wrapper {
    display: block;
}
.menu-top ul li.active .menu-parent {
    height: 35px;
    box-shadow: 0 2px 8px #222;
}
.menu-banner-sidebar {
    position: absolute;
    right: -80px;
    top: 0;
}
.menu-banner-bottom {
    position: absolute;
    left: 0;
    bottom: -40px;
}
#slideshow {
    height: 400px;
}
#slideshow li {
    height: 400px;
    background-position: top center;
    background-size: auto 400px;
    background-repeat: no-repeat;
}
#slideshow-wrapper #pager ul li {
    opacity: 0.8;
    float: none !important;
    clear: both;
    width: 250px !important;
    height: 50px !important;
    text-align: left;
    margin-bottom: 10px !important;
    transition: background 2s linear;
    -webkit-transition: background 2s linear;
    -moz-transition: background 2s linear;
}
#slideshow-wrapper #pager-wrapper,
.slide-wrapper {
    margin: 0 auto;
    position: relative;
    max-width: 1200px;
}
#slideshow-wrapper #pager ul li.on {
    opacity: 1;
}
#slideshow-wrapper #pager {
    top: 30px !important;
    right: auto;
    left: 0;
}
.slide-wrapper {
    height: 100%;
    cursor: pointer;
}
.slide {
    position: absolute;
    right: 0;
    top: 0;
    width: 460px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.75);
    text-align: center;
    padding-top: 70px;
}
.slide .button {
    color: #fff;
    font-size: 20px;
    padding: 15px 30px;
    margin-top: 10px;
}
.slide .button:hover {
    opacity: 0.8;
}
.homepage-information {
    margin: 0;
    padding: 26px 0 0 20px;
    font-size: 18px;
    color: #4d4d4d;
    list-style-type: none;
}
.homepage-information li {
    line-height: 44px;
}
.homepage-information li a {
    text-decoration: none;
}
#buttons-wrapper {
    position: absolute;
    bottom: 0;
    z-index: 30;
    width: 100%;
}
#buttons {
    margin: 0 auto;
}
.block-wrapper {
    width: 100%;
    clear: both;
    overflow: auto;
    margin-top: 18px;
}
.block-wrapper h2 {
    border-bottom: 1px solid #d7d7d7;
    text-align: center;
    position: relative;
    height: 20px;
}
.block-wrapper h2 span {
    display: inline-block;
    position: absolute;
    width: 100%;
    top: 10px;
    left: 0;
    text-align: center;
}
.block,
.rotator-panel,
.rotator-wrapper {
    position: relative;
}
.block-wrapper h2 span label {
    background-color: #fff;
    display: inline-block;
    padding: 0 20px;
    color: #777;
}
.block {
    margin: 0 auto;
    padding: 0 10px;
}
.block .col33 p {
    padding-right: 10px;
    text-align: justify;
}
.block .col25 p {
    padding-right: 20px;
    text-align: justify;
}
.block .col25.last p {
    padding-right: 0;
}
.rotator-wrapper {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    height: 296px;
}
.rotator {
    padding-top: 5px;
    position: absolute;
    width: 2000px;
}
.rotator .box {
    border-right: none;
}
.rotator .box-wrapper {
    border-bottom: none;
    width: 200px;
}
.page-wrapper {
    border-top: 1px solid #d7d7d7;
    clear: both;
    overflow: auto;
}
.box-wrapper {
    border-bottom: 1px solid #d7d7d7;
    width: 25%;
    float: left;
    margin-bottom: 8px;
    height: 305px;
    position: relative;
}
.box {
    padding: 18px 12px 6px;
    border-right: 1px solid #d7d7d7;
    margin-top: 20px;
    height: 240px;
}
.product-bottom-wrapper {
    position: absolute;
    bottom: 10px;
    width: 149px;
}
.product-image-wrapper {
    width: 158px;
    height: 130px;
    margin: 0 auto 10px;
    position: relative;
}
.product-availability,
.product-image {
    position: absolute;
    width: 100%;
    text-align: center;
}
.product-image {
    top: 0;
}
.product-name-wrapper {
    font-size: 12px;
    height: 30px;
    text-align: center;
}
.product-name-wrapper a {
    text-decoration: none;
    font-size: 12px;
}
.product-authors {
    font-family: "Slate W02 Light", sans-serif;
    font-size: 12px;
    text-align: center;
    margin-top: 5px;
}
.product-price-wrapper {
    text-align: center;
    margin-top: 12px;
}
.product-price .price {
    font-size: 14px;
    color: #000;
    font-weight: 700;
}
.product-price .price-promo {
    font-size: 14px;
    color: #e74d1e;
    font-weight: 700;
}
.product-price .price-old {
    font-size: 12px;
    text-decoration: line-through;
    color: #a0a0a0;
}
.product-price .price-history {
    display: inline-block;
    padding-top: 10px;
    font-size: 11px;
}
.product-unavailable .price,
.product-unavailable .price-old,
.product-unavailable .price-promo,
.product-unavailable .product-availability {
    color: gray;
}
.product-availability {
    font-size: 12px;
    bottom: 40px;
    left: 0;
}
.product-action .price-promo,
.product-action .product-price .price {
    font-size: 24px;
    color: #fa5456;
}
.product-action .product-price .price-old {
    font-size: 14px;
}
.product-action .price-history {
    display: inline-block;
    padding-top: 10px;
    font-size: 12px;
}
.product-action ul {
    margin: 20px 0;
    padding: 0;
}
.product-action ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 16px;
    line-height: 24px;
}
.product-description,
.product-description p {
    font-size: 16px;
    line-height: 20px;
}
.product-box {
    clear: both;
    overflow: auto;
    position: relative;
    margin-top: 20px;
}
.product-information-box {
    float: left;
    width: 40%;
}
.product-action-box {
    width: 25%;
    float: right;
}
.product-gallery-box {
    width: 35%;
    float: left;
}
.product .notify-about-availability-wrapper h3 {
    border-bottom: 0;
    margin-bottom: 7px;
}
.product .notify-about-availability-wrapper .button {
    margin: 0 0 10px;
    background-color: #327d45;
    color: #fff;
}
.product .notify-about-availability-wrapper .button:hover {
    background-color: #6fa87f;
}
.product .notify-about-availability-wrapper .submit-wrapper {
    margin-top: 10px;
    color: #327d45;
}
.video-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}
.video-wrapper:before {
    content: "";
    display: block;
    padding-top: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #000;
}
.gallery-main-wrapper {
    margin-bottom: 4px;
    position: relative;
}
.gallery-main {
    text-align: center;
    width: 320px;
    overflow: hidden;
    position: relative;
}
.gallery-main ul {
    margin: 0;
    padding: 0;
    clear: both;
    overflow: auto;
}
.gallery-main ul li {
    width: 320px;
    list-style-type: none;
    float: left;
    overflow: hidden;
    text-align: left;
}
.gallery-thumbs-wrapper {
    position: relative;
    width: 350px;
    padding: 0;
    height: 66px;
    overflow: hidden;
}
.gallery-thumbs-wrapper ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.gallery-thumbs li {
    width: 64px;
    height: 64px;
    border: 1px solid #e1e1e1;
    display: block;
    float: left;
    overflow: hidden;
    margin-right: 4px;
}
.gallery-thumbs li a{background-size: cover; background-repeat: no-repeat; display: block; height: 100%; background-position: center;}


.category-mobile-menu-wrapper,
.category-toolbar-wrapper {
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}
.gallery-overflow-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.gallery-overflow-background {
    background-color: #fff;
    margin: 2% auto 0;
    overflow: hidden;
    height: 80%;
    padding: 40px 45px;
    position: relative;
}
.gallery-overflow {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    height: 100%;
}
.gallery-overflow ul {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 10000px;
}
.navigation.next,
.navigation.previous {
    top: 200px;
    z-index: 10;
    position: absolute;
    text-decoration: none;
}
.gallery-overflow ul li {
    margin: 0;
    padding: 0;
    float: left;
    list-style-type: none;
    height: 100%;
}
.gallery-overflow ul li img {
    height: 100%;
}
.product-information {
    padding: 0 50px 0 0;
}
.product-description {
    color: #000;
}
.product-action {
    padding: 0 0 0 10px;
}
.product .details-box {
    margin: 50px 0 0;
    clear: both;
    overflow: auto;
}
.product .details-wrapper {
    clear: both;
    overflow: visible;
    padding-top: 30px;
}
.product .details-thumbs li {
    width: 220px;
    height: 220px;
    float: left;
    overflow: hidden;
    list-style-type: none;
    margin: 0 2px 2px 0;
    padding: 0;
}
.product .details-thumbs ul {
    margin: 0;
    padding: 0;
    height: 100%;
}
.product .details-wrapper {
    margin-left: 444px;
}
.product .details-thumbs-wrapper {
    float: right;
    width: 444px;
    margin-left: -444px;
}
.product .additional-info-wrapper {
    float: right;
    width: 100%;
    overflow: hidden;
}
.category-mobile-menu,
.filters ul,
.opinions-header,
.product .tabs,
.ratting,
ul.list-with-thumbs li {
    overflow: auto;
    clear: both;
}
.product .additional-info {
    padding: 0 30px;
}
.navigation.previous {
    left: 3px;
}
.navigation.next {
    right: 3px;
}
.gallery-main-wrapper .navigation.previous {
    position: absolute;
    top: 110px;
    left: 10px;
    z-index: 10;
    text-decoration: none;
}
.gallery-main-wrapper .navigation.next {
    position: absolute;
    top: 110px;
    right: 10px;
    z-index: 10;
    text-decoration: none;
}
.rotator-panel .navigation.previous {
    top: 5px;
    left: 0;
    line-height: 275px;
    width: 40px;
}
.rotator-panel .navigation.next {
    top: 5px;
    right: 15px;
    line-height: 275px;
    width: 40px;
    text-align: right;
}
.gallery-overflow-background .navigation.previous {
    top: 0;
    left: 10px;
    font-size: 22px;
    width: 30%;
    display: inline-block;
}
.gallery-overflow-background .navigation.next {
    top: 0;
    right: 10px;
    font-size: 22px;
    width: 30%;
    display: inline-block;
    text-align: right;
}
.gallery-overflow-background .navigation.close {
    top: 10px;
    right: 40px;
    font-size: 14px;
    position: absolute;
    text-decoration: none;
    z-index: 200;
}
.gallery-overflow-background .pinterest-button {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 200;
}
.gallery-main .navigation.previous {
    top: 20px;
    left: -20px;
    font-size: 22px;
}
.gallery-main .navigation.next {
    top: 20px;
    right: -15px;
    font-size: 22px;
}
.category-banner img {
    width: 100% !important;
    height: auto !important;
}
.category-box-wrapper {
    background-color: #f6f6f6;
}
.category-box ol,
.category-box ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.category-box ul li {
    margin: 0;
    padding: 0 0 0 10px;
    list-style-type: none;
    line-height: 25px;
}
#sidebar .category-box ul li.active {
    background-color: #ddd;
}
.category-box ul li a {
    color: #000;
    text-decoration: none;
    font-family: "Slate W02 Bk", sans-serif;
    font-size: 12px;
}
.category-box ul li.active ol {
    display: block;
    border-top: 1px solid #000;
    margin-left: -24px;
}
.category-box ol li {
    margin: 0 0 0 15px;
    padding: 0 0 0 10px;
    list-style: none;
    line-height: 25px;
    color: #fff;
    border-bottom: none;
}
.category-box ol li:before {
    width: 9px;
    height: 9px;
    content: " ";
    position: absolute;
    margin: 10px 10px 10px -15px;
}
.category-box ol li a {
    color: #000;
    text-decoration: none;
    font-family: "Slate W02 Light", sans-serif;
}
.category .content-sidebar h1,
.category h1 {
    font-family: "Slate W02 Bold", sans-serif;
}
.category-box .category-header {
    padding: 10px 0 5px 10px;
}
.category-box .category-header a {
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
}
.category-mobile-menu-wrapper {
    border-bottom: 1px solid #d7d7d7;
}
.category-mobile-menu {
    padding: 0 10px;
}
.category-mobile-menu .category-header,
.category-mobile-menu ol {
    display: none;
}
.category-mobile-menu ul li {
    float: left;
    width: 33%;
    padding-left: 0;
}
.landing-page .category-box {
    margin: 0 auto;
    max-width: 220px;
}
.landing-page .category-header {
    font-weight: 700;
    font-size: 16px;
    padding-left: 0;
    margin-bottom: 10px;
}
.category h1,
.landing-page .category-box ul li a {
    font-size: 14px;
}
.landing-page .category-box ul {
    padding-bottom: 10px;
}
.landing-page .category-box ul li {
    padding-left: 20px;
    border-bottom: 1px solid #eaeaea;
    line-height: 28px;
}
.landing-page .category-box ul li:last-child {
    border-bottom: 0;
}
.landing-page .content-sidebar h3 {
    margin-bottom: 15px;
}
.landing-page .content-sidebar ul,
ul.list-with-thumbs {
    list-style-type: none;
    margin: 0;
    padding: 0 0 10px;
}
.landing-page .content-sidebar ul li {
    padding-left: 20px;
    border-bottom: 1px solid #eaeaea;
    line-height: 28px;
}
.landing-page .content-sidebar ul li:last-child,
ul.list-with-thumbs li:last-child {
    border-bottom: 0;
}
.landing-page .content-sidebar ul li a,
ul.list-with-thumbs li a {
    font-size: 14px;
    text-decoration: none;
}
.landing-page .page-wrapper {
    border-top: 0;
}
ul.list-with-thumbs li {
    line-height: 18px !important;
    padding: 10px 0;
}
ul.list-with-thumbs li img {
    width: 60px;
    margin-right: 10px;
    float: left;
}
.localizer {
    margin-bottom: 20px;
}
.localizer a,
.localizer a:hover {
    text-decoration: underline;
}
.localizer div {
    display: inline-block;
    position: relative;
}
.localizer div ul {
    position: absolute;
    top: 13px;
    left: -3px;
    width: 150px;
    background-color: #fff;
    z-index: 10;
    padding: 6px 0;
    margin: 0;
    display: none;
}
.localizer div:hover ul {
    display: block;
}
.localizer div ul li {
    list-style-type: none;
    padding: 0 3px 2px;
    margin: 0;
}
.category h1 {
    background-color: #327d45;
    color: #fff;
    padding-left: 15px;
    line-height: 40px;
    margin-top: 12px;
}
.category .content-sidebar h1 {
    background-color: #f6f6f6;
    color: #000;
    padding-left: 0;
    font-size: 22px;
    margin-top: 0;
    line-height: 30px;
}
.category .content-sidebar h2 {
    margin-bottom: 10px;
}
.category-toolbar-wrapper {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 20px;
}
.category-toolbar-wrapper.bottom {
    border-top: 1px solid #d7d7d7;
}
.pager-wrapper {
    padding: 10px 0 5px 10px;
    position: relative;
    font-size: 12px;
}
.pager-wrapper ul {
    position: absolute;
    top: 6px;
    right: 10px;
    clear: both;
    margin: 0;
    padding: 0;
}
.pager-wrapper ul li {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 5px;
    line-height: 20px;
    width: 15px;
    text-align: center;
}
.pager-wrapper ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.filters-wrapper {
    padding-bottom: 5px;
    border-bottom: 1px solid #d7d7d7;
}
.filters {
    padding: 10px 0 5px 10px;
}
.filters ul,
.filters ul li {
    padding: 0;
    margin: 0;
}
.filters ul li {
    float: left;
    list-style-type: none;
}
.product h1 {
    font-size: 20px;
    color: #000;
    margin-top: 0;
    line-height: 25px;
}
.product h3 {
    color: #4d4d4d;
    margin-top: 20px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 5px;
}
.product .attributes ul {
    margin: 10px 0 0;
    padding: 0;
    font-size: 16px;
    line-height: 20px;
}
.product .attributes li {
    list-style-type: none;
    margin: 0 0 10px;
    padding: 0;
    line-height: 18px;
}
.product .attributes {
    margin-bottom: 10px;
}
.product .icons ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.product .icons ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    line-height: 10px;
}
.product .information {
    border-right: 1px solid #d7d7d7;
    min-height: 190px;
}
.product .product-price-wrapper {
    margin-top: 0;
}
.product .tabs-wrapper {
    position: relative;
    float: left;
    width: 55%;
}
.product .tabs {
    position: absolute;
    top: 22px;
    margin: 0;
    padding: 0;
}
.product .tabs li {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.product .tabs li a {
    line-height: 30px;
    border: 1px solid #e1e1e1;
    color: #4c4c4c;
    text-decoration: none;
    font-family: "Slate W02 Bk", sans-serif;
    font-weight: 700;
}
.product .tabs li a.link {
    display: inline-block;
    padding: 0 25px;
}
.product .tabs li a.link-ask {
    background-color: #f2f2f2;
}
.product .tabs li a.link-opinion {
    background-color: #e1e1e1;
}
.product .tabs li a.link-active {
    background-color: #fff;
    border-bottom: 1px solid #fff;
}
.product .tabs-content-wrapper {
    border: 1px solid #e1e1e1;
    width: 100%;
    min-height: 250px;
    margin-top: 53px;
}
.product .tabs-content {
    padding: 15px;
}
.product .tab {
    display: none;
}
.product .tab-active {
    display: block;
}
.product .tab h4 {
    display: none;
    font-size: 18px;
    font-family: "Slate W02 Bold", sans-serif;
    font-weight: 700;
}
a.picker,
div.rank,
div.rank-wrapper {
    display: inline-block;
}
div.rank-wrapper {
    background: url(/images/frontend/sprite.png);
    width: 75px;
    height: 13px;
    clear: both;
}
div.rank {
    background: url(/images/frontend/sprite.png) 0 -13px;
    height: 13px;
}
div.rank-container {
    font-size: 11px;
    margin-top: 5px;
}
a.picker {
    width: 15px;
    height: 15px;
    float: left;
}
div.picker-wrapper {
    position: absolute;
    z-index: 10;
}
.rating-bar,
div.rank-creator {
    position: relative;
}
div.rank-creator td {
    padding: 3px 0 5px;
}
div.rank-creator .text {
    width: 300px;
    padding: 0 5px;
    line-height: 25px;
}
.rating-wrapper {
    float: left;
    width: 300px;
}
.ratting {
    margin-bottom: 4px;
}
.ratting-label-wrapper {
    float: left;
    width: 80px;
}
.rating-bar-wrapper {
    float: left;
}
.rating-bar {
    background-color: #e3e3e3;
    width: 100px;
    height: 13px;
}
.rating-bar-fill {
    background-color: #787878;
    height: 13px;
    position: absolute;
    left: 0;
    top: 0;
}
.ratting-count-wrapper {
    float: left;
}
.ratting-count {
    padding-left: 10px;
}
.opinions-action-wrapper {
    float: left;
}
.newsletter-form .col50,
.opinion-form .col50,
div.footer .col40,
div.footer .col60 {
    float: right;
}
.opinions-header {
    padding: 10px;
    border: 1px solid #e1e1e1;
}
.product .opinions-wrapper {
    margin-top: 15px;
    padding-top: 15px;
}
.product .opinions-wrapper h3 {
    border-bottom: 0 solid;
}
.product .opinions {
    display: table;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    width: 100%;
}
.product .opinion ul {
    margin: 0;
    padding: 0;
}
.product .opinion ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.product .opinion .opinion-content {
    margin-top: 5px;
}
.product .opinion {
    margin-bottom: 5px;
    margin-left: 150px;
    border: 1px solid red;
    overflow: visible;
    display: table-row;
}
#buttons a span,
.basket-list ul,
.buttons ul,
.form ul {
    overflow: auto;
    clear: both;
}
.product .opinion-author,
.product .opinion-box-wrapper {
    display: table-cell;
    border-bottom: 1px solid #e1e1e1;
}
.product .opinion-author {
    width: 150px;
    background-color: #f1efef;
    text-align: right;
    padding-right: 10px;
}
.homepage-content-description-wrapper,
.homepage-content-header {
    border: 1px solid #d7d7d7;
}
.product .opinion-box {
    padding: 10px;
}
.product .opinion-author-name {
    font-weight: 700;
}
.product .opinions-action-wrapper .button-wrapper {
    display: block;
    clear: both;
}
.product .opinions-action-wrapper .rank-wrapper {
    margin-bottom: 15px;
}
.newsletter-form,
.opinion-form {
    margin: 100px auto 0;
    max-width: 700px;
    padding: 30px 15px 15px;
}
.product .opinion-form .close {
    position: absolute;
    right: 10px;
    top: 5px;
}
.newsletter-form-wrapper,
.opinion-form-wrapper {
    top: 0;
    height: 100%;
    z-index: 1000;
    display: none;
    width: 100%;
    left: 0;
}
.opinion-form-wrapper {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
}
.opinion-form {
    background-color: #fff;
    width: 100%;
    position: relative;
}
.newsletter-form-wrapper {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    color: #000;
    box-sizing: border-box;
}
.newsletter-form .close {
    position: absolute;
    right: 10px;
    top: 5px;
}
.newsletter-form {
    background-color: #fff;
    width: 100%;
    position: relative;
    text-align: left;
    box-sizing: border-box;
}
.newsletter-form table {
    width: 100%;
}
.newsletter-form td {
    padding: 3px 0 5px;
}
.newsletter-form .text {

    width: 100%;
    padding: 0 5px;
    line-height: 25px;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}
.newsletter-form ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.newsletter-form ul li {
    list-style-type: none;
    margin: 0 0 10px;
    padding: 0;
}
.newsletter-form ul li b {
    font-size: 14px;
}
.newsletter-form h4 {
    font-size: 18px;
    margin-bottom: 10px;
}
.newsletter-form .icon-tick {
    display: inline-block;
}
.newsletter-form ul.errors li {
    padding-left: 0;
    margin-bottom: 0 !important;
}
div.footer {
    padding: 20px 5px;
}
div.footer ul {
    margin: 0;
    padding: 0;
}
div.footer ul li.header {
    font-weight: 700;
    margin-bottom: 10px;
}
div.footer ul li {
    color: #757575;
    list-style-type: none;
}
div.footer ul li a {
    color: #757575;
    text-decoration: none;
}
div.footer ul li a:hover {
    text-decoration: underline;
}
.articles ul li a,
.articles ul li ol li a,
.basket-list ul li.product a,
.basket-list ul li.quantity a,
.button,
.button-facebook,
.tile a {
    text-decoration: none;
}
.register .agreements ul.errors li {
    padding-left: 0;
}
.homepage-content {
    margin-top: 30px;
}
.homepage-content-header-wrapper {
    position: absolute;
    width: 100%;
    top: -20px;
}
.homepage-content-header {
    margin: 0 auto;
    width: 485px;
    background-color: #fff;
}
.homepage-content-header h1 {
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    height: 45px;
}
.homepage-content-description {
    min-height: 300px;
    padding: 40px;
}
.basket-list ul {
    margin: 0px 0px 5px 0px;
    padding: 0;
    padding-top: 5px;

    width: 100%;
    border-top: 1px solid #e1e1e1;
}
.basket-list ul.header{
    border-top: 0px;
}
.basket-list ul.buttons{
    border-top: 0px;
}
.basket-list ul.header li {
    line-height: 25px;
}
.basket-list ul li {
    margin: 0 0 0px;
    padding: 0;
    float: left;
    list-style-type: none;
    display: inline-block;
}
.basket-list ul li.no {
    width: 5%;
}
.basket-list ul li.image {
    width: 15%;
    min-width: 96px;
}
.basket-list ul li.product {
    width: 50%;
}
.basket-list ul li.product a {
    font-size: 14px;
}
.basket-list ul li.product a.remove {
    text-decoration: none;
    color: gray;
    font-size: 12px;
    display: inline-block;
    border: 1px solid gray;
    padding: 3px;
    margin-top: 14px;
}
.basket-list ul li.product a.remove:hover {
    color: #fff;
    background-color: #327d45;
    border: 1px solid #327d45;
}
.basket-list .total span,
.basket-list ul li.amount span,
.basket-list ul li.price span {
    font-family: "Slate W02 Bold", sans-serif;
    color: #327d45;
    font-weight: 700;
}
.basket-list ul li.quantity {
    width: 15%;
}
.basket-list ul li.price {
    width: 10%;

}
.basket-list ul li.amount {
    width: 10%;
    float: right;
    text-align: right;
}
.basket-list .buttons {
    margin-top: 20px;
}
.basket-list .buttons li {
    float: right;
    width: 50%;
}
.basket-list .buttons li:first-child{
    text-align: right;
}
.basket-list .total {
    font-size: 18px;
}
.basket-list .total span {
    font-size: 20px;
}
.admin-link,
ul.errors li {
    color: red;
    font-size: 12px;
}
.basket-list ul li.quantity a {
    margin: 0 3px;
    height: 16px;
    width: 16px;
    border: 1px solid #d7d7d7;
    display: inline-block;
    text-align: center;
}
.basket-list ul li.quantity input {
    text-align: center;
    height: 14px;
    line-height: 16px;
}
.address-box {
    border: 1px solid gray;
    padding: 10px;
    margin-right: 10px;
}
input,
select.select {
    border: 1px solid #d3d3cb;
}
.address-box ul,
.address-box ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.form ul {
    margin: 0;
    padding: 0;
    width: 480px;
}
.form ul li {
    margin: 0 0 5px;
    padding: 0;
    list-style-type: none;
    display: block;
    font-size: 14px;
}
.form ul li span {
    width: 190px;
    display: inline-block;
    text-align: right;
}
.checkout .form-login,
.checkout .passwords {
    display: none;
}
.form ul li input {
    width: 246px;
    line-height: 25px;
    font-size: 14px;
}
.form ul li select {
    width: 246px;
    line-height: 25px !important;
    font-size: 14px;
}
.checkout .form-login span{
   width: 40px; text-align: left;
}
.checkout .form-login .login-button{
    line-height: inherit;
    width: auto
}
.checkout .form-login ul.errors li {
    padding-left: 0;
}
.checkout h3 {
    margin: 10px 0 15px;
}
.checkout hr {
    margin-top: 15px;
}
.checkout .register-wrapper {
    padding-left: 170px;
}
.shipment-payment-form ul {
    margin: 0;
    padding: 0;
}
.shipment-payment-form ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 5px;
}
.checkout textarea {
    width: 90%;
    height: 80px;
    resize: none;
}
.checkout .dicount-code {
    height: 28px;
    line-height: 28px;
    width: 200px;
    padding-left: 10px;
}
.checkout .button-discount {
    height: 32px;
    padding: 0 13px;
    line-height: 34px;
    margin-left: 3px;
}
.payment-summary {
    margin: 20px 0;
}
.payment-summary span {
    display: inline-block;
    width: 130px;
}
.payment-summary ul {
    margin: 0;
    padding: 0;
}
.payment-summary ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.payment-summary .total {
    margin-top: 20px;
    font-size: 16px;
}
.login .password-remind-link {
    margin: 5px 0 20px;
}
.login .form ul li span {
    width: 50px;
    text-align: left;
}
.register .form ul li span {
    width: 100px;
    text-align: right;
}
.register ul.errors li {
    padding-left: 100px;
}
.admin-link {
    display: block;
    margin: 10px 0;
}
#change_billing_address,
#copy_invoice_address {
    margin: 10px 0 0;
}
#copy_invoice_address-wrapper {
    display: none;
}
select.select {
    width: 246px;
    line-height: 20px !important;
    padding: 1px 0 0 10px;
    border-radius: 0;
    -webkit-appearance: none;
    font-family: "Slate W02 Light", sans-serif;
}
.filters li {
    font-size: 12px;
    line-height: 30px;
}
.filters li.projection {
    width: 45%;
}
.filters li.projection select {
    width: 230px;
}
.filters li.sort-by {
    width: 25%;
}
.filters li.price-select {
    width: 30%;
}
.filters li.price-select input {
    height: 18px;
    width: 50px;
    padding-left: 5px;
}
input.error {
    border: 1px solid red;
}
ul.errors {
    margin: 0;
    padding: 0;
}
.product ul.errors li {
    padding-left: 0;
}
.login ul.errors li {
    padding-left: 50px;
}
ul.errors li {
    padding-left: 190px;
    list-style-type: none;
}
.articles ul,
.articles ul li,
.articles ul li ol {
    padding: 0;
    list-style-type: none;
}
.agreement-privacy-policy ul.errors li,
.agreement-proceed-data ul.errors li,
.read-the-regulations ul.errors li {
    padding-left: 0;
}
.checkout select {
    width: 246px;
}
textarea {
    border: 1px solid #d3d3cb;
}
.articles ul {
    margin: 10px 0 0;
}
.articles ul li {
    margin: 0 0 5px;
}
.articles ul li ol {
    margin: 0 0 10px;
}
.articles ul li ol li {
    margin: 0;
    padding: 0 0 0 20px;
    list-style-type: none;
}
.basket-list .button {
    margin-right: 5px;
}
.button {
    display: inline-block;
    cursor: pointer;
    border: none;
    font-size: 13px;
    padding: 8px 15px;
    color: #000;
    text-align: center;
    background-color: #cecece;
    font-weight: 700;
}
.button:hover {
    background-color: #e2e2e2;
}
.button-newsletter {
    width: 186px !important;
    background-color: #db678a;
    color: #fff;
    margin: 18px 0 0;
}
.button-newsletter:hover {
    background-color: #e0809d;
}
.newsletter-box {
    background-color: #5d5d5d;
    color: #fff;
    text-align: center;
    padding: 22px 0;
    margin-top: 10px;
}
.newsletter-box b {
    font-size: 18px;
}
.newsletter-box i {
    font-size: 20px;
    display: block;
    margin-top: 5px;
}
.button-facebook {
    background-color: #506eaa;
    color: #fff;
}
.button-facebook:hover {
    background-color: #6a86c0;
}
.add-to-basket {
    display: block;
    color: #fff;
    width: 100%;

    margin: 0px auto;
    background-color: #008d1e;
    font-size: 18px !important;
    cursor: pointer;
}
.add-to-basket:hover {
    background-color: #007218;
    cursor: pointer;
}
.button-checkout {
    background-color: #327d45;
    color: #fff;
}
.button-checkout:hover {
    background-color: #3d9b35;
}

.button-green {
    background-color: #327d45;
    color: #fff;
}
.button-green:hover {
    background-color: #3d9b35;
}
.button-place-order {
    color: #fff;
    margin: 10px auto 0;
    background-color: #327d45;
    font-size: 14px;
    font-weight: 700;
}
.button-place-order-inactive {
    display: none;
    color: #898989;
    margin: 10px auto 0;
    background-color: #d6d6d6;
    font-size: 14px;
    font-weight: 700;
}
.button-place-order-inactive:hover {
    background-color: #d6d6d6;
    cursor: not-allowed;
}
.button-place-order:hover {
    background-color: #3d9b35;
}
.login-button {
    margin: 12px auto;
    padding: 8px 15px;
}
.buttons {
    margin-top: 15px;
}
.buttons ul {
    margin: 0;
    padding: 0;
    width: 100%;
}
.buttons ul li {
    margin: 0;
    padding: 0;
    float: left;
    list-style-type: none;
    display: inline-block;
}
.col60 {
    float: left;
    width: 55%;
}
.col50 {
    float: left;
    width: 50%;
}
.col40 {
    float: left;
    width: 45%;
}
.col33 {
    float: left;
    width: 33.33%;
}
.col25 {
    float: left;
    width: 25%;
}
.col20 {
    float: left;
    width: 20%;
}
.col {
    float: left;
}
#buttons a span {
    display: block;
}
.article-mobile-menu-wrapper,
.category .menu-category span.arrow,
.category-mobile-menu-wrapper,
.category-thumb-wrapper.hidden,
.col2 .break,
.menu-top .more {
    display: none;
}
.order-status h3 {
    margin: 10px 0;
}
.social h3,
.summary-wrapper {
    margin-bottom: 10px;
}
b.required {
    color: #961f1d;
}
.banner-wrapper {
    width: 33.33%;
    float: left;
    position: relative;
}
.banner-wrapper img {
    width: 100%;
    -webkit-transform: translateZ(0);
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.banner {
    margin-right: 10px;
    position: relative;
}
.banner-wrapper img.active {
    opacity: 1;
}
.banner-wrapper img.inactive {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.banner-wrapper a:hover img.inactive {
    opacity: 1;
}
.social-wrapper {
    width: 29%;
    float: left;
}
.social {
    padding: 10px;
    position: relative;
}
.social h3 {
    font-size: 18px;
    position: absolute;
    top: -10px;
    left: 5px;
    background-color: #fff;
    padding: 0 10px;
    color: #777;
}
.social .icons {
    margin-top: 10px;
}
.footer .social-icons a {
    margin-right: 5px;
}
.break {
    float: left;
    width: 1%;
    height: 10px;
}
.category-thumb-wrapper {
    float: left;
    width: 16.66%;
    position: relative;
}
.category-thumb {
    position: relative;
    margin-right: 10px;
}
.category-thumb-wrapper a img {
    width: 100%;
    opacity: 0.7;
    -webkit-transform: translateZ(0);
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.category-thumb-wrapper a:hover img {
    opacity: 1;
}
.banner-long-wrapper {
    float: left;
    width: 70%;
}
.banner-long {
    padding-top: 20px;
}
.banner-long img {
    width: 100%;
}
.google-maps {
    position: relative;
    height: 300px;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 300px !important;
}
.box.noborder {
    border-right: none;
}
div.main {
    width: auto;
    padding: 0 10px;
}
#toolbar .col1 {
    float: left;
}
#toolbar .col2,
#toolbar .col3 {
    float: right;
}
.article-mobile-menu ul {
    margin: 0;
    padding: 0;
}
.article-mobile-menu ul li {
    list-style-type: none;
}
.article-mobile-menu ol {
    margin: 0 0 10px;
    padding: 0;
}
.article-mobile-menu ol li {
    list-style-type: none;
    padding-left: 20px;
}
.even .tile-wrapper:nth-child(3n),
.tile-wrapper {
    padding: 0 10px 10px 0;
}
.tile,
.tile-wrapper,
.tile-wrapper:after,
.tile-wrapper:before,
.tile:after,
.tile:before {
    box-sizing: border-box;
}
.tiles-wrapper {
    clear: both;
    overflow: auto;
    margin-top: 10px;
}
.tile-wrapper {
    float: left;
    width: 33%;
    height: 250px;
    text-align: center;
    margin: 0;
}
.tile,
.tile a {
    height: 100%;
    width: 100%;
}
.even .tile-wrapper {
    width: 50%;
}
.even .tile-wrapper:nth-child(2n) {
    padding: 0 00px 10px 0;
}
.tile-wrapper:nth-child(3n) {
    padding: 0 0 10px;
}
.tile {
    margin-right: 10px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    border: 1px solid #d7d7d7;
    background-position: top center;
}
.tile a {
    color: #000;
    display: block;
    font-weight: 700;
}
.tile a span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: left;
    font-size: 19px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 15px 0 15px 15px;
}
.landing-page.article-page {
    margin-left: 280px;
}
.landing-page.article-page p a {
    color: #0083ff;
}
.landing-page.article-page #sidebar-wrapper {
    width: 280px;
    float: left;
    margin-left: -280px;
}
.landing-page.article-page .article-wrapper {
    width: 100%;
    float: left;
    margin-right: -250px;
    margin-top: 22px;
}
.landing-page.article-page .article {
    margin-right: 250px;
}
.landing-page.article-page #sidebar-right-wrapper {
    width: 250px;
    float: right;
    margin-top: 22px;
}
.landing-page.article-page .articles .clear:last-child .box-wrapper {
    border-bottom: none;
}
@media only screen and (min-width: 320px) and (max-width: 1100px) {
    #toolbar li.hotline,
    .break-additional {
        display: none;
    }
}
@media only screen and (min-width: 320px) and (max-width: 1200px) {
    .header-info,
    .slide {
        right: 10px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 990px) {
    .opinion-form,
    .opinion-form-wrapper {
        background-color: #fff;
        position: relative;
    }
    .footer .col40,
    .footer .col60 {
        width: 100%;
        float: none;
    }
    .landing-page.article-page h1 a {
        display: inline-block;
    }
    .landing-page.article-page h1 {
        position: relative;
        padding-right: 40px;
    }

    .opinion-form-wrapper {
        width: 100%;
        height: 100%;
        z-index: 1000;
        display: none;
    }
    .opinion-form {
        margin: 20px 0 0;
        max-width: 700px;
        width: 100%;
        padding: 0;
    }
    .menu-top ul li.active .border-mask,
    .menu-top ul li.active .menu-children-wrapper,
    .opinion-form-wrapper .close {
        display: none;
    }
    .menu-top ul li.active .menu-parent {
        height: auto;
        box-shadow: none;
    }
    .footer .social-icons {
        margin-top: 20px;
        border-top: 1px solid #d6d6d6;
        padding-top: 20px;
    }
    div.footer ul {
        margin-bottom: 20px;
    }
    .footer .col40 {
        text-align: center;
    }
    .footer .articles {
        margin: 0 auto;
    }
}
@media only screen and (min-width: 1200px) {
    div.main {
        width: auto;
        padding: 0;
    }
    .notes-wrapper {
        padding-left: 30px;
    }
    .box.noborder4 {
        border-right: none;
    }
    .box-wrapper.noborderlast4 {
        border-bottom: none;
    }
    #toolbar li.basket {
        padding-left: 25px;
    }
}
@media only screen and (min-width: 990px) {
    .footer .articles {
        float: right;
    }
}
@media only screen and (min-width: 990px) and (max-width: 1199px) {
    .notes-wrapper {
        padding-left: 30px;
    }
    div.container {
        min-width: inherit;
    }
    .box.noborder4 {
        border-right: none;
    }
    .box-wrapper.noborderlast4 {
        border-bottom: none;
    }
    .rotator-wrapper {
        width: 800px;
    }
    #toolbar li.basket {
        padding-left: 25px;
    }
}
.landing-page .col50:first-child p {
    padding-right: 10px;
}
.landing-page .col50:last-child h2,
.landing-page .col50:last-child p {
    padding-left: 10px;
}
@media only screen and (max-width: 759px) {
    .landing-page .col50:first-child p {
        padding-right: 0;
    }
    .landing-page .col50:last-child h2,
    .landing-page .col50:last-child p {
        padding-left: 0;
    }
}
@media only screen and (min-width: 760px) and (max-width: 989px) {
    .article-page {
        margin-left: 0;
    }
    .landing-page.article-page #sidebar-wrapper {
        width: 280px;
        float: left;
        margin-left: -280px;
        display: none;
    }
    .category-top-content img {
        width: 100% !important;
    }

    .box-wrapper.noborderlast3,

    div.secure-seal-wrapper {
        position: absolute;
        top: 80px;
        left: auto;
        right: 10px;
    }

    div.secure-seal {
        padding-top: 5px;
        text-align: right;
    }
    div.secure-seal-wrapper img {
        height: 30px;
        margin-top: 2px;
        float: right;
        margin-left: 10px;
    }
    .banner-wrapper {
        width: 50%;
    }
    .banner-wrapper.last {
        display: none;
    }
    .category-thumb-wrapper {
        width: 25%;
        margin-bottom: 8px;
    }
    .category-thumb-wrapper.hidden.show4 {
        display: block !important;
    }
    .col2 .break,
    .menu-top .more {
        display: inline-block;
    }
    .block .col33 p {
        padding-right: 20px;
    }
    #toolbar .col1,
    #toolbar .col2 {
        float: left;
    }
    #toolbar .col3 {
        float: right;
        margin-right: 50px;
    }
    .slide {
        padding-top: 20px;
    }



    #toolbar .basket-info,
    #toolbar .basket-more,
    #toolbar li.help,
    .select.search-category {
        display: none;
    }
    .product-action-box,
    .product-information-box {
        width: 50%;
        float: left;
    }
    .menu-top ul {
        background-color: #fff;

        color: black;
    }
    #toolbar ul li {
        padding: 0 20px 0 40px;
    }
    #toolbar li.basket {
        background-color: inherit;
        padding: 0 0 0 20px;
    }
    #toolbar li.basket a {
        color: #fff;
    }
    #toolbar .basket-link i {
        background-position: -273px 0;
    }
    #toolbar .basket-link {
        padding: 0 25px;
    }
    .product-information-wrapper {
        border-right: 1px solid #e1e1e1;
    }
    .product-action-box {
        position: relative;
    }
    .product-gallery-box {
        width: 100%;
        position: relative;
        clear: both;
        overflow: auto;
        left: auto;
        padding-top: 20px;
        margin-top: 20px;
    }
    .box.noborder3 {
        border-right: none;
    }
    .notes-wrapper {
        padding-left: 30px;
    }
    div.container {
        min-width: inherit;
    }
    #buttons-wrapper a {
        font-size: 12px !important;
    }
    .rotator-wrapper {
        width: 600px;
    }
    .newsletter input#email {
        width: 120px;
    }
    .button-newsletter {
        width: 124px !important;
    }
    .homepage-information {
        font-size: 15px;
    }
    .homepage div.main {
        padding: 0;
    }
    div.main {
        width: auto;
        padding: 0 10px;
    }
    .product .tab {
        display: block;
        border-bottom: 1px solid #d7d7d7;
        padding: 20px 0 10px;
    }
    .product .tab.tab-ask {
        border-bottom: none;
    }
    .product .tab h4 {
        display: block;
        margin-bottom: 10px;
        color: #1b5849;
    }
    .homepage-content-description-wrapper {
        width: 98%;
        margin: 0 5px;
    }
    .newsletter-wrapper,
    .product .details-wrapper {
        margin-left: 0;
    }
    .product .tabs {
        display: none;
    }
    .tabs-wrapper {
        border: none;
    }


    .checkout .col50 {
        float: inherit;
        width: 100%;
        clear: both;
        overflow: auto;
    }
    .box-wrapper {
        width: 33%;
    }
    .block {
        padding: 10px;
    }
    .product .details-thumbs-wrapper {
        float: left;
        width: 100%;
        margin-left: 0;
    }
    .product .additional-info-wrapper {
        float: left;
        width: 100%;
        border-top: 1px solid #e1e1e1;
        padding-top: 20px;
    }
    .product .additional-info {
        padding: 0;
    }
    .product .details-thumbs-wrapper li {
        width: 24%;
        padding-bottom: 24%;
        float: left;
        height: 0;
        position: relative;
    }
    .banner-long-wrapper {
        width: 100%;
    }
    .social-wrapper {
        width: 100%;
        border-top: 1px solid #d6d6d6;
        margin-top: 30px;
        border-bottom: 1px solid #d6d6d6;
        padding-bottom: 20px;
    }
    .newsletter-wrapper,
    .social-wrapper .icons-wrapper {
        width: 50%;
        float: left;
    }
    .social-wrapper .icons {
        padding-top: 10px;
    }
    .social h3 {
        left: 20px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 759px) {
    .landing-page.article-page {
        margin-left: 0;
    }
    .landing-page.article-page #sidebar-wrapper {
        width: 100%;
        float: left;
        margin-left: 0;
        display: none;
    }
    .landing-page.article-page .article-wrapper {
        width: 100%;
        float: left;
        margin-right: 0;
    }
    .landing-page.article-page .article {
        margin-right: 0;
    }
    .landing-page.article-page #sidebar-right-wrapper {
        width: 100%;
        float: left;
        border-top: 1px solid #d7d7d7;
        padding-top: 30px;
        margin-top: 30px;
    }
    .landing-page.article-page .articles .clear:last-child .box-wrapper {
        border-bottom: none;
    }
}
@media only screen and (min-width: 480px) and (max-width: 759px) {
    .tile-wrapper,
    .tile-wrapper:nth-child(4n) {
        padding: 0 10px 10px 0;
    }
    .banner-wrapper.last,
    .newsletter-form-wrapper {
        display: none;
    }
    .landing-page.article-page {
        margin-left: 0;
    }
    .landing-page.article-page #sidebar-wrapper {
        width: 280px;
        float: left;
        margin-left: -280px;
        display: none;
    }
    .category-banner img,
    .category-top-content img {
        width: 100% !important;
    }
    .tile-wrapper {
        float: left;
        width: 33%;
        height: 200px;
        text-align: center;
        margin: 0;
    }
    .tile-wrapper:nth-child(3n) {
        padding: 0 0 10px;
    }
    .even .tile-wrapper {
        width: 50%;
    }

    .even .tile-wrapper:nth-child(3n) {
        padding: 0 10px 10px 0;
    }
    .even .tile-wrapper:nth-child(2n),
    .even .tile-wrapper:nth-child(4n) {
        padding: 0 0 10px;
    }
    .newsletter-form-wrapper {
        top: 0;
        left: 0;
        height: 100%;
        z-index: 1000;
        color: #000;
    }
    #toolbar li.basket a,
    #toolbar li.order a {
        color: #fff;
    }
    .newsletter-form {
        margin: 0 auto;
        padding: 30px 0 0;
        text-align: left;
    }

    .banner-wrapper {
        width: 50%;
    }
    .category h1 a,
    .col2 .break,

    .slide {
        position: relative !important;
        margin: 0 auto;
    }
    .footer .col60 {
        width: 420px !important;
        float: none !important;
        margin: 0 auto;

    }
    .category-thumb-wrapper {
        width: 33%;
        margin-bottom: 8px;
    }
    .banner-long-wrapper {
        width: 100%;
    }
    .social-wrapper {
        width: 100%;
        border-top: 1px solid #d6d6d6;
        margin-top: 30px;
        border-bottom: 1px solid #d6d6d6;
        padding-bottom: 20px;
    }
    .box-wrapper.noborderlast3{
        border-bottom: none;
    }
    .social-wrapper .icons-wrapper {
        width: 100%;
        float: none;
        clear: both;
    }
    .social-wrapper .icons {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .newsletter-wrapper {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .social h3 {
        left: 20px;
    }
    #toolbar .col1,
    #toolbar .col2,
    #toolbar .col3 {
        float: left;
    }





    .product-action-box,
    .product-information-box {
        width: 50%;
        float: left;
    }

    #toolbar li.hotline,
    #toolbar li.order i,
    .select.search-category {
        display: none;
    }
    .product-information-wrapper {
        border-right: 1px solid #e1e1e1;
    }
    .product-action-box {
        position: relative;
    }
    .product-gallery-box {
        width: 100%;
        position: relative;
        clear: both;
        overflow: auto;
        left: auto;
        padding-top: 20px;
        margin-top: 20px;
    }
    .box.noborder3 {
        border-right: none;
    }
    div.container {
        min-width: inherit;
    }
    #buttons-wrapper a {
        font-size: 12px !important;
    }
    .rotator-wrapper {
        width: 400px;
    }
    .newsletter input#email {
        width: 120px;
    }
    .button-newsletter {
        width: 124px !important;
    }
    .homepage-information {
        font-size: 15px;
    }
    .homepage div.main {
        padding: 0;
    }
    div.main {
        width: auto;
        padding: 10px;
    }
    .basket div.main {
        padding: 0 10px 10px;
    }
    .product .tab {
        display: block;
        border-bottom: 1px solid #d7d7d7;
        padding: 20px 0 10px;
    }
    .product .tab.tab-ask {
        border-bottom: none;
    }
    .product .tab h4 {
        display: block;
        margin-bottom: 10px;
        color: #1b5849;
    }
    .menu-top .left25,
    .product .tabs,
    div#pager-wrapper {
        display: none;
    }
    .homepage-content-description-wrapper {
        width: 98%;
        margin: 0 5px;
    }
    .tabs-wrapper {
        border: none;
    }

    #search-autocomplete-wrapper {
        width: 350px;
    }
    .menu-top .left15 {
        width: 20%;
    }


    div.header-info {
        border-bottom: 1px solid #e1e1e1;
    }
    div.secure-seal-wrapper {
        position: absolute;
        top: 80px;
        left: auto;
        right: 10px;
    }
    div.secure-seal {
        padding-top: 5px;
        text-align: right;
    }
    div.secure-seal-wrapper img {
        height: 30px;
        margin-top: 2px;
        float: right;
        margin-left: 10px;
    }
    div#buttons-wrapper {
        position: relative;
    }
    #buttons a {
        float: none;
        clear: both;
        width: 100%;
        line-height: 68px;
        height: 77px;
        text-align: left;
    }
    .icon-button-homepage-1,
    .icon-button-homepage-2,
    .icon-button-homepage-3,
    .icon-button-homepage-4 {
        width: 52px;
        height: 52px;
        margin-left: 20px;
        margin-top: 0;
    }
    #buttons a span {
        display: inline-block;
        margin-left: 20px;
        font-size: 14px;
    }
    .basket-list .image,
    .category .left20,
    .product #sidebar-wrapper {
        display: none;
    }
    #buttons .icon {
        background-size: 611px 611px;
    }
    .icon-button-homepage-1 {
        background-position: 0 0;
    }
    .icon-button-homepage-2 {
        background-position: -52px 0;
    }
    .icon-button-homepage-3 {
        background-position: -104px 0;
    }
    .icon-button-homepage-4 {
        background-position: -156px 0;
    }
    .homepage .block .left25,
    .homepage .block .left75 {
        float: none;
        clear: both;
        overflow: auto;
        width: 100%;
    }
    .homepage-content-header {
        width: 450px;
    }
    .product .left80 {
        width: 100%;
        left: none;
    }
    .product .left.product-action,
    .product .left.product-information {
        left: inherit;
        width: 100%;
        overflow: auto;
        clear: both;
    }
    .product .left.product-information .information {
        border-right: none;
        min-height: inherit;
    }
    .product .product-price-wrapper {
        margin-top: 0;
    }
    .button {
        font-size: 11px;
    }
    .basket-list ul li.amount,
    .basket-list ul li.price,
    .basket-list ul li.remove {
        width: 13%;
    }
    .category .left80,
    .col50,
    .form ul {
        width: 100%;
    }
    .col50 {
        float: inherit;
        clear: both;
        overflow: auto;
    }
    .article-page .left80 {
        width: 70%;
    }
    .article-page .left20 {
        width: 30%;
    }
    .category #sidebar-wrapper {
        display: block;
    }
    .category .main {
        padding: 0;
    }
    .filters ul li {
        float: none;
        width: 100% !important;
    }
    .toggle-menu {
        display: inline-block;
    }
    .box-wrapper {
        width: 33%;
    }
    .box .product-image-wrapper {
        width: 100%;
        height: 100px;
        overflow: hidden;
    }
    .box .product-image img {
        max-width: 100%;
    }
    .product-bottom-wrapper {
        width: 123px;
    }
    .icon-menu {
        display: block;
    }
    .col33 {
        float: left;
        width: 100%;
    }
    .col25 {
        float: left;
        width: 50%;
    }
    .block .row {
        clear: both;
        overflow: auto;
    }
    .image-responsive img {
        width: 100%;
    }
    .footer .col33 {
        float: left;
        width: 33%;
    }
    .block {
        padding: 10px;
    }
    .block .col33 p {
        padding-right: 0;
    }
    .block .col25 p {
        padding-right: 10px;
    }
    .product .details-wrapper {
        margin-left: 0;
    }
    .product .details-thumbs-wrapper {
        float: left;
        width: 100%;
        margin-left: 0;
    }
    .product .additional-info-wrapper {
        float: left;
        width: 100%;
        border-top: 1px solid #e1e1e1;
        padding-top: 20px;
    }
    .product .additional-info {
        padding: 0;
    }
    .product .details-thumbs-wrapper li {
        width: 24%;
        padding-bottom: 24%;
        float: left;
        height: 0;
        position: relative;
    }
    #habla_beta_container_do_not_rely_on_div_classes_or_names {
        display: none;
    }
    .header-links-wrapper {
        text-align: center;
    }
}
@media only screen and (min-width: 320px) and (max-width: 1199px) {
    div.logo-wrapper {
        padding-left: 25px
    }
}

@media only screen and (min-width: 320px) and (max-width: 650px) {
    #toolbar .col1,
    div.header-info span {
        display: none;
    }
    div.logo-wrapper {
        padding-left: 10px;
        text-align: left;
    }
    div.header-info {
        line-height: 14px;
        border-top: 1px solid #e1e1e1;
        border-bottom: none;
        position: relative;
        top: auto;
        right: auto;
        text-align: center;
        clear: both;
        overflow: auto;
        margin-top: 10px;
    }
    div.secure-seal-wrapper {
        position: absolute;
        top: 30px;
        left: auto;
        right: 10px;
    }
    div.secure-seal {
        display: none;
        padding-top: 5px;
        text-align: right;
    }
    div.secure-seal-wrapper img {
        height: 30px;
        margin-top: 2px;
        float: right;
        margin-left: 10px;
    }
    .basket div.header {

    }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .box.noborder2,
    .box.noborder4,
    .product .information {
        border-right: none;
    }
    body,
    html {
        font-family: sans-serif;
    }
    article-page h1 a {
        display: inline-block;
    }
    .product-information {
        padding-right: 0;
    }
    #search-autocomplete-wrapper,
    .category-banner img,
    .category-top-content img{
        display: none;
    }
    article-page h1 {
        position: relative;
        padding-right: 40px;
    }
    .tile-wrapper,
    .tile-wrapper:nth-child(3n) {
        padding: 0 10px 10px 0;
    }
    div.secure-seal-wrapper {
        position: absolute;
        top: -10px;
        left: auto;
        right: 10px;
    }
    .tile-wrapper {
        float: left;
        width: 50%;
        height: 200px;
        text-align: center;
        margin: 0;
    }

    .tile-wrapper:nth-child(2n) {
        padding: 0 0 10px;
    }
    .tile a span {
        font-size: 18px;
    }

    .slide {
        right: 0;
        width: 100% !important;
        padding-top: 20px;
    }
    .slide p img {
        width: 90% !important;
        height: auto !important;
    }
    .category-thumb-wrapper {
        width: 50%;
        margin-bottom: 8px;
    }
    .category-thumb-wrapper.hidden.show2 {
        display: block !important;
    }
    .banner-long-wrapper,
    .banner-wrapper {
        width: 100%;
    }
    .social-wrapper {
        width: 100%;
        border-top: 1px solid #d6d6d6;
        margin-top: 30px;
        border-bottom: 1px solid #d6d6d6;
        padding-bottom: 20px;
    }
    .social-wrapper .icons-wrapper {
        width: 100%;
        float: none;
        clear: both;
    }
    .social-wrapper .icons {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .newsletter-wrapper {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .social h3 {
        left: 20px;
    }
    .col20,
    .col40 {
        float: none;
        width: 100%;
        clear: both;
    }
    .article-page .left80,
    .image-responsive img {
        width: 100%;
    }
    .article-page .left20 {
        display: none;
    }
    .article-page h1 a,
    .category h1 a {
        display: inline-block;
    }
    .article-page h1 {
        position: relative;
        padding-right: 40px;
    }
    div.container {
        overflow: hidden;
        clear: both;
        min-width: inherit;
    }
    .add-to-basket {
        margin: 0 auto;
    }
    .product h1 {
        position: absolute;
        top: 0;
    }
    .product-box {
        display: table;
    }
    .product-action-box,
    .product-information-box {
        display: table-footer-group;
        width: 100%;
        float: none;
    }
    .product-information-wrapper {
        border-top: 1px solid #e1e1e1;
        margin-top: 20px;
        padding-top: 20px;
    }
    .product-action {
        width: 100%;
        margin: 0 auto;
    }
    .product-action-wrapper {
        border-top: 1px solid #e1e1e1;
        margin-top: 20px;
        padding-top: 20px;
    }
    .product-gallery-box {
        display: table-header-group;
        width: 100%;
        float: none;
    }
    .product-gallery {
        padding-top: 80px;
    }
    .box-wrapper.noborderlast2,
    .box-wrapper.noborderlast4 {
        border-bottom: none;
    }
    #buttons-wrapper a {
        font-size: 12px !important;
    }
    .rotator-wrapper {
        width: 200px;
    }
    .homepage-information {
        font-size: 15px;
    }
    .homepage div.main {
        padding: 0;
    }
    div.main {
        width: auto;
        padding: 10px;
    }
    .basket div.main {
        padding: 0 10px 10px;
    }
    .select.search-category {
        display: none;
    }
    .product .tab {
        display: block;
        border-bottom: 1px solid #d7d7d7;
        padding: 20px 0 10px;
    }
    .menu-top-wrapper,
    .product .tab.tab-ask {
        border-bottom: none;
    }
    .product .tab h4 {
        display: block;
        margin-bottom: 10px;
        color: #1b5849;
    }
    #toolbar li.help,
    #toolbar li.help span,
    #toolbar li.order i,
    .product .tabs {
        display: none;
    }
    #toolbar li.basket a,
    #toolbar li.order a {
        color: #fff;
    }
    .homepage-content-description-wrapper {
        width: 97%;
        margin: 0 5px;
    }
    .tabs-wrapper {
        border: none;
    }



    #search-autocomplete-wrapper {
        width: 300px;
    }
    #toolbar li.order {
        position: absolute;
        top: 45px;
        left: 0;
        width: 100%;
        background-color: #979797;
        padding-left: 10px;
    }
    #toolbar li.order span {
        display: inline-block;
        padding-left: 0;
    }
    #toolbar .basket-info,
    #toolbar .basket-more,
    #toolbar li.hotline,
    #toolbar li.logout,
    #toolbar li.register {
        display: none;
    }
    #toolbar ul li {
        padding: 0 20px;
    }
    #toolbar ul li.break {
        border-left: none;
        padding: 0 5px;
    }
    li.help {
        margin-left: 10px !important;
    }
    .basket-link i {
        background-position: -273px 0;
    }
    #toolbar li.basket {
        background-color: inherit;
    }

    .basket-link {
        display: inline-block;
        height: 26px !important;
    }
    #toolbar .col1,
    #toolbar .col1 .break {
        display: none;
    }
    #toolbar .col2 {
        float: left;
        margin-right: 15px;
    }
    #toolbar .col3 {
        float: left;
    }

    .menu-top ul li .menu-parent a {
        color: #fff;
        line-height: inherit;
        margin: 10px 0 0;
    }
    .menu-top .more {
        display: inline-block;
        width: 45px;
        height: 45px;
        position: absolute;
        left: -45px;
        top: 0;
    }
    div.logo-wrapper {
        padding-left: 10px;
        padding-top: 10px;
        text-align: left;
    }
    div.header {

    }
    div#pager-wrapper {
        display: none;
    }
    .basket div.logo-wrapper {

    }
    div#buttons-wrapper {
        position: relative;
    }
    #buttons a {
        float: none;
        clear: both;
        width: 100%;
        line-height: 68px;
        height: 77px;
        text-align: left;
    }
    .icon-button-homepage-1,
    .icon-button-homepage-2,
    .icon-button-homepage-3,
    .icon-button-homepage-4 {
        width: 52px;
        height: 52px;
        margin-left: 20px;
        margin-top: 0;
    }
    .homepage .block .left25,
    .homepage .block .left75 {
        float: none;
        width: 100%;
        clear: both;
        overflow: auto;
    }
    #buttons a span {
        display: inline-block;
        margin-left: 20px;
        font-size: 14px;
    }
    .basket-list .image,
    .category #sidebar-wrapper,
    .category .left20,
    .homepage .block .left75,
    .product #sidebar-wrapper {
        display: none;
    }
    #buttons .icon {
        background-size: 611px 611px;
    }
    .icon-button-homepage-1 {
        background-position: 0 0;
    }
    .icon-button-homepage-2 {
        background-position: -52px 0;
    }
    .icon-button-homepage-3 {
        background-position: -104px 0;
    }
    .icon-button-homepage-4 {
        background-position: -156px 0;
    }
    .homepage-content-header {
        width: 300px;
    }
    .product .left80 {
        width: 100%;
        left: none;
    }
    .product .left.product-action,
    .product .left.product-information {
        left: inherit;
        width: 100%;
        clear: both;
        overflow: auto;
    }
    .product .left.product-information .information {
        border-right: none;
        min-height: inherit;
    }
    .product .product-price-wrapper {
        margin-top: 0;
    }
    .product-gallery,
    .product-information-wrapper {
        width: 100%;
        clear: both;
    }
    .button {
        font-size: 16px;
    }
    .basket-list ul li.amount,
    .basket-list ul li.price,
    .basket-list ul li.remove {
        width: 13%;
    }
    .category .left80,
    .col50,
    .form ul {
        width: 100%;
    }
    .col50 {
        float: inherit;
        clear: both;
        overflow: auto;

    }
    .category .main {
        padding: 0;
    }
    .filters ul li {
        float: none;
        width: 100% !important;
    }
    .toggle-menu {
        display: inline-block;
    }
    .form ul li span.city-postcode,
    .icon-menu,
    .icon-menu-main {
        display: block;
    }
    .box-wrapper {
        width: 50%;
    }
    .box .product-image-wrapper {
        width: 100%;
    }
    .box .product-image img {
        max-width: 100%;
    }
    .product-bottom-wrapper {
        width: 123px;
    }
    div.rank-creator input.text {
        width: 90%;
    }
    .product .left.product-action {
        border-top: 1px solid #d7d7d7;
        margin-top: 20px;
        padding-top: 20px;
    }
    .product .left.product-action .icons {
        text-align: right;
    }
    .basket-list {
        font-size: 12px;
    }
    .basket-list ul li.product {
        width: 31%;
    }
    .basket-list ul li.amount,
    .basket-list ul li.price {
        width: 19%;
        text-align: right;
    }
    .basket-list ul li.quantity {
        width: 23%;
    }
    .form ul li span {
        text-align: left;
    }
    .footer .articles,
    .header-links-wrapper {
        text-align: center;
    }
    .checkout .register-wrapper {
        padding-left: 0;
    }
    .col33 {
        float: left;
        width: 100%;
    }
    .footer .col33 {
        float: left;
        width: 33%;
    }
    .col25 {
        float: left;
        width: 100%;
    }
    .col {
        clear: both;
        overflow: auto;
        float: none;
        width: 100%;
    }
    .block {
        padding: 10px;
    }
    .block .col25 p,
    .block .col33 p {
        padding-right: 0;
    }
    .gallery-main-wrapper .navigation.next,
    .gallery-main-wrapper .navigation.previous {
        display: none;
    }
    .gallery-main,
    .gallery-thumbs-wrapper {
        width: 100%;
    }
    .gallery-main ul li {
        width: 100%;
    }
    .gallery-main ul li img {
        width: 100%;
    }
    .gallery-overflow-background {
        margin: 0;
        height: 100%;
    }
    .product .details-wrapper {
        margin-left: 0;
        display: table;
        border-top: 1px solid #e1e1e1;
    }
    .product .details-thumbs-wrapper {
        float: none;
        width: 100%;
        margin-left: 0;
        display: table-header-group;
    }
    .product .additional-info-wrapper {
        float: none;
        width: 100%;
        border-top: 1px solid #e1e1e1;
        padding-top: 20px;
        display: table-footer-group;
    }
    .product .additional-info {
        padding: 0;
    }
    .product .details-thumbs-wrapper li {
        width: 48%;
        padding-bottom: 48%;
        float: left;
        height: 0;
        position: relative;
    }
    #habla_beta_container_do_not_rely_on_div_classes_or_names {
        display: none;
    }
    
    .basket-list ul li.price{display: none;}
    .basket-list ul li.quantity{width: 30%;}
    .basket-list ul li.product {width: 51%;}
}

@media only screen and (min-width:320px) and (max-width:759px) {
    .newsletter-form-content{
        max-width: 400px;
        margin: 0px auto;
    }
    .newsletter-form{
        margin-top: 0px;
        height: 100%;
        width: 100%;
        max-width: 100%;
        padding: 30px;
    }
    .newsletter-form .col50{
        margin-bottom: 20px;
    }
    .basket .header-info {display: none}
}
@media only screen and (min-width:320px) and (max-width:479px) {
    .checkout ul.errors li{
        padding-left: 0px;
    }


    .checkout .form ul li{ margin: 0; padding: 0; box-sizing: border-box; outline: none; margin-bottom: 10px }
    .checkout .form ul li input.form-control{
        margin: 0;  box-sizing: border-box; outline: none;
        -webkit-appearance: none;
        padding: 3px 0px 3px 10px;
    }
    .checkout .basket-list .quantity{text-align: right; padding-right: 10px;box-sizing: border-box; }
    .checkout .shipment-payment-form li{margin-bottom: 5px}
    .checkout .payment-summary table{width: 100%}
    .checkout .notes-wrapper{box-sizing: border-box}
    .checkout .notes-wrapper textarea{width: 100%;box-sizing: border-box}

    .basket div.header {}
    .basket div.header-wrapper{margin-bottom: 10px}
    .basket .copyright{padding: 0px 10px; text-align: left}
    .add-to-basket{padding: 15px 0px}
    .product-action{padding-left: 0px}
    .article-page table{font-size: 11px}
    .button-checkout {margin-bottom: 10px;}
    .button-place-order{font-size: 14px}
    .button-place-order-inactive{font-size: 14px}
    .place-order{text-align: center}
    .checkout .form-login span{
        width: 190px; text-align: left;
    }
    .basket-list .buttons li{
        width: auto;
    }
}


.basket div.copyright-wrapper{margin-top: 20px}

#fb-root {
    display: none;
}
table.uiGrid._51mz {
    width: 218px !important;
}
._43qm pluginFacepile pluginFacepileConnectConnected _43qc {
    width: 229px !important;
    height: 33px !important;
}

.benefits-wrapper ul li{padding-left: 35px; position: relative; padding-top: 3px; margin-bottom: 10px; font-size: 14px}
.benefits-wrapper ul li img{height: 28px; position: absolute; left: 0px; top: 0px}

.checkout .discount-code-wrapper{box-sizing: border-box;position: relative;padding-right: 110px; max-width: 350px}
.checkout .discount-code-input{box-sizing: border-box; }
.checkout .discount-code-input input{width: 100%;box-sizing: border-box; font-size: 14px; line-height: 30px; font-size: 14px; height: auto }
.checkout .discount-code-button{position: absolute; right: 0px; top:0px}
.checkout .button-discount {font-size: 14px; height: 34px }
.curtain{position: absolute; z-index: 10; background-color: rgba(255,255,255,0.8); width: 100%; height: 100%}
.check{filter: invert(47%) sepia(95%) saturate(388%) hue-rotate(58deg) brightness(98%) contrast(93%); width: 20px; display: inline-block}
.hide-desktop {display: none}
@media only screen and (min-width:320px) and (max-width:989px) {
    .hide-desktop {display: inline-block !important;}
}
.hide-mobile {display: inline-block}
@media only screen and (min-width:320px) and (max-width:989px) {
    .hide-mobile {display: none !important;}
}
.hide-mobile {display: inline-block}
@media only screen and (min-width:320px) and (max-width:989px) {
    .hide-mobile {display: none !important;}
}

.hide-mobile {display: inline-block}
@media only screen and (min-width:320px) and (max-width:989px) {
    .hide-mobile {display: none !important;}
}



/* pulse beginning */

.pulse-wrapper{display: none; position: fixed; bottom: 0px; left: 0px; padding: 0px 0px 15px 15px;z-index: 11;}
.pulse{border-radius: 50px;width: 330px;height: 90px;padding: 10px;box-shadow: 0 5px 20px rgba(0,0,0,.15)!important; -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.15)!important;-moz-box-shadow: 0 5px 20px rgba(0,0,0,.15)!important; border: 1px solid #ececec;text-align: left; background-color: white;cursor: pointer;display: block;}

.pulse-image{border-radius: 45px; width: 90px; height: 90px;display: inline-block; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0px; top: 0px;}
.pulse-image{border-radius: 45px;}

.notification-stats .pulse-image{line-height: 100px;text-align: center;}
.notification-stats .pulse-image:before{position:absolute;width: 60px;height: 60px;left: 15px;top:15px;border-radius: 30px;display: block;content: " ";}
.notification-stats .pulse-image:after{position:absolute;width: 40px; height: 40px; left: 25px;top:25px;border-radius: 20px;display: block;content: " ";}



.red .pulse-image{background: rgba(255,0,0,0.1);}
.red .pulse-image:after{background: rgba(255,0,0,0.1);}
.red .pulse-image:before{background: rgba(255,0,0,0.1);}
.red .pulse-header b{display: inline-block;background: rgba(255,0,0,0.1); color: rgb(255,0,0); padding: 3px 5px}

.blue .pulse-image{background: rgba(45,153,255,0.1);}
.blue .pulse-image:after{background: rgba(45,153,255,0.1);}
.blue .pulse-image:before{background: rgba(45,153,255,0.1);}
.blue .pulse-header b{display: inline-block;background: rgba(45,153,255,0.1); color: rgb(45,153,255); padding: 3px 5px}

.green .pulse-image{background: rgba(73,171,33,0.2);}
.green .pulse-image:after{background: rgba(73,171,33,0.2);}
.green .pulse-image:before{background: rgba(73,171,33,0.2);}

.yellow .pulse-image{background: rgba(255,193,13,0.1); text-align: left }
.yellow .pulse-image:after{background: rgba(255,193,13,0.1);}
.yellow .pulse-image:before{background: rgba(255,193,13,0.1);}

.hot-product{font-size: 12px; padding-bottom: 10px}
.hot-product .fire{vertical-align: middle; width: 20px; filter: invert(13%) sepia(93%) saturate(5824%) hue-rotate(358deg) brightness(93%) contrast(117%);}
.hot-product b{display: inline-block; background: rgba(255,0,0,0.1); color: red; padding: 3px 5px }

.social-proof-wrapper{
    border-bottom: 1px solid #e1e1e1;
    padding-top: 10px;
}
.social-proof-wrapper .rank-container{display: none; margin-bottom: 10px}

.pulse .fire{width: 30px; margin-top: 25px; margin-left: 0px;filter: invert(13%) sepia(93%) saturate(5824%) hue-rotate(358deg) brightness(93%) contrast(117%);}
.pulse .star{width: 10px; filter: invert(86%) sepia(89%) saturate(4467%) hue-rotate(318deg) brightness(98%) contrast(92%);}
.pulse .like{width: 26px; filter: invert(47%) sepia(95%) saturate(388%) hue-rotate(58deg) brightness(98%) contrast(93%); margin-top:25px}
.pulse .people{width: 26px; filter: invert(55%) sepia(59%) saturate(4243%) hue-rotate(190deg) brightness(102%) contrast(101%);margin-top:25px}
.pulse .coupon{width: 26px; margin-left: 3px; margin-top: 3px; filter: invert(47%) sepia(95%) saturate(388%) hue-rotate(58deg) brightness(98%) contrast(93%); margin-top:25px}
.pulse .clock{width: 18px; vertical-align: middle; display: inline-block; margin-right: 3px}


.pulse-header{font-size: 15px; display: block; margin-bottom: 5px}
.pulse-content{font-size: 13px; display: block; margin-bottom: 5px; padding-right: 5px}
.pulse-footer{font-size: 11px; display: block   }
.pulse-small{font-size: 13px;  }
.pulse a{text-decoration: none; width: 100%; height: 100%; display: block; position: relative; padding-left: 100px; box-sizing: border-box}

.footer .col:nth-child(1){ margin-right: 40px}
.footer .col:nth-child(2){ margin-right: 40px}
@media only screen and (min-width:320px) and (max-width:990px) {
    .footer .col{float: none; width: 100%;text-align: center;}
    .footer .col:nth-child(1){ margin-right: 0px}
    .footer .col:nth-child(2){ margin-right: 0px}
}
@media only screen and (min-width:320px) and (max-width:479px) {
    .pulse-wrapper{padding: 0px;width: 100%;}
    .pulse{border-radius: 0px; width: 100%; }
    .pulse-image{border-radius: 0px}
    .social-proof-wrapper .rank-container{display: block}
    .product-information .rank-container{display: none}
    div.logo-wrapper img{width:200px}
}

/* pulse end */

/*.articles{clear: both; overflow:auto; box-sizing: border-box}*/
.articles{display: flex; box-sizing: border-box;  flex-direction: row; flex-wrap: wrap;}
.article-box-wrapper{ box-sizing: border-box; padding: 10px; flex-grow: 1; flex-basis: 50%;}
.article-box-wrapper:nth-child(2n+1){padding-left: 0px}
.article-box-wrapper:nth-child(2n+2){padding-right: 0px}
.article-box{ min-height: 230px; border: 1px solid #d7d7d7; display: flex; flex-wrap: wrap; height: 100%; }
.article-box-image-wrapper{position: relative;height: 100%; background-color: lightgray; background-position: center center; background-size: cover; background-repeat: no-repeat; flex-grow: 1; flex-basis: 60%;}
.article-box-image-wrapper.default {background-size: auto 70px;}
.article-box-image-wrapper a{display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px}
.article-box-content {padding: 10px; flex-grow: 1; flex-basis: 40%; box-sizing: border-box;flex-wrap: wrap;}
.article-box-name a{font-size: 18px; font-weight: bold; text-decoration: none}
.article img {max-width: 100%  !important; width: 100%  !important; height: auto !important}

@media only screen and (min-width:320px) and (max-width:759px) {
    .article-box-wrapper{flex-basis: 100%;}
    .article-box-wrapper{padding-left: 0px;padding-right: 0px;}
}
@media only screen and (min-width:320px) and (max-width:479px) {
    .article-box{flex-direction: column; height: inherit}
    .article-box-image-wrapper{flex-basis: 50%; min-height: 150px}
    .article-box-content{flex-basis: 50%;}
    .article-box-wrapper{padding-left: 0px;padding-right: 0px;}
}

#trustbadge-container-98e3dadd90eb493088abdc5597a70810{
    z-index: 10 !important;
}


.header .user-action-wrapper{position: absolute; top: 0px; right: 0px; padding: 14px 10px 0px 0px }
.header .basket {
    background-color: #fff;
    position: relative;float: right;

}
.header .basket-small {
    background-color: #fff;
    width: 300px;
    position: absolute;
    right: 0;
    z-index: 100;
    top: 40px;
    color: #000;
    display: none;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    padding-top: 10px;
}
.header .basket span.basket-info a {
    line-height: 12px;
    color: #000;
    padding-left: 0;
}
.header .basket a {
    color: #000;
    height: auto;
    text-decoration: none;
}
.header .basket .basket-more a {
    padding-left: 0;
    line-height: inherit;
}
.header .basket-small .total {
    text-align: center;
    font-size: 12px;
    padding: 5px;
}
.header .basket-small .total a {
    color: #fff !important;
    margin-top: 5px;
}
.header .basket-small .button{

}
.header .basket.open .basket-small {display: block}
.header .basket.open .basket-link {border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black;}
.basket-link-wrapper {text-decoration: none; position: relative}
.basket-link{border-top: 1px solid white; border-left: 1px solid white; border-right: 1px solid white; position: relative; padding-right: 0px; padding-top: 5px;  height: 35px; display: block; width: 46px; text-align: center; line-height: 40px; z-index: 101; background-color: white}
.basket-link img{width: 24px; vertical-align: top}
.basket-items-count{position: absolute; top: 2px; right: 2px; display: block;width:20px; height: 20px; font-weight: bold; line-height: 20px; background-color: #327d45; color: white; text-align: center; border-radius: 10px}
.basket-small{}
.user-account {float: left; padding-top: 7px; margin-right: 10px}
.user-account img {width: 24px}

.search-wrapper{position: absolute; right: 0px; top: 0px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding-left: 8px; background-color: white}
.search-wrapper a.zoom{display: inline-block; width: 30px; height: 35px; line-height: 35px;}
.search-wrapper a.zoom img{ width: 20px; vertical-align: top; padding-top: 7px}
.search-wrapper a.close {display: none;  width: 30px; height: 35px; line-height: 35px;}
.search-wrapper a.close img{ width: 14px; vertical-align: top; padding-top: 10px; }
.search-string{height: 30px; width: 60px; border: 0px;}
.search-wrapper.open .search-string {width: 300px}
.search-wrapper.open a.close{display: inline-block}
.mobile-menu-trigger{display: none;position: absolute;left:0px;z-index: 10; bborder-right: 1px solid #e5e5e5; height:35px; line-height: 35px; width: 35px; padding: 5px 0px; box-sizing: border-box; text-align: center}
.mobile-menu-trigger img{width: 20px; }
.header-bottom-wrapper{position: relative; height:35px;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;}
.header-bottom{max-width: 1200px; position: relative; width: 100%; margin: 0px auto}
.menu-top-wrapper.open{}
.menu-top-wrapper a.close{display: none; position: absolute; top: 8px; right:5px; }
.menu-top-wrapper a.close img{width: 14px}


@media only screen and (min-width:760px) and (max-width:989px) {
    .product-information-box{width: 100%; margin-top: 20px; box-sizing: border-box}
    .product-action-box{position: absolute; right: 0px; top: 30px; width: calc(100% - 320px); box-sizing: border-box}

}
@media only screen and (min-width:479px) and (max-width:759px) {

    .product-action-box,
    .product-information-box {
        display: table-footer-group;
        width: 100%;
        float: none;
    }
    .product-gallery {
        padding-top: 20px;
    }

}
@media only screen and (min-width:479px) and (max-width:759px) {
    .product-action{padding-left: 0px}
}



@media only screen and (min-width:320px) and (max-width:989px) {
    .product h1 {
        position: absolute;
        top: 0;
    }
    #toolbar {padding-left: 15px; padding-right: 15px}
    .search-wrapper{width: 100%; padding:0px 20px 0px 40px; box-sizing: border-box}
    .search-wrapper a.zoom{position:  absolute; right: 0px}
    .search-wrapper a.close{position:  absolute; right: 0px; z-index: 11; top:0px}
    .search-wrapper.open a.zoom{display: none;}
    .search-wrapper.open .search-string {width: 100%}
    #search-autocomplete-wrapper{width: 100%}
    .mobile-menu-trigger{display: inline-block; }
    .search-string{width: 100%;}


    .menu-top-wrapper {

        margin-bottom: 10px;
        width: 100%;
        text-align: left;
        left: 0px;
        top: 0px;
        z-index: 300;
        border-top: none;
        height: 100%;
        box-sizing: border-box;
        background-color: rgba(0,0,0,0.3);
        display: none;
        position: fixed;

        bottom:0;

        overflow-y:scroll;
        overflow-x:hidden;


    }
    .menu-top-wrapper.open{
        display: block;
    }
    .menu-top-wrapper.open a.close{
        display: inline-block;
    }
    .menu-top ul{padding-top: 30px; backround-color: white }
    .menu-top ul li:first-child{border-top: 1px solid #d0d1d3;}
    .menu-top ul li{
        float: none;
        width: 100%;
        border-bottom: 1px solid #d0d1d3;
        padding: 10px;
        box-sizing: border-box;
    }
    .menu-top ul li .menu-parent a {
        color: #000;
        line-height: inherit;
        font-size: 14px;
        font-weight: bold;
        text-transform: initial;
        height: 100%;
        width: 100%;
        max-width: 300px;
        margin-top:0px;

    }
    .menu-top{
        width: 200px;
        height: 100%;
        background-color: white;
        box-sizing: border-box;
        border-right: 1px solid black;

        margin: 0px;
    }


}