* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:focus{ outline: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}
img { border:none;}
a { color:#e4002b; text-decoration:none;}
a:hover { color:#e4002b; text-decoration:underline;}
strong, b { font-weight:700;}
em, i { font-weight:400; font-style:italic;}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
button {
     -webkit-appearance: none;
     border-radius: 0;
}
::-webkit-input-placeholder { color:rgba(4,4,4,.7); opacity:1}
::-moz-placeholder {color:rgba(4,4,4,.7);  opacity:1}
:-ms-input-placeholder { color: rgba(4,4,4,.7);  opacity:1}
:-moz-placeholder { color: rgba(4,4,4,.7); opacity:1}

html { font-size:100%;}

body {padding:0; margin:0; font-family: 'Montserrat', sans-serif; font-size:1rem; font-weight:400; color:#000000; background:#ffffff;}
.wrapper {padding: 0 0.625rem; margin: 0 auto; width: 100%; max-width: 1200px;}
.wrapper:after { content: ''; display: block; clear: both;}
header, nav, main, footer {width: 100%}

/* Header */
header { padding:1rem 0 0; text-align:center;}
.logo { width:100%;}
.logo img { width:170px;}
.top { width:100%; padding-top:1rem}
.top .address { width:100%; display:block; text-align:center; font-weight:700; font-size:1.125rem;}
.top ul { padding:0; margin:1rem 0; list-style: none; display:block; width:100%; font-size:.75rem;}
.top ul li { padding:0 1rem; margin:0; width:auto; display:inline-block;}
.top ul li img { vertical-align:middle; margin-right:.3rem; margin-top:-.2rem}
.top ul li a { color:#000000; text-decoration:none;}
.top ul li a:hover { color:#000000; text-decoration: underline;}

/* Nav */
nav { padding:0; border-top:1px solid #e4002b; text-align:center; font-size:1rem;}
nav ul { padding:1rem 0; margin:0; width:100%; list-style:none;}
nav ul li { display:inline-block; width:auto; padding:.5rem;}
nav ul li a { color:#000000; text-decoration:none;}
nav ul li a:hover { color:#e4002b; text-decoration: underline;}
nav ul li a.active { color:#e4002b; text-decoration: none; font-weight:700;}

/* Main */
main { background:#e4002b; padding-top:2.5rem;}
main .wrapper { padding-bottom:2rem;}
.list { width:100%; display:flex; flex-wrap:wrap; justify-content: space-around;}
.box { width:23%;  text-align:center; margin-bottom:2.5rem;}
.box a { color:#7e7e7e; text-decoration:none; font-size:.875rem; line-height:1.5; transition:all .4s ease-in-out; background:#ffffff; display:block; padding:1rem; }
.box a:hover { color:#7e7e7e; text-decoration:none; opacity:.95; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5); box-shadow: 0 0 10px 0 rgba(0,0,0,.5);}
.box img { display:block; width:100%; margin-bottom:1rem;}
.box a .box-title { font-size:1.313rem; color:#000000;}

/* Footer */
.copyright { display:block; width:100%; font-size:.75rem; color:#7e7e7e; padding-bottom:1rem; text-align:center;}
.copyright a {color:#7e7e7e; text-decoration:none;}
.copyright a:hover {color:#7e7e7e; text-decoration: underline;}
nav.bottom-nav {border-top:0px solid #e4002b}

/* List Products */
aside { width:25%; float:left; padding-right:2rem; margin-bottom:2rem;}
aside select { display: none; background: url(../img/select.png) no-repeat right center #ffffff; border:none; width:100%; height:2rem; appearance:none; font-family: 'Montserrat', sans-serif; font-size:.875rem; font-weight:400; color:#000000; padding:0 1rem; position:relative;}

aside ul { padding:0; margin:0; list-style:none;}
aside ul li { padding:1rem 0; margin:0; border-bottom:1px dashed #ffffff; display:block; font-size:.875rem;}
aside ul li a { color:#ffffff; text-decoration:none; display:block}
aside ul li a:after { content:'\2192'; float:right; color:#ffffff;}
aside ul li a:hover { color:#ffffff; text-decoration:none}


.list-inner { width:100%; display:flex; flex-wrap:wrap; justify-content: space-around;}
.list-inner .box { width:23%;  text-align:left; margin-bottom:2.5rem; background:#ffffff; padding:.5rem;}
.list-inner .box a { font-size:.75rem; line-height: normal; transition: none; background:none; display:block; padding:0; }
.list-inner .box a:hover { opacity:1; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 0 rgba(0,0,0,0);}
.list-inner .box img { display:block; width:100%; margin-bottom:1rem;}
.list-inner h3 { padding:0; margin:0; width:70%; float:left; font-weight:400; font-size:1rem;}
.list-inner h4 { padding:0; margin:0; width:30%; float:left; font-weight:7400; font-size:1rem; color:#e4002b; text-align:right;}
.list-inner p { padding:0; margin:1rem 0; font-size:.875rem; color:#7e7e7e; display:block; float:left; line-height:1.5;}
.list-inner a.view { display:inline-block; text-transform:uppercase; font-weight:700; border:1px solid #000000; color:#000000; text-decoration:none; padding:.5rem 1rem;}
.list-inner a.view:hover {color:#ffffff; background:#000000; text-decoration:none;}
.list-inner a.order { display:inline-block; text-transform:uppercase; font-weight:700; border:1px solid #e4002b; color:#e4002b; text-decoration:none; padding:.5rem 1rem;}
.list-inner a.order:hover {color:#ffffff; background:#e4002b; text-decoration:none;}

.page { padding:2rem; margin:2rem auto; width:100%; max-width:960px; background:#ffffff;}
.page:after {content: ''; display: block; clear: both;}
.path {width:100%; display:block; padding-bottom:1rem; font-size:.75rem; color:#7e7e7e}
.path a { color:#7e7e7e; text-decoration:none;}
.path a:hover { color:#7e7e7e; text-decoration: underline;}
.up-content { width:100%; display:block; padding-bottom:2rem; float:left}
.up-content img { width:45%; margin-right:2rem; float:left;}
h1 { padding:0; margin:0; font-size:1.25rem; font-weight:400; color:#000000;}
h2 { padding:0; margin:0; font-size:1.125rem; font-weight:700; color:#e4002b;}
p { padding:0; margin:1rem 0 0; line-height:1.5}

.bottom-content { width:100%; display:block; clear:both; float:left;}
.bottom-content video { float:right;}
.bottom-content form { width:40%; float:left;}

input.order-button { display:inline-block; text-transform:uppercase; font-weight:700; border:1px solid #e4002b; color:#e4002b; text-decoration:none; padding:.5rem 1rem; width:auto; height:2rem;  font-family: 'Montserrat', sans-serif; font-size:.875rem;}
input.order-button:hover {color:#ffffff; background:#e4002b; text-decoration:none;}
input.prod { padding:0 1rem; margin:0; width:100px; height:2rem; border:1px solid #7e7e7e; font-family: 'Montserrat', sans-serif; font-size:1rem;}


table.basket { padding:0; margin:0; width:100%; border-collapse:collapse}
table.basket tr th { font-family: 'Montserrat', sans-serif; font-size:.75rem; text-transform:uppercase; font-weight:600; border-bottom:1px solid #ffffff; padding:.5rem .5rem; text-align:right; color:#ffffff}
table.basket tr td { padding:1.5rem .5rem; border-bottom:1px solid #d1d3d4; line-height:2; font-family: 'Montserrat', sans-serif; font-size:.875rem; text-align:right; vertical-align:top; width:15%; color:#ffffff}
table.basket tr td:first-of-type { text-align:left; width:40%}
table.basket tr td a { text-decoration:none; color:#ffffff;}
table.basket tr td img { max-width:100px; float:left; margin-right:1.5rem;}
table.basket tr td strong { text-transform:uppercase; font-weight:700;}
table.basket tr td a.del { display:inline-block; margin-top:1rem; text-transform:uppercase; font-size:.75rem;}
table.basket tr td input {padding:0 0 0 1rem; margin:0; width:60px !important; height:2rem; border:1px solid #100f0f;  background:#ffffff; color:#100f0f; font-size:1rem; font-family:'Source Sans Pro', sans-serif;}
table.basket tr:last-of-type td { text-align:right; font-family: 'Montserrat', sans-serif; font-size:1rem; font-weight:600; text-transform:uppercase; border-bottom:1px solid #100f0f;}
table.basket tr:last-of-type td span { text-transform:none}

.buttons { padding:1rem 0; margin:0; width:100%; float:left; clear:both;}
.buttons a, a.back {padding:1rem; margin:0; width: auto; background:#ffffff; border:1px solid #100f0f; font-family: 'Montserrat', sans-serif;  font-size:.875rem; font-weight:600; text-transform:uppercase; color:#100f0f; text-align:center; float:left; text-decoration:none; white-space:nowrap}
.buttons input { padding:1rem; margin:0; width: auto; background:#100f0f; border:1px solid #100f0f; font-family: 'Montserrat', sans-serif;  font-size:.875rem; font-weight:600; text-transform:uppercase; color:#ffffff; text-align:center; float:right;}

@media only screen and (max-width: 767px) {
table.basket thead { display:none;}
table.basket tr { border-bottom:1px solid #100f0f}
table.basket tr td { border-bottom:0px solid #d1d3d4; width:33.33%; display:block; float:left; text-align:left;}
table.basket tr td:first-of-type { text-align:left; width:100%; display:block;}
table.basket tr td:before { content:attr(data-title); font-family: 'Montserrat', sans-serif;  font-size:.75rem; font-weight:400; text-transform:uppercase; color:#ffffff; display:block;}
table.basket tr:last-of-type td { text-align:right; border-bottom:none;}
.buttons a, .buttons input { width: 100% !important; margin-bottom:1rem;}
}

@media only screen and (max-width: 480px) {
.buttons a { width:100%; margin-bottom:1rem}

table.basket tr td { text-align:right; width:100%; padding:.5rem 1rem; border-bottom:1px solid #d1d3d4}
table.basket tr td:last-of-type {border-bottom:0px solid #d1d3d4}
table.basket tr td:first-of-type { text-align:left; padding:1.5rem 1rem}
table.basket tr:last-of-type td { text-align:right;}
table.basket tr td:before { float:left;}

table.basket-preview tr { border-bottom:1px solid #100f0f}
table.basket-preview tr td { width:100%; padding:.5rem 1rem; border-bottom:1px solid #d1d3d4; display:block; float:left;} 
table.basket-preview tr td:last-of-type { border-bottom:none;}
}