a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1;
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

ol,
ul {
    list-style: none;
    margin-top: 0;
    margin-bottom: 9px
}

caption,
td,
th {
    text-align: left;
    font-weight: 400;
    vertical-align: middle
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

a img {
    border: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

@font-face {
    font-family: Calibris;
    src: url(/themes/default-bootstrap/fonts/Calibri.eot);
    src: url(/themes/default-bootstrap/fonts/Calibri.woff2) format("woff2"), url(/themes/default-bootstrap/fonts/Calibri.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

.boxlistproducts {
    background-color: #fff;
    position: relative;
    width: 107%
}

.buttongrey {
    border: none;
    font-size: 17px;
    background-color: grey;
    color: #fff;
    padding: 5px;
    text-transform: uppercase
}

.productlist,
.productlisthome {
    width: 120%;
    margin-left: 30px;
    overflow: hidden;
    text-transform: uppercase;
    color: #fff;
    font-size: 3.5em
}

.productlist img,
.productlisthome img {
    margin-right: 1%;
    margin-left: 1%;
    padding-bottom: 3px;
    width: 1.9%
}

.productlist span,
.productlisthome span {
    display: inline-block;
    vertical-align: middle
}

.shadowform,
body#address #center_column .newadress.box {
    border: 1px solid #cacaca
}

/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block
}

canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;
    vertical-align: middle
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: none
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
    background-color: transparent
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: .58vw;
    -webkit-tap-highlight-color: transparent
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input,
select[multiple],
textarea {
    background-image: none
}

a {
    color: #000;
    text-decoration: none
}

a:focus,
a:hover {
    color: #000
}

a:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    background-color: #fff;
    border-radius: 0;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

hr {
    margin-top: 18px;
    margin-bottom: 18px;
    border: 0;
    border-top: 1px solid #eee
}

p {
    margin: 0 0 9px
}

small {
    font-size: 85%
}

.text-muted {
    color: #999
}

.text-primary {
    color: #428bca
}

.text-danger,
.text-info,
.text-success,
.text-warning {
    color: #fff
}

.text-left {
    text-align: left
}

#cart_summary tbody td.cart_total,
#cart_summary tbody td.cart_unit,
.text-right {
    text-align: right
}

#cart_summary tbody td.cart_avail,
#cart_summary tbody td.cart_delete,
#cart_summary tbody td.cart_product,
#cart_summary thead th.cart_product,
.text-center {
    text-align: center
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.1
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-weight: 400;
    line-height: 1;
    color: #999
}

h2,
h3 {
    margin-top: 18px;
    margin-bottom: 9px
}

h4,
h5,
h6 {
    margin-top: 9px;
    margin-bottom: 9px
}

.h2,
h2 {
    font-size: 27px
}

.page-header {
    padding-bottom: 8px;
    margin: 36px 0 18px;
    border-bottom: 1px solid #eee
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

dl,
pre.prettyprint {
    margin-bottom: 18px
}

dd,
dt {
    line-height: 1.42857
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

q:after,
q:before {
    content: ""
}

address {
    display: block;
    margin-bottom: 18px;
    font-style: normal;
    line-height: 1.42857
}

code,
pre {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    white-space: nowrap;
    border-radius: 0
}

pre {
    white-space: pre-wrap;
    display: block;
    padding: 8.5px;
    margin: 0 0 9px;
    font-size: 12px;
    line-height: 1.42857;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 0
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container:after,
.container:before {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.row:after,
.row:before {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

@media (min-width: 768px) {
    .container {
        max-width: 100%
    }

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 100%
    }

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 100%
    }

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }
}

th {
    text-align: left
}

.table {
    width: 100%
}

.table tbody>tr>td,
.table tbody>tr>th,
.table tfoot>tr>td,
.table tfoot>tr>th,
.table thead>tr>td,
.table thead>tr>th {
    padding: 9px 8px 11px 18px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #d6d4d4
}

.table thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #d6d4d4
}

.table caption+thead tr:first-child td,
.table caption+thead tr:first-child th,
.table colgroup+thead tr:first-child td,
.table colgroup+thead tr:first-child th,
.table thead:first-child tr:first-child td,
.table thead:first-child tr:first-child th {
    border-top: 0
}

.table tbody+tbody {
    border-top: 2px solid #d6d4d4
}

.table .table {
    background-color: #ebebeb
}

.table-condensed tbody>tr>td,
.table-condensed tbody>tr>th,
.table-condensed tfoot>tr>td,
.table-condensed tfoot>tr>th,
.table-condensed thead>tr>td,
.table-condensed thead>tr>th {
    padding: 5px
}

.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #d6d4d4
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th {
    background-color: #f5f5f5
}

table col[class*=col-] {
    float: none;
    display: table-column
}

table td[class*=col-],
table th[class*=col-] {
    float: none;
    display: table-cell
}

.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
    background-color: #55c65e;
    border-color: #48b151
}

.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
    background-color: #42c04c;
    border-color: #419f49
}

.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
    background-color: #f3515c;
    border-color: #d4323d
}

.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
    background-color: #f13946;
    border-color: #c32933
}

.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
    background-color: #fe9126;
    border-color: #e4752b
}

.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
    background-color: #fe840d;
    border-color: #da681c
}

@media (max-width: 768px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: scroll;
        border: 1px solid #d6d4d4
    }

    .table-responsive>.table {
        margin-bottom: 0;
        background-color: #fff
    }

    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th,
    .table-responsive>.table-bordered>thead>tr:last-child>td,
    .table-responsive>.table-bordered>thead>tr:last-child>th {
        border-bottom: 0
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 18px;
    font-size: 19.5px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700;
    color: #333
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=checkbox],
input[type=radio] {
    margin: 4px 0 0;
    line-height: normal
}

input[type=file] {
    display: block
}

select[multiple],
select[size] {
    height: auto
}

select optgroup {
    font-size: inherit;
    font-style: inherit;
    font-family: inherit
}

input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
    outline: #333 dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

.form-control:-moz-placeholder {
    color: #999
}

.form-control::-moz-placeholder {
    color: #999
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control {
    display: block;
    width: 100%;
    line-height: 1.42857;
    color: #000;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #d6d4d4;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 15px
}

.checkbox,
.radio {
    display: block;
    min-height: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    vertical-align: middle
}

.checkbox label,
.radio label {
    display: inline;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    float: left;
    margin-left: -20px
}

.checkbox+.checkbox,
.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,
.radio-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.checkbox-inline[disabled],
.checkbox[disabled],
.radio-inline[disabled],
.radio[disabled],
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=radio][disabled] {
    cursor: not-allowed
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn,
.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.input-group-sm>.input-group-btn>select.btn,
.input-group-sm>select.form-control,
.input-group-sm>select.input-group-addon,
select.input-sm {
    height: 30px;
    line-height: 30px
}

.input-group-sm>.input-group-btn>textarea.btn,
.input-group-sm>textarea.form-control,
.input-group-sm>textarea.input-group-addon,
textarea.input-sm {
    height: auto
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn,
.input-lg {
    height: 44px;
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.33;
    border-radius: 6px
}

.input-group-lg>.input-group-btn>select.btn,
.input-group-lg>select.form-control,
.input-group-lg>select.input-group-addon,
select.input-lg {
    height: 44px;
    line-height: 44px
}

.input-group-lg>.input-group-btn>textarea.btn,
.input-group-lg>textarea.form-control,
.input-group-lg>textarea.input-group-addon,
textarea.input-lg {
    height: auto
}

.has-warning .control-label,
.has-warning .help-block {
    color: #fff
}

.has-warning .form-control {
    border-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .input-group-addon {
    color: #fff;
    border-color: #fff;
    background-color: #fe9126
}

.has-error .control-label,
.has-error .help-block {
    color: #fff
}

.has-error .form-control {
    border-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .input-group-addon {
    color: #fff;
    border-color: #fff;
    background-color: #f3515c
}

.has-success .control-label,
.has-success .help-block {
    color: #fff
}

.has-success .form-control {
    border-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .input-group-addon {
    color: #fff;
    border-color: #fff;
    background-color: #55c65e
}

.form-control-static {
    margin-bottom: 0;
    padding-top: 7px
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #b7b7b7
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

.form-horizontal .form-group:after,
.form-horizontal .form-group:before {
    content: " ";
    display: table
}

.form-horizontal .form-group:after {
    clear: both
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block
    }

    .form-inline .checkbox,
    .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox],
    .form-inline .radio input[type=radio] {
        float: none;
        margin-left: 0
    }

    .form-horizontal .control-label {
        text-align: right
    }

    #flag_language {
        position: absolute
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 0;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.btn:focus {
    outline: #333 dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.btn:focus,
.btn:hover {
    color: #333;
    text-decoration: none
}

.btn.active,
.btn:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open .btn-default.dropdown-toggle {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad
}

.btn-default.active,
.btn-default:active,
.open .btn-default.dropdown-toggle {
    background-image: none
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #3276b1;
    border-color: #285e8e
}

.btn-primary.active,
.btn-primary:active,
.open .btn-primary.dropdown-toggle {
    background-image: none
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #428bca;
    border-color: #357ebd
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning.active,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ed9c28;
    border-color: #d58512
}

.btn-warning.active,
.btn-warning:active,
.open .btn-warning.dropdown-toggle {
    background-image: none
}

.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger.active,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #d2322d;
    border-color: #ac2925
}

.btn-danger.active,
.btn-danger:active,
.open .btn-danger.dropdown-toggle {
    background-image: none
}

.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-success {
    color: #fff;
    background-color: #46a74e;
    border-color: #3e9546
}

.btn-success.active,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #3a8a41;
    border-color: #2c6a31
}

.btn-success.active,
.btn-success:active,
.open .btn-success.dropdown-toggle {
    background-image: none
}

.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #46a74e;
    border-color: #3e9546
}

.btn-info {
    color: #fff;
    background-color: #5192f3;
    border-color: #3983f1
}

.btn-info.active,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #2b7af0;
    border-color: #0f62de
}

.btn-info.active,
.btn-info:active,
.open .btn-info.dropdown-toggle {
    background-image: none
}

.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #5192f3;
    border-color: #3983f1
}

.btn-link {
    color: #000;
    font-weight: 400;
    cursor: pointer;
    border-radius: 0
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,
.btn-link:hover {
    color: #000;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
    color: #999;
    text-decoration: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.33;
    border-radius: 6px
}

.btn-group-sm>.btn,
.btn-group-xs>.btn,
.btn-sm,
.btn-xs {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-xs>.btn,
.btn-xs {
    padding: 1px 5px
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s;
    transition: height .35s
}

.btn-default .caret {
    border-top-color: #333
}

.btn-danger .caret,
.btn-info .caret,
.btn-primary .caret,
.btn-success .caret,
.btn-warning .caret {
    border-top-color: #fff
}

.dropup .btn-default .caret {
    border-bottom-color: #333
}

.dropup .btn-danger .caret,
.dropup .btn-info .caret,
.dropup .btn-primary .caret,
.dropup .btn-success .caret,
.dropup .btn-warning .caret {
    border-bottom-color: #fff
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    float: left
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 2
}

.btn-group-vertical>.btn:focus,
.btn-group>.btn:focus {
    outline: 0
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar:after,
.btn-toolbar:before {
    content: " ";
    display: table
}

.btn-toolbar:after {
    clear: both
}

.btn-toolbar .btn-group {
    float: left
}

.btn-toolbar>.btn+.btn,
.btn-toolbar>.btn+.btn-group,
.btn-toolbar>.btn-group+.btn,
.btn-toolbar>.btn-group+.btn-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child>.btn:last-child,
.btn-group>.btn-group:first-child>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:last-child>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group-lg.btn-group>.btn+.dropdown-toggle,
.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn .caret {
    margin-left: 0
}

.btn-group-lg>.btn .caret,
.btn-lg .caret {
    border-width: 5px 5px 0
}

.dropup .btn-group-lg>.btn .caret,
.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before {
    content: " ";
    display: table
}

.btn-group-vertical>.btn-group:after {
    clear: both
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child>.btn:last-child,
.btn-group-vertical>.btn-group:first-child>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified .btn {
    float: none;
    display: table-cell;
    width: 1%
}

[data-toggle=buttons]>.btn>input[type=checkbox],
[data-toggle=buttons]>.btn>input[type=radio] {
    display: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group.col {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    background-color: #eee;
    border: 1px solid #d6d4d4;
    border-radius: 0
}

.input-group-addon.input-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn {
    padding: 10px 16px;
    font-size: 17px;
    border-radius: 6px
}

.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -4px
}

.input-group-btn>.btn:active,
.input-group-btn>.btn:hover {
    z-index: 2
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #333
}

.breadcrumb>.active {
    color: #333
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: .5% 0;
    border-radius: 0
}

.pagination #pagination_next,
.pagination #pagination_next a,
.pagination #pagination_previous,
.pagination #pagination_previous a {
    color: #fff;
    background: #666;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.2em;
    margin-left: -1px;
    color: #666
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
    cursor: default
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span {
    color: #999;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 17px
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.alert {
    padding: 15px;
    margin-bottom: 18px;
    border: 1px solid transparent;
    border-radius: 0
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert>p,
.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable {
    padding-right: 35px
}

.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #55c65e;
    border-color: #48b151;
    color: #fff
}

.alert-success hr {
    border-top-color: #419f49
}

.alert-success .alert-link {
    color: #e6e6e6
}

.alert-info {
    background-color: #5192f3;
    border-color: #4b80c3;
    color: #fff
}

.alert-info hr {
    border-top-color: #3d73b7
}

.alert-info .alert-link {
    color: #e6e6e6
}

.alert-warning {
    background-color: #fe9126;
    border-color: #e4752b;
    color: #fff
}

.alert-warning hr {
    border-top-color: #da681c
}

.alert-warning .alert-link {
    color: #e6e6e6
}

.alert-danger {
    background-color: #f3515c;
    border-color: #d4323d;
    color: #fff
}

.alert-danger hr {
    border-top-color: #c32933
}

.alert-danger .alert-link {
    color: #e6e6e6
}

.close {
    float: right;
    font-size: 19.5px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal-open .navbar-fixed-bottom,
.modal-open .navbar-fixed-top,
body.modal-open {
    margin-right: 15px
}

.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-dialog {
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    z-index: 1050
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .5
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857px
}

.modal-title {
    margin: 0;
    line-height: 1.42857
}

.modal-body {
    position: relative;
    padding: 20px
}

.modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer:after,
.modal-footer:before {
    content: " ";
    display: table
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

@media screen and (min-width: 768px) {
    .modal-dialog {
        left: 50%;
        right: auto;
        width: 600px;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    white-space: normal
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover .arrow,
.popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover .arrow {
    border-width: 11px
}

.popover .arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: rgba(0, 0, 0, .25);
    bottom: -11px
}

.popover.top .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.popover.right .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: rgba(0, 0, 0, .25);
    top: -11px
}

.popover.bottom .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

@media screen and (max-width: 400px) {
    @-ms-viewport {
        width: 320px
    }
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.visible-xs,
td.visible-xs,
th.visible-xs,
tr.visible-xs {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs,
    th.visible-xs {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-xs.visible-sm {
        display: block !important
    }

    tr.visible-xs.visible-sm {
        display: table-row !important
    }

    td.visible-xs.visible-sm,
    th.visible-xs.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-xs.visible-md {
        display: block !important
    }

    tr.visible-xs.visible-md {
        display: table-row !important
    }

    td.visible-xs.visible-md,
    th.visible-xs.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-xs.visible-lg {
        display: block !important
    }

    tr.visible-xs.visible-lg {
        display: table-row !important
    }

    td.visible-xs.visible-lg,
    th.visible-xs.visible-lg {
        display: table-cell !important
    }
}

.visible-sm,
td.visible-sm,
th.visible-sm,
tr.visible-sm {
    display: none !important
}

@media (max-width: 767px) {
    .visible-sm.visible-xs {
        display: block !important
    }

    tr.visible-sm.visible-xs {
        display: table-row !important
    }

    td.visible-sm.visible-xs,
    th.visible-sm.visible-xs {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm,
    th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-sm.visible-md {
        display: block !important
    }

    tr.visible-sm.visible-md {
        display: table-row !important
    }

    td.visible-sm.visible-md,
    th.visible-sm.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-sm.visible-lg {
        display: block !important
    }

    tr.visible-sm.visible-lg {
        display: table-row !important
    }

    td.visible-sm.visible-lg,
    th.visible-sm.visible-lg {
        display: table-cell !important
    }
}

.visible-md,
td.visible-md,
th.visible-md,
tr.visible-md {
    display: none !important
}

@media (max-width: 767px) {
    .visible-md.visible-xs {
        display: block !important
    }

    tr.visible-md.visible-xs {
        display: table-row !important
    }

    td.visible-md.visible-xs,
    th.visible-md.visible-xs {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-md.visible-sm {
        display: block !important
    }

    tr.visible-md.visible-sm {
        display: table-row !important
    }

    td.visible-md.visible-sm,
    th.visible-md.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md,
    th.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-md.visible-lg {
        display: block !important
    }

    tr.visible-md.visible-lg {
        display: table-row !important
    }

    td.visible-md.visible-lg,
    th.visible-md.visible-lg {
        display: table-cell !important
    }
}

.visible-lg,
td.visible-lg,
th.visible-lg,
tr.visible-lg {
    display: none !important
}

@media (max-width: 767px) {
    .visible-lg.visible-xs {
        display: block !important
    }

    tr.visible-lg.visible-xs {
        display: table-row !important
    }

    td.visible-lg.visible-xs,
    th.visible-lg.visible-xs {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-lg.visible-sm {
        display: block !important
    }

    tr.visible-lg.visible-sm {
        display: table-row !important
    }

    td.visible-lg.visible-sm,
    th.visible-lg.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-lg.visible-md {
        display: block !important
    }

    tr.visible-lg.visible-md {
        display: table-row !important
    }

    td.visible-lg.visible-md,
    th.visible-lg.visible-md {
        display: table-cell !important
    }

    .hidden-xs.hidden-md,
    td.hidden-xs.hidden-md,
    th.hidden-xs.hidden-md,
    tr.hidden-xs.hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg,
    th.visible-lg {
        display: table-cell !important
    }

    .hidden-xs.hidden-lg,
    td.hidden-xs.hidden-lg,
    th.hidden-xs.hidden-lg,
    tr.hidden-xs.hidden-lg {
        display: none !important
    }
}

.hidden-xs {
    display: block !important
}

tr.hidden-xs {
    display: table-row !important
}

td.hidden-xs,
th.hidden-xs {
    display: table-cell !important
}

@media (max-width: 767px) {

    .hidden-lg.hidden-xs,
    .hidden-md.hidden-xs,
    .hidden-sm.hidden-xs,
    .hidden-xs,
    td.hidden-lg.hidden-xs,
    td.hidden-md.hidden-xs,
    td.hidden-sm.hidden-xs,
    td.hidden-xs,
    th.hidden-lg.hidden-xs,
    th.hidden-md.hidden-xs,
    th.hidden-sm.hidden-xs,
    th.hidden-xs,
    tr.hidden-lg.hidden-xs,
    tr.hidden-md.hidden-xs,
    tr.hidden-sm.hidden-xs,
    tr.hidden-xs {
        display: none !important
    }
}

.hidden-sm {
    display: block !important
}

tr.hidden-sm {
    display: table-row !important
}

td.hidden-sm,
th.hidden-sm {
    display: table-cell !important
}

@media (min-width: 768px) and (max-width: 991px) {

    .hidden-lg.hidden-sm,
    .hidden-md.hidden-sm,
    .hidden-sm,
    .hidden-xs.hidden-sm,
    td.hidden-lg.hidden-sm,
    td.hidden-md.hidden-sm,
    td.hidden-sm,
    td.hidden-xs.hidden-sm,
    th.hidden-lg.hidden-sm,
    th.hidden-md.hidden-sm,
    th.hidden-sm,
    th.hidden-xs.hidden-sm,
    tr.hidden-lg.hidden-sm,
    tr.hidden-md.hidden-sm,
    tr.hidden-sm,
    tr.hidden-xs.hidden-sm {
        display: none !important
    }
}

.hidden-md {
    display: block !important
}

tr.hidden-md {
    display: table-row !important
}

td.hidden-md,
th.hidden-md {
    display: table-cell !important
}

@media (min-width: 992px) and (max-width: 1199px) {

    .hidden-lg.hidden-md,
    .hidden-md,
    .hidden-sm.hidden-md,
    td.hidden-lg.hidden-md,
    td.hidden-md,
    td.hidden-sm.hidden-md,
    th.hidden-lg.hidden-md,
    th.hidden-md,
    th.hidden-sm.hidden-md,
    tr.hidden-lg.hidden-md,
    tr.hidden-md,
    tr.hidden-sm.hidden-md {
        display: none !important
    }
}

.hidden-lg {
    display: block !important
}

tr.hidden-lg {
    display: table-row !important
}

td.hidden-lg,
th.hidden-lg {
    display: table-cell !important
}

@media (min-width: 1200px) {

    .hidden-lg,
    .hidden-md.hidden-lg,
    .hidden-sm.hidden-lg,
    td.hidden-lg,
    td.hidden-md.hidden-lg,
    td.hidden-sm.hidden-lg,
    th.hidden-lg,
    th.hidden-md.hidden-lg,
    th.hidden-sm.hidden-lg,
    tr.hidden-lg,
    tr.hidden-md.hidden-lg,
    tr.hidden-sm.hidden-lg {
        display: none !important
    }
}

.visible-print,
td.visible-print,
th.visible-print,
tr.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print,
    th.visible-print {
        display: table-cell !important
    }

    .hidden-print,
    td.hidden-print,
    th.hidden-print,
    tr.hidden-print {
        display: none !important
    }
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.eot?v=4.7.0);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(../fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.icon,
[class^=icon-] {
    display: inline-block;
    font: 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -15%
}

.icon-2x {
    font-size: 2em
}

.icon-3x {
    font-size: 3em
}

.icon-4x {
    font-size: 4em
}

.icon-5x {
    font-size: 5em
}

.icon-fw {
    width: 1.28571em;
    text-align: center
}

.icon-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}

.icon-ul>li {
    position: relative
}

.icon-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: .14286em;
    text-align: center
}

.icon-li.icon-lg {
    left: -1.85714em
}

.icon-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.icon-pull-left {
    float: left
}

.icon-pull-right {
    float: right
}

.icon-pull-left[class^=icon-],
.icon.icon-pull-left {
    margin-right: .3em
}

.icon-pull-right[class^=icon-],
.icon.icon-pull-right {
    margin-left: .3em
}

.icon.pull-left,
.pull-left[class^=icon-] {
    margin-right: .3em
}

.icon.pull-right,
.pull-right[class^=icon-] {
    margin-left: .3em
}

.icon-spin {
    -webkit-animation: 2s linear infinite fa-spin;
    animation: 2s linear infinite fa-spin
}

.icon-pulse {
    -webkit-animation: 1s steps(8) infinite fa-spin;
    animation: 1s steps(8) infinite fa-spin
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.icon-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.icon-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.icon-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.icon-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.icon-flip-vertical {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .icon-flip-horizontal,
:root .icon-flip-vertical,
:root .icon-rotate-180,
:root .icon-rotate-270,
:root .icon-rotate-90 {
    filter: none
}

.icon-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.icon-stack-1x,
.icon-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.icon-stack-1x {
    line-height: inherit
}

.icon-stack-2x {
    font-size: 2em
}

.icon-inverse {
    color: #fff
}

.icon-search:before {
    content: ""
}

.icon-envelope-alt:before,
.icon-envelope-o:before {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-star-o:before {
    content: ""
}

.icon-user:before {
    content: ""
}

.icon-th-large:before {
    content: ""
}

.icon-th:before {
    content: ""
}

.icon-th-list:before {
    content: ""
}

.icon-check:before {
    content: ""
}

.icon-close:before,
.icon-remove:before,
.icon-times:before {
    content: ""
}

.icon-search-plus:before,
.icon-zoom-in:before {
    content: ""
}

.icon-search-minus:before,
.icon-zoom-out:before {
    content: ""
}

.icon-trash-o:before,
.icon-trash:before {
    content: ""
}

.icon-home:before {
    content: ""
}

.icon-file-alt:before,
.icon-file-o:before {
    content: ""
}

.icon-clock-o:before {
    content: ""
}

.icon-download-alt:before,
.icon-download:before {
    content: ""
}

.icon-arrow-circle-o-down:before,
.icon-download-alt:before,
.icon-download:before {
    content: ""
}

.icon-arrow-circle-o-up:before,
.icon-upload:before {
    content: ""
}

.icon-play-circle-o:before,
.icon-play-circle:before,
.icon-play-sign:before {
    content: ""
}

.icon-repeat:before,
.icon-rotate-right:before {
    content: ""
}

.icon-refresh:before {
    content: ""
}

.icon-list-alt:before {
    content: ""
}

.icon-flag:before {
    content: ""
}

.icon-tag:before {
    content: ""
}

.icon-tags:before {
    content: ""
}

.icon-book:before {
    content: ""
}

.icon-bookmark:before {
    content: ""
}

.icon-font:before {
    content: ""
}

.icon-list:before {
    content: ""
}

.icon-image:before,
.icon-photo:before,
.icon-picture-o:before,
.icon-picture:before {
    content: ""
}

.icon-map-marker:before {
    content: ""
}

.icon-check-square-o:before {
    content: ""
}

.icon-arrows:before,
.icon-move:before {
    content: ""
}

.icon-chevron-left:before {
    content: ""
}

.icon-chevron-right:before {
    content: ""
}

.icon-plus-circle:before,
.icon-plus-sign:before {
    content: ""
}

.icon-minus-circle:before,
.icon-minus-sign:before {
    content: ""
}

.icon-remove-sign:before,
.icon-times-circle:before {
    content: ""
}

.icon-check-circle:before,
.icon-ok-sign:before {
    content: ""
}

.icon-question-circle:before,
.icon-question-sign:before {
    content: ""
}

.icon-info-circle:before,
.icon-info-sign:before {
    content: ""
}

.icon-crosshairs:before {
    content: ""
}

.icon-remove-circle:before,
.icon-times-circle-o:before {
    content: ""
}

.icon-check-circle-o:before,
.icon-ok-circle:before {
    content: ""
}

.icon-ban:before {
    content: ""
}

.icon-arrow-left:before {
    content: ""
}

.icon-arrow-right:before {
    content: ""
}

.icon-arrow-up:before {
    content: ""
}

.icon-arrow-down:before {
    content: ""
}

.icon-mail-forward:before,
.icon-plus:before {
    content: ""
}

.icon-minus:before {
    content: ""
}

.icon-asterisk:before {
    content: ""
}

.icon-exclamation-circle:before,
.icon-exclamation-sign:before {
    content: ""
}

.icon-gift:before {
    content: ""
}

.icon-exclamation-triangle:before,
.icon-warning-sign:before,
.icon-warning:before {
    content: ""
}

.icon-calendar:before {
    content: ""
}

.icon-comment:before {
    content: ""
}

.icon-chevron-up:before {
    content: ""
}

.icon-chevron-down:before {
    content: ""
}

.icon-retweet:before {
    content: ""
}

.icon-twitter-sign:before,
.icon-twitter-square:before {
    content: ""
}

.icon-facebook-sign:before,
.icon-facebook-square:before {
    content: ""
}

.icon-cogs:before,
.icon-gears:before {
    content: ""
}

.icon-comments:before {
    content: ""
}

.icon-thumbs-o-up:before,
.icon-thumbs-up-alt:before {
    content: ""
}

.icon-thumbs-down-alt:before,
.icon-thumbs-o-down:before {
    content: ""
}

.icon-star-half:before {
    content: ""
}

.icon-sign-out:before,
.icon-signout:before {
    content: ""
}

.icon-thumb-tack:before {
    content: ""
}

.icon-external-link:before {
    content: ""
}

.icon-sign-in:before,
.icon-signin:before {
    content: ""
}

.icon-trophy:before {
    content: ""
}

.icon-upload:before {
    content: ""
}

.icon-phone:before {
    content: ""
}

.icon-check-empty:before,
.icon-square-o:before {
    content: ""
}

.icon-bookmark-o:before {
    content: ""
}

.icon-phone-sign:before,
.icon-phone-square:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-facebook-f:before,
.icon-facebook:before {
    content: ""
}

.icon-credit-card:before {
    content: ""
}

.icon-certificate:before {
    content: ""
}

.icon-hand-o-right:before {
    content: ""
}

.icon-hand-o-left:before {
    content: ""
}

.icon-hand-o-up:before {
    content: ""
}

.icon-hand-o-down:before {
    content: ""
}

.icon-arrow-circle-left:before,
.icon-circle-arrow-left:before {
    content: ""
}

.icon-arrow-circle-right:before,
.icon-circle-arrow-right:before {
    content: ""
}

.icon-arrow-circle-up:before,
.icon-circle-arrow-up:before {
    content: ""
}

.icon-arrow-circle-down:before,
.icon-circle-arrow-down:before {
    content: ""
}

.icon-wrench:before {
    content: ""
}

.icon-tasks:before {
    content: ""
}

.icon-filter:before {
    content: ""
}

.icon-arrows-alt:before,
.icon-fullscreen:before {
    content: ""
}

.icon-group:before,
.icon-users:before {
    content: ""
}

.icon-chain:before,
.icon-link:before {
    content: ""
}

.icon-cloud:before {
    content: ""
}

.icon-copy:before,
.icon-files-o:before {
    content: ""
}

.icon-bars:before,
.icon-navicon:before,
.icon-reorder:before,
.icon-save:before {
    content: ""
}

.icon-list-ul:before {
    content: ""
}

.icon-list-ol:before {
    content: ""
}

.icon-pinterest:before {
    content: ""
}

.icon-pinterest-square:before {
    content: ""
}

.icon-google-plus-sign:before,
.icon-google-plus-square:before {
    content: ""
}

.icon-google-plus:before {
    content: ""
}

.icon-caret-down:before {
    content: ""
}

.icon-caret-up:before {
    content: ""
}

.icon-caret-left:before {
    content: ""
}

.icon-caret-right:before {
    content: ""
}

.icon-sort:before,
.icon-unsorted:before {
    content: ""
}

.icon-sort-desc:before,
.icon-sort-down:before,
.icon-sort-up:before {
    content: ""
}

.icon-sort-asc:before,
.icon-sort-down:before,
.icon-sort-up:before {
    content: ""
}

.icon-envelope:before {
    content: ""
}

.icon-comment-alt:before,
.icon-comment-o:before {
    content: ""
}

.icon-comments-alt:before,
.icon-comments-o:before {
    content: ""
}

.icon-cloud-download:before {
    content: ""
}

.icon-cloud-upload:before {
    content: ""
}

.icon-file-text-alt:before,
.icon-file-text-o:before {
    content: ""
}

.icon-building-o:before,
.icon-building:before {
    content: ""
}

.icon-h-square:before {
    content: ""
}

.icon-plus-sign-alt:before,
.icon-plus-square:before {
    content: ""
}

.icon-angle-left:before {
    content: ""
}

.icon-angle-right:before {
    content: ""
}

.icon-angle-up:before {
    content: ""
}

.icon-angle-down:before {
    content: ""
}

.icon-circle-blank:before,
.icon-circle-o:before {
    content: ""
}

.icon-quote-left:before {
    content: ""
}

.icon-quote-right:before {
    content: ""
}

.icon-spinner:before {
    content: ""
}

.icon-circle:before {
    content: ""
}

.icon-flag-o:before {
    content: ""
}

.icon-flag-checkered:before {
    content: ""
}

.icon-location-arrow:before {
    content: ""
}

.icon-question:before {
    content: ""
}

.icon-info:before {
    content: ""
}

.icon-exclamation:before {
    content: ""
}

.icon-calendar-o:before {
    content: ""
}

.icon-chevron-circle-left:before,
.icon-chevron-sign-left:before {
    content: ""
}

.icon-chevron-circle-right:before,
.icon-chevron-sign-right:before {
    content: ""
}

.icon-chevron-circle-up:before,
.icon-chevron-sign-up:before {
    content: ""
}

.icon-chevron-circle-down:before,
.icon-chevron-sign-down:before {
    content: ""
}

.icon-play-circle:before,
.icon-play-sign:before {
    content: ""
}

.icon-minus-sign-alt:before,
.icon-minus-square:before {
    content: ""
}

.icon-check-minus:before,
.icon-collapse-alt:before,
.icon-minus-square-o:before {
    content: ""
}

.icon-check-sign:before,
.icon-check-square:before {
    content: ""
}

.icon-caret-square-o-down:before,
.icon-collapse:before,
.icon-toggle-down:before {
    content: ""
}

.icon-caret-square-o-up:before,
.icon-collapse-top:before,
.icon-toggle-up:before {
    content: ""
}

.icon-caret-square-o-right:before,
.icon-toggle-right:before {
    content: ""
}

.icon-eur:before {
    content: ""
}

.icon-file:before {
    content: ""
}

.icon-file-text:before {
    content: ""
}

.icon-sort-alpha-asc:before,
.icon-sort-by-alphabet:before {
    content: ""
}

.icon-sort-alpha-desc:before,
.icon-sort-by-alphabet-alt:before {
    content: ""
}

.icon-sort-amount-asc:before,
.icon-sort-by-attributes:before {
    content: ""
}

.icon-sort-amount-desc:before,
.icon-sort-by-attributes-alt:before {
    content: ""
}

.icon-sort-by-order:before,
.icon-sort-numeric-asc:before {
    content: ""
}

.icon-sort-by-order-alt:before,
.icon-sort-numeric-desc:before {
    content: ""
}

.icon-thumbs-up:before {
    content: ""
}

.icon-thumbs-down:before {
    content: ""
}

.icon-youtube-sign:before,
.icon-youtube-square:before {
    content: ""
}

.icon-youtube:before {
    content: ""
}

.icon-youtube-play:before {
    content: ""
}

.icon-instagram:before {
    content: ""
}

.icon-arrow-circle-o-right:before {
    content: ""
}

.icon-arrow-circle-o-left:before {
    content: ""
}

.icon-caret-square-o-left:before,
.icon-toggle-left:before {
    content: ""
}

.icon-dot-circle-o:before {
    content: ""
}

.icon-expand-alt:before,
.icon-plus-square-o:before {
    content: ""
}

.icon-google:before {
    content: ""
}

.icon-file-pdf-o:before {
    content: ""
}

.icon-file-image-o:before,
.icon-file-photo-o:before,
.icon-file-picture-o:before {
    content: ""
}

.icon-paper-plane:before,
.icon-send:before {
    content: ""
}

.icon-paper-plane-o:before,
.icon-send-o:before {
    content: ""
}

.icon-history:before {
    content: ""
}

.icon-circle-thin:before {
    content: ""
}

.icon-calculator:before {
    content: ""
}

.icon-paypal:before {
    content: ""
}

.icon-cc-paypal:before {
    content: ""
}

.icon-trash:before {
    content: ""
}

.icon-copyright:before {
    content: ""
}

.icon-at:before {
    content: ""
}

.icon-facebook-official:before {
    content: ""
}

.icon-pinterest-p:before {
    content: ""
}

.icon-map-o:before,
.icon-yc:before {
    content: ""
}

.icon-map:before {
    content: ""
}

.icon-percent:before {
    content: ""
}

.icon-question-circle-o:before {
    content: ""
}

.icon-google-plus-circle:before,
.icon-google-plus-official:before {
    content: ""
}

.icon-fa:before,
.icon-handshake-o:before {
    content: ""
}

.icon-envelope-open:before {
    content: ""
}

.icon-envelope-open-o:before {
    content: ""
}

.icon-address-book:before {
    content: ""
}

.icon-address-book-o:before {
    content: ""
}

.icon-address-card:before,
.icon-vcard:before {
    content: ""
}

.icon-address-card-o:before,
.icon-vcard-o:before {
    content: ""
}

.icon-user-circle:before {
    content: ""
}

.icon-user-circle-o:before {
    content: ""
}

.icon-user-o:before {
    content: ""
}

.icon-times-rectangle:before,
.icon-window-close:before {
    content: ""
}

.icon-times-rectangle-o:before,
.icon-window-close-o:before {
    content: ""
}

.sr-only {
    clip: rect(0 0 0 0);
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

@media only screen and (min-width: 1200px) {
    .container {
        padding-left: 15px;
        padding-right: 15px
    }
}

body {
    margin: 0;
    background-color: #fff;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    font-family: Calibris;
    min-width: 320px;
    height: 100%;
    line-height: 18px;
    font-size: 100%;
    color: #777
}

body.content_only {
    background: 0 0;
    min-width: 0
}

#js-outer-wrap {
    overflow-x: hidden
}

H1,
H2,
H3,
H4 {
    font-family: Calibris
}

a:focus,
a:hover,
input {
    outline: 0;
    text-decoration: none
}

#header {
    margin-top: 4px;
    margin-bottom: 0
}

.inlineblockvtop {
    display: inline-block;
    vertical-align: top
}

#columns {
    margin-left: 0;
    margin-right: 0;
    overflow: visible;
    position: relative;
    padding-top: 1px;
    background-size: 30%;
    background-position: bottom right;
    background-repeat: no-repeat
}

@media (min-width: 767px) and (max-width: 991px) {
    #page #center_column {
        width: 100%;
        margin-bottom: 6em
    }
}

#index #js-main-nav-wrap ul.pr-nav {
    width: 100%
}

@media (max-width: 1199px) {
    #index #js-main-nav-wrap ul.pr-nav {
        width: 100%
    }
}

@media (min-width: 1000px) and (max-width: 1300px) {
    #index #js-main-nav-wrap ul.pr-nav {
        width: 100.2%
    }

    #index #js-main-nav-wrap ul.pr-nav>li a {
        line-height: 3.3em !important
    }
}

@media (min-width: 1301px) and (max-width: 1581px) {
    #index #js-main-nav-wrap ul.pr-nav {
        width: 100%
    }
}

@media (min-width: 1582px) {
    #index #js-main-nav-wrap ul.pr-nav {
        width: 100%
    }
}

#index #center_column {
    width: 84.3%;
    margin-left: calc(100% - 84.3%);
    margin-top: -5.4em
}

@supports (-webkit-touch-callout: none) {
    #index #center_column {
        margin-top: 0
    }
}

@media (max-width: 1199px) {
    #index #center_column {
        width: 76.3%;
        margin-left: calc(100% - 76.3%);
    }
}

@media (min-width: 1200px) and (max-width: 1580px) {
    #page #center_column {
        width: 79.6%
    }

    #index #center_column {
        width: 80.3%;
        margin-left: calc(100% - 80.3%);
    }
}

#index #center_column>.menu-container {
    padding-left: 0;
    padding-right: 15px
}

#index #columns {
    margin-left: 0;
    margin-right: 0
}

@media (min-width: 768px) and (max-width: 890px) {
    #mobile-header .mobile-logo img {
        height: 40px;
        margin-top: 1em
    }
}

@media (max-width: 890px) and (max-width: 767px) and (orientation: landscape) {
    #mobile-header .mobile-logo img {
        height: 53px;
        margin-bottom: 2em;
        margin-top: 2em
    }
}

@media (max-width: 890px) and (max-width: 767px) and (orientation: portrait) {
    #mobile-header .mobile-logo img {
        width: 100%;
        height: auto
    }
}

@media (max-width: 890px) {
    #menutpmob>div {
        padding: 2px
    }

    #menutpmob>div img {
        max-width: 48%;
        margin-left: auto;
        margin-right: auto
    }

    #header {
        margin-bottom: 0;
        height: 0
    }

    #homepage-slider {
        margin: 0 !important
    }

    #mobile-header {
        position: relative;
        z-index: 2
    }

    #mobile-header .mobile-logo {
        text-align: center;
        display: inline-block;
        width: 43%;
        vertical-align: middle
    }

    #mobile-header .mobile-header-container {
        padding-left: 1%;
        padding-right: 1%
    }

    #mobile-header #js-wrap-mobile-btn {
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        background-color: #fff;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        height: 77px;
    }

    #mobile-header #js-wrap-mobile-btn .flex-item {
        display: block;
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: auto;
        align-self: auto;
        order: 0;
    }

    #mobile-header #js-wrap-mobile-btn .header_mobile_center {
        width: 90%;
        height: 62px;
        margin-top: 15px;
        flex-direction: column;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #mobile-header #js-wrap-mobile-btn .col-xs-3 {
        color: black;
        font-size: 6em;
        text-align: center;
        text-transform: uppercase;
        border-right: 1px solid #fff;
        padding: 0;
    }

    #mobile-header #js-wrap-mobile-btn .col-xs-3 img {
        display: block;
        margin: -10px auto 0.1em;
    }

    #mobile-header #js-wrap-mobile-btn .cartlinktopmob {
        border: 1px solid black;
        border-radius: 5px;
        margin: 12px 5px 0px 10px;
    }

    #mobile-header #js-wrap-mobile-btn .col-xs-3 .img-cart {
        height: 30px;
    }

    #mobile-header #js-wrap-mobile-btn .col-xs-3:first-child img {
        margin-top: 1.4em;
        margin-bottom: 0.5em;
        height: 50px;
        width: 50px;
    }

    #mobile-header #js-wrap-mobile-btn .col-xs-3.vueeclatees img {
        margin-bottom: 0;
        height: 4.3em
    }

    #mobile-header #js-wrap-mobile-btn .col-xs-3.myaccountmenm img {
        margin-bottom: .1em;
        height: 3.6em;
        margin-top: .8em
    }
}

@media (max-width: 890px) and (min-width: 768px) and (max-width: 890px) {
    #mobile-header #js-wrap-mobile-btn .col-xs-3.myaccountmenm img {
        margin-bottom: .2em;
        height: 3em;
        margin-top: .5em
    }
}

@media (max-width: 890px) and (max-width: 370px) {
    #mobile-header #js-wrap-mobile-btn .col-xs-3:last-child {
        margin-bottom: -.1em
    }
}

@media (max-width: 890px) and (max-width: 767px) {
    #mobile-header #js-wrap-mobile-btn .col-xs-3:last-child {
        line-height: 6vw;
        margin-bottom: -.5em
    }
}

@media (max-width: 890px) and (max-width: 767px) and (orientation: landscape) {
    #mobile-header #js-wrap-mobile-btn .col-xs-3 {
        font-size: 3em
    }

    body:not(#index) #mobile-header .mobile-header-container {
        margin-bottom: 0
    }
}

@media (max-width: 890px) {
    #mobile-header #js-wrap-mobile-btn .col-xs-3[href="#searchbox"] img {
        height: 3.4em;
        margin-top: .8em
    }

    #mobile-header #js-wrap-mobile-btn .col-xs-3:last-child {
        border-right: none;
        background-color: #00d400
    }

    #lientutosftec {
        margin-top: 8px !important;
        margin-bottom: 0 !important
    }

    a#linkallproducts2 {
        font-size: 6em;
        margin-left: 5%;
        width: 16%;
        color: #4d4d4d;
        line-height: 1em;
        margin-top: .8em
    }

    #titleh {
        font-size: 5.2em;
        text-align: center;
        margin: 10px 0 5px 0;
        text-transform: uppercase;
        color: #000;
        font-weight: 700;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        line-height: 1em;
        max-width: 275px;
        text-align: center;
    }

    #index #center_column {
        width: 100%
    }

    /* #index #center_column>div {
        margin-left: -10px
    } */

    #index #center_column>div.container-fluid {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    #index #center_column h3.productlisthome {
        margin-left: 2px;
        border-top: 1px solid #fff;
        margin-top: 1em
    }

    #index #center_column h3.productlisthome img {
        margin-right: 1%;
        margin-left: 1%;
        margin-top: .1em;
        padding-bottom: 1px;
        width: 3.9%
    }

    #index #center_column h3.productlisthome span {
        display: inline-block;
        vertical-align: middle;
        font-size: 2.8em;
        line-height: 1.2em
    }

    #index #center_column #chaineyoutube {
        width: 100%;
        margin-left: 2%;
        padding: 0;
        clear: both
    }

    #index #center_column #facebookhome {
        margin-left: -15px;
        margin-right: 0;
        width: 109%
    }

    .account {
        position: absolute;
        top: 3em;
        right: 1%;
        text-align: center
    }

    .account img {
        width: 49%;
        margin-bottom: .4em
    }

    .account span {
        font-size: 6em;
        color: #4d4d4d;
        display: block;
        text-transform: uppercase;
        font-weight: 700
    }
}

@media (max-width: 890px) and (max-width: 399px) and (orientation: portrait) {
    #index #center_column h3.productlisthome {
        height: 25px;
        width: 97.5%
    }
}

@media (max-width: 890px) and (min-width: 400px) and (max-width: 529px) and (orientation: portrait) {
    #index #center_column h3.productlisthome {
        height: 35px;
        width: 97.5%
    }

    #index #center_column h3.productlisthome span {
        line-height: 1.3em
    }
}

@media (max-width: 890px) and (min-width: 530px) and (max-width: 767px) and (orientation: portrait) {
    #index #center_column h3.productlisthome {
        height: 45px;
        width: 97.5%
    }

    #index #center_column h3.productlisthome span {
        line-height: 1.2em
    }
}

@media (max-width: 890px) and (max-width: 768px) and (max-width: 991px) {
    #index #center_column #facebookhome {
        width: 109%
    }

    .account span {
        font-size: 4em
    }
}

@media (max-width: 890px) and (max-width: 766px) {
    #index #center_column #facebookhome {
        margin-left: -8%;
        width: 115%
    }
}

@media (max-width: 890px) and (max-width: 766px) and (orientation: portrait) {
    #index #center_column #facebookhome img {
        width: 36%
    }

    #center_column #slider_row #top_column {
        margin-top: 5em
    }
}

@media (max-width: 890px) {
    .tutoydoc {
        width: 100% !important;
        border: 2px solid #ffe300;
        padding: 0;
        margin-bottom: 3em;
        margin-left: -.8% !important
    }

    .tutoydoc>div {
        border-right: 0 !important
    }

    .tutoydoc a {
        font-size: 11em !important;
        line-height: 2.4em !important
    }

    .tutoydoc a img {
        width: 10%;
        display: inline-block;
        vertical-align: middle
    }

    .tutoydoc a span {
        display: inline-block;
        vertical-align: middle
    }

    #layered_block_left {
        display: block !important;
        left: 0;
        height: auto;
        width: 289%;
        overflow: visible;
        top: -66em;
        transform: translate3d(-100%, 0, 0)
    }

    #columns,
    #page {
        overflow: visible !important
    }

    #js-wrap {
        position: relative;
        width: 100%
    }

    header .nav.col-sm-8 {
        display: none
    }
}

@media (max-width: 890px) and (min-width: 768px) and (max-width: 890px) {
    #mobile-header #js-wrap-mobile-btn {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    #mobile-header #js-wrap-mobile-btn .col-xs-3 {
        color: #fff;
        font-size: 4.5em;
        text-align: center;
        text-transform: uppercase;
        border-right: 1px solid #fff;
        font-weight: 700;
        padding: 5px
    }

    #mobile-header #js-wrap-mobile-btn .col-xs-3 img {
        display: block;
        margin: .2em auto .3em
    }

    #mobile-header #js-wrap-mobile-btn .col-xs-3:first-child img {
        margin-top: 1em;
        margin-bottom: .5em;
        height: 2.2em
    }

    #mobile-header #js-wrap-mobile-btn .col-xs-3.vueeclatees img {
        margin-bottom: 0;
        height: 3.5em
    }

    #mobile-header #js-wrap-mobile-btn .col-xs-3[href="#searchbox"] img {
        height: 3em;
        margin-top: .4em
    }

    #mobile-header #js-wrap-mobile-btn .col-xs-3:last-child {
        border-right: none;
    }

    #mobile-header #js-wrap-mobile-btn .col-xs-3:last-of-type {
        border-right: 1px solid #000;
    }

    #layered_block_left {
        width: 220%;
        font-size: 3em
    }
}

@media (max-width: 890px) and (max-width: 766px) and (orientation: landscape) {
    #index #center_column #facebookhome img {
        width: 46%
    }

    #index #center_column {
        margin-top: 0
    }

    .account img {
        margin-bottom: .4em
    }
}

@media (max-width: 890px) and (min-width: 766px) and (max-width: 890px) {
    #index #center_column {
        margin-top: 0
    }

    #titleh {
        margin: 1.1em 0 5px
    }

    .account img {
        margin-bottom: .1em
    }
}

@media (max-width: 890px) and (max-width: 991px) and (max-width: 766px) and (orientation: portrait) {
    .js-open-left #js-wrap {
        -webkit-animation-name: leftfilter;
        animation-name: leftfilter
    }
}

@media (max-width: 890px) and (max-width: 991px) and (min-width: 767px) and (max-width: 890px) {
    .js-open-left #js-wrap {
        -webkit-animation-name: leftfilterlandscape;
        animation-name: leftfilterlandscape
    }
}

@media (max-width: 890px) and (max-width: 991px) and (max-width: 766px) and (orientation: landscape) {
    .js-open-left #js-wrap {
        -webkit-animation-name: leftfilterlandscape;
        animation-name: leftfilterlandscape
    }
}

@media (max-width: 890px) and (max-width: 991px) {
    .js-offcanvas {
        z-index: 200;
        overflow: hidden;
        width: 100%;
        position: absolute;
        top: 0
    }

    .js-offcanvas:not(:target) {
        z-index: 1;
        height: 0;
        transition: height .5s
    }

    .js-ready .js-offcanvas {
        width: 70%;
        -webkit-box-shadow: inset -1.5em 0 1.5em -.75em rgba(0, 0, 0, .25);
        -moz-box-shadow: inset -1.5em 0 1.5em -.75em rgba(0, 0, 0, .25);
        box-shadow: inset -1.5em 0 1.5em -.75em rgba(0, 0, 0, .25)
    }

    .js-offcanvas-left {
        left: -70%
    }

    .js-offcanvas-right {
        right: -70%
    }

    .js-ready #js-wrap {
        left: 0
    }

    .js-open-left #js-wrap {
        -webkit-animation-duration: .2s;
        -webkit-animation-delay: 0s;
        -webkit-animation-fill-mode: forwards;
        animation-duration: .2s;
        animation-delay: 0s;
        animation-fill-mode: forwards
    }

    @keyframes leftfilter {
        from {
            left: 0
        }

        to {
            left: 70%
        }
    }

    @keyframes leftfilterlandscape {
        from {
            left: 0
        }

        to {
            left: 52%
        }
    }

    @keyframes leftfiltertabletportrait {
        from {
            left: 0
        }

        to {
            left: 30%
        }
    }

    .js-open-right #js-wrap {
        right: 70%
    }

    .csstransforms3d.csstransitions.js-ready .js-offcanvas {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .csstransforms3d.csstransitions.js-ready .js-offcanvas-left {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    .csstransforms3d.csstransitions.js-ready .js-offcanvas-right {
        right: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .csstransforms3d.csstransitions.js-ready #js-wrap {
        left: 0 !important;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform .5s;
        -moz-transition: -moz-transform .5s;
        -o-transition: -o-transform .5s;
        transition: transform .5s;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .csstransforms3d.csstransitions .js-open-left #js-wrap {
        -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
        -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
        -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
        -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(70%, 0, 0) scale3d(1, 1, 1)
    }

    .csstransforms3d.csstransitions .js-open-right #js-wrap {
        -webkit-transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
        -moz-transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
        -ms-transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
        -o-transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1)
    }

    .js-ready #header #cart_block {
        top: 0;
        display: block
    }

    .js-open-left .js-offcanvas {
        height: 100%
    }
}

@media (max-width: 890px) and (max-width: 991px) and (orientation: landscape) {
    .js-open-left #js-wrap {
        left: 53%
    }
}

header {
    position: relative
}

header .banner {
    background: #000;
    max-height: 100%
}

header .banner .row {
    margin: 0
}

header .nav.col-sm-8 {
    padding-right: 0;
    width: 84.3%;
    float: right;
}

@media (max-width: 1580px) and (min-width: 1200px) {
    header .nav.col-sm-8 {
        width: 80.3%;
    }
}

header .nav.col-sm-8>div.container {
    margin-left: 0;
    padding-left: 0;
    padding-right: 10px
}

header .nav .row {
    margin: 0
}

header .nav nav {
    width: 100%
}

header .row {
    position: relative;
}

header .row>.container {
    position: relative
}

header .row #header_logo #sstitrelogo {
    display: inline-block;
    margin: 0.5em 0 0.67em;
    font-size: 1.3em;
    line-height: 1.1;
    color: #000;
    font-weight: bolder;
    outline: 0
}

header .row #header_logo .logo {
    width: 95%;
    display: inline-block;
    margin-top: 1%
}

@media (min-width: 991px) and (max-width: 1200px) {
    header .nav.col-sm-8 {
        width: 76.3%
    }

    header .nav nav {
        margin-left: -8em
    }

    header .row #header_logo #sstitrelogo {
        font-size: 1.6em;
    }
}

@media (min-width: 1201px) and (max-width: 1280px) {

    header .row #header_logo #sstitrelogo {
        font-size: 1.6em;
    }
}

@media (min-width: 1281px) and (max-width: 1580px) {

    header .row #header_logo #sstitrelogo {
        font-size: 1.6em;
    }
}

@media (max-width: 767px) {
    header .row #header_logo {
        padding-top: 15px
    }

    header .row #header_logo img {
        margin: 0 auto
    }

    header .row #header_logo #sstitrelogo {
        width: 50%;
        word-break: break-all;
    }

    #titleh {
        max-width: 85%;
        text-align: center;
    }

}

@media (min-width: 767px) {
    header .col-sm-4+.col-sm-4+.col-sm-4 {
        float: right
    }

    #nbrresult {
        display: none
    }
}

#index header .nav.col-sm-8>div.container {
    padding-right: 13px
}

#header_logo {
    width: 15.7%;
    position: relative;
    display: inline-block;
    float: left;
    padding-left: 0;
    padding-right: 0
}

@media (max-width: 1580px) and (min-width: 1200px) {
    #index header .nav.col-sm-8>div.container {
        padding-right: 19px
    }

    #header_logo {
        width: 19.7%;
        margin-bottom: 5px
    }
}

#header_logo a {
    padding-left: 0;
    position: absolute;
    padding-right: 0;
    text-align: center;
    margin-top: .3em
}

#header_logo a.col-sm-6 {
    width: 59.6%
}

#header_middle {
    display: inline-block;
    padding: 0
}

#left_column {
    width: 15.7%;
    z-index: 1000000;
}

@media (max-width: 1199px) {
    #header_logo {
        width: 23.7%
    }

    #left_column {
        width: 23.7%;
    }

    #right_column {
        display: none
    }
}

@media (min-width: 991px) and (max-width: 1199px) {
    #left_column {
        width: 23.7%;
        margin-top: 2.2em
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #left_column {
        width: 19.7%;
    }
}

@media (min-width: 1400px) and (max-width: 1580px) {
    #left_column {
        width: 19.7%;
    }
}

#right_column {
    z-index: 4;
    width: 15.7%;
    padding-right: 0;
    margin-top: 67px
}

@media (min-width: 991px) {
    #page #center_column {
        margin-top: -5.4em
    }

    header .nav nav {
        margin-top: .8em;
        height: calc(100% - .8em)
    }

    #right_column {
        margin-top: 1.8em
    }
}

#right_column .block_content {
    width: 105%
}

#right_column li {
    border-bottom: 1px solid #c9c9c9
}

#center_column {
    font-family: Calibris !important
}

#center_column .fielderrornumber {
    color: red;
    font-weight: 700
}

#center_column .shopping_cart {
    display: none
}

#center_column .page_product_box h3 {
    text-transform: uppercase;
    font-family: Calibris, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    line-height: 20px;
    position: relative;
    border: 1px solid #d6d4d4;
    border-bottom: none;
    color: #000;
    font-size: 1.9em;
    background: #fde500;
    padding: 14px 20px 17px;
    margin: 0 0 20px
}

p.info-title {
    font-weight: 700;
    color: #333;
    margin-bottom: 25px
}

p.info-account {
    margin: -4px 0 24px
}

.dark {
    color: #333
}

.strong {
    font-weight: bolder
}

.alert {
    font-weight: 700;
    font-size: 1.7em;
    color: #000;
    background: 0 0;
    border: none
}

@media (max-width: 850px) {
    .alert:not(#opc_login_errors) {
        font-size: 5em
    }

    .tutoydoc a span {
        padding-top: 3px
    }
}

.alert:before {
    cursor: pointer
}

.alert ol,
.alert ul {
    padding-left: 15px;
    margin-left: 27px
}

.alert ol li,
.alert ul li {
    font-weight: 400
}

.alert.alert-success {
    text-shadow: 1px 1px rgba(0, 0, 0, .1)
}

.alert.alert-success:before {
    font-family: FontAwesome;
    content: "\f058";
    font-size: 20px;
    vertical-align: -2px;
    padding-right: 7px
}

.alert.alert-danger:not(#opc_login_errors) {
    text-shadow: 1px 1px rgba(0, 0, 0, .1)
}

@media (max-width: 767px) and (orientation: portrait) {
    .alert.alert-danger:not(#opc_login_errors) {
        font-size: 8em;
        margin-bottom: 0;
        padding-bottom: 0
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    .alert.alert-danger:not(#opc_login_errors) {
        font-size: 5em;
        margin-bottom: 0;
        padding-bottom: 0
    }
}

.alert.alert-danger:not(#opc_login_errors):before {
    font-family: FontAwesome;
    font-size: 20px;
    vertical-align: -2px;
    padding-right: 7px;
    float: left
}

.label {
    white-space: normal;
    display: inline-block;
    padding: 6px 10px
}

label.required:before {
    content: "*";
    color: red;
    font-size: 14px;
    position: relative;
    line-height: 12px
}

.unvisible {
    display: none !important
}

.unvisible2 {
    display: none
}

.checkbox {
    line-height: 16px
}

.checkbox label {
    color: #777
}

.close,
.close:hover {
    opacity: 1
}

input.button_disabled,
input.exclusive_disabled,
span.exclusive {
    border: 1px solid #ccc;
    color: #999;
    background: #cacaca;
    cursor: default;
    width: 85%;
    text-align: center;
    font-size: 2.1em;
}

.btn.disabled,
.btn[disabled]:hover {
    opacity: .3;
    padding: 4px 0
}

@media (max-width: 1199px) and (min-width: 768px) {

    .btn.disabled,
    .btn[disabled]:hover {
        font-size: 2.9em
    }
}

.button.button-small {
    font: bold 13px/17px Calibris;
    color: #fff;
    background: #6f6f6f;
    border: 1px solid;
    border-color: #666 #5f5f5f #292929;
    padding: 0;
    text-shadow: 1px 1px rgba(0, 0, 0, .24);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.button.button-small span {
    display: block;
    padding: 3px 8px;
    border: 1px solid #8b8a8a
}

.button.button-small span i {
    vertical-align: 0;
    margin-right: 5px
}

.button.button-small span i.right {
    margin-right: 0;
    margin-left: 5px
}

.button.button-small span:hover {
    background: #575757;
    border-color: #303030 #303030 #666 #444
}

.button.button-medium {
    float: right;
    line-height: 21px;
    font-weight: 700
}

.button.button-medium span {
    display: block;
    padding: 10px 10px 10px 14px
}

.button.button-medium span i.left {
    font-size: 24px;
    vertical-align: -2px;
    margin: -4px 10px 0 0;
    display: inline-block
}

@media (max-width: 480px) {
    .button.button-medium span {
        font-size: 15px;
        padding-right: 7px;
        padding-left: 7px
    }

    .button.button-medium span i.left {
        margin-right: 5px
    }
}

.button.button-medium span i.right {
    margin-right: 0;
    margin-left: 9px
}

.btn.button-minus,
.btn.button-plus {
    font-size: 14px;
    line-height: 14px;
    text-shadow: 1px -1px rgba(0, 0, 0, .05);
    padding: 0;
    background: 0 0;
    border: none
}

.btn.button-minus span,
.btn.button-plus span {
    display: block;
    border: 1px solid #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    padding: 4px 0 0
}

@media (min-width: 1200px) and (max-width: 1440px) {

    .btn.button-minus span,
    .btn.button-plus span {
        width: 17px;
        height: 15px;
        font-size: .6em
    }
}

.btn.button-minus:hover,
.btn.button-plus:hover {
    color: #333
}

.btn.button-minus:hover span,
.btn.button-plus:hover span {
    filter: none
}

.button.exclusive-medium {
    font-size: 17px;
    padding: 0;
    line-height: 21px;
    color: #333;
    font-weight: 700;
    border: 1px solid;
    border-color: #cacaca #b7b7b7 #9a9a9a;
    text-shadow: 1px 1px #fff
}

.button.exclusive-medium span {
    border: 1px solid #fff;
    display: block;
    padding: 9px 10px 11px;
    background: #f7f7f7
}

@media (max-width: 480px) {
    .button.button-medium span i.right {
        margin-left: 5px
    }

    .button.exclusive-medium span {
        font-size: 15px;
        padding-right: 7px;
        padding-left: 7px
    }
}

.button.exclusive-medium span:hover {
    border-color: #9e9e9e #c2c2c2 #c8c8c8
}

.sociallinktop {
    float: left;
    margin-right: 6.2%
}

@media (max-width: 766px) and (orientation: portrait) {
    .sociallinktop .icon-3x {
        font-size: 17em
    }
}

@media (max-width: 766px) and (orientation: landscape) {
    .sociallinktop .icon-3x {
        font-size: 10em
    }
}

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

    #cart_summary .btn.button-minus span,
    #cart_summary .btn.button-plus span {
        width: 17px;
        height: 15px;
        font-size: .6em
    }

    .sociallinktop .icon-3x {
        font-size: 4em
    }
}

@media (min-width: 1199px) {
    .sociallinktop {
        font-size: 1.3em;
        margin-bottom: 2em
    }

    #youtube-link {
        margin-top: .8em;
        margin-right: 8%
    }
}

#garagepart-link {
    width: 14%;
    margin-top: 0;
    font-size: 1.4em;
    text-align: center;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
    font-weight: 700
}

@media (min-width: 1024px) and (max-width: 1455px) {
    #garagepart-link {
        font-size: 1.2em;
        width: 13%
    }
}

.cart_header {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0;
    min-width: fit-content;
}

.cart_header_item {
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: auto;
    order: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
    .searchjolisubmit {
        width: 42px;
        position: absolute;
        left: -15px;
        top: -6px;
        padding: 0
    }

    .search_query {
        border: 1px solid #000;
        height: 35px;
        width: 111%;
        font-size: 2em;
        border-radius: 10px;
        margin-left: 45px;
    }

    .search_query:placeholder-shown {
        font-size: 1.3em
    }
}

@media (min-width: 992px) {
    #search_block_top {
        display: block
    }

    #search_block_top .col-md-11 {
        position: absolute;
        top: 50%;
    }

    #search_block_top .input-group {
        width: 135% !important
    }

    #search_block_top .searchjolisubmit {
        width: 48px;
        position: absolute;
        top: -6px;
        padding: 0;
        left: 4px
    }

    #search_block_top .search_query {
        border: 1px solid #000;
        height: 35px;
        width: 111%;
        font-size: 2em;
        border-radius: 10px;
    }

    #search_block_top .search_query::placeholder {
        color: #999
    }

    #search_block_top .search_query:placeholder-shown {
        font-size: 1.6em
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #search_block_top .col-sm-12 {
        top: 29%
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    #search_block_top .col-sm-12 {
        top: 33%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #search_block_top {
        margin-top: -2em
    }

    #search_block_top .searchjolisubmit {
        left: .3em;
        top: -7px
    }
}

@media (min-width: 1200px) and (max-width: 1445px) {
    #search_block_top {
        margin-top: -1.6em
    }

    #search_block_top .searchjolisubmit {
        left: 4.1em;
        top: -6px
    }
}

@media (min-width: 1446px) and (max-width: 1580px) {
    #search_block_top {
        margin-top: -1.6em
    }

    #search_block_top .searchjolisubmit {
        left: 5.1em;
        top: -7px
    }
}

@media (min-width: 1580px) {
    #search_block_top {
        margin-top: -1.5em
    }
}

@media (max-width: 890px) {

    #header_logo,
    #search_block_top .btnspanjoli {
        display: none
    }

    #search_block_top #searchbox {
        background-color: white;
        padding: 5px;
        text-align: center
    }

    #search_block_top img {
        display: inline-block !important
    }

    #search_block_top button {
        background: 0 0;
        border: none;
        font-size: 9em;
        color: black;
        font-weight: 500;
        position: absolute;
        display: inline !important;
        height: 100%;
        right: 15px;
        top: 0;
        padding-top: 4px;
    }

    #search_block_top .searchjolisubmit {
        width: 57px;
        position: absolute;
        top: -7px;
        padding: 0;
        left: 7px
    }

    #search_block_top .search_query {
        border: 1px solid #666;
        border-radius: 10px;
        width: 94%;
        font-size: 7em;
        margin: 0 3%;
        line-height: 4em
    }

    #search_block_top .search_query:placeholder-shown {
        font-size: 1em
    }

    #search_block_top #linkallproducts2 {
        display: none
    }

    #center_column #slider_row #top_column {
        width: 100%;
    }
}

#slider_row #top_column {
    width: 101%;
    height: auto;
    padding: 0;
}

#index .btn-addcart.disabled,
#index .button.ajax_add_to_cart_button,
#index .button.button-medium,
#index .button.buttonviewproduct {
    width: 85%
}

.button.ajax_add_to_cart_button,
.button.button-medium,
.button.buttonviewproduct {
    color: #fff;
    padding: 4px 0;
    background: #00d400;
    width: 85%;
    font-size: 2.1em;
    text-align: center;
    margin-bottom: 0
}

.button.ajax_add_to_cart_button:hover,
.button.button-medium:hover,
.button.buttonviewproduct:hover {
    background-position: inherit
}

.button.ajax_add_to_cart_button:hover span,
.button.button-medium:hover span,
.button.buttonviewproduct:hover span {
    filter: none
}

@media (max-width: 767px) and (orientation: landscape) {

    .button.ajax_add_to_cart_button,
    .button.button-medium,
    .button.buttonviewproduct {
        font-size: 5em
    }
}

@media (max-width: 767px) and (orientation: portrait) {

    input.button_disabled,
    input.exclusive_disabled,
    span.exclusive {
        font-size: 1.9em;
        font-weight: 700
    }

    #index .btn-addcart.disabled,
    #index .button.ajax_add_to_cart_button,
    #index .button.button-medium,
    #index .button.buttonviewproduct {
        padding-top: 7px !important
    }

    .button.ajax_add_to_cart_button,
    .button.button-medium,
    .button.buttonviewproduct {
        font-size: 1.9em;
        font-weight: 700;
        padding-top: 5px !important
    }
}

@media (min-width: 768px) and (max-width: 1199px) {

    .button.ajax_add_to_cart_button,
    .button.button-medium,
    .button.buttonviewproduct {
        font-size: 3em
    }
}

.form-control {
    padding: 3px 5px;
    height: 27px;
    font-size: 1.8em;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-control.grey {
    background: #fbfbfb
}

.table {
    margin-bottom: 30px
}

.table>thead>tr>th {
    background: #fbfbfb;
    border-bottom-width: 1px;
    color: #333;
    vertical-align: middle
}

.table td ol,
.table td ul {
    margin-bottom: 0 !important
}

.table tfoot tr {
    background: #fbfbfb
}

.product-name {
    font-size: 17px;
    line-height: 23px;
    color: #3a3939;
    margin-bottom: 0
}

.product-name a {
    font-size: 17px;
    line-height: 23px;
    color: #3a3939
}

.product-name a:hover {
    color: #515151
}

@media (max-width: 768px) {
    .product-name a {
        font-size: 14px
    }
}

.price {
    font-size: 3em;
    color: #000;
    white-space: nowrap
}

@media (min-width: 768px) and (max-width: 890px) {
    .price {
        font-size: 4em
    }
}

@media (min-width: 891px) and (max-width: 1199px) {
    .price {
        font-size: 6em
    }
}

.price.product-price {
    font: 600 21px/26px Calibris, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    color: #333
}

.old-price {
    color: #6f6f6f;
    text-decoration: line-through
}

.old-price.product-price {
    font-size: 17px
}

.special-price {
    color: #f13340
}

.price-percent-reduction {
    font: 600 17px Calibris, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    display: inline-block;
    vertical-align: middle
}

.price-percent-reduction.small {
    font: 700 14px/17px Calibris;
    padding: 1px 6px
}

.box {
    padding: 14px 18px 13px;
    margin: 0 0 30px;
    line-height: 23px
}

.box p {
    margin-bottom: 0
}

.box.box-small {
    padding: 9px 10px 9px 20px
}

.box.box-small .dark {
    padding-top: 10px;
    padding-right: 20px;
    margin-bottom: 0;
    width: auto
}

#lientutosftec {
    text-align: center;
    margin-bottom: 34px;
    margin-top: 34px;
    margin-left: -30px
}

.tutoydoc {
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    width: 51%;
    margin-right: -15px
}

@media (max-width: 766px) and (orientation: landscape) {
    .tutoydoc {
        margin-left: -.4% !important
    }
}

.tutoydoc a {
    display: block;
    text-align: center;
    font-size: 3em;
    line-height: 3.2em;
    color: #fff
}

.tutoydoc a img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1%
}

.tutoydoc a span {
    display: inline;
    vertical-align: middle;
    font-size: 1.4em;
    background-color: rgba(12, 12, 12, .6)
}

#linktutoyout,
#linktutoyout2 {
    display: inline-block;
    vertical-align: top;
    margin-left: -15px;
    cursor: pointer
}

#docuhome {
    border-right: 4px solid #fff;
    height: 10%;
    margin-bottom: 1%;
    float: none;
    background-image: url(../img/documenthoe2.jpg)
}

#fichetechhome {
    border-right: 4px solid #fff;
    height: 10%;
    margin-bottom: 1%;
    float: none;
    background-image: url(../img/fichetechhoe2.jpg)
}

#tutoytubhome {
    border-right: 4px solid #fff;
    height: 10%;
    float: none;
    background-image: url(../img/youtubhoe2.jpg)
}

#chaineyoutube {
    position: relative;
    margin-left: -8px;
    width: 50%;
    padding-left: 10px;
    overflow: hidden
}

#chaineyoutube img#youtubeplaybut {
    position: absolute;
    top: 35%;
    left: 41%
}

@media (max-width: 768px) and (orientation: portrait) {
    .tutoydoc a span {
        font-size: 1em
    }

    #chaineyoutube img#youtubeplaybut {
        width: 15%
    }
}

#chaineyoutube iframe#linktutoyout {
    height: 100%
}

#chaineyoutube iframe#player {
    margin-left: -5%
}

#facebookhome {
    padding: 2%;
    width: 105%;
    margin-left: -30px
}

#facebookhome a {
    display: block;
    text-align: center
}

@media screen and (orientation: portrait) {
    #facebookhome img {
        width: 100%
    }
}

#facebookhome img:nth-child(2) {
    width: 22%
}

.block {
    margin-bottom: 30px
}

.block .block_content {
    background-color: #fff
}

@media (max-width: 767px) {
    #facebookhome img:first-child {
        margin-right: 0
    }

    .block {
        margin-bottom: 0
    }

    .block .block_content {
        margin-bottom: 20px
    }

    .block .title_block,
    .block h4 {
        position: relative
    }
}

.block .title_block,
.block h4 {
    border-top: 1px solid tansparent;
    font: 400 18px/22px Calibris, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    color: #555454;
    text-transform: uppercase;
    padding: 9px 5px 5px 29px;
    margin-bottom: 0
}

.block .title_block a,
.block h4 a {
    color: #555454
}

.block .title_block a:hover,
.block h4 a:hover {
    color: #333
}

.block .products-block li .products-block-image {
    display: inline-block;
    vertical-align: middle;
    padding-left: 0;
    float: none
}

@media (min-width: 768px) and (max-width: 991px) {
    #facebookhome {
        width: 109%
    }

    .block .title_block,
    .block h4 {
        font-size: 14px
    }

    .block .products-block li .products-block-image {
        float: none;
        display: inline-block;
        margin: 0 auto 10px;
        text-align: center
    }
}

.block .products-block li .product-content {
    display: inline-block;
    vertical-align: middle;
    float: none;
    overflow: hidden
}

.block .products-block li .product-content h5 {
    position: relative
}

.block .products-block li .products-block-image img {
    margin-top: 5px;
    margin-bottom: 5px
}

.block .products-block .product-name {
    font-size: 15px;
    line-height: 18px
}

.block .products-block .product-description {
    margin-bottom: 14px
}

.block .products-block .price-percent-reduction {
    font: 700 14px/17px Calibris;
    padding: 1px 6px
}

h1.page-heading {
    background: #fde500;
    color: #000;
    position: relative;
    padding-left: 4%;
    font-size: 3em;
    margin-bottom: .4em;
    height: 1.4em;
    line-height: 1.5em
}

h1.page-heading img {
    position: absolute;
    top: -17%;
    left: .5%;
    width: 4%
}

@media (min-width: 768px) and (max-width: 890px) {
    h1.page-heading img {
        top: 22%
    }

    h1.page-heading {
        font-size: 6em
    }
}

.page-heading {
    color: #555454;
    text-transform: uppercase;
    margin-bottom: 30px;
    border-bottom: 1px solid #d6d4d4
}

.page-heading span.heading-counter {
    font: bold 13px/22px Calibris;
    float: right;
    color: #333;
    text-transform: none;
    margin-bottom: 10px
}

@media (max-width: 480px) {
    .page-heading span.heading-counter {
        float: none;
        display: block;
        padding-top: 5px
    }
}

.page-heading span.lighter {
    color: #9c9c9c
}

.page-heading.bottom-indent {
    text-transform: uppercase;
    margin-top: 25px;
    position: relative;
    padding-left: 4%
}

@media (max-width: 767px) {
    h1.page-heading {
        font-size: 8.3em;
        padding-left: 10%
    }

    h1.page-heading img {
        width: 10%;
        left: -2.5%
    }

    .page-heading.bottom-indent {
        padding-left: 9%;
        margin-top: 0
    }
}

.page-heading.product-listing {
    border-bottom: none;
    margin-bottom: 0
}

.page-subheading {
    text-transform: uppercase;
    line-height: 20px;
    position: relative;
    border: 1px solid #d6d4d4;
    border-bottom: 1px solid #d6d4d4;
    background: #fde500;
    padding: 14px 20px 17px;
    margin: 0 0 20px;
    font-family: Calibris, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    text-transform: uppercase;
    color: #555454;
    font-size: 18px
}

h3.page-product-heading {
    text-transform: uppercase;
    font-family: Calibris, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    line-height: 20px;
    position: relative;
    border: 1px solid #d6d4d4;
    border-bottom: none;
    color: #000;
    font-size: 1.9em;
    background: #fde500;
    padding: 14px 20px 17px;
    margin: 0 0 20px
}

#mmenutopmob {
    font-size: 5em;
    text-align: center;
    background: #fde500;
    width: 97.8%;
    margin-left: auto;
    margin-right: auto
}

#mmenutopmob div.col-xs-2 {
    border-right: 1px solid #000;
    padding-left: 5px;
    padding-right: 5px;
    width: 20%
}

#mmenutopmob div.col-xs-2.lastmneuitm {
    border: none
}

#mmenutopmob div.col-xs-2 img {
    width: 65%;
    margin-left: auto;
    margin-right: auto
}

#mmenutopmob div.col-xs-2 span {
    display: block;
    height: 2em;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: .3em
}

#topfooter,
#topfootermb {
    position: relative;
    z-index: 3000;
    display: flex;
    align-items: center;
    text-align: center;
    background-color: #4d4d4d;
    border-bottom: 4px solid #ffe000;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

#topfooter:before,
#topfootermb:before {
    width: 100%
}

#topfooter hr,
#topfootermb hr {
    display: inline-block;
    width: 2px;
    height: 7.8em;
    background-color: #fff;
    vertical-align: middle;
    margin: 0 3% 0 4%
}

@media screen and (max-width: 1520px) {

    #topfooter hr,
    #topfootermb hr {
        margin-left: 1%;
        margin-right: 1%
    }

    #topfooter .img-responsive,
    #topfootermb .img-responsive {
        width: 48%
    }

    #topfooter .col-md-6 .img-responsive,
    #topfootermb .col-md-6 .img-responsive {
        width: 56%
    }
}

@media screen and (max-width: 1520px) and (min-width: 768px) and (max-width: 890px) {

    #topfooter .col-md-6 .img-responsive,
    #topfootermb .col-md-6 .img-responsive {
        width: 95%
    }

    #topfooter hr,
    #topfootermb hr {
        display: none;
        margin-left: 0;
        margin-right: 0
    }
}

#topfooter img,
#topfooter p,
#topfootermb img,
#topfootermb p {
    display: inline-block;
    vertical-align: middle;
    margin: 0
}

#topfooter a,
#topfootermb a {
    color: #fff
}

#topfooter p,
#topfootermb p {
    margin-right: 1.2em;
    font-size: 2.6em;
    color: #fff;
    text-transform: uppercase;
    line-height: 3em
}

@media (min-width: 768px) and (max-width: 890px) {

    #topfooter p,
    #topfootermb p {
        margin-top: .3em;
        margin-right: .5em;
        font-size: 4.2em;
        line-height: 1em;
        display: block
    }
}

#topfooter p.pull-right,
#topfootermb p.pull-right {
    width: 99%;
    margin-right: -1em
}

#subfooter {
    position: relative;
    z-index: 3000;
    padding: 8px 1%;
    background-color: #fff
}

#subfooter .col-md-4 img {
    margin-right: 30%
}

@media (min-width: 766px) {
    #subfooter .col-md-4 img {
        width: 49%;
        position: absolute;
        top: 50%;
        transform: translateY(40%);
        left: 20%
    }
}

@media (max-width: 766px) {
    #page #center_column {
        width: 100%
    }

    #subfooter .col-md-4 img {
        width: 100%;
        margin-right: 16%;
        display: table-cell;
        vertical-align: middle;
        height: 50px
    }

    #subfooter .col-md-8 {
        padding-left: 0;
        font-size: 1.5em;
        text-align: center;
        line-height: 0
    }

    #subfooter .col-md-8 #footdisstockav {
        line-height: 1.2em !important;
        height: 50px;
        vertical-align: middle;
        display: table-cell
    }
}

@media (max-width: 766px) and (orientation: landscape) {
    #subfooter .col-md-4 img {
        height: 60px;
        width: auto
    }

    #subfooter .col-md-8 #footdisstockav {
        height: 60px
    }
}

@media (max-width: 766px) and (orientation: portrait) {
    #subfooter .col-md-4 img {
        height: auto;
        width: auto;
        margin-top: 7em;
        padding-left: 7em
    }
}

@media (min-width: 668px) and (max-width: 800px) {
    #subfooter .col-md-4 img {
        width: 63%
    }
}

#subfooter .col-md-8 {
    margin-left: -5%
}

#subfooter .col-md-8 #footdisstockav {
    font-size: 3.4em;
    line-height: 2.4em;
    color: #000
}

@media (min-width: 768px) and (orientation: portrait) {
    #subfooter .col-md-8 #footdisstockav {
        line-height: 3.4em;
        font-size: 3.6em;
        font-weight: 700;
        margin-left: -25px
    }
}

#subfooter p {
    margin: 0
}

ul.footer_links {
    padding: 20px 0 0;
    border-top: 1px solid #d6d4d4;
    height: 65px
}

ul.footer_links li {
    float: left
}

ul.footer_links li+li {
    margin-left: 10px
}

#nbrresult {
    font-size: 9em;
    font-weight: 700;
    margin-left: 3%;
    text-transform: uppercase
}

#topfootermb {
    text-align: center
}

#topfootermb #cardfmaster,
#topfootermb #cardfvisa {
    width: 12%
}

#topfootermb hr {
    height: 11.8em
}

#topfootermb>div:first-child {
    padding-left: 5px
}

#topfootermb div:nth-child(2) {
    padding-left: 0;
    padding-right: 4px
}

#topfootermb div:nth-child(2) img {
    width: 48%
}

#topfootermb div:nth-child(2) div {
    padding-left: 5px;
    padding-right: 0
}

#topfootermb div:nth-child(2) div:nth-child(2) {
    padding: 0
}

#topfootermb p {
    font-size: 5.4em;
    line-height: 3em;
    margin-right: 1em
}

#topfootermb .img-responsive {
    width: 65%
}

#topfootermb .col-xs-12 img:nth-child(1) {
    width: 12%
}

#topfootermb .col-xs-12 img:nth-child(2) {
    width: 48%
}

.content_sortPagiBar {
    position: relative
}

.content_sortPagiBar .sortPagiBar {
    clear: both;
    width: 44vw;
    float: right;
    position: relative
}

.content_sortPagiBar .sortPagiBar>div.row {
    min-height: 3em
}

.content_sortPagiBar .sortPagiBar .showall {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2vw;
    margin-right: -15px
}

@media (min-width: 1020px) and (max-width: 1346px) {
    .content_sortPagiBar .sortPagiBar .showall {
        height: 1.7em
    }
}

.content_sortPagiBar .sortPagiBar .showall .button-displayall {
    font-family: Calibris;
    margin: 3px 0
}

@media (min-width: 1020px) and (max-width: 1366px) {
    .content_sortPagiBar .sortPagiBar div.row>form.showall {
        height: auto
    }
}

.content_sortPagiBar .sortPagiBar .product-count {
    display: block;
    margin: 0 0 0 6%;
    font-size: 1.4em;
    font-family: Calibris;
    color: #666;
    line-height: 1.5em
}

@media (max-width: 991px) {
    .content_sortPagiBar .sortPagiBar .product-count {
        display: none
    }
}

.content_sortPagiBar .sortPagiBar .product-new {
    display: inline-block;
    vertical-align: middle;
    margin: 4px 0 4px 2vw;
    font-size: 1.4em;
    font-family: Calibris;
    color: #000;
    line-height: 2.5em
}

@media (min-width: 768px) and (max-width: 992px) {
    .content_sortPagiBar .sortPagiBar {
        width: 100%
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .content_sortPagiBar .sortPagiBar {
        WIDTH: CALC(100% - 30EM)
    }
}

@media (min-width: 992px) {
    .content_sortPagiBar {
        background: #fde500;
        margin-top: .67em
    }

    .content_sortPagiBar .sortPagiBar {
        background: #fde500;
        text-align: center;
        margin-right: -15px;
        z-index: 3
    }

    #js-main-nav-wrap ul.pr-nav>li.sfHoverForce:not(:last-child) {
        background-color: grey
    }

    #js-main-nav-wrap ul.pr-nav>li.sfHoverForce:not(:last-child) a {
        color: #fff;
        background-color: grey
    }
}

.content_sortPagiBar .sortPagiBar #productsSortForm {
    display: inline-block;
    vertical-align: middle;
    margin-right: -2.5vw;
    margin-left: 5.5vw;
    font-family: Calibris
}

@media (min-width: 1201px) and (max-width: 1346px) {
    .content_sortPagiBar .sortPagiBar #productsSortForm {
        margin-left: 5.5vw;
        height: 2.7em
    }
}

@media (min-width: 1347px) and (max-width: 1366px) {
    .content_sortPagiBar .sortPagiBar .showall {
        height: 2em
    }

    .content_sortPagiBar .sortPagiBar #productsSortForm {
        margin-left: 7.5vw;
        height: 2.8em
    }
}

@media (max-width: 992px) {
    .content_sortPagiBar .sortPagiBar #productsSortForm {
        float: right;
        background-color: #fde500;
        padding: 5px 0;
        line-height: 2em
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .content_sortPagiBar .sortPagiBar #productsSortForm {
        margin-right: 4.8em;
        background-color: #fde500
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .content_sortPagiBar .sortPagiBar #productsSortForm {
        margin-right: 4%
    }
}

@media (min-width: 1500px) {
    .content_sortPagiBar .sortPagiBar #productsSortForm {
        margin-top: .5em
    }
}

.content_sortPagiBar .sortPagiBar #productsSortForm select {
    max-width: 192px;
    position: absolute;
    right: 12px;
    width: 10%;
    top: 19%;
    font-weight: 700;
    color: #666;
    font-size: 1.6em;
    height: 1.5em;
    text-transform: uppercase
}

.content_sortPagiBar .sortPagiBar #productsSortForm select option:first-child {
    display: none
}

.content_sortPagiBar .sortPagiBar #productsSortForm select option {
    font-family: Calibris;
    font-size: .7em
}

@media (max-width: 991px) {
    .content_sortPagiBar .sortPagiBar .product-new {
        display: none
    }

    .content_sortPagiBar .sortPagiBar #productsSortForm {
        margin-left: 0
    }

    .content_sortPagiBar .sortPagiBar #productsSortForm select {
        max-width: 160px
    }
}

.content_sortPagiBar .sortPagiBar #productsSortForm .selector,
.content_sortPagiBar .sortPagiBar .nbrItemPage {
    float: left
}

.content_sortPagiBar .sortPagiBar .nbrItemPage select {
    max-width: 59px;
    float: left
}

.content_sortPagiBar .sortPagiBar .nbrItemPage .clearfix>span {
    padding: 3px 0 0 12px;
    display: inline-block;
    float: left
}

.content_sortPagiBar .sortPagiBar .nbrItemPage #uniform-nb_item,
.content_sortPagiBar .sortPagiBar label,
.content_sortPagiBar .sortPagiBar select {
    float: left
}

.content_sortPagiBar .sortPagiBar label {
    padding: 3px 6px 0 0
}

.content_sortPagiBar .sortPagiBar.instant_search #productsSortForm {
    display: none
}

.content_sortPagiBar .display {
    float: right;
    margin-top: -4px
}

.content_sortPagiBar .display li {
    float: left;
    padding-left: 12px;
    text-align: center
}

.content_sortPagiBar .display li a {
    color: gray;
    font-size: 11px;
    line-height: 14px;
    cursor: pointer
}

.content_sortPagiBar .display li a i {
    display: block;
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    margin-bottom: -3px;
    color: #e1e0e0
}

.content_sortPagiBar .display li a:hover i {
    color: gray
}

.content_sortPagiBar .display li.selected a {
    cursor: default
}

.content_sortPagiBar .display li.selected i {
    color: #333
}

.content_sortPagiBar .display li.display-title {
    font-weight: 700;
    color: #333;
    padding: 7px 6px 0 0
}

.content_sortPagiBar.bottom-pagi .button-displayall {
    color: grey
}

.bottom-pagi #pagination_bottom ul.pagination {
    margin: 0 0 0 1em;
    font-size: 1.5em
}

.bottom-pagi .sortPagiBar {
    clear: both;
    background: #fde500;
    width: 42.5%;
    text-align: center;
    float: right;
    margin-right: -15px;
    margin-bottom: 40px;
    margin-top: -9px
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .bottom-pagi .sortPagiBar {
        WIDTH: CALC(100% - 50EM)
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .bottom-pagi .sortPagiBar {
        WIDTH: CALC(100% - 4EM)
    }
}

.bottom-pagi .sortPagiBar #pagination_bottom {
    margin-left: 0
}

.bottom-pagi .sortPagiBar #pagination_bottom.pagination {
    margin: 0
}

@media (min-width: 991px) and (max-width: 1024px) {
    .content_sortPagiBar .sortPagiBar .showall .button-displayall {
        margin: -3px 0
    }

    .bottom-pagi .sortPagiBar #pagination_bottom.displayallproductb {
        margin-left: -157px
    }
}

.bottom-pagi .sortPagiBar #pagination_bottom~.button-displayall {
    margin-top: -3%
}

.bottom-pagi .sortPagiBar .product-count {
    display: block;
    margin: 0 0 0 3%;
    text-transform: uppercase;
    font-size: 1.4em;
    line-height: 1.4em
}

@media (min-width: 767px) and (max-width: 991px) {
    .bottom-pagi .sortPagiBar .product-count {
        font-size: 1.5em
    }
}

@media (max-width: 991px) and (orientation: landscape) {
    #left_column {
        width: 17.7%
    }

    .bottom-pagi .sortPagiBar .product-count {
        font-size: 2em;
        line-height: 1em
    }
}

.bottom-pagi .sortPagiBar #productsSortForm {
    display: inline-block;
    vertical-align: middle;
    margin: 4px 0
}

.bottom-pagi .sortPagiBar #productsSortForm select {
    max-width: 192px;
    float: left
}

.bottom-pagi .sortPagiBar #productsSortForm .selector {
    float: left
}

div.selector1 #selectProductSort_title span {
    font-size: 1.8em;
    line-height: .2em;
    color: #000
}

@media (max-width: 767px) and (orientation: portrait) {
    div.selector1 #selectProductSort_title span {
        font-size: 2.5em
    }
}

div.selector1 #selectProductSort_msdd .ui-icon-hightestprice span {
    font-size: 1.2em;
    line-height: 1em
}

@media (max-width: 767px) {
    div.selector1 #selectProductSort_msdd .ui-icon-hightestprice span {
        font-size: 1.5em;
        line-height: 1.9em
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    #mmenutopmob div.col-xs-2 img {
        width: 44%
    }

    div.selector1 #selectProductSort_msdd .ui-icon-hightestprice span {
        font-size: 1.25em;
        line-height: 1em
    }
}

div.selector1 #selectProductSort_msdd .ui-icon-lowestprice span {
    font-size: 1.2em;
    line-height: 1em
}

#pagination_next_bottom a,
#pagination_next_bottom span,
#pagination_previous_bottom a,
#pagination_previous_bottom span {
    color: #fff;
    width: 44px;
    height: 43px;
    padding: 8px 30px 14px 17px;
    position: relative;
    line-height: 27px;
    vertical-align: baseline !important
}

@media (min-width: 767px) and (max-width: 1199px) {

    #pagination_next_bottom a,
    #pagination_next_bottom span,
    #pagination_previous_bottom a,
    #pagination_previous_bottom span {
        width: 20px;
        line-height: 20px
    }
}

#pagination_next_bottom a i,
#pagination_next_bottom span i,
#pagination_previous_bottom a i,
#pagination_previous_bottom span i {
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.pagination {
    font-family: Calibris;
    vertical-align: middle
}

@media (max-width: 767px) {
    div.selector1 #selectProductSort_msdd .ui-icon-lowestprice span {
        font-size: 1.5em;
        line-height: 1.9em
    }

    .pagination {
        font-size: 1.3em
    }

    .bottom-pagination-content ul.pagination li.pagination_next>a b,
    .bottom-pagination-content ul.pagination li.pagination_next>span b,
    .bottom-pagination-content ul.pagination li.pagination_previous>a b,
    .bottom-pagination-content ul.pagination li.pagination_previous>span b,
    .top-pagination-content ul.pagination li.pagination_next>a b,
    .top-pagination-content ul.pagination li.pagination_next>span b,
    .top-pagination-content ul.pagination li.pagination_previous>a b,
    .top-pagination-content ul.pagination li.pagination_previous>span b {
        display: none
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    div.selector1 #selectProductSort_msdd .ui-icon-lowestprice span {
        font-size: 1.25em;
        line-height: 1em
    }

    .pagination {
        font-size: 1.1em
    }
}

.bottom-pagination-content,
.top-pagination-content {
    text-align: center;
    padding: 12px 0;
    position: relative
}

.bottom-pagination-content div.pagination,
.top-pagination-content div.pagination {
    margin: 0;
    float: right;
    width: 530px;
    text-align: center
}

.bottom-pagination-content div.pagination .showall,
.top-pagination-content div.pagination .showall {
    float: right;
    margin: 8px 53px 8px 14px
}

@media (min-width: 992px) and (max-width: 1199px) {

    .bottom-pagination-content div.pagination,
    .top-pagination-content div.pagination {
        width: 380px
    }

    .bottom-pagination-content div.pagination .showall,
    .top-pagination-content div.pagination .showall {
        margin-right: 11px
    }
}

.bottom-pagination-content div.pagination .showall .btn span,
.top-pagination-content div.pagination .showall .btn span {
    font-size: 13px;
    padding: 3px 5px 4px;
    line-height: normal
}

.bottom-pagination-content ul.pagination,
.top-pagination-content ul.pagination {
    margin: 8px 0
}

.bottom-pagination-content ul.pagination li,
.top-pagination-content ul.pagination li {
    display: inline-block;
    float: left
}

.bottom-pagination-content ul.pagination li>a,
.bottom-pagination-content ul.pagination li>span,
.top-pagination-content ul.pagination li>a,
.top-pagination-content ul.pagination li>span {
    margin: 0 1px 0 0;
    padding: 0;
    font-weight: 700;
    border: 0;
    line-height: 1em !important;
    border-color: #dfdede #d2d0d0 #b0afaf;
    display: block
}

.bottom-pagination-content ul.pagination li>a span,
.bottom-pagination-content ul.pagination li>span span,
.top-pagination-content ul.pagination li>a span,
.top-pagination-content ul.pagination li>span span {
    border: 1px solid #fff;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    display: block;
    background: url(../img/pagination-li.gif) repeat-x #fbfbfb
}

.bottom-pagination-content ul.pagination li.pagination_next,
.bottom-pagination-content ul.pagination li.pagination_previous,
.top-pagination-content ul.pagination li.pagination_next,
.top-pagination-content ul.pagination li.pagination_previous {
    color: #777676;
    font-weight: 700
}

.bottom-pagination-content ul.pagination li.pagination_next>a,
.bottom-pagination-content ul.pagination li.pagination_next>span,
.bottom-pagination-content ul.pagination li.pagination_previous>a,
.bottom-pagination-content ul.pagination li.pagination_previous>span,
.top-pagination-content ul.pagination li.pagination_next>a,
.top-pagination-content ul.pagination li.pagination_next>span,
.top-pagination-content ul.pagination li.pagination_previous>a,
.top-pagination-content ul.pagination li.pagination_previous>span {
    border: none;
    background: 0 0;
    display: block;
    padding: 4px 0
}

.bottom-pagination-content ul.pagination li.pagination_next>a span,
.bottom-pagination-content ul.pagination li.pagination_next>span span,
.bottom-pagination-content ul.pagination li.pagination_previous>a span,
.bottom-pagination-content ul.pagination li.pagination_previous>span span,
.top-pagination-content ul.pagination li.pagination_next>a span,
.top-pagination-content ul.pagination li.pagination_next>span span,
.top-pagination-content ul.pagination li.pagination_previous>a span,
.top-pagination-content ul.pagination li.pagination_previous>span span {
    border: none;
    padding: 0;
    background: 0 0
}

.bottom-pagination-content ul.pagination li.pagination_next>a span b,
.bottom-pagination-content ul.pagination li.pagination_next>span span b,
.bottom-pagination-content ul.pagination li.pagination_previous>a span b,
.bottom-pagination-content ul.pagination li.pagination_previous>span span b,
.top-pagination-content ul.pagination li.pagination_next>a span b,
.top-pagination-content ul.pagination li.pagination_next>span span b,
.top-pagination-content ul.pagination li.pagination_previous>a span b,
.top-pagination-content ul.pagination li.pagination_previous>span span b {
    font-weight: 700
}

.bottom-pagination-content ul.pagination li.pagination_previous,
.top-pagination-content ul.pagination li.pagination_previous {
    margin-right: 10px
}

.bottom-pagination-content ul.pagination li.pagination_next,
.top-pagination-content ul.pagination li.pagination_next {
    margin-left: 10px
}

.bottom-pagination-content ul.pagination li.active>span,
.top-pagination-content ul.pagination li.active>span {
    color: #333;
    border-color: #dfdede #d2d0d0 #b0afaf
}

.bottom-pagination-content .product-count,
.top-pagination-content .product-count {
    padding: 11px 0 0;
    float: left
}

@media (max-width: 991px) {
    .bottom-pagi .sortPagiBar #productsSortForm select {
        max-width: 160px
    }

    .bottom-pagination-content div.pagination,
    .top-pagination-content div.pagination {
        float: left;
        width: auto
    }

    .bottom-pagination-content div.pagination .showall,
    .top-pagination-content div.pagination .showall {
        margin-right: 0
    }

    .bottom-pagination-content ul.pagination,
    .top-pagination-content ul.pagination {
        float: left
    }

    .bottom-pagination-content .product-count,
    .top-pagination-content .product-count {
        clear: left
    }
}

form.showall.vishal~form#productsSortForm {
    margin-right: -2.5vw;
    margin-left: 3.5vw
}

@media (min-width: 1024px) and (max-width: 1200px) {
    form.showall.vishal~form#productsSortForm {
        margin-left: 2.5vw
    }
}

@media (min-width: 1501px) and (max-width: 1676px) {
    form.showall.vishal~form#productsSortForm {
        margin-left: 2.5vw
    }
}

#page {
    overflow: hidden
}

@media (min-width: 1201px) {
    #page {
        background-size: 64%;
        background-position: -248px -139px;
        background-repeat: no-repeat
    }
}

#page .rte {
    background: 0 0;
    color: #000;
    margin-bottom: 10px
}

#page .rte em {
    font-style: italic !important
}

.breadcrumb {
    list-style: none;
    display: inline-block;
    padding: 0 11px;
    font-weight: 700;
    font-size: 1.4em;
    line-height: 24px;
    min-height: 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 4px;
    position: relative;
    z-index: 1;
    color: #000;
    text-transform: uppercase;
    margin-top: -5px
}

@media (max-width: 766px) and (orientation: landscape) {
    #nbrresult {
        font-size: 7em
    }

    .breadcrumb {
        margin-left: 10px
    }
}

@media (max-width: 766px) {
    #page .rte h3 {
        font-size: 6em
    }

    .breadcrumb {
        margin-bottom: -3px;
        display: none
    }
}

@media (max-width: 766px) and (max-width: 766px) and (orientation: portrait) {
    .breadcrumb {
        margin-bottom: .5em;
        margin-top: .03em
    }
}

.breadcrumb .navigation-pipe {
    width: 23px;
    display: inline-block;
    border-radius: 93%;
    background-color: #c9c9c9;
    text-align: center;
    color: #fff;
    margin-right: 10px
}

@media (max-width: 766px) {
    .breadcrumb .navigation-pipe {
        width: 15px;
        font-size: 16px;
        height: 14px;
        line-height: 15px;
        padding-left: 3px;
        vertical-align: middle
    }
}

.breadcrumb>.navigation_page {
    font-size: 1.2em;
    display: inline-block;
    vertical-align: middle
}

.breadcrumb>.navigation_page span {
    vertical-align: middle
}

.breadcrumb>a {
    font-size: 1.2em
}

.breadcrumb a {
    display: inline-block;
    padding: 0 15px 0 22px;
    margin-left: -26px;
    position: relative;
    z-index: 2
}

@media (max-width: 766px) {
    .breadcrumb a {
        padding: 0 6px 0 22px
    }
}

.breadcrumb a.home {
    text-align: center;
    padding: 0;
    margin: 0 4px 0 -10px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    z-index: 99;
    line-height: 1em;
    display: inline-block;
    vertical-align: middle
}

.breadcrumb a.home:before {
    border: none
}

.breadcrumb a:after {
    display: inline-block;
    content: ">";
    color: #fff;
    position: absolute;
    right: -10px;
    top: 3px;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    text-indent: -5000px;
    z-index: -1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.breadcrumb a:before {
    display: inline-block;
    position: absolute;
    left: -10px;
    top: 3px;
    width: 18px;
    height: 18px;
    background: 0 0;
    border-right: 1px solid #d6d4d4;
    border-top: 1px solid #d6d4d4;
    border-radius: 2px;
    text-indent: -5000px;
    z-index: -1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.footer-container {
    position: relative;
    z-index: 3000;
    background: #fff;
}

.footer-container #footer {
    /*background-image:url(../img/mapfooter7.png);
	background-repeat:no-repeat;
	background-position:110% 165px;
	background-size:35%;*/
    color: #000
}

@media (max-width: 500px) and (orientation: portrait) {
    .footer-container #footer {
        background-size: 70%;
        background-position: 113% 240px !important
    }
}

@media (min-width: 501px) and (max-width: 767px) and (orientation: portrait) {
    .footer-container #footer {
        background-size: 70%;
        background-position: 113% 430px !important
    }
}

@media (max-width: 800px) and (orientation: landscape) {
    .footer-container #footer {
        background-size: 52%;
        background-position: 106% -14px !important
    }
}

@media (min-width: 801px) and (orientation: portrait) {
    .footer-container #footer {
        font-size: 1.5em
    }
}

@media (min-width: 768px) and (max-width: 800px) {
    .footer-container #footer {
        font-size: 1.4em
    }

    .footer-container #footer .footer-block:first-child {
        margin-top: 2em
    }

    .footer-container #footer .socialheaderimgg,
    .footer-container #footer .socialheaderimgy {
        width: 5vw
    }
}

.footer-container #footer .row {
    position: relative
}

.footer-container #footer ul.row {
    position: static
}

.footer-container #footer .footer-block {
    /*text-transform:uppercase;*/
    margin: 0px 3px
}

.footer-container #footer .footer-block:first-child {
    /*margin-left:2%*/
}

.footer-container #footer .footer-block>div {
    display: flex;
    flex-wrap: wrap;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #d3d3d3;
}

.footer-container #footer .footer-block>div>.block_content {
    width: 100%;
}

.footer-container #footer .footer-block>div>a,
.footer-container #footer .footer-block>div>h4 {
    flex: 1;
}

.footer-container #footer .footer-block div:first-child {
    border-top: 1px solid #d3d3d3;
}

.footer-container #footer .footer-block div:last-child {
    border: none;
    padding-bottom: 1em;
}

.footer-container #footer a {
    color: #000
}

.footer-container #footer h4 {
    display: inline-block;
    font-size: 2.3em;
    color: #000;
    margin: 10px 0 10px;
    cursor: pointer;
    text-transform: uppercase;
    vertical-align: middle;
}

.footer-container #footer h4 a {
    color: #000
}

.footer-container #footer ul li {
    padding-bottom: 8px;
    padding-top: 8px;
    border-bottom: 1px solid #e7e7e7;
}

.footer-container #footer ul li:last-child {
    border: none;
}

.footer-container #footer ul li a {
    font-weight: 400;
    font-size: 2em;
    margin-left: 25px;
    line-height: 1.6em;
}

.footer-container #footer #block_contact_infos a .icon-chevron-down {
    display: none
}

.icon-chevron-right {
    font-size: 2.3em;
}

@media (max-width: 768px) {
    .breadcrumb {
        line-height: 1em;
        font-size: 3em;
        margin-left: .5em
    }

    .breadcrumb a.home {
        font-size: 1em
    }

    .breadcrumb span.title {
        vertical-align: middle;
        font-size: 1.5em
    }

    .breadcrumb>.navigation_page {
        display: inline-block
    }

    .footer-container #footer .footer-block {
        width: 93%;
        margin: 6px 40px 6px 2%;
        padding-right: 0;
        padding-left: 2px
    }

    .footer-container #footer .footer-block div {
        width: 90%;
    }

    .icon-chevron-right {
        vertical-align: middle;
        font-size: 7em;
    }

    .footer-container #footer #block_contact_infos {
        border: none
    }

    .footer-container #footer #block_contact_infos a .icon-chevron-down {
        display: inline-block
    }

    #footdisstockav {
        line-height: 1em;
        font-size: 9em;
        text-align: center;
        color: #000;
        font-weight: bold;
        padding-top: 1em;
    }

}

.footer-container #footer #block_contact_infos>div {
    /*padding:0 0 0 5px*/
}

.footer-container #footer #block_contact_infos>div ul li {
    padding: 0 0 7px 4px;
    font-size: 2em
}

@media (min-width: 1024px) and (max-width: 1301px) {
    .footer-container #footer h4 {
        font-size: 2.3em
    }

    .footer-container #footer ul li {
        padding-bottom: 14px;
        font-size: 1.3em
    }

    .footer-container #footer #block_contact_infos>div ul li {
        padding-bottom: 14px;
        font-size: 2.6em
    }

    .header_user_info img:not(.cartuserfinfo) {
        width: 5em
    }
}

.footer-container #footer #block_contact_infos>div ul li #emailfooter {
    text-transform: lowercase;
    unicode-bidi: bidi-override;
    direction: rtl
}

.footer-container #footer #block_contact_infos>div ul li>span,
.footer-container #footer #block_contact_infos>div ul li>span a {
    color: #000;
    font-weight: 400;
    font-size: inherit;
    text-size-adjust: none
}

@media (max-width: 767px) {
    .footer-container #footer h4 {
        position: relative;
        margin-bottom: 0;
        padding-bottom: 10px;
        font-size: 7.7em
    }

    .footer-container #footer ul li a {
        font-size: 7.5em
    }

    .footer-container #footer #block_contact_infos>div {
        padding-left: 0
    }

    .footer-container #footer #block_contact_infos>div ul {
        font-size: 3em;
        text-size-adjust: none
    }

    .footer-container #footer #block_contact_infos>div ul li>span,
    .footer-container #footer #block_contact_infos>div ul li>span a {
        font-size: 15px;
        -webkit-text-size-adjust: 100%
    }

    .table tbody>tr>td.cart_quantity {
        padding: 7px 8px 9px
    }
}

.footer-container #footer #block_contact_infos>div ul li i {
    font-size: 25px;
    width: 32px;
    text-align: center;
    padding-right: 12px;
    float: left;
    color: #908f8f
}

.footer-container #footer .blockcategories_footer {
    clear: left
}

.footer-container #footer .bottom-footer {
    position: absolute;
    bottom: -55px;
    left: 0
}

.footer-container #footer .bottom-footer div {
    padding: 15px 0 0;
    border-top: 1px solid #515151;
    width: 100%
}

#reinsurance_block {
    clear: both !important
}

#short_description_content dl,
#short_description_content ol,
#short_description_content ul,
#tinymce dl,
#tinymce ol,
#tinymce ul {
    margin-left: 20px
}

.rte ul {
    list-style-type: disc;
    padding-left: 15px
}

.rte ol {
    list-style-type: decimal;
    padding-left: 15px
}

.cart_navigation {
    margin: 0
}

.cart_navigation .button-medium {
    float: right;
    font-size: 20px;
    line-height: 24px
}

.cart_navigation .button-medium span {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 11px 15px 10px
}

@media (max-width: 992px) {
    .cart_navigation .button-medium span {
        font-size: 16px
    }
}

.cart_navigation .button-medium i.right {
    font-size: 25px;
    line-height: 25px;
    vertical-align: -4px;
    margin-left: 6px
}

.cart_navigation .button-exclusive {
    border: none;
    background: 0 0;
    padding: 4px;
    font-size: 17px;
    font-weight: 700;
    color: #333
}

.cart_navigation .button-exclusive i {
    color: #000;
    margin-right: 8px;
    vertical-align: middle
}

.cart_navigation .button-exclusive span {
    display: inline-block;
    vertical-align: middle
}

.cart_navigation .button-exclusive:active,
.cart_navigation .button-exclusive:focus,
.cart_navigation .button-exclusive:hover {
    color: #000
}

@media (max-width: 480px) {
    .cart_navigation>span {
        display: block;
        width: 100%;
        padding-bottom: 15px
    }
}

.cart_last_product {
    display: none
}

.cart_gift_quantity .cart_quantity_input {
    height: 27px;
    line-height: 27px;
    padding: 0;
    text-align: center;
    width: 57px
}

.table tbody>tr>td {
    vertical-align: middle
}

.table tbody>tr>td li {
    text-align: left;
    font-size: 16px;
    color: #000;
}

@media (min-width: 890px) and (min-max: 1440px) {
    .table tbody>tr>td.cart_quantity {
        padding: 41px 2px 25px !important
    }
}

.table tbody>tr>td.cart_quantity .cart_quantity_button {
    margin-top: 3px
}

.table tbody>tr>td.cart_quantity .cart_quantity_button a {
    float: left;
    margin-right: 3px
}

.table tbody>tr>td.cart_quantity .cart_quantity_button a+a {
    margin-right: 0
}

.table tbody>tr>td.cart_delete,
.table tbody>tr>td.price_discount_del {
    padding: 5px
}

.table tfoot>tr>td {
    vertical-align: middle
}

.cart_delete a.cart_quantity_delete,
a.price_discount_delete {
    font-size: 23px;
    color: #333
}

.cart_delete a.cart_quantity_delete:hover,
a.price_discount_delete:hover {
    color: silver
}

#cart_summary thead th {
    padding: 7px 8px 9px
}

#cart_summary tbody td {
    padding: 7px 8px 9px;
    position: relative;
    border: none !important
}

#cart_summary tbody td.cart_discount_name {
    font-size: 2em
}

@media (max-width: 767px) and (orientation: portrait) {
    #cart_summary tbody td.cart_discount_name {
        font-size: 7em
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    #cart_summary tbody td.cart_discount_name {
        font-size: 5em
    }
}

@media (max-width: 767px) and (orientation: portrait) {
    #cart_summary tbody td.cart_discount_price {
        font-size: 4em
    }
}

#cart_summary tbody td.cart_product {
    padding: 7px;
    border-left: none;
    border-right: none
}

@media (min-width: 768px) and (max-width: 890px) {
    #cart_summary tbody td {
        padding: 6px 0 9px 5px
    }

    #cart_summary tbody td.cart_product {
        padding: 1px
    }
}

@media (max-width: 767px) {
    #cart_summary tbody td.cart_product {
        width: 30%
    }

    #order-detail-content #cart_summary table,
    #order-detail-content #cart_summary tbody,
    #order-detail-content #cart_summary td,
    #order-detail-content #cart_summary th,
    #order-detail-content #cart_summary thead,
    #order-detail-content #cart_summary tr {
        display: block;
        font-size: 1.1em
    }

    #order-detail-content #cart_summary thead tr {
        border-bottom: none
    }

    #order-detail-content #cart_summary thead tr th {
        display: none
    }

    #order-detail-content #cart_summary thead tr th:first-child {
        display: block
    }

    #order-detail-content #cart_summary tr {
        padding-bottom: 7px;
        overflow: hidden;
        position: relative
    }

    #order-detail-content #cart_summary td {
        border: none;
        position: relative;
        float: left;
        white-space: normal
    }

    #order-detail-content #cart_summary td.cart_product {
        text-align: left
    }

    #order-detail-content #cart_summary td.cart_avail {
        display: none
    }

    #order-detail-content #cart_summary td.cart_unit {
        width: 33%;
        text-align: right;
        min-height: 70px;
        clear: both;
        display: none
    }

    #order-detail-content #cart_summary td.cart_unit .price {
        text-align: right;
        font-size: 8em
    }

    #order-detail-content #cart_summary td.cart_quantity:not(.customization) {
        width: 44%;
        min-height: 70px;
        margin-left: 17em
    }

    #order-detail-content #cart_summary td.cart_quantity div {
        display: inline-block;
        vertical-align: middle;
        margin-left: 7%
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    #cart_summary tbody td.cart_discount_price {
        font-size: 2.5em
    }

    #cart_summary tbody td .product-name {
        line-height: .1em;
        font-size: 5em
    }

    #cart_summary tbody td .product-name a {
        line-height: 1em;
        font-size: 1.1em;
        min-height: 2em;
        display: inline-block
    }
}

#cart_summary tbody td .product-name a {
    text-transform: uppercase;
    color: #000
}

@media (max-width: 767px) and (orientation: portrait) {
    #cart_summary tbody td .product-name {
        line-height: .1em;
        font-size: 5em
    }

    #cart_summary tbody td .product-name a {
        line-height: 1em;
        font-size: 1.1em
    }
}

#cart_summary tbody td.cart_unit .price span {
    display: inline-block
}

#cart_summary tbody td.cart_unit .price span.price-percent-reduction {
    margin: 5px auto;
    display: inline-block
}

#cart_summary tbody td.cart_unit .price span.old-price {
    text-decoration: line-through
}

#cart_summary tbody td.cart_description {
    border-left: none
}

#cart_summary tbody td.cart_description small {
    display: block;
    padding: 5px 0 0
}

#cart_summary tbody td.cart_avail {
    width: 1%
}

#cart_summary tbody td.cart_avail span {
    white-space: nowrap
}

#cart_summary tbody td.cart_delete {
    width: 1%
}

#cart_summary tbody tfoot td.cart_total,
#cart_summary tbody tfoot td.cart_unit,
#cart_summary tfoot tbody td.cart_total,
#cart_summary tfoot tbody td.cart_unit,
#cart_summary tfoot td.text-right {
    font-weight: 700;
    color: #333
}

#cart_summary tfoot td.price {
    text-align: right
}

@media (max-width: 766px) {
    #cart_summary tfoot td.total_price_container {
        line-height: 0
    }
}

#cart_summary tfoot td.total_price_container span {
    font: 600 18px/22px Calibris, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    color: #555454;
    text-transform: uppercase
}

#cart_summary tfoot td#total_price_container {
    font: 600 21px/25px Calibris, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    color: #333;
    background: #fff
}

#cart_summary .stock-management-on tbody td.cart_description {
    width: 480px
}

.cart_discount_price {
    text-align: right
}

.cart_discount_delete {
    text-align: center
}

@media (max-width: 767px) and (max-width: 766px) {
    #order-detail-content #cart_summary td.cart_quantity div {
        float: left;
        margin-top: 3em
    }

    #order-detail-content #cart_summary td.cart_quantity {
        min-height: auto;
        padding: 7px 0 5px 5px !important
    }
}

@media (max-width: 767px) {
    #order-detail-content #cart_summary td.cart_quantity>.form-control {
        display: inline;
        font-size: 9.4em !important
    }

    #order-detail-content #cart_summary td.cart_quantity>.cart_quantity_button a {
        margin-right: 0;
        float: none
    }

    #order-detail-content #cart_summary td.cart_total {
        width: 33%;
        min-height: 70px;
        text-align: right;
        font-size: 5em
    }

    #order-detail-content #cart_summary td.cart_delete {
        position: absolute;
        right: 20px;
        top: 7px
    }

    #order-detail-content #cart_summary td.cart_delete:before {
        content: '' !important
    }

    #order-detail-content #cart_summary td div,
    #order-detail-content #cart_summary tfoot td:before {
        display: inline
    }

    #order-detail-content #cart_summary td:before {
        content: attr(data-title);
        font-weight: 700;
        display: block
    }

    #order-detail-content #cart_summary tfoot td {
        float: none;
        width: 100%
    }

    #order-detail-content #cart_summary tbody tfoot tr td.cart_total,
    #order-detail-content #cart_summary tbody tfoot tr td.cart_unit,
    #order-detail-content #cart_summary tfoot tr .price,
    #order-detail-content #cart_summary tfoot tr .text-right,
    #order-detail-content #cart_summary tfoot tr tbody td.cart_total,
    #order-detail-content #cart_summary tfoot tr tbody td.cart_unit {
        display: block;
        float: left;
        width: 50%
    }
}

@media (max-width: 767px) and (max-width: 766px) {
    #order-detail-content #cart_summary td.cart_total {
        min-height: auto
    }
}

@media (max-width: 768px) {

    #linktutoyout,
    #linktutoyout2 {
        margin-left: -5%;
        height: auto
    }

    #chaineyoutube img {
        margin-left: auto;
        margin-right: auto
    }

    #order-detail-content #cart_summary tbody td .price {
        text-align: center
    }

    #order-detail-content #cart_summary tbody td.cart_description {
        width: 51%;
        padding-right: 0;
        padding-left: 0;
        text-align: left
    }

    #order-detail-content #cart_summary tbody td.cart_description>span {
        font-size: 5em;
        margin-left: 2%
    }

    #order-detail-content #cart_summary tbody td.cart_description>.cart_ref {
        font-size: 5em
    }
}

.cart_voucher {
    vertical-align: top !important
}

.cart_voucher h4 {
    font: 600 18px/22px Calibris, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    color: #555454;
    text-transform: uppercase;
    padding: 7px 0 10px
}

.cart_voucher .title-offers {
    color: #333;
    font-weight: 700;
    margin-bottom: 6px
}

.cart_voucher fieldset {
    -webkit-appearance: none;
    outline: 0;
    display: inline;
    margin-bottom: 10px;
    border-radius: 10px
}

.cart_voucher fieldset #discount_name {
    -webkit-appearance: none;
    outline: 0;
    width: 146px;
    font-size: 1.5em;
    display: inline-block;
    vertical-align: middle
}

@media (max-width: 767px) and (orientation: landscape) {
    #order-detail-content #cart_summary tbody td.cart_description {
        text-align: center;
        width: 48%
    }

    .cart_voucher fieldset #discount_name {
        max-width: 156px;
        font-size: 1em !important
    }
}

@media (max-width: 767px) and (max-aspect-ratio: 13 / 9) {
    .cart_voucher fieldset #discount_name {
        height: 29px !important;
        font-size: 16px !important;
        width: 126px;
        max-width: 126px;
        outline: 0;
        -webkit-appearance: none
    }
}

.cart_voucher #display_cart_vouchers span {
    font-weight: 700;
    cursor: pointer;
    color: #000
}

.cart_voucher #display_cart_vouchers span:hover {
    color: #000
}

@media (max-width: 767px) and (orientation: portrait) {

    #order-opc p.fielderrornumber,
    #order-opc p.fielderrornumber~ol {
        font-size: 3em
    }
}

#HOOK_SHOPPING_CART #loyalty i {
    font-size: 26px;
    line-height: 26px;
    color: #cfcccc
}

header #shopping_cart {
    color: #000;
    border-bottom-left-radius: 0.3em;
    border-bottom-right-radius: 0.3em;
    padding: 2px 0 5px;
}

header #shopping_cart img {
    width: 4em;
}

header .shopping_cart {
    display: none
}

#order_carrier {
    clear: both;
    margin-top: 20px;
    border: 1px solid #999;
    background: #fff
}

.order_carrier_logo {
    max-width: 65px;
    max-height: 65px
}

#order_carrier .title_block {
    padding: 0 15px;
    height: 29px;
    line-height: 29px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    background: url(../img/bg_table_th.png) 0 -10px repeat-x #999
}

#order_carrier span {
    display: block;
    padding: 15px;
    font-weight: 700
}

#order .address_add.submit {
    margin-bottom: 20px
}

#ordermsg {
    margin-bottom: 30px
}

#id_address_delivery.form-control,
#id_address_invoice.form-control {
    width: 269px
}

.addresses .addresses .address_select,
.addresses .select label,
.addresses .selector {
    clear: both;
    float: left
}

.addresses .waitimage {
    display: none;
    float: left;
    width: 24px;
    height: 24px;
    background-image: url(../../../img/loader.gif);
    background-repeat: no-repeat;
    position: relative;
    bottom: -2px;
    left: 10px
}

.addresses .checkbox.addressesAreEquals {
    clear: both;
    float: left;
    margin: 15px 0 25px
}

p.checkbox.gift {
    margin-bottom: 10px
}

#gift_div {
    display: none;
    margin-top: 5px;
    margin-bottom: 10px
}

a.iframe {
    color: #333;
    text-decoration: underline
}

a.iframe:hover {
    text-decoration: none
}

.payment_module.box {
    margin-top: 20px
}

.order-confirmation.box {
    line-height: 29px
}

.order-confirmation.box a {
    text-decoration: underline
}

.order-confirmation.box a:hover {
    text-decoration: none
}

#order-confirmation #center_column p {
    font-size: 2em;
    line-height: 1em
}

@media (max-width: 991px) and (orientation: portrait) {
    #order-confirmation #center_column p.confirmonetico {
        font-size: 5em
    }
}

@media (max-width: 991px) and (orientation: landscape) {
    #order-confirmation #center_column p.confirmonetico {
        font-size: 4em
    }
}

#order-confirmation #center_column p span.price {
    font-size: 1em
}

.delivery_option_carrier td {
    width: 200px
}

.delivery_option_carrier td+td,
.delivery_option_carrier td+td+td {
    width: 280px
}

.delivery_option_carrier tr td {
    padding: 5px
}

.delivery_option_carrier.selected {
    display: table
}

#account-creation_form .box,
#address .box,
#authentication .box,
#identity .box,
#new_account_form .box,
#opc_account_form .box {
    padding-bottom: 20px;
    line-height: 20px
}

#account-creation_form p.required,
#address p.required,
#authentication p.required,
#identity p.required,
#new_account_form p.required,
#opc_account_form p.required {
    color: #f13340;
    margin: 9px 0 16px
}

#account-creation_form p.inline-infos,
#address p.inline-infos,
#authentication p.inline-infos,
#identity p.inline-infos,
#new_account_form p.inline-infos,
#opc_account_form p.inline-infos {
    color: red
}

#account-creation_form .form-group,
#address .form-group,
#authentication .form-group,
#identity .form-group,
#new_account_form .form-group,
#opc_account_form .form-group {
    margin-bottom: 4px
}

#account-creation_form .form-group .form-control,
#address .form-group .form-control,
#authentication .form-group .form-control,
#identity .form-group .form-control,
#new_account_form .form-group .form-control,
#opc_account_form .form-group .form-control {
    max-width: 271px
}

#account-creation_form .form-group .form-control#adress_alias,
#address .form-group .form-control#adress_alias,
#authentication .form-group .form-control#adress_alias,
#identity .form-group .form-control#adress_alias,
#new_account_form .form-group .form-control#adress_alias,
#opc_account_form .form-group .form-control#adress_alias {
    margin-bottom: 20px
}

@media (min-width: 1200px) {

    #account-creation_form .form-group.phone-number,
    #address .form-group.phone-number,
    #authentication .form-group.phone-number,
    #identity .form-group.phone-number,
    #new_account_form .form-group.phone-number,
    #opc_account_form .form-group.phone-number {
        float: left;
        width: 270px;
        margin-right: 13px
    }

    #account-creation_form .form-group.phone-number+p,
    #address .form-group.phone-number+p,
    #authentication .form-group.phone-number+p,
    #identity .form-group.phone-number+p,
    #new_account_form .form-group.phone-number+p,
    #opc_account_form .form-group.phone-number+p {
        padding: 23px 0 0;
        margin-bottom: 0
    }
}

#account-creation_form .gender-line,
#address .gender-line,
#authentication .gender-line,
#identity .gender-line,
#new_account_form .gender-line,
#opc_account_form .gender-line {
    margin-bottom: 4px;
    padding-top: 4px
}

#account-creation_form .gender-line>label,
#address .gender-line>label,
#authentication .gender-line>label,
#identity .gender-line>label,
#new_account_form .gender-line>label,
#opc_account_form .gender-line>label {
    margin-right: 10px;
    margin-bottom: 0
}

#account-creation_form .gender-line .radio-inline label,
#address .gender-line .radio-inline label,
#authentication .gender-line .radio-inline label,
#identity .gender-line .radio-inline label,
#new_account_form .gender-line .radio-inline label,
#opc_account_form .gender-line .radio-inline label {
    font-weight: 400;
    color: #777
}

@media (min-width: 890px) {

    #address #addinformationform label {
        width: 100% !important
    }
}

#address #vat_area {
    position: relative
}

#address ul.footer_links {
    padding: 0;
    border-top: none
}

#authentication #center_column form.std .row,
#identity #center_column form.std .row,
#order-opc #center_column form.std .row {
    margin-left: -5px;
    margin-right: -5px
}

#authentication #center_column form.std .row .col-xs-4,
#identity #center_column form.std .row .col-xs-4,
#order-opc #center_column form.std .row .col-xs-4 {
    padding-left: 5px;
    padding-right: 5px;
    max-width: 110px
}

#authentication #center_column form.std .row .col-xs-4 .form-control,
#identity #center_column form.std .row .col-xs-4 .form-control,
#order-opc #center_column form.std .row .col-xs-4 .form-control {
    max-width: 100px
}

@media (min-width: 1560px) {

    #authentication #center_column form.std .row .col-xs-4,
    #identity #center_column form.std .row .col-xs-4,
    #order-opc #center_column form.std .row .col-xs-4 {
        max-width: 140px
    }

    #authentication #center_column form.std .row .col-xs-4 .form-control,
    #identity #center_column form.std .row .col-xs-4 .form-control,
    #order-opc #center_column form.std .row .col-xs-4 .form-control {
        max-width: 130px
    }
}

#authentication #center_column .footer_links,
#identity #center_column .footer_links,
#order-opc #center_column .footer_links {
    border: none;
    padding-top: 0
}

#new_account_form .box {
    line-height: 20px
}

#new_account_form .box .date-select {
    padding-bottom: 10px
}

#new_account_form .box .top-indent {
    padding-top: 10px
}

#new_account_form .box .customerprivacy {
    padding-top: 15px
}

#authentication fieldset.account_creation {
    margin-bottom: 20px
}

#instant_search_results a.close {
    font-size: 13px;
    font-weight: 600;
    opacity: 1;
    line-height: inherit;
    text-transform: none;
    font-family: Calibris
}

#instant_search_results a.close:hover {
    color: #000
}

table.discount i {
    font-size: 20px;
    line-height: 20px;
    vertical-align: -2px
}

table.discount i.icon-ok {
    color: #46a74e
}

table.discount i.icon-remove {
    color: #f13340
}

#account-creation_form fieldset.reversoform {
    padding: 10px !important
}

#account-creation_form fieldset.reversoform .text label {
    display: block;
    padding: 0 0 10px;
    width: 100%;
    text-align: left
}

#account-creation_form fieldset.reversoform .infos-sup {
    padding: 0 !important;
    font-size: 10px;
    font-style: italic;
    text-align: right
}

#account-creation_form fieldset.customerprivacy label,
fieldset.customerprivacy label {
    cursor: pointer
}

.tab-content {
    margin-top: 20px
}

.blockcategories_footer ul ul {
    display: none !important
}

.form-group.form-error input:not([type=button]),
.form-group.form-error textarea {
    border: 1px solid #f13340;
    color: #f13340;
    background: url(../img/icon/form-error.png) 98% 5px no-repeat #fff1f2
}

.form-group.form-ok input:not([type=button]),
.form-group.form-ok textarea {
    border: 1px solid #46a74e;
    color: #35b33f;
    background: url(../img/icon/form-ok.png) 98% 5px no-repeat #ddf9e1
}

.form-group.form-error .form-control,
.form-group.form-ok .form-control {
    padding-right: 30px
}

.checkbox,
.radio-inline {
    padding-left: 0
}

.checkbox .checker,
.radio-inline .checker {
    float: left
}

.checkbox .checker span,
.radio-inline .checker span {
    top: 0
}

.checkbox div.radio,
.radio-inline div.radio {
    display: inline-block
}

.checkbox div.radio span,
.radio-inline div.radio span {
    float: left;
    top: 0
}

.fancybox-skin {
    background: #fff !important
}

.fancybox-skin .fancybox-close {
    width: 28px;
    height: 28px;
    background: #fff;
    font-size: 28px;
    line-height: 28px;
    color: #333;
    text-align: center;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

.fancybox-skin .fancybox-close:hover {
    color: #000
}

.fancybox-skin .fancybox-close:after {
    content: "\f057";
    font-family: FontAwesome
}

.payment_option_form {
    display: none
}

.payment_option_selected {
    display: none;
    margin-top: 15px
}

.payment_option_selected i {
    color: green
}

#js-main-nav-wrap nav {
    line-height: 10px
}

#js-main-nav-wrap ul.pr-nav {
    overflow: hidden;
    margin-bottom: 0;
    width: 125.2%;
    height: 55px;
    display: inline-block;
    background-color: #fde500;
    text-align: center;
    padding: 0
}

#js-main-nav-wrap ul.pr-nav #closelastli {
    background-color: #fff;
    position: absolute;
    width: 1%;
    height: 100%;
    right: 0
}

#js-main-nav-wrap ul.pr-nav #firstli {
    position: absolute;
    width: 50px;
    height: 100%;
    left: -1px;
    opacity: 0
}

#js-main-nav-wrap ul.pr-nav #firstli.selectedfixmen {
    background: #999;
    opacity: 1
}

@media (max-width: 1199px) {
    #center_column {
        width: 76%
    }

    header #shopping_cart {
        line-height: 1em
    }

    header #shopping_cart img {
        min-width: 16px !important
    }

    #js-main-nav-wrap ul.pr-nav {
        width: 101.5%;
        max-height: 8em
    }

    #js-main-nav-wrap ul.pr-nav>li a {
        line-height: 3em !important
    }
}

@media (min-width: 1200px) and (max-width: 1300px) {
    #js-main-nav-wrap ul.pr-nav {
        width: 101.3%
    }
}

@media (min-width: 1301px) and (max-width: 1400px) {
    #js-main-nav-wrap ul.pr-nav {
        width: 101.4%
    }
}

@media (min-width: 1400px) and (max-width: 1550px) {
    #js-main-nav-wrap ul.pr-nav {
        width: 101.5%
    }
}

@media (min-width: 1551px) and (max-width: 1735px) {
    #js-main-nav-wrap ul.pr-nav {
        width: 101.8%
    }
}

@media (min-width: 1736px) {
    #js-main-nav-wrap ul.pr-nav {
        width: 101.2%
    }
}

@media (min-width: 767px) and (max-width: 850px) {
    #js-main-nav-wrap ul.pr-nav {
        display: none
    }
}

#js-main-nav-wrap ul.pr-nav>li {
    background-image: url(../img/menewhiteli.png);
    background-repeat: no-repeat;
    background-position: right;
    display: inline;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    float: left;
    overflow: hidden;
    border-left: 20px;
    pointer: cursor
}

#js-main-nav-wrap ul.pr-nav>li.sfHoverForce.col-sm-2:before {
    background: grey;
    opacity: 1;
    content: ' '
}

@media (max-width: 768px) and (max-width: 1024px) {
    #js-main-nav-wrap ul.pr-nav>li {
        padding: 0
    }
}

#js-main-nav-wrap ul.pr-nav>li .endmenutop {
    margin-left: 5%
}

@media (max-width: 1513px) {
    #js-main-nav-wrap ul.pr-nav>li .endmenutop {
        margin-left: 2%;
        font-size: 1em;
        line-height: 1em
    }
}

@media (max-width: 1513px) and (min-width: 1024px) and (max-width: 1199px) {
    #js-main-nav-wrap ul.pr-nav>li .endmenutop {
        margin-left: 0;
        font-size: .9em;
        line-height: 3em
    }
}

#js-main-nav-wrap ul.pr-nav>li:first-child {
    display: none
}

#js-main-nav-wrap ul.pr-nav>li:nth-child(3)>a .item_menu_img,
#js-main-nav-wrap ul.pr-nav>li:nth-child(4) {
    width: 15%
}

#js-main-nav-wrap ul.pr-nav>li:nth-child(4)>a .item_menu_img {
    width: 18%
}

#js-main-nav-wrap ul.pr-nav>li:nth-child(5) {
    width: 14%
}

#js-main-nav-wrap ul.pr-nav>li:nth-child(5)>a .item_menu_img {
    width: 19%
}

#js-main-nav-wrap ul.pr-nav>li:nth-child(6) {
    width: 14.95%
}

#js-main-nav-wrap ul.pr-nav>li:nth-child(6)>a .item_menu_img {
    width: 18%
}

#js-main-nav-wrap ul.pr-nav>li:nth-child(7) {
    width: 21.5%
}

#js-main-nav-wrap ul.pr-nav>li:nth-child(7)>a .item_menu_img {
    width: 11%
}

#js-main-nav-wrap ul.pr-nav>li:nth-child(8) {
    width: 21.5%
}

#js-main-nav-wrap ul.pr-nav>li:nth-child(8)>a {
    margin-left: 0;
    height: 100%
}

#js-main-nav-wrap ul.pr-nav>li:nth-child(8)>a .item_menu_img {
    width: 10%;
    margin-left: 1.9%
}

@media (max-width: 1199px) {
    #js-main-nav-wrap ul.pr-nav>li:nth-child(8)>a .item_menu_img {
        margin-left: -4.1%
    }
}

#js-main-nav-wrap ul.pr-nav>li:nth-child(8)>a .endmenutop {
    margin-left: 2.1%
}

#js-main-nav-wrap ul.pr-nav>li:last-child {
    background-image: url(../img/expldview.png);
    margin-left: 0;
    width: 17.87%
}

#js-main-nav-wrap ul.pr-nav>li:last-child span.endmenutop {
    background-color: rgba(0, 0, 0, .7);
    position: relative;
    padding: 4px;
    vertical-align: middle;
    color: #fff
}

#js-main-nav-wrap ul.pr-nav>li a {
    text-transform: uppercase;
    font-size: 2.4em;
    line-height: 59px;
    width: 110%;
    margin-left: -8%;
    display: block;
    text-align: center
}

#js-main-nav-wrap ul.pr-nav>li a .item_menu_img {
    display: inline-block;
    vertical-align: middle
}

.button-displayall {
    line-height: 1.2em;
    background-color: transparent;
    border: none;
    color: #000;
    font-size: 1.6em;
    text-transform: uppercase;
    margin-top: -1%
}

.button-newproducts {
    line-height: 1em;
    vertical-align: middle;
    background-color: transparent;
    border: none;
    color: #000;
    font-size: 1.3em;
    text-transform: uppercase
}

.content_sortPagiBar+.product-count {
    font-size: 2.5em;
    text-transform: uppercase;
    margin-bottom: .5em;
    margin-top: .2em
}

@media (max-width: 767px) {
    .content_sortPagiBar+.product-count {
        display: none
    }
}

#totvarnish_logout {
    display: none
}

.header_user_info .ajax_cart_no_product,
.header_user_info .ajax_cart_product_txt_s,
.header_user_info .ajax_cart_quantity {
    display: inline;
    line-height: 1em
}

.ajax_cart_quantity {
    display: block;
    margin: 4px 0;
}

.productlisthome {
    background-color: #b2b2b2;
    margin-bottom: 0;
    border-top: 3px solid #fff;
    margin-left: -7px;
    vertical-align: baseline;
    width: 94.5%
}

.productlisthome a span {
    color: #fff;
    height: 1em;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    margin: 0 0 0 .5%;
    padding: 0;
    line-height: 1em
}

.slick-slider {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    touch-action: auto;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch
}

.slick-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.slick-list:focus {
    outline: 0
}

.slick-loading .slick-list {
    background: url(../img/ajax-loader.gif) center center no-repeat #fff
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slide,
.slick-slide img,
.slick-slider .slick-list,
.slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media (max-width: 766px) {
    .slick-slide img {
        width: 44%
    }
}

@media (min-width: 760px) and (max-width: 1000px) {
    .slick-slide img {
        width: 76%
    }
}

.slick-track {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    zoom: 1;
    z-index: 1
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    width: 16.2%
}

.slick-slide img {
    display: block;
    width: 64%
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-next,
.slick-prev {
    display: block;
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    margin-top: 0;
    padding: 0;
    border: none;
    border-radius: 30px;
    font-size: 0;
    line-height: 0;
    outline: 0;
    color: transparent;
    background: rgba(102, 102, 102, .69);
    cursor: pointer;
    z-index: 8
}

@media (max-width: 766px) and (orientation: portrait) {

    .slick-next,
    .slick-prev {
        width: 30px;
        height: 30px
    }
}

@media (max-width: 766px) and (orientation: landscape) {

    .slick-next,
    .slick-prev {
        width: 38px;
        height: 38px
    }
}

.slick-next:focus,
.slick-prev:focus {
    outline: 0
}

.slick-next.slick-disabled,
.slick-prev.slick-disabled {
    opacity: .25;
    cursor: not-allowed
}

.slick-next:before,
.slick-prev:before {
    font-family: FontAwesome;
    font-size: 34px;
    line-height: 1.4;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: 1%
}

.slick-prev:before {
    content: "\f053";
    margin-left: -5px
}

.slick-next {
    right: 5%
}

.slick-next:before {
    content: "\f054";
    margin-left: 5px
}

#search_block_top .input-group {
    width: 100%
}

#linkallproducts2 {
    position: absolute;
    width: 8em;
    text-transform: uppercase;
    margin-top: .2em;
    top: 0;
    font-size: 1.5em;
    margin-left: 3.5em;
    font-weight: 700;
    z-index: 999
}

@media (min-width: 991px) and (max-width: 1200px) {
    #header_logo a {
        margin-left: 0;
        padding-right: 15px
    }

    #linkallproducts2 {
        left: 111%;
        top: -.5em
    }
}

@media (min-width: 1025px) and (max-width: 1455px) {
    #linkallproducts2 {
        margin-left: 30%;
        width: 100px
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #linkallproducts2 {
        width: 178px;
        margin-left: 0
    }
}

.btnspanjoli button {
    height: 48px;
    overflow: hidden;
    border: none;
    padding: 0;
    display: inline-block;
    width: auto;
    background: 0 0;
    outline: 0;
    z-index: 999;
    position: relative
}

.btnspanjoli button span {
    display: inline-block;
    font-size: 2.0em;
    padding: 9px 2px;
    margin-left: 10px;
}

#cartcentertxt {
    margin-top: 2px;
    display: inline-block;
    vertical-align: middle
}

.socialheaderimgg {
    width: 2vw;
    margin-top: 8%
}

@media (max-width: 766px) and (orientation: portrait) {
    .socialheaderimgg {
        width: 8vw
    }
}

@media (max-width: 766px) and (orientation: landscape) {
    .socialheaderimgg {
        width: 5vw
    }
}

.socialheaderimgy {
    width: 2vw;
    margin-top: 10%
}

#scrolltotop a {
    font-size: 32px;
    line-height: .5em;
    text-align: center;
    color: #fff;
    width: 30px;
    height: 30px;
    position: fixed;
    bottom: 70px;
    right: 30px;
    z-index: 999999
}

@media (max-width: 766px) and (orientation: portrait) {
    .socialheaderimgy {
        width: 8vw;
        margin-top: 10%
    }

    #scrolltotop a {
        font-size: 14em !important;
        bottom: 120px
    }
}

@media (max-width: 766px) and (orientation: landscape) {
    .socialheaderimgy {
        width: 5vw;
        margin-top: 9%
    }

    #scrolltotop a {
        font-size: 10em !important;
        bottom: 100px
    }
}

@media (min-width: 767px) and (max-width: 800px) {
    #scrolltotop a {
        bottom: 140px
    }
}

#identity button[name=submitIdentity] {
    width: 13% !important
}

#identity #js-main-nav-wrap {
    margin-left: -15px;
    max-width: 101.8%
}

#identity .box {
    padding: 0 18px 10px;
    margin-bottom: 10px
}

#address #js-main-nav-wrap,
#addresses #js-main-nav-wrap {
    margin-left: -15px;
    max-width: 101.8%
}

#address .addnewadress,
#addresses .addnewadress {
    width: 28% !important
}

@media (max-width: 766px) and (orientation: portrait) {

    #address .addnewadress,
    #addresses .addnewadress {
        width: 69% !important
    }
}

@media (max-width: 766px) and (orientation: landscape) {

    #address .addnewadress,
    #addresses .addnewadress {
        width: 46% !important;
        font-size: 4em
    }
}

#address .addnewadress span,
#addresses .addnewadress span {
    padding: 0
}

#module-loyalty-default .product-count {
    font-size: 2em;
    padding: 0
}

@media (max-width: 767px) {
    #module-loyalty-default .product-count {
        font-size: 6em
    }
}

#module-loyalty-default .bottom-pagination-content {
    padding: 0 0 12px
}

#module-loyalty-default #js-main-nav-wrap {
    margin-left: -15px;
    max-width: 101.8%
}

#module-loyalty-default #pagination {
    width: 46%
}

@media (max-width: 769px) {
    #module-loyalty-default #pagination {
        width: 96%
    }

    #module-loyalty-default #pagination .showall {
        margin-top: .5em
    }
}

#module-loyalty-default #pagination .pagination li {
    background: 0 0;
    display: inline-block;
    vertical-align: middle;
    float: none
}

#module-loyalty-default #pagination .pagination li a,
#module-loyalty-default #pagination .pagination li span {
    background: 0 0;
    width: auto;
    font-size: 1.5em
}

@media (min-width: 768px) and (max-width: 890px) {
    #module-loyalty-default .product-count {
        font-size: 4em
    }

    #module-loyalty-default #pagination .pagination li a,
    #module-loyalty-default #pagination .pagination li span {
        font-size: 2em
    }
}

#module-loyalty-default #pagination .pagination li i {
    padding: .5em;
    color: #fff;
    background: #666;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

@media (max-width: 769px) and (orientation: landscape) {
    #module-loyalty-default h1.page-heading img {
        width: 8%
    }

    #module-loyalty-default h2 {
        font-size: 6.5em
    }

    #module-loyalty-default #pagination .pagination li a,
    #module-loyalty-default #pagination .pagination li.pagination_previous span {
        font-size: 3em
    }

    #module-loyalty-default #pagination .pagination li span span {
        font-size: 2em;
        width: 40px
    }

    #module-loyalty-default #pagination .pagination li a span {
        font-size: 1em;
        width: 40px
    }

    #module-loyalty-default table#order-list tbody,
    #module-loyalty-default table#order-list tfoot {
        font-size: 2.5em
    }
}

@media (max-width: 769px) and (orientation: portrait) {
    #module-loyalty-default h1.page-heading img {
        width: 8%;
        top: -27%
    }

    #module-loyalty-default h2 {
        font-size: 6.5em
    }

    #module-loyalty-default #pagination .pagination li a,
    #module-loyalty-default #pagination .pagination li.pagination_previous span {
        font-size: 3em
    }

    #module-loyalty-default #pagination .pagination li span span {
        font-size: 4em;
        width: 40px
    }

    #module-loyalty-default #pagination .pagination li a span {
        font-size: 1em;
        width: 40px
    }

    #module-loyalty-default table#order-list tbody,
    #module-loyalty-default table#order-list tfoot {
        font-size: 3em
    }
}

.modal-dialog {
    width: 30%;
    color: #000;
    font-size: 2.4em;
    text-transform: uppercase
}

@media (max-width: 766px) {

    .slick-next:before,
    .slick-prev:before {
        font-size: 23px
    }

    .modal-dialog {
        font-size: 7.5em
    }

    .layered_block span.titlefiltersp {
        line-height: .7em
    }
}

.modal-dialog .modal-header {
    background-color: #ffe500
}

.modal-dialog .modal-title {
    font-size: 1.2em;
    text-align: center;
    font-weight: 700;
    line-height: .4
}

.modal-dialog .modal-body {
    font-size: .8em;
    padding-bottom: 0
}

.modal-dialog .modal-body hr {
    border-top: 1px solid #b2b2b2;
    margin-bottom: 1em
}

.modal-dialog .modal-body p {
    text-align: center
}

.modal-dialog .modal-footer {
    border-top: none;
    padding: 0 20px 14px;
    margin-top: 0
}

.modal-dialog .modal-footer .col-sm-6 button {
    width: 99%;
    text-align: left;
    font-size: .8em;
    text-transform: uppercase
}

.modal-dialog .modal-footer .col-sm-6 button i,
.modal-dialog .modal-footer .col-sm-6 button span {
    display: inline-block;
    vertical-align: middle;
    width: 34%;
    line-height: 1em
}

@media (max-width: 766px) and (orientation: portrait) {
    .modal-dialog {
        width: 95%
    }

    .modal-dialog .modal-body {
        font-size: 1.2em
    }

    .modal-dialog .modal-footer .col-sm-6 button {
        font-size: 1em
    }

    .modal-dialog .modal-footer .col-sm-6 button i,
    .modal-dialog .modal-footer .col-sm-6 button span {
        width: 28%
    }
}

.modal-dialog .modal-footer .col-sm-6 a {
    width: 100%;
    font-size: .8em;
    text-transform: uppercase;
    text-align: right
}

.modal {
    top: 25%;
    z-index: 99999999
}

.modal-header .close {
    margin-top: -2%;
    font-size: 2em;
    color: #fff
}

body#address #center_column div.alert {
    font-size: 1.8em
}

body#address #center_column .fielderrornumber {
    font-size: 1em
}

@media (max-width: 766px) and (orientation: portrait) {
    body#address #center_column .fielderrornumber {
        font-size: 3em
    }
}

@media (max-width: 766px) and (orientation: landscape) {
    .modal-dialog {
        width: 89%;
        font-size: 8em
    }

    .modal-dialog .modal-body {
        line-height: 1em
    }

    .modal {
        top: 6%;
        font-size: 1em
    }

    body#address #center_column .fielderrornumber {
        font-size: 2em
    }

    .breadcrumb a.home i {
        font-size: 1.5em
    }
}

body#address #center_column input,
body#address #center_column label,
body#address #center_column select {
    display: inline-block;
    vertical-align: middle;
    height: 2em;
    margin-bottom: .3em;
    font-size: 1.5em;
    line-height: 1.5em;
    font-weight: 700
}

body#address #center_column .submit2 #submitAddress {
    width: auto;
    padding: 0;
    font-size: 1em
}

body#address #center_column label {
    width: 28%;
    padding: 0
}

@media (min-width: 768px) and (max-width: 890px) {

    body#address #center_column input,
    body#address #center_column label,
    body#address #center_column select {
        height: 2.2em;
        font-size: 2.4em;
        line-height: 2em
    }

    body#address #center_column label {
        width: 50%
    }
}

body#address #center_column .form-group.phone-number {
    float: none;
    max-width: none
}

body#address #center_column p {
    font-size: 2em
}

body#discount ul.footer_links,
body#module-loyalty-default ul.footer_links {
    padding: 0;
    border-top: none
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .65);
    z-index: 99999;
    color: #fff;
    display: inline-block
}

body:not(.js-open-left) #closefiltermob {
    display: none !important
}

.cartlinktopmob img {
    height: 2.4em
}

.cartlinktopmob .btn {
    padding: 0
}

#module-banklcr-payment p,
#module-bankwire-payment p {
    font-size: 6em
}

#module-banklcr-payment p #amount,
#module-bankwire-payment p #amount {
    font-size: 1em
}

#module-banklcr-payment p.cart_navigation,
#module-bankwire-payment p.cart_navigation {
    text-align: center
}

#module-banklcr-payment h1.page-heading,
#module-bankwire-payment h1.page-heading {
    margin-bottom: 0 !important;
    margin-top: 0
}

#module-banklcr-payment div.cheque-box,
#module-bankwire-payment div.cheque-box {
    padding: 0
}

#module-banklcr-payment #cart_navigation button[type=submit],
#module-bankwire-payment #cart_navigation button[type=submit] {
    background: #00f500;
    font-size: 1em;
    text-transform: uppercase
}

#module-banklcr-payment #cart_navigation button[type=submit] span,
#module-bankwire-payment #cart_navigation button[type=submit] span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-weight: 700
}

#module-banklcr-payment #cart_navigation button[type=submit] i,
#module-bankwire-payment #cart_navigation button[type=submit] i {
    color: #fff;
    display: inline-block;
    vertical-align: middle
}

#module-banklcr-payment #cart_navigation a,
#module-bankwire-payment #cart_navigation a {
    text-transform: uppercase
}

.breadcrumb a.home i {
    font-size: 1.5em;
    display: inline-block;
    vertical-align: middle;
    color: #000
}

@media (max-width: 767px) and (orientation: landscape) {

    body.address #page #add_address input,
    body.address #page #add_address label,
    body.address #page #add_address select,
    body.address #page #add_address textarea {
        font-size: 5.3em
    }

    body.address #page #add_address label {
        width: 55%
    }

    body.address #page #add_address #adress_alias label {
        margin-bottom: 1em
    }

    body.address #page p {
        font-size: 5.3em
    }
}

body#discount table.discount tbody td {
    padding-right: 1em
}

#order-confirmation #page #center_column>.box {
    font-size: 2em;
    line-height: 1.5em;
    color: #000
}

#order-confirmation #page #center_column>.box .price {
    font-size: 1em
}

@media (max-width: 767px) and (orientation: portrait) {

    body.address #page #add_address input,
    body.address #page #add_address label,
    body.address #page #add_address select,
    body.address #page #add_address textarea {
        font-size: 4.3em
    }

    body.address #page #add_address label {
        width: 55%
    }

    body.address #page #add_address #adress_alias label {
        margin-bottom: 1em
    }

    body.address #page p {
        font-size: 4.3em
    }

    body#discount p.alert-warning {
        font-size: 6em
    }

    body#discount h1.page-heading img {
        top: -38%
    }

    body#discount table.discount td,
    body#discount table.discount th {
        padding: 0;
        font-size: 2em;
        height: 3em;
        line-height: 3em
    }

    body#discount table.discount td span,
    body#discount table.discount th span {
        border: none
    }

    #order-confirmation #page #center_column>.box {
        font-size: 5em
    }

    #order-confirmation #page #center_column>.box .price {
        font-size: 1em
    }

    #order-confirmation .alert-success {
        font-size: 5em !important
    }
}

#followorderajaxc {
    padding: 5px;
    font-size: .8em;
    font-weight: 700;
    text-align: center;
    color: #fff;
    border: 1px;
    background: #00f500
}

@media (max-width: 766px) and (orientation: portrait) {
    #followorderajaxc {
        font-size: 1em
    }
}

#followorderajaxc span {
    margin-right: 2%;
    width: 70%
}

#followorderajaxc i,
#followorderajaxc span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1em
}

@media (min-width: 991px) {
    .visiblesml {
        display: inline-block
    }
}

@media (min-width: 767px) {
    .hiddenxs {
        display: none
    }

    #footdisstockav {
        text-align: center;
        font-size: 2.5em;
        color: #000;
        padding-bottom: 1em;
        padding-top: 0.5em;
        font-weight: bold;
    }

}

#facebook-link i,
#twitter-link i {
    font-size: 2.5em
}

.modal-backdrop {
    z-index: 9999999
}

#facebook-link {
    margin-left: 1.2em
}

@media (max-width: 767px) and (orientation: landscape) {
    body#discount p.alert-warning {
        font-size: 4em
    }

    body#discount h1.page-heading img {
        width: 8%;
        top: -21%
    }

    body#discount table.discount td,
    body#discount table.discount th {
        padding: 0;
        font-size: 2em;
        height: 3em;
        line-height: 3em
    }

    body#discount table.discount td span,
    body#discount table.discount th span {
        border: none
    }

    body#discount table.discount tbody {
        width: 76%
    }

    #order-confirmation #page #center_column>.box {
        font-size: 3em
    }

    #order-confirmation #page #center_column>.box .price {
        font-size: 1em
    }

    #order-confirmation .alert-success {
        font-size: 4em !important
    }

    #authentication .alert-danger {
        font-size: 4em
    }
}

@media (max-width: 767px) and (orientation: portrait) {
    #authentication .alert-danger {
        font-size: 4em
    }
}

#ajaxcartmod {
    overflow: overlay
}

#ajaxcartmod h4 img,
#ajaxcartmod h4 span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1%
}

#ajaxcartmod h4 span {
    margin-top: 5px
}

#ajaxcartmod .modal-dialog .modal-header {
    padding: 5px
}

#ajaxcartmod a,
#ajaxcartmod button {
    line-height: 1em;
    color: #fff
}

@media (min-width: 600px) and (max-width: 800px) {
    .content_sortPagiBar .sortPagiBar .showall.vishal~.product-new~#productsSortForm {
        margin-right: 1.5vw
    }

    .footer-container #footer #block_contact_infos>div ul li:last-child {
        margin-top: 1em
    }

    #ajaxcartmod .modal-dialog {
        width: 64%;
        font-size: 4.4em
    }
}

ul.ui-autocomplete {
    font-size: 1.5em
}

@media (max-width: 1360px) {
    ul.ui-autocomplete {
        font-size: 2em
    }
}

@media (orientation: portrait) {
    ul.ui-autocomplete {
        font-size: 2.5em
    }

    #socialfootmobile {
        margin-top: 9em
    }
}

div#light.white_content {
    font-size: 2.5em !important;
    line-height: 1em
}

#module-paypal-submit #center_column p {
    font-size: 2em
}

#header>div.floathdsc {
    z-index: 9;
    position: relative;
}

#menu_superunivers {
    margin-top: 10px;
}

@media (min-width: 768px) {
    #menu_superunivers {
        margin-top: 66px;
    }
}

#header.floatingheader {
    width: 100%;
    margin-top: 0 !important;
    z-index: 3002 !important;
    position: fixed !important;
    background-color: rgba(255, 255, 255, .95) !important
}

@media (min-width: 1800px) {
    #header.floatingheader {
        height: 100px;
    }
}

#header.floatingheader nav#floatingh {
    margin-left: 15.7%;
    z-index: 999;
    position: relative;
    top: -59px
}

@media (min-width: 1024px) and (max-width: 1299px) {
    #header.floatingheader nav#floatingh {
        top: -39px;
        width: 80.2%;
        margin-left: 19.7%
    }
}

@media (min-width: 1300px) and (max-width: 1580px) {
    #header.floatingheader nav#floatingh {
        top: -40px;
        width: 80.3%;
        margin-left: 19.7%
    }
}

@media (min-width: 1400px) and (max-width: 1499px) {
    #header.floatingheader nav#floatingh {
        top: -44px;
        width: 80.5%;
        margin-left: 19.7%
    }
}

@media (min-width: 1500px) and (max-width: 1599px) {
    #header.floatingheader nav#floatingh {
        top: -47px;
        width: 80.5%;
        margin-left: 19.7%
    }
}

@media (min-width: 1600px) and (max-width: 1699px) {
    #header.floatingheader nav#floatingh {
        top: -51px
    }
}

@media (min-width: 1700px) and (max-width: 1799px) {
    #header.floatingheader nav#floatingh {
        top: -53px
    }
}

#header.floatingheader nav#floatingh li {
    display: inline-block;
    float: left;
    width: 16.54%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    color: #000;
    height: 55px;
    line-height: 2.1em;
    background-color: #fde500;
    background-image: url(../img/menewhiteli.png);
    background-position: right
}

#header.floatingheader nav#floatingh li a {
    text-transform: uppercase;
    font-size: 2.4em;
    line-height: 59px;
    width: 110%;
    margin-left: -8%;
    display: block;
    text-align: center
}

#header.floatingheader nav#floatingh li:nth-child(1)>a .item_menu_headfloat_img {
    width: 15%;
    margin-right: 5%
}

@media (min-width: 1200px) and (max-width: 1440px) {
    #header.floatingheader nav#floatingh li:nth-child(1)>a .item_menu_headfloat_img {
        margin-right: 2%
    }
}

#header.floatingheader nav#floatingh li:nth-child(2) {
    width: 14.86%
}

#header.floatingheader nav#floatingh li:nth-child(2)>a .item_menu_headfloat_img {
    width: 18%;
    margin-right: 5%
}

@media (min-width: 1200px) and (max-width: 1440px) {
    #header.floatingheader nav#floatingh li:nth-child(2)>a .item_menu_headfloat_img {
        margin-right: 2.3%
    }
}

#header.floatingheader nav#floatingh li:nth-child(3) {
    width: 13.84%
}

#header.floatingheader nav#floatingh li:nth-child(3)>a .item_menu_headfloat_img {
    width: 19%;
    margin-right: 5%
}

@media (min-width: 1200px) and (max-width: 1440px) {
    #header.floatingheader nav#floatingh li:nth-child(3)>a .item_menu_headfloat_img {
        margin-right: 2%
    }
}

#header.floatingheader nav#floatingh li:nth-child(4) {
    width: 14.83%
}

#header.floatingheader nav#floatingh li:nth-child(4)>a .item_menu_headfloat_img {
    width: 18%;
    margin-right: 5%
}

@media (min-width: 1200px) and (max-width: 1440px) {
    #header.floatingheader nav#floatingh li:nth-child(4)>a .item_menu_headfloat_img {
        margin-right: 2%
    }
}

#header.floatingheader nav#floatingh li:nth-child(5) {
    width: 21.3%
}

@media (min-width: 1380px) and (max-width: 1599px) {
    #header.floatingheader nav#floatingh li:nth-child(5) {
        width: 21.35%
    }

    #header.floatingheader nav#floatingh li:nth-child(6) {
        background-position-y: -.2px
    }
}

#header.floatingheader nav#floatingh li:nth-child(5)>a .item_menu_headfloat_img {
    width: 11%;
    margin-right: 5%
}

#header.floatingheader nav#floatingh li:nth-child(6) {
    width: 17.7%;
    background-image: url(../img/expldview.png);
    margin-left: 0
}

#header.floatingheader nav#floatingh li:nth-child(6)>a {
    margin-left: 0;
    height: 100%
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #header.floatingheader nav#floatingh li {
        line-height: 3.2em;
        height: 45px
    }
}

@media (min-width: 1200px) and (max-width: 1379px) {
    #header.floatingheader nav#floatingh li {
        line-height: 3.2em
    }
}

@media (min-width: 1380px) and (max-width: 1599px) {
    #header.floatingheader nav#floatingh li {
        line-height: 3.6vw
    }
}

#header.floatingheader nav#floatingh ul {
    margin-bottom: 0;
}

#header.floatingheader span.endmenutop {
    background-color: rgba(0, 0, 0, .7);
    position: relative;
    padding: 4px;
    vertical-align: middle;
    color: #fff
}

@media (min-width: 1582px) {
    #js-main-nav-wrap ul.pr-nav>li:last-child span.endmenutop {
        margin-left: -28px
    }

    #header.floatingheader span.endmenutop {
        margin-left: -28.7px;
        line-height: 2.4em
    }
}

@media (max-width: 1581px) {
    #header.floatingheader span.endmenutop {
        margin-left: 4.5px
    }
}

#viewed-products_block_left {
    margin: 9px -15PX 0 0PX
}

@media (min-width: 1200px) and (max-width: 1440px) {
    #header.floatingheader nav#floatingh li:nth-child(5)>a .item_menu_headfloat_img {
        margin-right: 2%
    }

    #viewed-products_block_left {
        margin-top: 10px
    }
}

#viewed-products_block_left li.last_item {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

#new-products_block_right {
    margin-left: 0PX;
    margin-right: -15PX
}

.header_user_info {
    float: left;
    text-align: center;
    margin-top: .3em
}

.header_user_info:not(.cartuserfinfo) {
    padding: 0;
    width: 8%;
}

.header_user_info img {
    width: 6.5em
}

@media (min-width: 1024px) and (max-width: 1366px) {
    .header_user_info.col-sm-2 img {
        width: 6.5em
    }
}

.header_user_info a {
    color: #000;
    text-transform: uppercase;
    display: block;
    cursor: pointer;
    line-height: 18px
}

@media (max-width: 479px) {
    .header_user_info a {
        font-size: 11px
    }
}

.header_user_info #shopping_cart span {
    display: inline-block;
    color: #000;
}

.header_user_info #shopping_cart #wordcart {
    display: block;
    font-size: 2em;
    font-weight: 400
}

.header_user_info #shopping_cart>span {
    font-size: 2em;
    line-height: 1.3em;
    vertical-align: text-top;
}

.header_user_info #shopping_cart span.ajax_cart_shipping_cost {
    display: block;
    font-weight: 400;
    margin-top: 0;
    display: inline-block;
}

.header_user_info #cartcentertxt {
    font-size: 2.5em !important
}

@media (min-width: 1024px) {
    .footer-container #footer ul li.spacefooterdesk {
        height: 1em
    }

    .header_user_info a {
        padding: 0
    }

    .header_user_info #cartcentertxt .ajax_cart_quantity {
        margin-right: 2px;
        font-size: 1.2em
    }

    .header_user_info #cartcentertxt .ajax_cart_total {
        margin-left: 3px;
        font-size: 1.5em;
    }

    .header_user_info #cartcentertxt .ajax_cart_no_product {
        min-width: 100px;
    }
}

.header_user_info:not(.cartuserfinfo) :first-child span {
    display: block;
    font-size: 1.7em;
}

@media (min-width: 1024px) and (max-width: 1301px) {
    .header_user_info a {
        padding-top: 4px
    }

    .header_user_info #shopping_cart #wordcart {
        font-size: 2.2em;
        line-height: 1em;
        margin: 0 -18px 2px
    }

    .header_user_info:not(.cartuserfinfo) :first-child span {
        width: 106%
    }
}

.col-sm-3.header_user_info:not(.cartuserfinfo) {
    width: 15%
}

.col-sm-1.header_user_info:not(.cartuserfinfo) span {
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 20%, rgba(255, 255, 255, .5) 90%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, .5)), color-stop(90%, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 20%, rgba(255, 255, 255, .5) 90%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 20%, rgba(255, 255, 255, .5) 90%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 20%, rgba(255, 255, 255, .5) 90%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 20%, rgba(255, 255, 255, .5) 90%, rgba(255, 255, 255, 0) 100%);
    padding: 2px;
    line-height: 1em
}

.separatortopinfo {
    float: right;
    border-left: 1px solid #ccc;
    margin-top: 0;
    height: 4em;
    margin-left: 1%;
    margin-right: 1%
}

@media (max-width: 1199px) {
    #header.floatingheader nav#floatingh {
        width: 76%;
        margin-left: 23.7%
    }

    #header.floatingheader nav#floatingh li a {
        font-size: 2.1em;
        line-height: 45px
    }

    .separatortopinfo {
        margin-left: 0;
        margin-right: 0
    }
}

.separatortopinfo2 {
    float: left;
    border-left: 1px solid #000;
    margin-top: 0;
    height: 32px;
    margin-left: 1%;
    margin-right: 1%
}

.cartuserfinfo {
    float: right;
    border: 1px solid;
    border-radius: 8px;
    border-color: black;
}

@media (min-width: 991px) {
    .cartuserfinfo {
        padding: 0;
    }
}

@media (min-width: 991px) and (max-width: 1445px) {
    .cartuserfinfo .ajax_cart_shipping_cost {
        margin-top: 1em
    }
}

@media (min-width: 991px) and (max-width: 1301px) {
    .cartuserfinfo {
        margin-top: -.5em
    }

    header #shopping_cart {
        padding: 2px 0 5px;
    }

    header #shopping_cart img {
        min-width: 22px;
    }

    #header #garagepart-link {
        width: 14%
    }

    header .nav.col-sm-8>div.container {
        margin-left: 0
    }

    #youtube-link {
        margin-right: 5%
    }

    #right_column {
        margin-top: 3.8em
    }

    #quantity_wanted_p .btn {
        margin-top: -4%
    }

    #quantity_wanted_p input {
        width: 22%
    }

    ul.product_list .availability {
        display: block
    }

    .button.ajax_add_to_cart_button,
    .button.buttonviewproduct,
    .product-container .btn.disabled {
        font-size: 2.2em;
        vertical-align: middle
    }
}

@media (max-width: 1301px) and (min-width: 991px) {
    .cartuserfinfo {
        margin-left: -2em
    }

    .contnavpro .cartuserfinfo {
        margin-top: -.5em
    }
}

#fdpopc {
    font-style: italic;
    color: #000;
    font-weight: 700;
    display: inline-block;
    width: 58%;
    vertical-align: middle;
    text-align: right;
    font-size: 3em
}

@media (max-width: 767px) and (orientation: portrait) {
    #module-paypal-submit #center_column p {
        font-size: 8em
    }

    #fdpopc {
        width: 50%;
        font-size: 4.5em;
        text-align: center
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    #module-paypal-submit #center_column p {
        font-size: 4em
    }

    #fdpopc {
        width: 50%;
        font-size: 4em
    }

    #mobile-header #search_block_top {
        font-size: 5em !important
    }

    #module-ambjolisearch-jolisearch div.hasnosproduct {
        margin-bottom: 6em
    }
}

@media (min-width: 1000px) and (max-width: 1300px) {
    #fdpopc {
        width: 66%;
        font-size: 3em
    }
}

#search_block_top #searchbox {
    float: left;
    width: 100%;
    min-height: 41px;
}

#search_block_top .btn.button-search {
    background: #333;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    color: #fff;
    width: 50px;
    text-align: center;
    padding: 10px 0 11px
}

#search_block_top .btn.button-search span {
    display: none
}

#search_block_top .btn.button-search:before {
    content: "\f002";
    display: block;
    font-family: FontAwesome;
    font-size: 17px;
    width: 100%;
    text-align: center
}

#search_block_top .btn.button-search:hover {
    color: #6f6f6f
}

#search_block_top #search_query_top {
    display: inline;
    padding: 0 13px;
    height: 45px;
    line-height: 45px;
    background: #fbfbfb;
    margin-right: 1px
}

form#searchbox {
    position: relative
}

form#searchbox label {
    color: #333
}

form#searchbox input#search_query_block {
    margin-right: 10px;
    max-width: 222px;
    margin-bottom: 10px;
    display: inline-block;
    float: left
}

form#searchbox .button.button-small {
    float: left
}

form#searchbox .button.button-small i {
    margin-right: 0
}

#module-ambjolisearch-jolisearch .center_all_columns .ajax_block_product {
    width: 25%
}

#module-ambjolisearch-jolisearch #columns #left_column.all_columns {
    right: 0
}

#mobile-header #search_block_top {
    margin-top: 0
}

@media (max-width: 890px) {
    #mobile-header #search_block_top input.search_query {
        line-height: 1em;
        height: 3em;
        font-size: 6em;
        display: inline-block;
        padding-top: 5px;
        margin: 0 4px;
        width: 100%;
    }

    #mobile-header #search_block_top .btnspanjoli button {
        font-size: 0
    }

    #mobile-header #search_block_top button.visible-xs {
        line-height: 1em
    }
}

#search_block_top .btnspanjoli {
    transform: translateY(35%);
    float: right;
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #search_block_top .btnspanjoli {
        transform: translateY(16%)
    }
}

@media (max-width: 768px) {
    .ajax_block_product p.pdtbox-title {
        overflow: hidden
    }
}

@media (max-width: 766px) and (orientation: landscape) {
    #search_block_top button {
        font-size: 1.5em
    }

    #search_block_top input.search_query {
        font-size: 1.5em !important;
        height: 1.3em !important
    }

    .layered_block span.titlefiltersp {
        line-height: 1em
    }
}

@media (max-width: 540px) {
    #module-ambjolisearch-jolisearch .center_all_columns .ajax_block_product {
        width: 50%
    }
}

#module-ambjolisearch-jolisearch #center_column {
    padding-left: 0
}

#module-ambjolisearch-jolisearch .alert-warning img,
#module-ambjolisearch-jolisearch .alert-warning span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1%;
    font-weight: 400;
    font-size: 1.2em
}

#module-ambjolisearch-jolisearch .hasnosproduct a.jolinoprodf,
#module-ambjolisearch-jolisearch .hasnosproduct button {
    font-size: 2em;
    line-height: 2em;
    text-transform: uppercase;
    border-radius: .2em;
    background: linear-gradient(to bottom, #0f0 0, #00d400 100%);
    color: #fff;
    font-weight: bolder
}

@media (max-width: 767px) {
    body#address #center_column p {
        font-size: 7.3em
    }

    body#discount table.discount {
        border-collapse: collapse;
        white-space: nowrap
    }

    body#discount table.discount tbody {
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap
    }

    body#discount table.discount td,
    body#discount table.discount th {
        text-align: center
    }

    body#discount table.discount th:last-child {
        line-height: 1.5em
    }

    #order-confirmation #page #center_column .buttongrey {
        margin-bottom: 2em
    }

    .visiblesml {
        display: none
    }

    .hiddenxs {
        display: inline-block
    }

    #emptyCartWarning img,
    #emptycartimg {
        width: 100%
    }

    .buttongrey {
        margin-bottom: 2em
    }

    #module-ambjolisearch-jolisearch .hasnosproduct a.jolinoprodf,
    #module-ambjolisearch-jolisearch .hasnosproduct button {
        font-size: 1em
    }

    #module-ambjolisearch-jolisearch h1 {
        font-size: 2em !important;
        font-weight: 700;
        padding-left: 3%
    }

    #module-ambjolisearch-jolisearch h1 span {
        font-size: 1em !important
    }
}

@media (min-width: 1000px) {
    #module-ambjolisearch-jolisearch h1 {
        width: auto !important;
        margin-bottom: 0
    }

    #module-ambjolisearch-jolisearch h1>span {
        line-height: 2.2em
    }
}

@media (min-width: 1000px) and (max-width: 1100px) {
    #module-ambjolisearch-jolisearch h1>span {
        line-height: 2.9em
    }
}

@media (min-width: 1101px) and (max-width: 1400px) {
    #module-ambjolisearch-jolisearch h1>span {
        line-height: 2.5em
    }
}

@media (min-width: 1401px) and (max-width: 1560px) {
    #module-ambjolisearch-jolisearch h1>span {
        line-height: 2.35em
    }
}

@media (max-width: 767px) and (orientation: portrait) {
    #module-ambjolisearch-jolisearch div.hasnosproduct {
        margin-bottom: 12em
    }

    #module-ambjolisearch-jolisearch .alert-warning span {
        font-size: 2em;
        width: 85%
    }

    #module-ambjolisearch-jolisearch .ajax_block_product .ajax_add_to_cart_button,
    #module-ambjolisearch-jolisearch .buttonviewproduct {
        font-size: 7.5em !important
    }

    #module-ambjolisearch-jolisearch h1~p.alert-warning {
        font-size: 5.7em
    }
}

#module-ambjolisearch-jolisearch .page-headingjolisearch {
    color: #000;
    font-weight: 700;
    margin-top: 0;
    display: inline-block !important;
    position: unset !important;
    padding-left: 1px
}

@media (min-width: 767px) and (max-width: 768px) {
    #module-ambjolisearch-jolisearch .page-headingjolisearch {
        margin-top: 1.6em
    }
}

#category .button.button-medium,
#module-ambjolisearch-jolisearch .button.ajax_add_to_cart_button,
#module-ambjolisearch-jolisearch .button.buttonviewproduct {
    width: 86%
}

#module-ambjolisearch-jolisearch .layered_filter,
#module-ambjolisearch-jolisearch .layered_price {
    display: none
}

.layered_block ul {
    margin-bottom: 0;
    padding-top: 0
}

.layered_block ul a {
    color: #6f6d6d
}

.layered_block .block_content .filter-title {
    color: #000;
    text-transform: uppercase;
    padding: 5px 5px 5px 0;
    text-align: center;
    display: block;
    height: 32px;
    line-height: 23px;
    font-size: 2em
}

@media (min-width: 992px) and (max-width: 1199px) {
    .layered_block .block_content .filter-title {
        line-height: 1.9em;
        font-size: 2em
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    #module-ambjolisearch-jolisearch .alert-warning span {
        font-size: 3em;
        width: 85%
    }

    #module-ambjolisearch-jolisearch .ajax_block_product .ajax_add_to_cart_button,
    #module-ambjolisearch-jolisearch .buttonviewproduct {
        font-size: 7em !important
    }

    #module-ambjolisearch-jolisearch h1~p.alert-warning {
        font-size: 5em
    }

    .layered_block .block_content .filter-title.brandtitle {
        font-size: 8em;
        height: 2em
    }

    #closefiltermob {
        left: 51.8%;
        height: 108px
    }
}

.layered_block .block_content .filter-title:hover {
    color: #4d4d4d
}

.layered_block #layered_form {
    background-color: #fff
}

.layered_block span.titlefiltersp {
    margin-left: -11%
}

.layered_block .layered_subtitle .circleplus {
    display: none
}

.layered_block .layered_subtitle .fa-minus-circle,
.layered_block .layered_subtitle.collapsed .circleplus {
    display: inline
}

#dispallmodels .circleminus,
.layered_block .layered_subtitle.collapsed .circleminus {
    display: none
}

.layered_subtitle img {
    float: left;
    width: 9%;
    margin-left: 4%
}

.layered_block label {
    font-weight: 400
}

.layered_block #enabled_filters {
    background: #f2f2f2;
    border: 1px solid #e6e6e6;
    padding: 10px
}

.layered_block #enabled_filters .layered_subtitle {
    display: block;
    border-bottom: 1px solid #e6e6e6;
    font-weight: 700;
    margin-bottom: 10px
}

.layered_block #enabled_filters .rm-filter {
    color: #a94442
}

.layered_block .filter-list-color .color-option {
    width: 22px;
    height: 22px;
    line-height: 1;
    border: 1px solid #efefef
}

.layered_block .filter-list-color .checkbox,
.layered_block .filter-list-color .radio {
    padding-left: 15px
}

.layered_block .filter-list-color .hide-action {
    cursor: pointer;
    text-decoration: underline
}

.layered_block .checkbox,
.layered_block .radio {
    padding-bottom: 5px;
    margin: 0
}

.layered_block .checkbox+.checkbox,
.layered_block .radio+.radio {
    padding-bottom: 5px
}

.layered_block .price-filter {
    cursor: pointer
}

#div_layered_category_0,
#div_layered_menu_0 .in {
    display: none
}

@media (min-width: 891px) {

    #div_layered_menu_0,
    #mobile-header {
        display: none
    }

    a[href="#div_layered_menu_0"] {
        display: none !important
    }
}

#div_layered_menu_0 {
    background-color: #737373;
    color: #fff
}

#columns #left_column #layered_block_left #div_layered_menu_0 a {
    line-height: 1em;
    width: 100%
}

@media screen and (max-width: 900px) {
    .layered_block .block_content .filter-title {
        padding: 9px 5px 12px 0
    }
}

@media screen and (max-width: 900px) and (orientation: landscape) {
    .layered_block .block_content .filter-title {
        height: 7em;
        line-height: 1em
    }
}

.brandnamefilter {
    display: inline-block;
    width: 63%;
    text-align: center;
    font-size: 1.93em;
    text-transform: uppercase;
    vertical-align: middle;
    line-height: 1;
    padding-left: 5px;
    margin-top: 3px
}

.brandnamefilter i {
    float: left
}

.modelnamefilter {
    font-size: 1.4em;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    width: 51%;
    text-align: center;
    vertical-align: middle
}

#div_layered_condition_0 {
    background-color: #fff
}

#div_layered_condition_0 li {
    display: inline-block
}

#div_layered_color div a {
    width: 24px;
    height: 47px;
    display: inline-block;
    margin-left: 9%;
    margin-top: .1em;
    padding-left: 0
}

@media (min-width: 760px) and (max-width: 1000px) {
    #div_layered_color div a {
        width: 19px;
        margin-left: 7%
    }
}

@media (min-width: 1024px) and (max-width: 1600px) {
    #div_layered_color div a {
        margin-left: 8%
    }
}

#div_layered_color div a span {
    display: block;
    width: 24px;
    height: 29px;
    border-radius: 6px;
    border: 1px solid #fff;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 10px
}

@media screen and (max-width: 1513px) {
    #div_layered_color div {
        margin-left: -12px
    }
}

#div_layered_color {
    width: 100%;
    padding: 2px;
    text-align: center;
    background-color: #fff
}

#div_layered_color a:hover {
    background-image: url(../img/colorselected1.png);
    background-repeat: no-repeat;
    background-position: 9px 0
}

#div_layered_color>a.selectcolor {
    border: 2px solid green
}

.selectedcolor {
    background-image: url(../img/colorselected1.png);
    background-repeat: no-repeat;
    background-position: 9px 0
}

#ul_layered_condition_0 {
    text-align: center
}

#ul_layered_condition_0 li {
    vertical-align: middle;
    width: 41%
}

@media (max-width: 766px) {
    #layered_form .layered_filter .filter-title .titlefiltersp {
        font-size: 4em
    }

    .modelnamefilter {
        font-size: 5.4em;
        line-height: 1em
    }

    #div_layered_color div a {
        margin-left: 8%
    }

    #div_layered_color div {
        margin-left: -45px;
        clear: both
    }

    #ul_layered_condition_0 li {
        width: 36%
    }
}

@media (min-width: 768px) and (max-width: 890px) {
    body#address #center_column p {
        font-size: 3em;
        display: inline-block
    }

    .layered_block span.titlefiltersp {
        margin-left: -14%
    }

    #layered_block_left .layered_filter span.titlefiltersp {
        margin-left: -27%
    }

    #ul_layered_condition_0 {
        text-align: left
    }

    #ul_layered_condition_0 li {
        width: 35%;
        font-size: .8em
    }
}

#ul_layered_condition_0 label {
    background-color: #fafafa;
    border: 1px solid #6f6d6d;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    padding: 11px;
    vertical-align: middle;
    margin-right: 2%;
    cursor: pointer;
    color: #000
}

#ul_layered_condition_0 .nocondition,
#ul_layered_condition_0 a {
    display: inline-block;
    color: #737373;
    font-size: 1.28em;
    vertical-align: middle;
    text-transform: uppercase
}

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

    #ul_layered_condition_0 .nocondition,
    #ul_layered_condition_0 a {
        font-size: 2.28em
    }
}

@media (max-width: 766px) {

    #ul_layered_condition_0 .nocondition,
    #ul_layered_condition_0 a {
        font-size: 5.28em;
        margin-right: 5px
    }
}

#ul_layered_condition_0 input[type=checkbox] {
    display: none
}

.nocheckbox label:after {
    content: "\2718";
    color: red;
    font-size: 38px;
    position: absolute;
    top: -16px;
    left: -1px
}

.desktopfilter #ul_layered_condition_0 .okcheckbox:hover label:after,
label.selectedcondition:after {
    font: 26px/1 FontAwesome;
    content: '\f00c';
    position: absolute;
    top: -1px;
    left: -1px;
    color: #737373
}

#layered_block_left {
    margin-left: -15px;
    margin-bottom: 0
}

#closefiltermob {
    display: block;
    z-index: 99999;
    top: 0;
    padding: 2em;
    background-color: #fff;
    position: absolute;
    right: 0;
    text-align: center
}

@media (max-width: 767px) and (orientation: portrait) {
    .layered_block .block_content .filter-title.brandtitle {
        font-size: 8em;
        height: 2em
    }

    #div_layered_menu_0 {
        font-size: 2.3VW
    }

    #closefiltermob {
        height: 81px
    }
}

#closefiltermob i {
    font-size: 16em;
    display: block;
    color: #737373;
    margin-top: -7px;
    margin-bottom: 7px
}

@media (max-width: 767px) and (orientation: landscape) {
    #closefiltermob i {
        margin-bottom: 14px;
        font-size: 10em
    }
}

#closefiltermob span {
    font-size: 13em;
    text-transform: uppercase;
    color: #737373;
    font-weight: 700
}

.mobilefilter {
    margin-left: -5px !important
}

#layered_block_left .title_block {
    margin-bottom: 0;
    font-size: 2.5em;
    background: #fde500;
    border-left: none;
    text-align: center;
    padding-right: 29px;
    height: 40px;
    line-height: 23px;
    color: #000
}

@media (min-width: 992px) and (max-width: 1199px) {
    #layered_block_left .title_block {
        line-height: 2em;
        font-size: 2em
    }
}

@media (max-width: 767px) {
    #layered_block_left .title_block {
        font-size: 6.5em
    }

    #socialfootmobile {
        width: 58%
    }
}

@media (max-width: 1513px) {
    .brandnamefilter {
        width: 60%;
        font-size: 2em
    }
}

@media (max-width: 766px) {
    .brandnamefilter {
        font-size: 7em
    }
}

@media (max-width: 766px) and (orientation: landscape) {
    .brandnamefilter {
        font-size: 5em
    }
}

#div_layered_brand_0 .branselected,
.modeleslist .modelselectopt {
    font-weight: 700;
    font-size: 1.7em
}

@media (max-width: 766px) {

    #div_layered_brand_0 .branselected,
    .modeleslist .modelselectopt {
        font-size: 5.7em;
        line-height: 1
    }
}

#div_layered_shop_0 {
    text-align: left;
    background-color: #fff
}

a[href^="#div_layered_category_0"] {
    display: none !important
}

.brandnameselectionne {
    font-size: 1.1em;
    text-decoration: none
}

.brandnameselectionne .brandnamefilter {
    font-size: 1.9em;
    width: 55%;
    line-height: 1
}

a#remove_model {
    display: block
}

#lab-univers125img,
#lab-univers50img,
#lab-universmobyletteimg,
#lab-universquadimg,
#lab-universscootimg,
#lab-universsoleximg,
#lab-universtoutterrainimg,
.checkboxhide {
    display: none
}

.modelselected {
    position: relative;
    font-size: 15px;
    margin: 0;
    background-color: #fff;
    border-top: 2px solid #ffe300 !important;
    border-bottom: 3px solid #ffe300 !important;
    background: linear-gradient(to right, #fff, #ece5e5);
    font-weight: 700
}

.modelselected br {
    line-height: 4em
}

@media (max-width: 766px) {
    .brandnameselectionne .brandnamefilter {
        font-size: 6em
    }

    .modelselected {
        background: #fff
    }
}

.modelselected a>i {
    display: none
}

.modelselected input,
.modelselected label {
    display: none !important
}

#div_layered_brand_0 select.marquechoice,
.modeleslist .model {
    font-size: 2em
}

@media (max-width: 766px) and (orientation: portrait) {

    #div_layered_brand_0 select.marquechoice,
    .modeleslist .model {
        font-size: 10em
    }
}

@media (max-width: 766px) and (orientation: landscape) {

    #div_layered_brand_0 select.marquechoice,
    .modeleslist .model {
        font-size: 5em
    }
}

#lab-univers125img+label,
#lab-univers50img+label,
#lab-universmobyletteimg+label,
#lab-universquadimg+label,
#lab-universscootimg+label,
#lab-universsoleximg+label,
#lab-universtoutterrainimg+label {
    border: 2px solid #6f6d6d;
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    right: 2px;
    top: 10px;
    padding: 11px;
    vertical-align: middle;
    margin-right: 6%;
    margin-top: 0;
    cursor: pointer
}

#lab-universquadimg+label {
    margin-right: 1%
}

.labelselectunivers:after,
.universelected .bigcheck:checked+label:after {
    font: 28px/1 FontAwesome;
    content: '\f00c';
    position: absolute;
    top: -2px;
    left: -3px;
    color: #00d400
}

.labelselectunivers:after,
.universelected+label:after {
    font: 28px/1 FontAwesome;
    content: '\f00c';
    position: absolute;
    top: -1px;
    left: -1px;
    color: #00d400
}

#validefilter {
    border: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    color: #fff;
    padding: 4px 0;
    background: #00d400;
    width: 85%;
    margin-top: .2em;
    font-size: 3em;
    font-weight: 700;
    line-height: 1em
}

@media (max-width: 766px) and (orientation: portrait) {
    #validefilter {
        font-size: 10em
    }
}

@media (max-width: 766px) and (orientation: landscape) {
    #validefilter {
        font-size: 8em
    }
}

.modelnamefilterselec {
    display: inline-block;
    width: 60%;
    vertical-align: middle
}

.chgmodelselect {
    display: block;
    text-align: center;
    font-size: .85em;
    position: absolute;
    bottom: 0;
    right: 3px;
    text-transform: uppercase
}

.mobilefilter #div_layered_menu_0 a {
    font-size: 17px
}

.filternoproduct {
    text-align: center;
    margin-top: 24%;
    font-size: 25px
}

.filternoproduct i {
    font-size: 3em
}

.mobilefilternoprod {
    margin-top: 10px;
    margin-left: 8px
}

#univers50img {
    margin-left: 10px;
    width: 55px;
    height: 44px;
    background-image: url(modules/blocklayered/univers11.png);
    background-size: 45px 664px;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-position: 5px 4px
}

#universscootimg {
    margin-left: 10px;
    width: 55px;
    height: 45px;
    background-image: url(modules/blocklayered/univers11.png);
    background-size: 45px 664px;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-position: 3px -104px
}

#univers125img {
    margin-left: 10px;
    width: 54px;
    height: 45px;
    background-image: url(modules/blocklayered/univers11.png);
    background-size: 45px 664px;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-position: 3px -50px
}

#universmobyletteimg {
    margin-left: 10px;
    width: 55px;
    height: 45px;
    background-image: url(modules/blocklayered/univers11.png);
    background-size: 44px 657px;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-position: 3px -157px
}

#universsoleximg {
    margin-left: 10px;
    width: 55px;
    height: 45px;
    background-image: url(modules/blocklayered/univers11.png);
    background-size: 51px 760px;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-position: 0 -535px
}

#universquadimg {
    margin-left: 10px;
    width: 55px;
    height: 45px;
    background-image: url(modules/blocklayered/univers11.png);
    background-size: 51px 760px;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-position: 0 -615px
}

#universtoutterrainimg {
    margin-left: 10px;
    width: 55px;
    height: 45px;
    background-image: url(modules/blocklayered/univers11.png);
    background-size: 51px 760px;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-position: 0 -707px
}

#listunivers {
    padding-left: 0;
    font-size: 2.3em
}

#listunivers a.universelected {
    color: #000
}

#univers50.universelected #univers50img {
    background-position-y: -213px
}

#universscoot.universelected #universscootimg {
    background-position-y: -322px
}

#univers125.universelected #univers125img {
    background-position-y: -268px
}

#universmobylette.universelected #universmobyletteimg {
    background-position-y: -373px
}

#universsolex.universelected #universsoleximg {
    background-position-y: -490px
}

#universquad.universelected #universquadimg {
    background-position-y: -576px
}

#universtoutterrain.universelected #universtoutterrainimg {
    background-position-y: -662px
}

#listunivers li {
    list-style: none;
    position: relative
}

#listunivers li span:nth-child(2) {
    position: relative;
    top: 3px
}

#listunivers li:first-child,
#listunivers li:nth-child(2),
#listunivers li:nth-child(3),
#listunivers li:nth-child(4),
#listunivers li:nth-child(5),
#listunivers li:nth-child(6) {
    border-bottom: 1px solid #8a8383;
    width: 94.5%
}

#listunivers li:first-child label,
#listunivers li:nth-child(2) label,
#listunivers li:nth-child(3) label,
#listunivers li:nth-child(4) label {
    margin-right: 1%
}

#listunivers li:last-child label {
    margin-right: 6.5%
}

@media (max-width: 766px) {
    #listunivers {
        font-size: 7em;
        border-bottom: 1px solid #fff;
        text-align: center;
        width: 101%;
        margin-left: 0
    }

    #listunivers li.universelectedho {
        background-image: url(modules/blocklayered/selectuniverover.png);
        background-size: 100% 81px;
        background-repeat: no-repeat
    }

    #listunivers li:last-child label {
        margin-right: .5%
    }

    #listunivers li:first-child {
        border-right: 1px solid #fff
    }

    #listunivers li {
        width: 94%;
        text-align: left;
        height: 46px
    }
}

.lastsevmodel {
    border-bottom: 1px solid grey
}

.iconemenutxt {
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
    width: 75%
}

@media (max-width: 1199px) {
    .cartuserfinfo {
        margin-right: 0
    }

    .iconemenutxt {
        width: 73%
    }
}

@media (max-width: 766px) and (orientation: landscape) {
    #listunivers {
        font-size: 6em
    }

    #listunivers li.universelectedho {
        background-image: url(modules/blocklayered/selectuniverover.png);
        background-size: 100% 108px;
        background-repeat: no-repeat
    }

    #listunivers li:last-child {
        margin-bottom: 5px
    }

    .iconemenutxt {
        font-size: 1.45em
    }
}

#clearfixfilterbottom {
    height: 5px
}

.plusdemodel {
    font-size: 1.2em;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2em
}

.ui-slider .ui-slider-handle {
    border-width: 3px;
    border-color: #737373;
    padding: 7px;
    top: -6px
}

@media (max-width: 766px) {
    .ui-slider .ui-slider-handle {
        top: -9px
    }
}

#category #center_column h1.layeredb {
    line-height: 2em
}

#category #center_column h1.layeredb span {
    height: 1.75em;
    display: inline-block;
    width: 50%
}

#descativefil,
#descativefilfix {
    display: block;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 2px solid #ffe300;
    border-bottom: 2px solid #ffe300;
    height: 6em;
    line-height: 1.4em;
    font-size: 1.8em
}

@media (max-width: 767px) and (orientation: portrait) {
    .typedepiece {
        font-size: 6.6em !important;
        line-height: .8em !important
    }

    #category #center_column h1.layeredb {
        line-height: 1em
    }

    #category #center_column h1.layeredb span {
        line-height: 2em;
        font-size: 1.8em
    }

    #descativefil,
    #descativefilfix {
        font-size: 6.8em
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    #closefiltermob span {
        font-size: 9em
    }

    .typedepiece {
        font-size: 6.6em !important;
        height: 1.75em !important;
        line-height: 1em !important
    }

    #descativefil,
    #descativefilfix {
        font-size: 5.8em
    }
}

#descativefil span,
#descativefilfix span {
    transform: translateY(20%);
    display: block
}

#descativefil i,
#descativefilfix i {
    color: red
}

.country_size {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    background: url(../img/internation/inter3_mq.png)
}

.socialnetwork_size {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    background: url(../img/reseaux_lq.png)
}

.pictosfooter_size {
    width: 100px;
    height: 55px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    background: url(../img/pictos_footer2.png);
}

.bg-de {
    background-position: 0 -41px
}

.bg-es {
    background-position: 40px -83px
}

.bg-fr {
    background-position: -40px -124px
}

.bg-gb {
    background-position: 0 0
}

.bg-it {
    background-position: 40px 82px
}

.bg-pt {
    background-position: 0px -207px
}

.bg-facebook {
    background-position: 0 0
}

.bg-instagram {
    background-position: 0px 123px
}

.bg-youtube {
    background-position: 0px 246px
}

.bg-tiktok {
    background-position: 0px 205px
}

.bg-moncompte {
    background-position: 0 -3px
}

.bg-entreprise {
    background-position: -95px -4px
}

.bg-communaute {
    background-position: 0px -58px
}

.bg-langue {
    background-position: -95px -58px
}

.bg-livraison {
    background-position: 0px -112px
}

.bg-comptepro {
    background-position: -95px -112px
}

.bg-fidelite {
    background-position: 0px -167px
}

.bg-jeu {
    background-position: -95px -167px
}

.bg-config3d {
    background-position: 0px -220px
}

.bg-contact {
    background-position: -95px -220px
}

.lowercase {
    text-transform: lowercase
}

#socialsharing {
    display: inline-block
}

@media (min-width: 1302px) {
    .footer-container #footer ul.langblock {
        text-align: left;
        margin-left: 10em;
    }
}

.footer-container #footer ul.langblock li a span.country_sizetxt {
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px
}

#flag_language {
    right: 35em
}

@media (max-width: 1301px) {
    .footer-container #footer ul.langblock {
        text-align: left;
        padding-left: 15px
    }

    #flag_language {
        right: 6em
    }
}

#myInput {
    border-box: box-sizing;
    font-size: 16px;
    padding: 14px 20px 12px 45px;
    border: none;
    border-bottom: 1px solid #ddd
}

.custom-select4 {
    position: relative;
    display: inline-block
}

.marquechoice,
.modeleslist .custom-select4 {
    display: none;
    position: relative;
    background-color: #fff;
    min-width: 230px;
    overflow: auto;
    border: 1px solid #ddd;
    max-height: 19em;
    z-index: 1
}

.marquechoice::-webkit-scrollbar,
.modeleslist .custom-select4::-webkit-scrollbar {
    width: 15px;
    height: 40px;
    position: relative;
    z-index: 4
}

.marquechoice::-webkit-scrollbar-thumb,
.modeleslist .custom-select4::-webkit-scrollbar-thumb {
    background-color: grey
}

.marquechoice::-webkit-scrollbar-track,
.modeleslist .custom-select4::-webkit-scrollbar-track {
    background: #fff
}

.marquechoice::-webkit-scrollbar-button:vertical:decrement,
.modeleslist .custom-select4::-webkit-scrollbar-button:vertical:decrement {
    border-width: 0 7px 14px;
    border-color: transparent transparent #404040;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAVUlEQVQ4T2NkoBAwUqifYfAb0AD1IozG8DE+L4A01UN1NDIwMGA1BJcByJphtmI1BJsB2DTjNATdAHyasRqCbAAxmjEMgRlAimYUQwZ/QiKYVQbeCwBFhQ0RcSHRhgAAAABJRU5ErkJggg==)
}

.marquechoice::-webkit-scrollbar-button:vertical:decrement:hover,
.modeleslist .custom-select4::-webkit-scrollbar-button:vertical:decrement:hover {
    border-color: transparent transparent #505050
}

.marquechoice::-webkit-scrollbar-button:vertical:increment,
.modeleslist .custom-select4::-webkit-scrollbar-button:vertical:increment {
    border-width: 14px 7px 0;
    border-color: #404040 transparent transparent;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAVklEQVQ4T93S0QoAEAwF0OvLzZ+LwrCN5Y0XJfeoawGPKzzm8RFAAKKzjwSAeAcepIbLg2uJN0gPS0A5s5AprAEasoUtYEXE8AloCN+3j/poEp1DOK5nfmcNES1z5SIAAAAASUVORK5CYII=)
}

.marquechoice::-webkit-scrollbar-button:vertical:increment:hover,
.modeleslist .custom-select4::-webkit-scrollbar-button:vertical:increment:hover {
    border-color: #505050 transparent transparent
}

.marquechoice input,
.modeleslist .custom-select4 input {
    width: 100%
}

.marquechoice a,
.modeleslist a {
    color: #000;
    text-align: center;
    padding: 6px 16px;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    font-size: 1.5em
}

.marquechoice a.resultfiltermarq,
.modeleslist a.resultfiltermarq {
    margin-top: 2em
}

@media (max-width: 767px) and (orientation: landscape) {

    .marquechoice a,
    .modeleslist a {
        font-size: 4.5em
    }
}

@media (max-width: 767px) and (orientation: portrait) {

    .marquechoice a,
    .modeleslist a {
        font-size: 7.5em
    }
}

@media (min-width: 600px) and (max-width: 766px) {
    #closefiltermob {
        height: 91px
    }

    .marquechoice a,
    .modeleslist a {
        font-size: 4.5em
    }
}

@media (min-width: 767px) and (max-width: 1199px) {

    .marquechoice a,
    .modeleslist a {
        font-size: 1.8em
    }
}

.marquechoice input,
.modeleslist input {
    font-size: 1.5em;
    outline: 0;
    -webkit-appearance: none;
    background-image: url(../img/loupe.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right;
    border-style: solid;
    padding: 5px;
    border-width: 1px
}

@media (min-width: 990px) {

    .marquechoice input,
    .modeleslist input {
        position: -webkit-sticky;
        position: sticky;
        top: 0
    }
}

.custom-select4 a:hover {
    background-color: #ffe500
}

@media (min-width: 768px) and (max-width: 992px) {
    .content_sortPagiBar:not(.bottom-pagi) .sortPagiBar {
        font-size: 1.4em
    }
}

@media (orientation: landscape) {
    #socialfootmobile {
        margin-top: 5em
    }
}

#block_various_links_footer a .icon-chevron-down,
#footer section:first-child a .icon-chevron-down {
    display: inline-block;
}

@media (max-width: 800px) {

    #block_various_links_footer a .icon-chevron-down,
    #footer section:first-child a .icon-chevron-down {
        display: inline-block;
    }
}

.chevron::before {
    border-style: solid;
    border-width: .1em .1em 0 0;
    content: '';
    display: inline-block;
    height: .6em;
    left: .15em;
    position: relative;
    top: .35em;
    transform: rotate(-45deg);
    vertical-align: top;
    width: .6em
}

.chevron.right:before {
    left: -4px;
    transform: rotate(45deg)
}

.chevron.bottom:before {
    top: 0;
    transform: rotate(135deg)
}

.chevron.left:before {
    left: .12em;
    transform: rotate(-135deg)
}

body#addresses h1 {
    margin: .67em 0 !important
}

#module-loyalty-default #block-history,
body#discount table.discount {
    font-size: 2em
}

#module-loyalty-default #block-history th,
body#discount table.discount th {
    font-size: 1.5em
}

@media (min-width: 768px) and (max-width: 890px) {
    #closefiltermob {
        right: 20%
    }

    #validefilter {
        padding: 11px 0 4px
    }

    #module-loyalty-default #block-history,
    body#discount table.discount {
        font-size: 4em
    }
}

#layered_block_left div.modeleslist~div,
#layered_block_left form#layered_form .layered_filter {
    visibility: hidden
}

body#category #layered_block_left div.modeleslist~div,
body#category #layered_block_left form#layered_form .layered_filter,
body#module-ambjolisearch-jolisearch #layered_block_left div.modeleslist~div,
body#module-ambjolisearch-jolisearch #layered_block_left form#layered_form {
    visibility: visible
}

body#index #layered_block_left div.modeleslist~div,
body#index #layered_block_left form#layered_form .layered_filter {
    display: none
}

input.stickyinput {
    position: absolute;
    top: 0;
    z-index: 5;
    background-color: #fff
}

@media (max-width: 430px) {
    #mobile-header .mobile-logo img {
        max-width: 150px;
        height: auto
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    #search_block_top .btnspanjoli {
        transform: translateY(20%)
    }

    #module-ambjolisearch-jolisearch .content_sortPagiBar .sortPagiBar {
        WIDTH: CALC(100% - 57EM);
        margin-right: 0
    }
}

.fancyboxmarqinf {
    font-size: 20px;
    height: 45px !important;
    overflow: hidden !important;
    left: 25px !important;
    border-radius: 0;
    -webkit-border-radius: 0
}

@media (max-width: 767px) {
    #block_contact_infos ul li a {
        font-size: 2.2em !important
    }

    body#address h1 {
        margin-top: 0
    }

    #module-loyalty-default #block-history th,
    body#discount table.discount th {
        font-size: 2.5em;
        font-weight: 700;
        text-align: center
    }

    .fancyboxmarqinf {
        font-size: 16px
    }
}

.fancyboxmarqinf.fancybox-opened {
    z-index: 99999999999;
    position: relative
}

.fancyboxmarqinf.fancybox-opened .fancybox-skin {
    border-radius: 0
}

.fancyboxnewsletter {
    font-size: 20px;
    height: 45px !important;
    overflow: hidden !important;
    top: 78% !important;
    transform: translateX(-50%);
    left: 50% !important;
    border-radius: 0;
    -webkit-border-radius: 0
}

@media (max-width: 767px) {
    .fancyboxnewsletter {
        font-size: 16px
    }
}

.fancyboxnewsletter.fancybox-opened {
    z-index: 99999999999;
    position: relative
}

.fancyboxnewsletter.fancybox-opened .fancybox-skin {
    border-radius: 0
}

.fancybox-overlay[style*="display: none"] .fancyboxmarqinf,
.fancybox-overlay[style*="display: none"] .fancyboxnewsletter {
    display: none !important
}

.fancybox-overlay[style*="display: none"] .fancyboxmarqinf div,
.fancybox-overlay[style*="display: none"] .fancyboxnewsletter div {
    display: none !important;
    border-radius: 0;
    -webkit-border-radius: 0
}

@media (min-width: 600px) and (max-width: 850px) {
    .ui-menu .ui-menu-item .jolisearch-post-right {
        font-size: 18px !important
    }
}

.fancybox-title-float-wrap .child {
    line-height: 18px !important;
    white-space: unset !important
}

#order-opc .prodattopc {
    font-size: 1.4em
}

@media (max-width: 767px) and (orientation: landscape) {

    .marquechoice input,
    .modeleslist input {
        font-size: 5.5em
    }

    #order-opc .prodattopc {
        font-size: 2em
    }
}

@media (max-width: 767px) and (orientation: portrait) {

    .marquechoice input,
    .modeleslist input {
        font-size: 7.5em
    }

    #order-opc .prodattopc {
        font-size: 4em
    }
}

@media (min-width: 1000px) and (max-width: 1366px) {
    #order-opc .prodattopc {
        font-size: 1.9em
    }
}

#block_contact_infos #newsletter_block_left input {
    font-size: .8em
}

#toutvoirnews {
    text-decoration: underline;
    font-size: .8em !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px
}

@media (max-width: 890px) {
    #category #center_column h1.layeredb span {
        width: 85%
    }

    #toutvoirnews {
        font-size: 2em !important
    }
}