html {
    height: 100%;
}
* {
    margin: 0;
    padding: 0;
}
body {
    background: #f2f2f2;
    font-family: 'Hind', sans-serif;
    height: 100%;
    width: 100%;
    font-size: 16px;
}
#login {
    background: url('../img/age-blur.jpg') no-repeat center center;
    background-size: cover;
}
#pass_reset {
    background: url('../img/age-blur.jpg') no-repeat center center;
    background-size: cover;
}
div.pager a {
    color: #8a1839;
    padding: 5px;
    text-decoration: none;
}
div.pager a:hover {
    text-decoration: underline;
}
div.pager a.current {
    color: black;
}
div.pager {
    text-align: center;
    font-weight: bold;
}
div.h1,
h1 {
    font-weight: 300;
    font-size: 2em;
    padding: 0 40px;
    margin-top: 30px;
    font-family: 'BebasNeueRegular';
}
div.h1 {
    margin-top: 10px;
}
h2 {
    font-weight: bolder;
    font-size: 2em;
    padding: 20px 40px;
    margin-bottom: 40px;
    font-family: 'BebasNeueRegular';
}
p {
    padding: 10px 0 10px 0;
}
#table-content {
    padding: 20px;
}
nav {
    width: 300px;
    float: left;
    background: #f2f2f2;    
}
nav a {
    color: #000000;
    text-decoration: none;
    
}
a.tel {
    color: #95415a;
}
#toolbar {
    display: none;
}
#basket div.error {
/*    background: #a12040;*/
    background-color: #ED145B;
    padding: 20px;
    margin: 10px auto;
    color: white;
    display: none;
    text-align:center;
}
#basket div.error.active {
    display: block;
}

nav fieldset {
    margin: 20px;
    height: 40px;
    background-color: #ffffff;
    border: none;
    border-radius: 4px;
    margin-bottom: 30px;
}

nav fieldset input {
    background: transparent;
    border: none;
    padding: 0 16px;
    height: 100%;
    width: 60%;
  
}

nav fieldset input[placeholder] {
    color: #000000;
}

nav fieldset button {
    
    color: #ED145B;
    width: 35px;
    float: right;
    height: 40px;
    background: transparent;
    border: none;
    cursor: pointer;

}

nav fieldset.active {
    background: #ffffff;
}

nav fieldset.active input {
    color: #000000;
}

#search nav form {
    border-left: 4px solid #8a1839;
}

#search nav fieldset {
    background: #ffffff;
    margin: 20px 20px 20px 16px;
}

#search nav fieldset input {
    color: #000000;
}
span.icon-mobile-menu {
    display: inline;
    cursor: pointer;
}
nav header {
    height: 180px;
    color: white;
    position: relative;
    padding: 20px;
}
nav header div.main-link {
    background: url('../img/raiker-logo-light.png') no-repeat center center;
    background-size: 40%;
/*    background-color: #a12040;*/
    background-color: #ED145B;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 162px;
    width: 300px;
    cursor: pointer;
}
nav header div.basket-link {
    display: none;
}
nav header div {
    position: relative;
    top: 160px;
}

nav header div:first-child {
    float: left;
    width: 32px;
}

nav header div:nth-child(2) {
    float: left;
    
    padding: 2px;
}
nav header div:nth-child(3) {
    float: right;
    color: #000000;
    padding: 4px;
    font-size:16px;
}
nav li:hover {
    background: #f6f6f6;
}
nav li.active {
   border-left: 0px solid #8a1839;
   padding-left: 20px;
    
 
}
nav li {
    padding: 5px 0px 5px 20px;
    position: relative;
    list-style-type: none;
}

nav li a{
    margin:10px 0 10px 0;
    width:100%;
    
   
}
nav li span {
    display: none;
}
nav li.settings a,
div.settings a {
    color: #000000;
    font-size:1.1em;
    font-family: 'BebasNeueRegular';
    line-height:1.5em;
    font-weight:normal;
}
nav li:hover span {
    display: block;
    cursor: pointer;
}

.has-children{
    margin-left:-8px;
}

#content {
    overflow: hidden;
    height: 100%;
    background-color: #ffffff;
    max-width: none;
}
.clear {
    clear: both;
}

#layer {
    display: none;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    background: rgba( 0, 0, 0, .66);
    z-index: 6;
    -webkit-transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
}

#overlay section.order-big {
    margin: 0 30px 0 245px;
}
#overlay section.order-header {
    margin: 120px 30px 0 245px;
    background: #a8b400;
    font-weight: bold;
    height: auto;
}

#overlay.active {
    height: 100%;
    display: block;
    opacity: 1.0;
}
#overlay.inactive {
    display: none;
}

table {
    width: 95%;
    border: none;
    border-spacing: 0;
    border-collapse: collapse;
    margin: 0px 0px 20px 0px;
    table-layout: fixed;
}
table th {
    text-align: left;
    font-size: 0.8em
}
table tr {
    line-height: 40px;
}
table tr:first-child {
    border-bottom:1pt solid #ED145B;
}
table tr:nth-child(n+2) {
    border-top:1pt solid #E6E6E6;
}
table tr.wrapping {
    border-top-style: none;
}
table td {
    position: relative;
}
table td span.quantity {
    color: #b5b5b5;
}
#category table tr th {
    padding-bottom: 0px;
}
table tr td:first-child,
table tr th:first-child {
    padding-left: 20px;
}
table tr td:last-child,
table tr th:last-child {
    padding-right: 20px;
}
table tr div.fadeout {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 200px;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(238,238,238,0)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eeeeee', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 */
}
table tr:hover div.fadeout {
    background: transparent;
}
td.product-name,
th.product-name {
    width: auto;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight:300;
    padding:0.8em 0 0.8em 0;
}
th.product-name {
font-weight:bold;
}

td.product-price,
td.product-discount-price,
td.product-package-price,
td.product-full-price,
td.product-original-price,
th.product-price,
th.product-discount-price,
th.product-package-price,
th.product-original-price,
th.product-full-price {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    text-align: right;
}

th.product-original-price,
td.product-original-price {
    color: #b5b5b5;
    text-decoration: line-through;
    width: 60px;
    min-width: 60px;
    max-width: 0px; 
}
td.product-control,
th.product-control {
    width: 115px;
    min-width: 115px;
    max-width: 115px;
    text-align: right;
}
td.product-control fieldset {
    position: relative;
    background-color: #e2e2e2;
    border-radius: 2px;
    border: 1px solid;
    border-color: #c0c0c0 #d7d7d7 #eeeeee #d7d7d7;
    width: 60px;
    padding: 1px;
    float: right;
}
td.product-control fieldset input {
    width: 34px;
    height: 30px;
    background-color: #ffffff;
    color: #828282;
  
    text-align: right;
    padding: 0 13px;
    float: left;
    border: none;
}
td.product-control fieldset input:focus {
    color: black;
}
td.product-control fieldset input:disabled {
    color: gray;
    background-color: darkgray;
}

th.product-name {
font-weight:bold;
}

button.product-add,
button.product-remove {
    display: none;
    width: 30px;
    height: 30px;
    background-color: #e2e2e2;
    border-left: 1px solid #a3a3a3;
    border-right: 1px solid #a3a3a3;
    border-top: 1px solid #bebebe;
    border-bottom: 1px solid #888888;
    border-radius: 2px;
    float: left;
    cursor: pointer;
}

table tr:hover{
    background: #f2f2f2;
}

table tr:hover button.product-add,
table tr:hover button.product-remove {
    background: #fff;
}

th.orderedItem-remove,
td.orderedItem-remove {
    width: 45px;
    min-width: 45px;
    max-width: 45px;
    text-align: center;
}

td.product-name-desktop,
td.product-name-mobile,
td.product-name-orderedItem-remove-mobile{
    width: auto;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight:300;
    padding:0.8em 0 0.8em 0;
}

td.product-name-mobile{
    display: none;
}

td.product-name-orderedItem-remove-mobile{    
    display: none;
}

button.orderedItem-remove-desktop {
    width: 100px;
    height: 40px;
    background-color: #e2e2e2;
    border-left: 1px solid #a3a3a3;
    border-right: 1px solid #a3a3a3;
    border-top: 1px solid #bebebe;
    border-bottom: 1px solid #888888;
    border-radius: 2px;
    font-weight:300;
    font-weight:bold;
    float: left;
    cursor: pointer;
}

section {
    background: #ffffff;
    height: 122px;
    width: auto;
    padding: 20px 40px;
    position: relative;
    text-transform: uppercase;
}
section h1 {
    margin: 0;
    padding: 0;
    color: #ED145B;
    
}
section h2 {
    margin: 0;
    padding: 0;
    color: #000000;
    position: relative;
    top: -2px;
}
section h3 {
    position: relative;
    top: -3px;
    font-size: 0.8em;
}
/* The global fixed `section` height suits the shop's fixed cards, but the admin
   pages that stack several variable-length tables in sections outgrow it: the
   122px cap let each table's last rows spill past the section, and the NEXT
   section -- opaque `background: #ffffff` -- then painted over them. On the
   self-check page that clipped the tails of long probe tables. On the
   delivery-override page it hid the override list ENTIRELY, remove buttons
   included, so an admin could neither read nor undo what was set; the
   ci/test_delivery_override.py e2e is what caught it, after 246 unit tests had
   passed. Let those sections grow to fit their content, and extend this
   selector rather than adding a third block when the next such page appears. */
body#selfcheck section,
body#delivery_overrides section {
    height: auto;
}
#calendar div.express div.discount {
    font-weight: bold;
    font-size: 0.8em;
}
#calendar div.express div.title {
    font-size: 1.5em;
    font-weight: 300;
}
#calendar div.express div.side:first-child div.price,
#calendar div.express div.side:first-child div.discount {
    text-decoration: line-through;
}
#calendar div.express div.block div.price {
    font-weight: bolder;
    font-size: 1.5em;
}
#calendar div.express div.side {
    float: left;
    width: 50%;
}
#calendar table.mobile {
    display: none;
}
#calendar form div.row textarea {
    width: 50%;
    height: 46px;
    padding: 8px;
    line-height: 20px;
   
    float: left;
}
#calendar form div.row textarea#order_phone_number {
    width: 10%;
    height: 23px;
    padding: 8px;
    line-height: 20px;
    float: left;
}
#calendar form div.row label.description {
    float: left;
    width: 100px;
    text-align: left;
    line-height: 36px;
}
#calendar form div.row label.order_phone_number {
    float: left;
    width: 120px;
    text-align: center;
    line-height: 12px;
}
div.submitBasket {
    text-align: right;
    padding: 20px 40px;
}
button.button,
a.button {
    color: #ED145B;
    font-family: 'BebasNeueRegular';
    font-size: 18px;
    text-decoration: none;
    padding: 8px 12px 6px 12px;
    border: 1px solid #ed145b;
    background: transparent;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

button.button:hover,
button.button:active,
button.button:focus {
    color:#fff;
    background:#ed145b;
    border-color:#ed145b;
}

button.button:disabled {
    color: gray;
    background-color: lightgray;
    border: 1px solid gray;
}

button.alt-button,
a.alt-button {
    color: #000;

    font-weight: 400;
    text-decoration: none;
    padding: 16px 40px 17px 40px;
    border-top: 1px solid #bebebe;
    border-bottom: 1px solid #898989;
    border-left: 1px solid #a3a3a3;
    border-right: 1px solid #a3a3a3;
    border-radius: 3px;
    background: #f4f4f4;
}

button.alt-button:disabled,
a.alt-button:disabled {
    color: gray;
    background-color: lightgray;
    border: 1px solid gray;
}

section a.button,
section a.alt-button {
    position: absolute;
    top: 25px;
    right: 20px;
}
section select {
    position: absolute;
    top: 25px;
    right: 20px;
    color: #000;
  
    font-weight: 400;
    text-decoration: none;
    padding: 16px 20px 17px 20px;
    border-top: 1px solid #bebebe;
    border-bottom: 1px solid #898989;
    border-left: 1px solid #a3a3a3;
    border-right: 1px solid #a3a3a3;
    border-radius: 3px;
    background: #f4f4f4;
    width: 200px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
}
/* ...but only where a <select> IS the section's one control. The absolute
   top-right pin above was written for the storefront's standalone "another
   delivery address" picker. The delivery-override page's <select> is one field
   of a multi-field add form, and pinning it to the section corner tore it away
   from that form: the day input and the Save button sit on the left while the
   kind they apply to floats off on the right. That is how an admin closes the
   wrong day. Put this one back in the normal flow -- position only; the size,
   border and background above still apply, so it stays the same control. */
body#delivery_overrides section select {
    position: static;
}
div.container.login {
    width: 275px;
    padding-top: 65px;
    text-align: center;
    margin: auto;
    color: #6c6c6c;
}
div.container.login img {
    text-align: center;
    margin: 30px;
    height: 150px;
}
div.container.login form {
    
    text-align: left;
}
div.container.login form div.form {
    padding: 20px 35px;
    line-height: 34px;
    border-radius: 4px;
}
div.container.login form div.error {
    display: none;
    color: #8b2845;
    padding: 20px 35px;
    font-weight: 600;
    background: #f6f6f6;
    border-bottom: 1px solid #b9b9b9;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
div.container.login form div.done {
    display: none;
    padding: 20px 35px;
    font-weight: 600;
    background: #f6f6f6;
    border-bottom: 1px solid #b9b9b9;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
div.container.login form.error div.error.active {
    display: block;
}
div.container.login form.done div.done {
    display: block;
}
div.container.login form.error div.form {
    padding-top: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
div.container.login form.error input {
    border: 1px solid #8b2845;
}
div.container.login form label {
    font-weight: 600;
    color: #ffffff;
}
div.container.login form input {
    height: 28px;
    padding: 4px 10px;
    margin: 0;
    border-radius: 0px;
    border: 1px solid #c0c0c0;
    background: white;
    width: 185px;
}
div.container.login form button {
    width: 207px;
    height: 40px;
    margin: 17px 0;
    cursor: pointer;
}
span.tooltip-icon {
    position: relative;
    background: #f7f7f7;
    padding: 3px 8px;
    font-size: 11px !important;
    font-weight: bold;
    border-radius: 10px;
    margin-left: 10px;
    cursor: pointer;
}
span.tooltip-icon div.arrow {
    position: absolute;
    display: none;
    left: 20px;
    top: 4px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 6.5px 8px 6.5px 0;
    border-color: transparent white transparent transparent;
    z-index: 6;
}
span.tooltip-icon div.arrow-border {
    position: absolute;
    display: none;
    left: 19px;
    top: 3px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7.5px 10px 7.5px 0;
    border-color: transparent #b6b6b6 transparent transparent;
    z-index: 4;
}
span.tooltip-icon div.tooltip {
    position: absolute;
    display: none;
    width: 260px;
    line-height: 1.5;
    font-size: 13px;
    background: white;
    border-left: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #b6b6b6;
    font-weight: normal;
    padding: 15px;
    top: -20px;
    left: 27px;
    z-index: 5;
}
div.col.price {
    min-width: 80px;
}
div.col.price div.details a {
    color: #95415a;
  
}
span.tooltip-icon:hover div.arrow,
span.tooltip-icon:hover div.arrow-border,
span.tooltip-icon:hover div.tooltip {
    display: block;
}
#calendar section {
    padding: 25px 15px;
    height: 50px;
}
#calendar section h2 {
    font-weight: 300;

}
#calendar table {
    border: 1px solid #a0a0a0;
}
#calendar div.delivery {
    margin: 30px 30px 5px 30px;
}
#calendar table td,
#calendar table th {
    text-align: center;
    vertical-align: top;
    border-left: 1px solid #a0a0a0;
    border-right: 1px solid #a0a0a0;
    line-height: 30px;
}
#calendar table th {
    line-height: 50px;
}
#calendar table td {
    padding: 15px 0;
}
#calendar table tr td:first-child,
#calendar table tr th:first-child {
    padding-left: 0;
}
#calendar table tr td:last-child,
#calendar table tr th:last-child {
    padding-right: 0;
}
#calendar table tr:hover td {
    background: transparent;
}
#calendar table tr td div.day {
    font-size: 2em;
    font-weight: 300;
    color: #757575;
    margin: 0 0 10px 0;
}
#calendar table tr td div.date {
    display: none;
}
#option table tr td div.option {
    cursor: pointer;
}
#calendar table tr td div.day.align-0 {
    color: #8a1839;
}
#calendar table tr td div.day.align-1 {
    color: #cdcdcd;
}
#calendar table tr td div.option:hover {
    background: white;
    cursor: pointer;
}
#calendar table tr td div.option.active {
    background: #8a1839;
    color: white;
}
.calendarForm {
    margin: 5px 30px;
    text-align: right;
}
#calendar #content form button {
    cursor: pointer;
}
#calendar div.express {
    display: none;
}
#calendar div.block {
    padding: 20px 15px;
    border: 1px solid #b6b6b6;
    border-radius: 4px;
}
#calendar div.prices {
    padding-top: 20px;
}
#calendar div.delivery div.method {
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 5px;
}
#calendar div.delivery fieldset {
    
    margin-right: 10px;
    padding: 5px 15px;
    float: left;
    border-radius: 4px;
    border: 0;
}
#calendar div.delivery fieldset.active {
    background: white;
}
#calendar div.delivery div.methods {
    padding: 15px 5px 10px 5px;
}
#calendar table.mobile td:first-child {
    text-align: center;
    vertical-align: middle;
    border: none;
    width: 120px;
    background: white;
}
#calendar table.mobile td:last-child {
    border: none;
}
#calendar table.mobile {
    border-spacing: 5px;
    border-collapse: collapse;
    border: 1px solid #a0a0a0;
}
#calendar table.mobile tr {
    border: 1px solid #a0a0a0;
}
#calendar table td div.dayname {
    font-weight: bold;
    font-size: 10px;
    padding-bottom: 5px;
}
#order table td.netto,
#order table th.netto,
#order table td.brutto,
#order table th.brutto {
    width: 120px;
    text-align: right;
}
#order table td.package,
#order table th.package {
    width: 60px;
    text-align: right;
}
#order table td.system-id,
#order table th.system-id {
    width: 120px;
}
#order table td.final-ratio,
#order table td.final-netto,
#order table td.final-tax,
#order table td.final-price,
#order table th.final-ratio,
#order table th.final-netto,
#order table th.final-tax,
#order table th.final-price {
    width: 25%;
}
#order table {
    margin-bottom: 60px;
}
#order table td.final-price,
section.order-big div.final-price,
section.order-collapsed div.final-price {
    font-size: 2em;
    font-weight: bold;
    text-align: right;
}
section.order-big div.price div.final-price,
section.order-collapsed div.price div.final-price {
    text-align: left;
}
/*section.order-collapsed {
    cursor: pointer;
}*/
section.order-collapsed li.alter {
    padding-left: 30px;
    line-height: 30px;
}
#order table th.final-price {
    text-align: right;
}
#order div.contact {
    margin: 40px;
}

#order div.contact div.col {
    float: left;
    width: 50%;
}
#order div.contact div.category,
section.order-big div.category,
section.order-collapsed div.category {
    font-weight: bold;
   
    margin-bottom: 10px;
}
section.order-big ul li {
    line-height: 30px;
}
section.order-big li span {
    font-size: 1em;
}
#order div.contact div.title,
section.order-big li.title,
section.order-collapsed li.title {
    font-weight: 300;
    font-size: 1.2em;
}
section.order-big li.inactive,
section.order-collapsed li.inactive {
    color: #bcbcbc;
}
#order div.contact div.name {
    font-weight: 300;
    font-size: 2em;
}
section.order-big {
    height: 175px;
    padding: 0px;
}
section.order-collapsed {
    height: 125px;
    padding: 0px;
    margin:20px;
    border: 1px solid #f2f2f2;
}
section.order-big div.col,
section.order-collapsed div.col {
    float: left;
}
section.order-big div.col.status,
section.order-collapsed div.col.status {
    width: 400px;
}
section.order-big div.status,
section.order-big div.price,
section.order-collapsed div.status,
section.order-collapsed div.price {
    padding: 15px 20px;
}
section.order-big div.img,
section.order-collapsed div.img {
/*    width: 175px;*/
    width: 450px;
}
section.order-collapsed div.img_mobile { 
/*    width: 450px;*/
    width: auto;
    display: none;
    justify-content: center;
}
section.order-big div.price,
section.order-collapsed div.price {
    float: right;
}
section div ul {
    list-style: none;
}
#account #content form.user {
    padding: 20px 0 0 40px;
}
#account form div.row {
    line-height: 48px;
}
#account form div.row label,
#account form div.row div.input {
    float: left;
}
#account form div.row label {
    width: 150px;
}
#account form div.row input {
    width: 360px;
    padding: 10px;
    border: none;
    background: #f2f2f2;
}
#account form div.row div.input fieldset {
    padding: 20px;
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    margin-bottom: 20px;
}
#account form div.row div.input fieldset div.input {
    width: 220px;
}
#account form div.row div.input fieldset div.input input {
    width: 190px;
}
#account form div.row div.input div.error {
    color: #8b2845;
    line-height: 20px;
    padding-bottom: 4px;
    display: none;
}
#account form div.row div.input div.error {
    width: 377px;
}
#account form div.row div.input div.comment {
    line-height: 20px;

    padding-bottom: 4px;
    width: 377px;
}
#account form div.row div.input div.error.active {
    display: block;
}

#account form div.row div.control div.error {
    color: #8b2845;
    line-height: 20px;
    padding-bottom: 4px;
    display: none;
}
#account form div.row div.control div.error.active {
    display: block;
}

#account span.password {
    color: #ED145B;
    cursor: pointer;
    text-decoration: underline;
}
#account #password {
    display: none;
}
#account #password.active {
    display: block;
}
#account fieldset.address {
    margin: 5px 0;
    padding: 10px 20px;
    border-radius: 4px;
    border: 1px solid #c8c8c8;
    line-height: 40px;
}
#account fieldset.address span.actionPhoneModify,
#account fieldset.address span.actionPhoneClose {
    color: #95415a;
    cursor: pointer;
    text-decoration: underline;
}
#account fieldset.address span.actionPhoneClose {
    color: black;
}
#account fieldset.address div.modify {
    display: block;
}
#account fieldset.address.active div.modify {
    display: none;
}
#account fieldset.address div.col {
    float: left;
}
#account fieldset.address div.modify {
    text-align: right;
}
#account form button,
#account div.newAddress button {
    cursor: pointer;
    padding: 11px 25px 12px 25px;
}
#account div.newAddress {
    text-align: right;
    margin: 20px 0 10px 0;
}
#account div.newAddress.inactive {
    display: none;
}
#account fieldset.address form {
    padding: 0 !important;
    margin: 20px 0 0 0;
    display: none;
}
#account fieldset.new {
    display: none;
}
#account fieldset.new.active {
    display: block;
}
#account fieldset.address.active form {
    display: block;
}
#account fieldset.address.new form {
    margin: 0;
}
#account fieldset.address form label {
    width: 140px;
}
#account fieldset.address div.normal.inactive {
    display: none;
}
#account fieldset.address div.success.inactive {
    display: block;
}
#account fieldset.address div.success {
    display: none;
    line-height: 24px;
}
#account fieldset.address form input {
    width: 355px;
}
#account fieldset.address form input.phone {
    width: 222px;
}
#account fieldset.address form input.pcode {
    width: 50px;
}
#account div.addresses {
    padding: 20px 40px 20px 40px;
    width: 562px;
}
#account fieldset.address form div.control {
    float: left;
    margin-left: 10px;
    line-height: 30px;
    position: relative;
    top: 2px;
}
#calendar div.error {
    background: #b52557;
    padding: 20px;
    margin: 10px 0;
    color: white;
    display: none;
}
#calendar div.error.active {
    display: block;
}
#order div.modify {
    padding: 0 40px;
}
#order div.modify div.control {
    text-align: right;
    margin-top: 10px;
}
#order div.modify div.control button {
    cursor: pointer;
}

#order div.modify form div.error {
    color: #8b2845;
    line-height: 20px;
    padding-bottom: 4px;
    display: none;
}
#order div.modify form div.error.active {
    display: block;
}

#faq #real-content div.ctt h1 {
    font-size: 4em;
}
#faq #real-content div.ctt h2 {
    margin: 60px 0 20px 0;
}
#faq #real-content div.ctt p {
    padding: 0 40px;
    line-height: 1.6em;
}
#faq #real-content div.ctt ul li p {
    padding: 0;
}
#faq #real-content div.ctt ul {
    list-style-type:none;
    margin: 0 0 40px;
}
#faq #real-content div.ctt ul li {
    margin: 1.6em 0 0 40px;
}
#faq #real-content a, 
#faq #real-content a:visited {
    color: #8A1839;
    text-decoration: underline;
}
#faq #real-content a:hover{
    text-decoration: none;
}
#faq #real-content img{
    width: 100%;
}
#faq #real-content div.ctt.faq ol{
    list-style-type: decimal;
}
div.col.price {
    position: relative;
}


section.advertise-collapsed  * {
    box-sizing: border-box;
}

section.advertise-collapsed div.col_img{
    float: left;
    width: 40%; 
    padding: 5px;   
}

section.advertise-collapsed div.col_text{
    float: left;
    width: 20%; 
    padding: 5px;   
}


@media all and (max-width: 1024px) {

    body {
        font-size: 18px;
    }
    nav{
    width:215px;
    }
    
    nav header div.main-link {
    width:215px;
    }
    
    #content {
        max-width: none;
        padding: 0;
    }
    table th {
        padding-bottom: 5px;
    }
    table tr {
        line-height: 60px;
    }
    section.order-big li span.deladdress {
        display: none;
    }
/*    
    td.product-control,
    th.product-control {
        width: 170px;
        min-width: 170px;
        max-width: 170px;
        padding-right: 10px;
    }
*/
    td.product-control,
    th.product-control {
        width: 120px;
        min-width: 120px;
        max-width: 120px;
        padding-right: 10px;
    }

    td.product-control fieldset {
        border-radius: 2px;
        border-top: 1px solid #c4c4c4;
        border-left: 1px solid #d7d7d7;
        border-right: 1px solid #d7d7d7;
        border-bottom: 1px solid #e2e2e2;
        width: 130px;
        padding: 1px;
        float: right;
    }
    td.product-control fieldset input {
        width: 30px;
        padding: 0 10px;
        height: 40px;
    
        text-align: center;
        float: left;
        border: none;
    }
    button.product-add,
    button.product-remove {
        display: block;
        width: 40px;
        height: 40px;
    }
    td.product-package-price,
    td.product-original-price,
    td.product-discount-price,
    th.product-package-price,
    th.product-original-price,
    th.product-full-price,
    th.product-discount-price,
    td.product-full-price {
        display: none !important;
    }
    table tr td:last-child,
    table tr th:last-child {
        padding-right: 10px;
    }
    div.submitBasket {
        padding: 20px 10px;
    }

    #order table td.netto,
    #order table th.netto {
        display: none;
    }

    section.order-collapsed div.img {
/*        width: 125px;*/
        width: 525px;
        overflow: hidden;
        position: relative;
    }
    section.order-collapsed div.img img {
        position: relative;
        left: -25px;
    }

    section.order-collapsed div.img_mobile { 
/*        width: 525px;*/
        width: auto;
        display: none;
        justify-content: center;
    }

    section.order-collapsed div.popupImg_mobile { 
/*        width: 525px;*/
        width: auto;
        display: none;
        justify-content: center;
    }

    section.order-big div.col.status,
    section.order-collapsed div.col.status {
        width: 320px;
    }
    #order section.order-big div.col.status,
    #order section.order-collapsed div.col.status {
        width: 240px;
    }
    #calendar form div.row label.description {
        width: 120px;
    }
    #calendar form div.row label.order_phone_number {
        width: 140px;
    }
    #overlay section.order-big {
        margin: 0 5px 0 245px;
    }
    #overlay section.order-header {
        margin: 120px 5px 0 245px;
    }
}

@media all and (max-width: 870px) {

    body {
        overflow-x: hidden;
        width: 100%;
    }
    nav li {
        padding: 13px 20px 13px 20px;
        border-bottom: 1px solid #2e2e2e;
        margin: 0;
    }
    h1, h2 {
        padding: 0 10px;
    }
    h1 {
        margin-top: 10px;
    }
    h2 {
        margin-bottom: 10px;
    }
    nav header {
        height: 122px;
    }
    nav header div {
        display: none;
    }
    nav li.active {
        padding-left: 16px;
    }
    #layer.active {
        position: absolute;
        display: block;
        top: 0px;
        left: 215px;
        z-index: 20;
        width: 100%;
        height: 100%;
    }
    div.container.login {
        padding-top: 0;
    }
    span.tooltip-icon {
        display: none;
    }
    td.product-package-price,
    th.product-package-price {
        display: none;
    }
    table tr {
        line-height: 45px;
    }
    table td {
        font-size: 14px;
        font-weight: 300;
    }
    #category table tr th {
        padding-bottom: 0px;
    }
    table tr td:first-child,
    table tr th:first-child {
        padding-left: 10px;
    }
    table tr td:last-child,
    table tr th:last-child {
        padding-right: 10px;
    }
    td.product-control fieldset {
        border-radius: 2px;
        border-top: 1px solid #c4c4c4;
        border-left: 1px solid #d7d7d7;
        border-right: 1px solid #d7d7d7;
        border-bottom: 1px solid #e2e2e2;
        width: 92px;
        padding: 1px;
        float: right;
    }
    td.product-control fieldset input {
        width: 20px;
        padding: 0 8px;
        height: 28px;
        font-size: 15px;
        float: left;
        border: none;
    }
    th.product-price,
    td.product-price {
        display: none !important;  
        width: 105px;
    }
    th.product-control,
    td.product-control {
        width: 105px !important;
    }
    button.product-add,
    button.product-remove {
        display: block;
        width: 28px;
        height: 28px;
    }
    section {
        height: 106px; 
        padding: 5px;
        margin: 10px;
    }
    div.h1 {
        font-size: 15px;
        padding: 0 10px;
    }
    section h1,
    section h2 {
        font-size: 15px;
    }
    section h2 {
        font-size: 15px;
    }
    section h3 {
        font-size: 8px;
    }
    section h4 {
        
    }
    #calendar div.express div.title,
    #calendar div.express div.price {
        font-size: 15px;
    }
    #calendar div.express div.discount {
        font-size: 8px;
    }
    #calendar div.express div:first-child {
        font-size: 14px;
    }
    #calendar div.delivery {
        margin: 10px;
    }
    #calendar #content form button {
        margin-right: 0;
        margin-bottom: 20px;
    }
    #calendar #content form {
        margin: 5px 10px;
    }
    #calendar table.mobile {
        display: table;
    }
    #calendar table.desktop {
        display: none;
    }
    #calendar table tr {
        height: 120px;
    }
    button.button,
    a.button {
        text-align: center;
        width: 100%;
        display: inline-block;
    }
    
    td.product-name-mobile{
        display: block;
    }
    
    td.product-name-desktop{
        display: none;
    }
    
    td.product-name-orderedItem-remove-mobile{    
        display: block;
    }

    td.orderedItem-remove-desktop {
        display: none;
    }
    
    th.orderedItem-remove,
    td.orderedItem-remove {
        display: none;
    }
    
    a.alt-button {
        padding: 8px 20px 8px 20px;
        font-size: 10px;
    }
    section a.button {
        position: absolute;
        top: 18px;
        right: 10px;
    }
    nav fieldset {
        margin: 10px;
        height: 40px;
        background-color: #1f1f1f;
        border: none;
        border-radius: 4px;
        margin-top: 25px;
        margin-bottom: 15px;
    }
    nav fieldset input {
        font-size: 15px;
        padding: 0 15px;
    }
    nav header {
        background: url('../img/raiker-header-mobile.png') no-repeat;
        background-size: 215px 96px;
        height: 96px;
        padding: 0;
    }
    nav header div.main-link {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        height: 96px;
        width: 110px;
        cursor: pointer;
    }
    nav header div.basket-link {
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        height: 96px;
        width: 105px;
        cursor: pointer;
    }
    table tr.wrapping {
        display: none;
    }
    #order table th.product-name,
    #order table td.product-name {
        padding-left: 10px;

    }
    #order table td.netto,
    #order table th.netto,
    #order table td.system-id,
    #order table th.system-id {
        display: none;
    }
    #order table td.final-price {
        font-size: 15px;
    }
    #order div.contact div.title, 
    #order div.contact div.name {
        font-size: 15px;
    }
    #order div.contact {
        margin: 20px 10px;
    }
    #order div.contact {
        font-size: 12px;
    }
    #order table {
        margin-bottom: 20px;
    }
    section.order-big img {
        width: 140px;
        height: 140px;
    }
    section.order-collapsed img {
/*        width: 140px;*/
        width: 350px;
        height: 100px;
    }
    section a.button,
    section a.alt-button {
        position: absolute;
        top: 20px;
        right: 10px;
    }
    #calendar section {
        height: 48px;
        padding: 10px;
    }
    #calendar h2 {
        font-size: 12px !important;
    }
    section select {
        top: 20px;
        right: 10px;
        font-size: 10px;
        padding: 8px 10px 8px 10px;
        width: 130px;
    }
    section.order-big {
        height: 140px;
    }
    section.order-collapsed {
        height: 100px;
    }
    section.order-big div.price,
    section.order-big div.status,
    section.order-collapsed div.price,
    section.order-collapsed div.status {
        padding: 10px;
    }
    section.order-big div.price,
    section.order-collapsed div.price {
        display: block;
    }
    #order table td.final-price, 
    section.order-big div.price div.final-price,
    section.order-collapsed div.price div.final-price {
        font-size: 15px;
    }
    section.order-big ul li,
    section.order-collapsed ul li {
        font-size: 10px;
        line-height: 25px;
    }
    section.order-big li.title,
    section.order-collapsed li.title {
        font-size: 13px;
    }
    #order div.contact div.col {
        width: 100%;
        margin: 10px 0;
    }
    section.order-big div.img,
    section.order-collapsed div.img { 
/*        width: 140px;*/
/*        width: 335px;*/
        width: auto;
        display: none;
    }

    section.order-collapsed div.img_mobile { 
/*        width: 345px;*/
        width: auto;
        display: flex;
        justify-content: center;
    }

    section.order-collapsed div.popupImg_mobile { 
/*        width: 340px;*/
        width: auto;
        display: flex;
        justify-content: center;
    }

    section.order-collapsed li.alter {
        padding-left: 20px;
        line-height: 20px;
    }
    #order table td.final-ratio,
    #order table th.final-ratio {
        display: none;
    }
    #order table td.final-netto,
    #order table th.final-netto {
        padding-left: 10px;
    }
    #account #content form {
        padding: 20px 10px 0 10px;
        font-size: 14px;
        font-weight: 300;
    }
    #account form div.row {
        line-height: 24px;
    }
    #account form div.row label,
    #account form div.row div.input {
        float: none;
        margin-bottom: 10px;
        width: 100%;
    }
    #account form div.row label {
        width: auto;
    }
    #account form div.row input {
        width: 90%;
        padding: 10px;
        font-size: 13px;
    }
    #account form div.row div.input fieldset {
        padding: 10px;
        margin-bottom: 10px;
    }
    #account form div.row div.input fieldset div.input {
        width: 100%;
    }
    #account form div.row div.input fieldset div.input input {
        width: 90%;
    }
    #account div.addresses {
        padding: 10px;
        width: auto;
        font-size: 14px;
        font-weight: 300;
    }
    #account fieldset.address {
        padding: 10px;
    }
    #account fieldset.address div.col {
        float: none;
    }
    #account #content form {
        padding: 0;
    }
    #account fieldset.address form div.control {
        float: none;
        padding: 0;
        margin: 0;
    }
    #account fieldset.address form div.control br {
        display: none;
    }
    #account form div.row label, #account form div.row div.input {
        width: auto;
    }
    #account form div.row div.input div.error,
    #account form div.row div.input div.comment {
        width: 90%;
    }
    #account div.addresses form div.row:last-child label {
        display: none;
    }
    div.col.price div.details a {
        font-size: 13px;
    }
    nav {
        position: absolute;
        top: 0px;
        left: 0px;
        float: none;
        font-size: 17px;
        width: 215px;
        overflow: hidden;
    }
    #toolbar {
        position: fixed;
        width: 100%;
        display: block;
        height: 52px;
        z-index: 15;
        line-height: 52px;
        background: #901b3d; /* Old browsers */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkwMWIzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YzE5M2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #901b3d 0%, #8c193a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#901b3d), color-stop(100%,#8c193a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #901b3d 0%,#8c193a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #901b3d 0%,#8c193a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #901b3d 0%,#8c193a 100%); /* IE10+ */
        /*background: linear-gradient(to bottom, #901b3d 0%,#8c193a 100%);*/ /* W3C */
        background: linear-gradient(to bottom, #ED145B 0%,#8c193a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#901b3d', endColorstr='#8c193a',GradientType=0 ); /* IE6-8 */
    }
    .slide {
        -webkit-transition: all .2s linear;
        -webkit-transform: translate3d(0,0,0);
    }
    #content.active .slide {
        -webkit-transform: translate3d(215px,0,0);
    }
    #content.active #real-content {
        position: fixed;
    }
    #content {
        width: 100%;
        background: #eeeeee;
        left: 0px;
        top: 0px;
        z-index: 10;
    }
    #real-content {
        background-color: #eee;
        margin-top: 52px;
        padding: 8px 0;
    }
    #account #content form.user {
        padding: 10px;
    }
    body {
        background: #eee;
    }
    section.order-big div.col.status,
    section.order-collapsed div.col.status {
        width: auto;
    }
    #order section.order-big div.col.status,
    #order section.order-collapsed div.col.status {
        width: 240px;
    }
    #calendar form div.row {
        text-align: left;
        line-height: 24px;
        font-size: 14px;
    }
    #calendar form div.row label.description {
        float: none;
        width: 90%;
    }
    #calendar form div.row label.order_phone_number {
        float: none;
        width: 60%;
    }
    #calendar form div.row textarea {
        float: none;
        width: 100%;
        padding: 0px;
        font-size: 13px;
        margin-bottom: 10px;
    }
    #calendar form div.row textarea#order_phone_number {
        float: none;
        width: 60%;
        padding: 0px;
        font-size: 13px;
        margin-bottom: 10px;
    }
    #order div.modify {
        padding: 0 10px;
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 50px;
    }
    #faq #real-content div.ctt h1 {
        font-size: 24px;
    }
    #faq #real-content div.ctt h2 {
        margin: 30px 0 10px 0;
        font-size: 16px;
    }
    #faq #real-content div.ctt p {
        padding: 0 10px;
        line-height: 1.6em;
        font-size: 14px;
        font-weight: 300;
    }
    #faq #real-content div.ctt ul li p {
        padding: 0;
    }
    #faq #real-content div.ctt ul {
        list-style-type:none;
        margin: 0 0 10px;
    }
    #faq #real-content div.ctt ul li {
        margin: 1.1em 0 0 10px;
    }
    #faq #real-content a, 
    #faq #real-content a:visited {
        font-size: 14px;
        font-weight: 300;
        color: #8A1839;
        text-decoration: underline;
    }
    #faq #real-content a:hover{
        text-decoration: none;
    }
    #faq #real-content img{
        width: 100%;
    }
    #faq #real-content div.ctt.faq ol{
        list-style-type: decimal;
    }
    #overlay section.order-big {
        margin: 0 10px 0 10px;
    }
    #overlay section.order-header {
        margin: 120px 10px 0 10px;
        font-size: 13px;
    }
    #basket div.error {
        font-size: 14px;
        margin: 10px;
    }
}