ba.error,
.red {
    color: #d72041;
}


/* reset buttons */

.clean-button {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

button[disabled=disabled],
button:disabled {
    opacity: .3;
    pointer-events: none;
}


/* Reset `button` and button-style `input` default styles */

.clean-button {
    background: none;
    border: 0;
    color: inherit;
    /* cursor: default; */
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button;
    /* for input */
    -webkit-user-select: none;
    /* for button */
    -moz-user-select: none;
    -ms-user-select: none;
}

.clean-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/* Make `a` like a button */

.clean-button {
    color: inherit;
    cursor: default;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    white-space: pre;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

a[href$='.pdf']:before {
    font-family: FontAwesome;
    padding-right: 5px;
    content: "\f0f6";
    color: #931011;
}

a[href$='.zip']:before {
    font-family: FontAwesome;
    padding-right: 5px;
    content: "\f1c6";
    color: #931011;
}

a[href$='.doc']:before {
    font-family: FontAwesome;
    padding-right: 5px;
    content: "\f0f6";
    color: #931011;
}

a[href$='.xls']:before {
    font-family: FontAwesome;
    padding-right: 5px;
    content: "\f1c3";
    color: #931011;
}

a[href$='.txt']:before {
    font-family: FontAwesome;
    padding-right: 5px;
    content: "\f0f6";
    color: #931011;
}

a[href^="mailto"]:before {
    font-family: FontAwesome;
    padding-right: 5px;
    content: "\f0e0";
}

a[href^="callto"]:before {
    font-family: FontAwesome;
    padding-right: 5px;
    content: "\f095";
}

a[href^="http"]:not(.noExt):before {
    font-family: FontAwesome;
    padding-right: 5px;
    content: "\f08e";
}

a[href*="agriott.ch"]:before,
a[href*="ott.ch"]:before,
a[href*="ott-landmaschinen.ch"]:before,
a[href*="rauchcenter.ch"]:before {
    content: none !important;
}

footer a[href^="http"]:before,
.water a[href^="http"]:before {
    display: none !important;
}


/* @end */

hr {
    clear: both;
    margin: 4em 0 1em;
}

.blocker {
    z-index: 1000;
}

.align-right {
    text-align: right;
}

html {
    min-height: 100%;
    margin-bottom: 1px;
}

#access {
    display: none;
    height: 0;
}

body {
    margin: 20px 0 0 0;
    padding: 0;
    overflow-x: hidden;
    font: 16px / 1.6em Raleway, sans-serif;
    color: black;
    -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
    hyphens: auto !important;
}

html>body {
    font-size: 16px;
    font-size-adjust: 0.5;
}

img {
    border: none;
}


/* @group Font */

h1 {
    font-weight: bold;
    color: #d72041;
    font-size: 140%;
    margin: 0 0 15px 0;
}

h2 {
    color: #d72041;
    font-weight: bold;
    font-size: 120%;
}

footer h3 {
    font-weight: bold;
}

p,
li {
    font-size: 95%;
}

p {
    margin-bottom: 15px;
}

strong {
    font-weight: bold;
}

.service-links-top {
    font-size: 96%;
}

.naviTop a {
    font-size: 97%;
}

.naviTop a:hover {
    text-decoration: none;
}

.languages a {
    color: #fff;
    font-size: 90%;
}

footer {
    color: black;
    font-size: 90%;
}

#footer {
    margin-top: 4em;
}


/* @end */


/* @group branding */

.landmaschinen .headerSearch {
    background-color: #f6cb0b !important;
    padding: 15px 0;
    margin: 0 0 10px 0;
    border-bottom: 2px black solid !important;
}

.landmaschinen footer {
    padding: 1.5% 0.7%;
    margin: 15px 0;
    background-color: #f6cb0b !important;
    border-top: 4px solid black !important;
    color: black !important;
}

.ott.landmaschinen div.logo img {
    width: 100% !important;
    margin-top: 11px;
}

.landmaschinen .logout {
    color: black;
}

.landmaschinen .logout a .logout a:link,
.landmaschinen .logout a:active,
.landmaschinen .logout a:visited {
    color: #d72041;
}

.rauch .headerSearch {
    padding: 15px 0;
    background-color: #e1212d;
}

.rauch .logo img {
    width: 71%;
}

.rauch .logo {
    margin-top: 0px !important;
}

.rauch footer {
    color: white;
    background-color: #e1212d;
}

.agriott .logo {
    margin-top: 15px !important;
}

.agriott .logo img {
    width: 71% !important;
}

.agriott .headerSearch {
    background-color: #999a07;
    padding: 15px 0;
    margin: 0 0 10px 0;
    border-bottom: 3px #e1212d solid;
}

.agriott footer {
    color: black;
    background-color: #999a07;
    border-top: 3px #e1212d solid;
}

.ott .logo {
    margin-top: 0px !important;
}

.ott div.logo img {
    width: 48% !important;
}

.ott .headerSearch {
    background-color: #29690F;
    padding: 15px 0;
    margin: 0 0 10px 0;
    border-bottom: 3px #e1212d solid;
}

.ott footer {
    color: white;
    background-color: #29690F;
    border-top: 3px #e1212d solid;
}


/* @end */


/* @group layout */

.headerSearchSpacer {
    height: 1px;
}

header {
    margin-bottom: 0 !important;
}

.header {
    margin: 15px 0 0 0;
}

.logout {
    padding: 0 0 0 1%;
}

.logout,
.logout a .logout a:link,
.logout a:active,
.logout a:visited {
    color: white;
}

.logout a:hover {
    font-weight: bold;
}

.slider {
    margin: 0 0.5%;
}

.container {
    background-color: white;
    -moz-box-shadow: 3px 3px 5px #e2e2e2;
    box-shadow: 3px 3px 3px #a0a0a0;
    border-radius: 5px;
}

.teaser:nth-child(4n) {
    margin-left: 0 !important;
}

.logo {
    margin: 10px 0 0;
}

.logo img {
    padding: 0 5px;
}

.introText {
    margin: 0 0 15px 0;
}

section {
    padding: 0 0.7%;
}

.teaser img {
    border-radius: 5px;
    border: 2px solid #eaeaea;
}

footer {
    padding: 30px 1% 60px 1%;
}

iframe {
    border: 0;
}


/* @end */


/*#region shop  */

.order-products-table table {
    width: 100%;
    margin: 1em 0;
    hyphens: auto !important;
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    border: 1px solid white;
}

.order-products-table tr>* {
    border: lightgray 1px solid;
    padding: 0.3em 1em;
    text-align: right;
    vertical-align: bottom;
}

.padloper-cart-remove input {
    display: none;
}

.padloper-cart-remove input:checked+label {
    color: red;
}

.order-products-table tr>th,
.order-products-table tr>td:first-child {
    text-align: left;
}

.icon-button {
    cursor: pointer;
}

.product-buttons {
    position: relative;
    width: 136px;
}

.product-buttons form,
.product-buttons input,
.product-buttons .icon-button {
    float: left;
    margin-right: 5px
}

.button-add-to-Bookmark-list .select2 {
    position: absolute;
    display: none;
    visibility: hidden;
    opacity: 0;
}

.refresh-button,
.list-button {
    float: right;
    margin-right: 1em;
}

.button-update-Bookmark-list .refresh-button {
    float: right;
    margin-right: 2em;
}

.checkout-button a {
    float: left;
    padding: 0.5em 1em;
    color: black !important;
    border: 1px solid lightgrey;
}

.checkout-button a:hover,
.InputfieldForm button:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, .05);
    cursor: pointer;
}

.InputfieldForm button,
.checkout-button {
    margin: 1em 0;
}

.product-buttons .select2 {
    right: 0;
}

.padloper-cart-add-product input[type=number] {
    width: 40px;
}

.select2-container {
    width: 200px;
    z-index: 2000;
}

.select2-results__option {
    padding: 0 6px;
    line-height: 1.8;
}

body>.select2-container:before {
    content: "✕";
    background: white;
    display: block;
    width: 194px;
    border: 1px solid #aaa;
    border-bottom: none;
    margin: -5px 0;
    text-align: right;
    padding-right: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    transform: translateY(-6px);
}

body>.select2-container:after {
    content: attr(data-title);
    position: absolute;
    top: -.7em;
    font-size: .8em;
    color: #e21c2d;
    padding-left: .6em;
}

.select2-dropdown {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-top: none !important;
    margin-top: -4px !important;
    border-bottom: 1px solid #aaa !important;
}


/* autocomplete */

#shop-search-input {
    width: 250px;
    border: none;
    padding: .3em .5em;
}

#shop-search-input+button {
    border: none;
    padding: .3em .5em;
    border-left: 1px solid #e21c2d;
}

.search-spinner {
    color: white;
}

#shop-search-input:not(.searching)~.search-spinner {
    visibility: hidden;
}

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    overflow: auto;
    width: 600px !important;
    margin-top: .5em;
}

.autocomplete-suggestion:nth-child(16) {
    color: red;
    font-weight: bold;
}

.autocomplete-suggestion {
    padding: 5px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    border-bottom: #CECDCD 1px dotted;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: red;
}

.autocomplete-group {
    padding: 2px 5px;
}

.autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #000;
}


/*
.InputfieldForm .Inputfield.Inputfield_pad_shippingmodule,
.InputfieldForm .Inputfield.Inputfield_pad_paymentmodule{
	display: none;
}
*/


/* Edit List */

.button-edit-list input.edit-title-input {
    border: none;
    outline: none;
    line-height: inherit;
    font: inherit;
    color: inherit;
    width: auto;
    margin-right: 1em;
    padding: 0 0 0 .5em;
    display: inline-block;
    white-space: normal;
    background: #d720411f;
}

.button-edit-list .save-button {
    display: none;
}

.button-edit-list.focus input.edit-title-input {
    outline: 1px solid;
    font-weight: normal;
    font-size: smaller;
    padding: 0 .5em;
}

.button-edit-list.focus .save-button {
    display: initial;
}

.button-edit-list.focus .edit-button {
    display: none;
}


/*#endregion  */


/* @group news / promotions */

.accordion__panel img {
    float: right;
    width: 30%;
}


/* @end */


/* @group reuseable */

aside,
article,
.verticalNav,
#contentWrap .content,
.ilocation {
    padding: 0 !important;
}

.content {
    padding-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
}

.content.col {
    margin-left: 0;
}

img {
    max-width: 100%;
    height: auto;
}

.clr {
    clear: both;
    overflow: auto;
}


/* @end */


/* @group navi Top */

ul.service-links-top,
ul.naviTop {
    text-align: right;
}

ul.service-links-top {
    margin-bottom: 1.5em;
}

.service-links-top li,
ul.naviTop li {
    display: inline;
    text-align: right;
    padding-left: .5em;
}

.service-links-top a {
    color: #000 !important;
    margin-left: .5em;
    font-size: .96em;
}

.service-links-top a:hover {
    color: #d72041 !important;
}

.naviTop ul {
    display: none;
    height: 0;
}


/* neue Syles laut Ott 09.05.17 */

ul.naviTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background: #e21c2d;
    padding-right: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.naviTop li {
    margin: 3px 0;
}

.naviTop a,
.naviTop a:link,
.naviTop a:active,
.naviTop a:visited {
    color: white !important;
}

.naviTop .current a,
.naviTop .current a:link,
.naviTop .current a:active,
.naviTop .current a:visited,
.naviTop li.level-1.parent.has_children a {
    font-weight: bold;
    color: white!important;
    text-shadow: 2px 2px black;
}

.naviTop a:hover {
    color: white !important;
    text-shadow: 2px 2px black;
}


/* @end */


/* @group left nav */

.leftnav a,
.leftnav a:link,
.leftnav a:active,
.leftnav a:visited {
    color: #000;
}

.leftnav a:hover {
    color: #e82d1a;
}

.leftnav li.active {
    font-weight: bold;
}


/* @end */


/* @group links */

.service-links-top a {
    color: #000;
}

.addthis_toolbox {
    color: #000;
    text-align: justify;
}

.languages li {
    display: inline;
}

.languages a,
.languages a:link,
.languages a:active,
.languages a:visited {
    color: #fff;
    font-weight: 800;
}

.languages a:hover {
    color: black;
}

.languages li:first-child {
    padding-right: 12%;
}

.landmaschinen footer a,
.landmaschinen footer a:link,
.landmaschinen footer a:active,
.landmaschinen footer a:visited {
    color: black !important;
}

.landmaschinen footer a:hover {
    color: white !important;
}

.rauch footer a,
.rauch footer a:link,
.rauch footer a:active,
.rauch footer a:visited {
    color: white;
}

.rauch footer a:hover {
    color: white !important;
}

.agriott footer a,
.agriott footer a:link,
.agriott footer a:active,
.agriott footer a:visited {
    color: black !important;
}

.agriott footer a:hover {
    color: white !important;
}

.ott footer a,
.ott footer a:link,
.ott footer a:active,
.ott footer a:visited {
    color: white !important;
}

.ott footer a:hover {
    color: red !important;
}

.breadcrumbs {
    margin: -.9em 0 1em .5em;
}

a,
a:link,
a:active {
    color: #d72041;
}

a:hover {
    color: black;
}

a:visited {
    color: #7a7977;
}

.MarkupPagerNav a,
.MarkupPagerNav a:link,
.MarkupPagerNav a:active,
.MarkupPagerNav a:visited {
    color: #e1212d;
}

.MarkupPagerNav a:hover {
    font-weight: bold;
}

.MarkupPagerNavOn a {
    font-weight: bold;
}

section a,
section a:link,
section a:active,
section a:visited {
    color: #e1212d;
}

section a:hover {
    text-decoration: underline;
}


/* @end */


/* @group gallery */

div.gallery {
    width: 100%;
}

.galImage img {
    border-radius: 8px;
    -moz-box-shadow: 4px 4px 5px #cecdcd;
    box-shadow: 4px 4px 5px #CECDCD;
    margin: 0 1.8% 1% 0;
}

.MarkupPagerNav li {
    display: inline;
    padding-right: .4%;
}


/* @end */


/* @group Processwire */


/**
 * The edit link that appears when you are logged in.
 * It is recommended that you implement an edit button
 * in your templates to make it easy to switch to and
 * from the admin control panel when editing pages.
 *
 */

#editpage {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 6px;
    background: #DB1174;
    color: #FFF;
    display: block;
    font-weight: bold;
}

#editpage:hover {
    background: #FFFFCC;
    color: #000;
}


/**
 * Alignment styles that are used by the InputfieldTinyMCE for
 * positioning images in bodycopy. If you are using this field type,
 * you may want to include these or similar styles in your site.
 *
 */

.align_left {
    float: left;
    margin: 0 1em 0.25em 0;
}

.align_right {
    float: right;
    margin: 0 0 0.25em 1em;
}

.align_center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/* @end */


/* @group slider */

.nivoSlider img {
    border-radius: 5px;
}


/* @end */


/* @group team */

.staffContent {
    width: 21.1em;
    margin-left: 0;
    min-height: 250px;
    margin-right: 2%;
}

.staffContent ul {
    float: left;
    width: 60%;
}

.foto {
    float: right;
    width: 35%;
}

.staffContent img {
    border-radius: 50%;
    -moz-box-shadow: 4px 4px 5px #d8d7d7;
    box-shadow: 4px 4px 5px #d8d7d7;
}


/* @end */


/* @group accordion */

.ui-accordion li {
    list-style-position: outside;
    list-style-type: disc;
    margin: 0 0 0.8em 1em;
}

.ui-accordion-content-active:after {
    content: "";
    display: table;
    clear: both;
    padding-bottom: 1.5em;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: #e21c2d;
}

#accordion img {
    width: 40%;
}


/* @end */


/* @group Products */

.prodOverview h2 {
    padding-bottom: .3em;
    font-size: .97em;
    text-align: center;
}

.prodOverview {
    width: 13em;
    height: 10.5em;
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
    border-radius: 5px;
    /*border: solid silver 1px;*/
}

.prodOverview:hover h2 {
    color: silver;
}

.prodOverview img {
    margin-top: .3em;
    border-radius: 5px;
    -moz-box-shadow: 3px 3px 5px #f1f0f0;
    box-shadow: 3px 3px 5px #f1f0f0;
}

.logoList li {
    width: 12.5em;
    padding: 0.3em;
    display: inline-block;
    margin: 0 1.5em 1.5em 0;
    height: 5em;
    vertical-align: top;
}

.logoList img {
    -moz-box-shadow: 3px 3px 5px #e2e2e2;
    box-shadow: 3px 3px 5px #e2e2e2;
    padding: .3em;
}


/* @end */


/* @group news/promo */

#accordion img {
    padding: .3em;
    margin-top: .3em;
    box-shadow: 3px 3px 5px #e2e2e2;
    float: right;
    max-width: 20em;
}


/* #region Shop*/

.padloper-cart table,
.client-nav {
    width: 100%;
}

.news-title {
    font-weight: bold;
    display: block;
    margin-bottom: 0.5em;
}

.shop-news {
    margin-bottom: 1em;
}

.shop-news .ui-accordion-content {
    padding: 0.5em;
}

.news-img {
    width: 50em;
    margin-right: .5em;
}

.shop-news-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.prod-parent-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.prod-parent-list>* {
    display: block;
    min-width: 10em;
    width: 30%;
}

.prod-parent-list>a {
    margin-bottom: 2em;
    box-shadow: 0 0 20px 4px #0000000d;
    transition: box-shadow .5s ease;
}

.prod-parent-list>a:hover {
    box-shadow: 0 0 20px 6px #00000026;
}

.card-content {
    padding: 1em;
}


/*#endregion */


/*#region Table Products*/

.table-products {
    border-bottom: solid 1px lightgray;
    width: 100%;
    margin: 1.5em 0;
}

.table-products td,
.table-products th {
    padding: .7em;
    vertical-align: top;
    hyphens: auto;
}

.table-products td {
    -webkit-hyphenate-character: "\2010";
    -moz-hyphenate-character: "\2010";
    -ms-hyphenate-character: "\2010";
    hyphenate-character: "\2010";
}

.table-products th {
    background-color: lightgray;
    color: black;
    font-weight: 600;
}

.table-products tr {
    border-top: solid 1px lightgray;
}

.table-products small {
    color: grey;
    display: block;
    line-height: 1.4;
}

.product-bom:not(.showing) {
    display: none;
}

.product-bom table {
    margin: 0;
    background-color: #eee;
    width: 100%;
}

.product-bom table td {
    padding: .3em;
}

.product-bom table tr {
    border-top: solid 1px white;
}

.product-bom>td {
    padding: 0;
}

.bom-icon,
.img-icon {
    margin-left: .5em;
    color: black !important;
}

.img-icon {
    transform: scale(1.2);
    display: inline-block;
}

@media only screen and (max-width: 568px) {}


/*#endregion */


/*#region bookmarks*/

h2.bookmarks-page-title>.button-list-to-cart,
h2.bookmarks-page-title>.button-duplicate-list,
h2.bookmarks-page-title>.button-delete-list {
    float: right;
}

h2.bookmarks-page-title>* {
    display: block;
    margin-right: .5em;
    float: left
}

h2.bookmarks-page-title:after {
    content: '';
    display: block;
    clear: both;
}

.back-to-bookmarks {
    margin-top: 1.5em;
}


/*#endregion */


/*#region alternate address*/

.shipping-address .inputfield-custom {
    width: 50%;
    float: left;
    clear: none;
}

.shipping-address .inputfield-custom:nth-child(odd) {
    padding-right: 1em;
}

.shipping-address .inputfield-custom:nth-child(even) {
    padding-left: 1em;
}

.shipping-address .inputfield-wrapper:after {
    content: '';
    clear: both;
    display: block;
}

.shipping-address-form.InputfieldForm {
    margin-bottom: 0;
}

.delete-shipping-address.InputfieldForm {
    margin-top: 0;
}

.delete-shipping-address-submit,
.shipping-address-submit {
    float: left;
    margin-right: 1em;
}

.delete-button {
    border-color: #e30016;
    color: #e30016;
}


/*#endregion */


/*#shop-nav*/

.naviTop.shop-nav {
    position: relative;
    display: flex;
    justify-content: space-between;
    z-index: 100;
    margin-bottom: 1em;
}

.naviTop.shop-nav li {
    position: relative;
}

.naviTop.shop-nav ul:not(.icon-nav) {
    background: #e30016;
    width: 20em;
    height: auto;
    display: none;
    position: absolute;
    padding: .5em;
    left: -.5em;
}

.naviTop.shop-nav ul.icon-nav {
    display: block;
}

.naviTop.shop-nav ul.icon-nav li {
    margin-right: .75em;
}

.naviTop.shop-nav li:hover>ul {
    display: block;
}

.naviTop.shop-nav li>ul:not(.icon-nav) ul {
    top: -1em;
    left: 20em;
}

.naviTop.shop-nav ul:not(.icon-nav) li {
    display: block;
    margin: 0;
    text-align: left;
}


/*#endregion */


/*#checkout form*/

.checkout-form #wrap_Inputfield_shop_different_shipping_address,
.checkout-form #wrap_Inputfield_shop_shipping_address,
.checkout-form #wrap_Inputfield_shop_shipping_method {
    vertical-align: top;
    width: 20em;
    display: inline-block;
    margin-right: 1em;
}

#wrap_Inputfield_pad_paymentmodule {
    display: none;
}

.checkout-form {
    border-top: 1px solid lightgray;
    padding-top: 1em;
    margin-top: 2em;
}


/*#endregion */


/*#reset pass*/

#LoginRegisterProfileForm h2,
#LoginRegisterProfileForm .Inputfield_profile_email,
.LoginRegisterLinks,
#LoginRegisterProfileForm .Inputfield_profile_pass label {
    display: none;
}

#LoginRegisterProfileForm .Inputfield_profile_pass .InputfieldContent {
    display: block;
    padding: 1em .5em .5em;
}


/*#endregion */


/*#user profile*/

.customer h3 {
    margin-top: 1em;
    font-weight: bold;
    color: #e21c2d;
}

.customer p {
    margin: 1em 0;
}


/*#endregion */


/* @end */

.history {
    margin-top: 2em;
    display: flex;
}

.history>div {
    width: 50%;
}

.inventory-fas,
.inventory-fas:hover {
    color: #d72041;
}

.inventory-far,
.inventory-far:hover {
    color: #d72041;
}

.inventory-button {
    margin-right: 0.5em;
    cursor: inherit;
}

.tpl-shop_assortment .inventory-button {
    display: none;
}

.Inputfield_shop_partial .InputfieldStateToggle:after {
    display: none;
}

.table-products small {
    hyphens: auto;
    word-break: break-all;
}

@media only screen and (max-width: 700px) {
    header .col {
        display: block;
        float: left;
        margin-left: 2%;
    }
}

@media only screen and (max-width: 1024px) {
    .table-products tr {
        display: block;
        clear: both;
        padding-bottom: 2em;
        width: 100% !important;
    }
    .table-products td {
        display: block;
        text-align: left !important;
        width: 100% !important;
        padding: 0;
        margin: .7em;
    }
    .table-products {
        width: 100% !important;
        display: block;
        position: relative;
    }
    .product-buttons form {
        margin-right: 2em
    }
    .table-products td:nth-child(3) {
        font-weight: bold;
    }
    .table-products tbody {
        width: 100% !important;
        display: block;
    }
    .table-products thead {
        display: none;
    }
}

.container>.slicknav_menu {
    background-color: #f6cb0b;
}

#page-content>.slicknav_menu {
    background-color: #e21c2d;
}

.addresses {
    display: flex;
}

.addresses>* {
    margin-right: 6em;
}