/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

img,
legend {
    border: 0
}
legend,
td,
th {
    padding: 0
}
.category-description,
.category-title,
.content--center,
.note-msg,
.social-icons li {
    text-align: center
}
img,
table {
    max-width: 100%
}
.fadein,
.menu-middle-click {
    opacity: 0
}
body {
    margin: 0;
    overflow-x: hidden
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background-color: transparent
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
optgroup,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
.menu-text,
.menu-trigger {
    top: 50%;
    position: absolute
}
sub {
    bottom: -.25em
}
svg:not(:root) {
    overflow: hidden
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
pre,
textarea {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
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
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
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
}
fieldset {
    border: 1px solid silver;
    padding: .35em .625em .75em
}
.icn,
.ir {
    color: transparent;
    font: 0/0 a;
    text-shadow: none
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
html {
    font-family: myriad-pro, sans-serif
}
.cf:after,
.dl-horizontal:after,
.field:after,
.pages:after {
    clear: both;
    content: "";
    display: table
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    color: #5e5e5e;
    font-weight: 400;
    line-height: 1.25em;
    -webkit-font-smoothing: antialiased
}
.lead,
.notice {
    font-weight: 700
}
dd,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
hr,
legend,
ol,
p,
pre,
table,
ul {
    margin: 0 0 10px
}
*,
:after,
:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.content {
    padding-top: 30px!important
}
.container--grey {
    background-color: #e9ebf3;
    padding: 10px 0
}
.container--border_grey {
    border: 5px solid #f4f5f3;
    padding: 10px
}
@media only screen and (min-width: 60em) {
    .container--border_grey {
        padding: 30px
    }
}
.social-icons {
    padding-top: 20px;
    padding-left: 0
}
.social-icons li {
    display: inline-block;
    height: 25px;
    width: 25px;
    border-radius: 25px;
    line-height: 25px;
    color: #fff
}
img,
select[multiple],
select[size] {
    height: auto
}
.social-icons li i {
    color: #fff;
    margin-right: 0
}
.social-icons li.twitter {
    background-color: #63cdf1
}
.social-icons li.twitter:hover {
    background-color: #54bee2;
    cursor: pointer
}
.social-icons li.pinterest {
    background-color: #f15f5d
}
.social-icons li.pinterest:hover {
    background-color: #e2504e;
    cursor: pointer
}
.social-icons li.google-plus {
    background-color: #484b4d
}
.social-icons li.google-plus:hover {
    background-color: #393c3e;
    cursor: pointer
}
.social-icons li.linkedin {
    background-color: #1e88c9
}
.social-icons li.linkedin:hover {
    background-color: #0f79ba;
    cursor: pointer
}
.success-msg {
    color: green
}
.error-msg {
    color: red
}
.notice {
    margin: 10px 0;
    color: #5e5e5e
}
.notice a:hover {
    text-decoration: underline
}
.colour--green {
    color: #379300
}
.hidden {
    display: none!important
}
.img--center,
input[type=file],
input[type=range] {
    display: block
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    text-rendering: optimizeLegibility;
    color: #1b1b1b
}
.h1,
h1 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.25em
}
.h2,
h2 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.15384615em
}
.h3,
h3 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.13636364em
}
.h4,
h4 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.11111111em
}
p {
    font-size: 1em
}
.lead {
    font-size: 1.125em
}
::selection {
    background: #293c8b;
    color: #FFF
}
.note-msg {
    color: red;
    margin-top: 20px
}
.product-name h1 {
    font-size: 38px;
    font-size: 2.375rem;
    color: #333;
    font-weight: 700;
    margin: 15px 0
}
blockquote {
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .5);
    box-shadow: 0 0 6px rgba(0, 0, 0, .5);
    padding: 1em;
    margin-left: 10px
}
blockquote:before {
    color: #999;
    content: "\201C ";
    display: block;
    font: italic 400%/1 serif;
    height: 0;
    margin-left: -.95em
}
blockquote footer {
    font-size: 14px;
    font-size: .875rem
}
li>ol,
li>ul {
    margin-bottom: 0
}
.dl-horizontal dt {
    clear: left;
    float: left;
    text-align: right;
    width: 20%
}
input,
select,
table,
textarea {
    width: 100%
}
.dl-horizontal dd {
    margin-left: 22%
}
a {
    color: #293c8b;
    text-decoration: none;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}
.readmore,
header .container--grey a:hover {
    text-decoration: underline
}
a:hover {
    color: #1d2b64
}
.readmore {
    color: #293c8b;
    margin-top: 15px;
    font-weight: 700
}
.img--right {
    float: right;
    margin-bottom: 10px;
    margin-left: 10px
}
.img--left {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}
.img--center {
    margin: 0 auto 10px
}
.actions,
.field,
form header {
    margin-bottom: 10px
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
table td,
table th {
    padding: 8px;
    text-align: left;
    vertical-align: top
}
table th {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    font-weight: 700
}
table td {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}
table thead th {
    vertical-align: bottom
}
table thead {
    font-size: 14px;
    font-size: .875rem
}
table tbody {
    font-size: 13px;
    font-size: .8125rem
}
.table--striped tbody tr:nth-child(odd) td,
.table--striped tbody tr:nth-child(odd) th {
    background-color: rgba(0, 0, 0, .04)
}
.table--striped tbody tr:hover td,
.table--striped tbody tr:hover th {
    background-color: rgba(0, 0, 0, .08)
}
.table--bordered {
    border: 1px solid rgba(0, 0, 0, .1);
    border-collapse: separate;
    border-left: 0;
    border-radius: 4px
}
.table--bordered td,
.table--bordered th {
    border-left: 1px solid rgba(0, 0, 0, .1)
}
.table--bordered tbody:first-child tr:first-child td,
.table--bordered tbody:first-child tr:first-child th,
.table--bordered thead:first-child tr:first-child th {
    border-top: 0
}
.table--bordered tbody:first-child tr:first-child td:first-child,
.table--bordered thead:first-child tr:first-child th:first-child {
    border-radius: 4px 0 0
}
.table--bordered tbody:first-child tr:first-child td:last-child,
.table--bordered thead:first-child tr:first-child th:last-child {
    border-radius: 0 4px 0 0
}
.table--bordered tbody:last-child tr:last-child td:first-child,
.table--bordered tfoot:last-child tr:last-child td:first-child,
.table--bordered thead:last-child tr:last-child th:first-child {
    border-radius: 0 0 0 4px
}
.table--bordered tbody:last-child tr:last-child td:last-child,
.table--bordered tfoot:last-child tr:last-child td:last-child,
.table--bordered thead:last-child tr:last-child th:last-child {
    border-radius: 0 0 4px
}
form header {
    border-bottom: 1px solid #DDD
}
button,
input,
label,
select,
textarea {
    font-size: 13px;
    font-size: .8125rem
}
label {
    cursor: pointer
}
input[type=text],
input[type=password],
input[type=date],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
input[type=search],
select,
textarea {
    display: inline-block;
    padding: 4px 6px;
    background-color: #FFF;
    border: 1px solid #DDD;
    height: 35px;
    -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: all .2s linear;
    transition: all .2s linear
}
input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=search]:focus,
select:focus,
textarea:focus {
    border-color: #52a8ec;
    border-color: rgba(82, 168, 236, .8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    outline: 0;
    outline: dotted thin\9
}
input[type=checkbox],
input[type=radio] {
    cursor: pointer;
    line-height: normal;
    margin-top: 1px\9
}
input[type=button],
input[type=file],
input[type=image],
input[type=reset],
input[type=submit],
input[type=checkbox],
input[type=radio] {
    width: auto
}
.field--checkbox-list .input label,
.field--radio .input label,
.field--radio-list .input label {
    margin: 0 5px;
    text-align: left;
    width: auto
}
.field--checkbox-list .input label:first-child,
.field--radio .input label:first-child,
.field--radio-list .input label:first-child {
    margin-left: 0
}
#header-search {
    position: relative;
    float: left;
    width: 100%;
    margin: 10px 0
}
#header-search input {
    height: 30px;
    width: 100%;
    border: 1px solid #ddd;
    box-shadow: none
}
#header-search button {
    position: absolute;
    right: 0;
    height: 30px;
    border-radius: 0 2px 2px 0;
    padding: 8px
}
#header-search button:hover {
    color: #fff
}
.toolbar {
    margin-bottom: 25px;
    float: left;
    width: 100%
}
.toolbar select {
    height: 42px;
    margin-bottom: 5px
}
.toolbar select::-ms-expand {
    display: none
}
.toolbar .sort-by a,
.toolbar .sort-by select {
    height: 42px
}
.toolbar .sort-by select {
    width: 100%
}
.toolbar .sort-by a {
    display: none
}
@media only screen and (min-width: 60em) {
    .toolbar .sort-by a {
        display: block
    }
    .toolbar .sort-by a,
    .toolbar .sort-by select {
        float: right
    }
    .toolbar .sort-by select {
        width: 200px
    }
}
.toolbar .limiter {
    position: relative
}
.toolbar .limiter select {
    width: 100%
}
.toolbar .limiter img {
    display: none
}
@media only screen and (min-width: 60em) {
    .toolbar .limiter img {
        position: absolute;
        display: initial
    }
    .toolbar .limiter select {
        width: 200px
    }
}
.form-list {
    padding-left: 0;
    list-style: none
}
.form-list label {
    font-size: 16px;
    font-size: 1rem;
    color: #000;
    font-weight: 700
}
.account-login input[type=text],
.account-login input[type=password] {
    height: 35px;
    max-width: 400px;
    width: 60%;
    margin-bottom: 15px
}
#contactForm .dts-4 input[type=text],
#contactForm .dts-4 input[type=tel],
#contactForm .dts-4 select,
#contactForm .dts-4 textarea,
#contactForm .dts-8 input[type=text],
#contactForm .dts-8 input[type=tel],
#contactForm .dts-8 select,
#contactForm .dts-8 textarea,
.mob-4,
.tjcafferkeyform .dts-4 input[type=text],
.tjcafferkeyform .dts-4 input[type=tel],
.tjcafferkeyform .dts-4 select,
.tjcafferkeyform .dts-4 textarea,
.tjcafferkeyform .dts-8 input[type=text],
.tjcafferkeyform .dts-8 input[type=tel],
.tjcafferkeyform .dts-8 select,
.tjcafferkeyform .dts-8 textarea {
    width: 100%
}
.account-login .required {
    color: #000
}
#contactForm,
.tjcafferkeyform {
    margin: 30px 0
}
#contactForm input[type=text],
#contactForm input[type=tel],
#contactForm select,
#contactForm textarea,
.tjcafferkeyform input[type=text],
.tjcafferkeyform input[type=tel],
.tjcafferkeyform select,
.tjcafferkeyform textarea {
    max-width: 100%;
    color: #000
}
#contactForm textarea,
.tjcafferkeyform textarea {
    height: 200px
}
.fc_login h2 {
    display: none
}
.fc_login button {
    margin: 15px 0
}
.form--requestcatalogue input[type=checkbox],
.virtual-catalogue input[type=checkbox] {
    margin-right: 7px;
    margin-bottom: 10px
}
.virtual-catalogue input[type=submit] {
    margin-top: 20px
}
.wrapper {
    margin: auto;
    padding: 0 10px
}
[class*=mob-] {
    display: block;
    float: left;
    margin-left: 3.125%
}
.alpha,
.mob-4,
[class*=mob-]:first-child {
    clear: left;
    margin-left: 0
}
.mob-4 {
    float: none
}
.mob-3 {
    width: 74.21875%
}
.mob-2 {
    width: 48.4375%
}
.mob-1 {
    width: 22.65625%
}
[role=banner] {
    background: #ffde00;
    margin-bottom: 20px;
    padding: 1em
}
.logo {
    color: #FFF;
    float: left;
    margin: 15px 0 0
}
.logo .small {
    display: none
}
.logo img {
    width: 220px
}
header {
    border-top: 5px solid #293c8b
}
header .container--grey {
    color: #1b1b1b;
    font-size: 12px;
    font-size: .75rem
}
header .container--grey a {
    color: #1b1b1b;
    margin: 0 1%
}
header .container--grey a:first-child {
    margin-left: 0
}
header .container--grey a:last-child {
    margin-right: 0
}
header .container--grey a.tel {
    color: #293c8b;
    float: right
}
header .container--grey a.tel:hover {
    text-decoration: none;
    color: #1b1b1b
}
.tel {
    background-image: url(../../images/icons/tel.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 18px;
    color: #293c8b
}
.header__container {
    border-bottom: 2px solid #f4f5f3;
    padding-bottom: 15px;
    width: 100%;
    position: relative;
    float: left
}
.menu-text {
    right: 45px;
    margin-top: -14px;
    color: #1b1b1b;
    font-size: 16px;
    font-size: 1rem
}
.menu-trigger {
    cursor: pointer;
    margin: -12px auto 0;
    padding-left: 1.25em;
    width: 15px;
    height: 15px;
    float: right;
    right: 15px
}
.menu-global {
    backface-visibility: hidden;
    position: absolute;
    left: 0;
    border-top: 2px solid #ed1e24;
    width: 100%;
    transition: .3s
}
.menu-top {
    top: 0
}
.menu-middle {
    top: 7px
}
.menu-bottom {
    top: 14px
}
.menu-bottom-click,
.menu-top-click {
    backface-visibility: hidden;
    top: 7px;
    transition: .3s .5s
}
.menu-top-click {
    transform: rotate(50deg)
}
.menu-bottom-click {
    transform: rotate(-410deg)
}
.account_welcome {
    color: red;
    font-weight: 700;
    margin-bottom: 10px;
    padding-left: 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-size: .875rem
}
.account_welcome i {
    color: #000
}
nav.device--small {
    background: #e9ebf3;
    position: fixed;
    left: -18em;
    top: 0;
    padding-top: 4.5em;
    box-sizing: border-box;
    z-index: 20;
    height: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-top: 5px solid #293c8b;
    overflow: auto;
    overflow-x: hidden
}
nav.device--small.active {
    left: 0
}
nav.device--small ul.menu {
    list-style: none;
    line-height: 42px;
    margin: auto;
    padding-left: 0;
    width: 17em
}
nav.device--small ul.menu li {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    list-style: none;
    border-top: 1px solid #b0b3bc
}
nav.device--small ul.menu li.parent>a span:after {
    content: "\f18e";
    font-family: FontAwesome;
    background-repeat: no-repeat;
    background-position: center right;
    height: 12px;
    width: 12px;
    /*display:inline-block;*/
    
    margin-left: 5px;
    top: 2px;
    position: relative;
    color: red;
    font-size: 19px;
    font-size: 1.1875rem;
    font-weight: 200
}
nav.device--small ul.menu li.parent.active>a span:after {
    content: "\f01a"
}
nav.device--small ul.menu li.parent.active>ul {
    display: block
}
nav.device--small ul.menu li ul {
    display: none;
    padding-left: 0
}
nav.device--small ul.menu ul.level0 {
    background-color: #d5d9e8
}
nav.device--small ul.menu ul.level0 a {
    padding-left: 3%
}
nav.device--small ul.menu ul.level1 {
    background-color: #cfd3e5
}
nav.device--small ul.menu ul.level1 a {
    padding-left: 5%
}
nav.device--small ul.menu ul.level2 {
    background-color: #cbd0e3
}
nav.device--small ul.menu ul.level2 a {
    padding-left: 7%
}
nav.device--small ul.menu ul.level3 {
    background-color: #c8cde1
}
nav.device--small ul.menu ul.level3 a {
    padding-left: 9%
}
nav.device--small ul.menu ul.level4 {
    background-color: #c5cadf
}
nav.device--small ul.menu ul.level4 a {
    padding-left: 10%
}
nav.device--small ul.menu a {
    color: #333;
    text-decoration: none;
    display: block;
    width: 100%;
    padding-left: 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    font-size: .8125rem
}
nav.device--small ul.menu a:hover {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: #f0f1f7
}
nav.device--small ul.menu .nav_extra {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    border-top: 1px solid #b0b3bc;
    margin-bottom: 0;
    background-color: #d9dcea
}
nav.device--small ul.menu .nav_extra a {
    padding-left: 0
}
nav.device--small ul.menu .nav_extra a:hover {
    margin-left: 0;
    background-color: #c5cadf
}
nav.device--small ul.menu .nav_extra.dts-6 {
    width: 50%;
    float: left;
    border-bottom: 1px solid #b0b3bc
}
nav.device--small ul.menu .nav_extra.dts-6.border-right {
    border-right: 1px solid #b0b3bc
}
nav.device--small ul.menu .nav_extra:last-child {
    border-bottom: 1px solid #b0b3bc
}
.footer {
    clear: both;
    color: #FFF;
    margin: 10px -10px 0;
    padding: 10px
}
.tweets {
    padding: 30px 0;
    text-align: center
}
.tweets.display-all .tweet {
    display: block
}
.tweets h4 {
    font-family: myriad-pro, sans-serif!important;
    color: #b0b3bc;
    font-size: 28px;
    font-size: 1.75rem
}
.carousel__title,
.tweets .tweet,
.tweets .tweet-author {
    font-family: myriad-pro, sans-serif
}
.tweets .tweet {
    color: #5e5e5e;
    margin-top: 10px;
    display: none
}
.tweets .tweet a {
    color: #5e5e5e;
    text-decoration: underline
}
.tweets .tweet a:hover {
    text-decoration: none
}
.tweets .tweet.no-1 {
    display: block
}
.tweets .tweet-author {
    color: #5e5e5e;
    font-style: italic
}
.tweets .tweet-author a {
    color: #5e5e5e;
    text-decoration: underline
}
.tweets .tweet-author a:hover {
    text-decoration: none
}
.tweets__logo {
    background-color: #63cdf1;
    border-radius: 50%;
    padding: 10px;
    color: #fff;
    margin: 15px auto 0;
    width: 40px;
    font-size: 16px;
    font-size: 1rem
}
.tweets__logo:hover {
    cursor: pointer
}
.info-container {
    padding: 30px 0
}
.info-container .links {
    list-style: none;
    padding: 0
}
.info-container .links li {
    margin-bottom: 10px
}
.info-container .links li a,
.info-container .links li i {
    font-size: 14px;
    font-size: .875rem;
    color: #293c8b
}
.info-container .links li a.btn,
.info-container .links li i.btn {
    margin-top: 65px;
    text-transform: none;
    color: #000;
    font-size: 16px;
    font-size: 1rem;
    font-family: myriad-pro, sans-serif
}
.info-container .links li i {
    margin-right: 5px
}
.info-container .address {
    color: #333;
    font-size: 14px;
    font-size: .875rem
}
.copyright,
.footer__links li a {
    color: #444545
}
.footer__links {
    clear: both;
    padding: 20px 0 0
}
.footer__links ul {
    list-style: none;
    padding-left: 0
}
.footer__links li {
    display: inline-block;
    color: #444545;
    font-weight: 700;
    margin-right: 15px;
    font-size: 14px;
    font-size: .875rem
}
.carousel .owl-buttons,
.carousel__description {
    display: none
}
.footer__links li a:hover {
    text-decoration: underline
}
.footer__links li:last-child {
    margin-right: 0
}
.copyright {
    font-size: 14px;
    font-size: .875rem;
    font-style: normal;
    margin-top: 15px;
    float: left;
    width: 100%
}
.carousel {
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    background-position: center
}
.carousel__slide {
    padding: 30px 0
}
.carousel__image {
    width: 250px;
    margin-top: 15px
}
.carousel__title {
    font-size: 28px;
    font-size: 1.75rem;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 -1px #000
}
.carousel__button {
    position: static;
    bottom: 35px
}
.product-grid {
    border-top: 10px solid #e9ebf3;
    padding-top: 30px;
    margin: 30px 0
}
.product-grid h3 {
    color: #b0b3bc;
    text-align: center;
    font-size: 28px;
    font-size: 1.75rem;
    margin-bottom: 30px
}
.product-grid__carousel {
    position: relative
}
.product-grid__carousel .product-grid__product {
    margin-right: 15px
}
.product-grid__product {
    position: relative;
    min-height: 530px;
    padding-bottom: 50px
}
.product-grid__product .content--center:last-child {
    position: absolute;
    bottom: 0;
    width: 100%
}
.product-grid__product:hover .product-grid__image {
    opacity: .8;
    border: 1px solid #ccc;
    cursor: pointer
}
.product-grid__image {
    border: 1px solid transparent
}
.block-viewed,
.upsell-products {
    border-top: 0;
    margin-top: 0
}
.product-grid--image {
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 2px
}
.owl-prev {
    background-image: url(../../images/icons/carousel-left.png);
    position: absolute;
    left: -85px
}
.owl-next {
    background-image: url(../../images/icons/carousel-right.png);
    position: absolute;
    right: -85px
}
#prevGallery {
    background: url(../../images/icons/carousel-left.png) center no-repeat;
    background-size: 35px
}
#nextGallery {
    background: url(../../images/icons/carousel-right.png) center no-repeat;
    background-size: 35px
}
.carousel__container video,
.owl-theme .owl-controls .owl-buttons div {
    background-repeat: no-repeat;
    background-size: cover
}
.carousel__container {
    position: relative;
    height: 450px;
    overflow: hidden
}
.carousel__container .carousel {
    position: absolute;
    top: 0
}
.carousel__container--video {
    height: 100%;
    position: absolute;
    width: 1260px
}
@-moz-document url-prefix() {
    .carousel__container--video {
        width: 300%
    }
}
.hide--controls .owl-theme .owl-controls {
    display: none!important
}
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.owl-carousel,
.owl-carousel .owl-wrapper {
    display: none;
    position: relative
}
.owl-carousel {
    width: 100%;
    -ms-touch-action: pan-y
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}
.owl-carousel .owl-item {
    float: left
}
.owl-controls .owl-buttons div,
.owl-controls .owl-page {
    cursor: pointer
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}
.grabbing {
    cursor: url(../../images/icons/grabbing.png) 8 8, move
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}
.owl-theme .owl-controls {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 75%;
    display: none!important
}
.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    height: 58px;
    width: 58px;
    background-position: center
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1
}
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 15px;
    height: 15px;
    margin: 5px 3px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
    border: 3px solid #fff
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: 0 0
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}
.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) center center no-repeat
}
@font-face {
    font-family: flexslider-icon;
    src: url(fonts/flexslider-icon.eot);
    src: url(fonts/flexslider-icon.eot?#iefix) format("embedded-opentype"), url(fonts/flexslider-icon.woff) format("woff"), url(fonts/flexslider-icon.ttf) format("truetype"), url(fonts/flexslider-icon.svg#flexslider-icon) format("svg");
    font-weight: 400;
    font-style: normal
}
.flex-container a:focus,
.flex-container a:hover,
.flex-slider a:focus,
.flex-slider a:hover {
    outline: 0
}
.flex-control-nav,
.flex-direction-nav,
.slides,
.slides>li {
    margin: 0;
    padding: 0;
    list-style: none
}
.flex-pauseplay span {
    text-transform: capitalize
}
.flexslider {
    padding: 0;
    margin: 0 0 60px;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: "" 0 1px 4px rgba(0, 0, 0, .2);
    -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, .2);
    box-shadow: "" 0 1px 4px rgba(0, 0, 0, .2)
}
.flex-direction-nav a,
.flex-pauseplay a {
    position: absolute;
    z-index: 10;
    overflow: hidden
}
.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden
}
.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
html[xmlns] .flexslider .slides {
    display: block
}
* html .flexslider .slides {
    height: 1%
}
.no-js .flexslider .slides>li:first-child {
    display: block
}
.flexslider .slides {
    zoom: 1
}
.flexslider .slides img {
    width: 100%;
    display: block;
    height: auto
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}
.loading .flex-viewport {
    max-height: 300px
}
.carousel li {
    margin-right: 5px
}
.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 60px;
    height: 60px;
    margin: -20px 0 0;
    font-size: 0;
    top: 50%;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.flex-direction-nav .flex-prev {
    background-image: url(../../images/icons/carousel-left-white.png);
    background-repeat: no-repeat;
    left: 10px
}
.flex-direction-nav .flex-next {
    background-image: url(../../images/icons/carousel-right-white.png);
    background-repeat: no-repeat;
    right: 10px;
    text-align: right
}
.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: .7;
    left: 10px
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1
}
.flexslider:hover .flex-direction-nav .flex-next {
    opacity: .7;
    right: 10px
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1
}
.flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default
}
.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    bottom: 5px;
    left: 10px;
    opacity: .8;
    cursor: pointer;
    color: #000
}
.flex-pauseplay a:before {
    font-family: flexslider-icon;
    font-size: 20px;
    display: inline-block;
    content: '\f004'
}
.flex-pauseplay a:hover {
    opacity: 1
}
.flex-pauseplay a.flex-play:before {
    content: '\f003'
}
.flex-control-nav {
    width: 100%;
    bottom: -40px;
    text-align: center
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1
}
.flex-control-paging li a {
    width: 20px;
    height: 20px;
    display: block;
    background: #fff;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 5px solid transparent
}
.flex-control-paging li a:hover {
    background: 0 0;
    border: 5px solid #fff
}
.flex-control-paging li a.flex-active {
    background: 0 0;
    border: 5px solid #fff;
    cursor: default
}
.cta,
.cta a {
    background-repeat: no-repeat
}
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}
.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}
.flex-control-thumbs img:hover {
    opacity: 1
}
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
}
@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px
    }
}
.cta {
    background-image: url(../../images/cta-bg-parallax-2.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    padding: 25px;
    color: #fff;
    float: left;
    width: 100%
}
.cta h3 {
    font-weight: 700;
    font-size: 28px;
    font-size: 1.75rem;
    color: #fff;
    text-shadow: 0 -1px #000
}
.cta p {
    font-size: 22px;
    font-size: 1.375rem;
    font-style: italic;
    font-weight: 200
}
.cta a {
    margin-top: 15px;
    border: 0;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    font-weight: 700;
    letter-spacing: -1px;
    background-color: #ffde00;
    background-image: url(../../images/icons/arrow-orange.png);
    background-position: center right 8px;
    padding: 15px 25px 15px 15px;
    font-size: 14px;
    font-size: .875rem;
    font-style: normal;
    color: #000;
    font-family: myriad-pro-condensed, sans-serif
}
.currently ol li,
.sidebar .actions {
    margin-top: 10px;
    width: 100%;
    float: left
}
.cta a:hover {
    color: #000;
    background-color: #e6c800;
    background-position: center right 5px
}
.cta-container {
    padding: 50px 0;
    float: left;
    width: 100%
}
.cta-container .dts-4 {
    background-size: cover;
    background-repeat: center;
    height: 215px;
    background-color: #fff;
    border-left: 12px solid #ffde00;
    position: relative;
    padding: 20px;
    margin-bottom: 20px
}
.cta-container .dts-4:last-child {
    margin-bottom: 0
}
.cta-container .dts-4 .btn-alt {
    position: absolute;
    bottom: 20px;
    left: 20px
}
.cta-container .reseller {
    background-image: url(../../images/reseller-bg.png)
}
.cta-container .reseller:hover {
    background-image: url(../../images/reseller-bg-mo.png)
}
.cta-container .about {
    background-image: url(../../images/about-bg.png)
}
.cta-container .about:hover {
    background-image: url(../../images/about-bg-mo.png)
}
.cta-container .catalogue {
    background-image: url(../../images/catalogue-bg.png)
}
.cta-container .catalogue:hover {
    background-image: url(../../images/catalogue-bg-mo.png)
}
.cta-small__title {
    font-weight: 700;
    color: #fff;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1em;
    float: left
}
.cta-small__logo {
    position: absolute;
    top: 20px;
    right: 20px
}
#subcategories .product-grid {
    border-top: 0
}
#subcategories .product-grid__product {
    margin-bottom: 20px
}
#subcategories .product-grid__product h4 {
    font-size: 28px;
    font-size: 1.75rem;
    text-align: left
}
#subcategories .product-grid__product p {
    text-align: left
}
.category-products .product-grid {
    border-top: 0;
    padding-left: 0
}
.category-products h2,
.category-products h2 a {
    color: #333
}
.category-products .product-grid__product {
    margin-bottom: 50px;
    list-style: none
}
.category-products .product-grid__product .content--center {
    position: static
}
.category-products .old-price {
    font-size: 17px;
    font-size: 1.0625rem
}
.category-products .special-price {
    font-size: 20px;
    font-size: 1.25rem;
    color: red
}
.regular-price {
    color: #379300;
    font-weight: 700
}
.old-price {
    color: #b0b3bc;
    text-decoration: line-through
}
.special-price {
    font-weight: 700;
    padding-left: 10px
}
.block-layered-nav .block-subtitle {
    font-size: 28px;
    font-size: 1.75rem;
    color: #000;
    font-weight: 700
}
.sidebar {
    margin-bottom: 20px
}
.sidebar .actions {
    padding-left: 0
}
.sidebar .actions a {
    color: #000;
    text-decoration: underline
}
.sidebar .actions a:hover {
    text-decoration: none
}
.currently .block-subtitle {
    font-size: 18px;
    font-size: 1.125rem;
    color: #000;
    font-weight: 700
}
.currently ol {
    padding-left: 0;
    list-style: none
}
.currently ol li {
    color: #000
}
.currently ol li a {
    display: block;
    width: 100%;
    float: left;
    color: red;
    font-size: 16px;
    font-size: 1rem
}
.currently ol li a:hover {
    text-decoration: underline
}
#narrow-by-list {
    border: 1px solid #ddd;
    border-radius: 1px
}
#narrow-by-list dt {
    border-top: 1px solid #ddd;
    padding: 10px;
    background-color: #f4f5f3;
    color: #000;
    font-weight: 700;
    background-image: url(../../images/icons/arrow-down-black.png);
    background-repeat: no-repeat;
    background-position: center right 10px
}
#narrow-by-list dt.show {
    color: red;
    background-image: url(../../images/icons/arrow-up-red.png);
    border-bottom: 1px solid #ddd
}
#narrow-by-list dt:first-child {
    border-top: 0
}
#narrow-by-list dt:hover {
    cursor: pointer;
    color: red
}
#narrow-by-list dd {
    margin: 10px 20px;
    display: none
}
#narrow-by-list dd.show {
    display: block
}
#narrow-by-list dd ol li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    padding-top: 5px
}
#narrow-by-list dd ol li a {
    color: #000;
    padding-left: 5px
}
#narrow-by-list dd ol li:hover {
    background-color: #ffde00;
    border-bottom: 1px solid transparent;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer
}
#narrow-by-list dd ol li:hover a {
    font-weight: 700
}
#narrow-by-list dd ol li:last-child {
    border-bottom: 0
}
#narrow-by-list ol {
    padding-left: 0;
    list-style: none
}
.nav--filter {
    display: none;
    float: left;
    width: 100%
}
.nav--filter.show,
.sku {
    display: block
}
.catalog-product-view .content {
    padding-top: 0
}
.catalog-product-view .product-img-box {
    margin-left: 0
}
.catalog-product-view .product-shop__vat {
    color: #b0b3bc;
    font-size: 24px;
    font-size: 1.5rem
}
.catalog-product-view .price-box,
.catalog-product-view .price-box-static {
    margin: 0 10px 10px;
    font-size: 24px;
    font-size: 1.5rem;
    float: left
}
.catalog-product-view .regular-price {
    font-size: 27px;
    font-size: 1.6875rem
}
.catalog-product-view .from-price {
    float: left;
    color: #b0b3bc
}
.catalog-product-view .old-price {
    color: #b0b3bc;
    text-decoration: line-through;
    font-size: 18px;
    font-size: 1.125rem
}
.catalog-product-view .special-price {
    color: #379300;
    font-weight: 700;
    padding-left: 10px;
    font-size: 27px;
    font-size: 1.6875rem
}
.product-shop__price {
    float: left;
    width: 100%
}
.sku {
    color: #b0b3bc;
    font-style: italic;
    margin: 10px 0
}
.product-shop__description {
    color: #333;
    margin-bottom: 30px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3em
}
.product-options {
    border: 5px solid #e9ebf3;
    margin-bottom: 30px
}
.product-options>a {
    display: none
}
.product-options select {
    height: 44px;
    width: 100%;
    border-radius: 0 2px 2px 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: .01px;
    text-overflow: ''
}
.product-options select::-ms-expand {
    display: none
}
.product-options .dts-8 {
    padding: 20px
}
.product-options .dts-8 label {
    font-size: 19px;
    font-size: 1.1875rem;
    font-weight: 700;
    color: #000
}
.product-options .dts-8 label em {
    margin-right: 5px
}
.amconf-images-container {
    padding: 5px
}
.super-attribute-select {
    background-image: url(../../images/i_asc_arrow.gif);
    background-position: right;
    background-repeat: no-repeat
}
.product-options__config {
    background-color: #e9ebf3;
    padding: 20px;
    height: 100%;
    display: none
}
.amconf-image-selected {
    outline: #293c8b solid 2px!important;
    border-radius: 0!important
}
.attribute__info {
    min-height: 65px;
    margin-bottom: 25px
}
/*#product-addtocart-button {
    width: 100%;
    background-color: #379300;
    color: #fff;
    font-size: 20px;
    font-size: 1.25rem
}
#product-addtocart-button:hover {
    background-color: #288400
}*/
#qty {
    height: 40px;
    width: 140px;
    text-align: center;
    border-top: 1px solid #e9ebf3;
    border-bottom: 1px solid #e9ebf3;
    float: left
}
.btn--qty {
    float: left
}
.btn--qty img {
    height: 40px;
    width: auto
}
.btn--qty:hover {
    cursor: pointer
}
.social-share span {
    color: #000;
    font-size: 18px;
    font-size: 1.125rem;
    margin: 20px 5px 20px 0;
    font-weight: 700;
    display: block
}
.social-share .social-icons {
    float: left;
    padding-top: 0
}
.social-share .social-icon {
    border-radius: 50%;
    padding: 3px 6px;
    height: 30px;
    width: 30px;
    background-color: #000;
    color: #fff;
    float: left;
    margin-right: 5px
}
#amasty_gallery {
    position: relative!important;
    width: 100%!important;
    margin-top: 20px!important
}
.add-to-cart .btn-cart,
.customer-account-index .dts-12 {
    margin-top: 20px
}
.product-image {
    position: relative
}
.product__image_zoom {
    position: absolute;
    bottom: 10px;
    right: 10px
}
.label--qty {
    font-size: 18px;
    font-size: 1.125rem;
    color: #000;
    margin-bottom: 20px;
    display: block;
    font-weight: 700
}
.caroufredsel_wrapper {
    max-width: 443px;
    height: 108!important
}
.downloads dl,
.downloads ul {
    padding-left: 20px
}
.downloads dd,
.downloads li {
    display: list-item;
    list-style-type: square
}
.customer-account-edit h1,
.customer-address-form h1,
.downloadable-customer-products h1,
.newsletter-manage-index h1,
.oauth-customer-token-index h1,
.review-customer-index h1,
.sales-billing-agreement-index h1,
.sales-order-history h1,
.sales-recurring-profile-index h1,
.tag-customer-index h1,
.wishlist-index-index h1 {
    font-size: 27px;
    font-size: 1.6875rem
}
.customer-account-edit h2,
.customer-address-form h2,
.downloadable-customer-products h2,
.newsletter-manage-index h2,
.oauth-customer-token-index h2,
.review-customer-index h2,
.sales-billing-agreement-index h2,
.sales-order-history h2,
.sales-recurring-profile-index h2,
.tag-customer-index h2,
.wishlist-index-index h2 {
    font-size: 25px;
    font-size: 1.5625rem
}
.customer-account-edit h3,
.customer-address-form h3,
.downloadable-customer-products h3,
.newsletter-manage-index h3,
.oauth-customer-token-index h3,
.review-customer-index h3,
.sales-billing-agreement-index h3,
.sales-order-history h3,
.sales-recurring-profile-index h3,
.tag-customer-index h3,
.wishlist-index-index h3 {
    font-size: 20px;
    font-size: 1.25rem
}
.customer-account-edit .form-list li,
.customer-address-form .form-list li,
.downloadable-customer-products .form-list li,
.newsletter-manage-index .form-list li,
.oauth-customer-token-index .form-list li,
.review-customer-index .form-list li,
.sales-billing-agreement-index .form-list li,
.sales-order-history .form-list li,
.sales-recurring-profile-index .form-list li,
.tag-customer-index .form-list li,
.wishlist-index-index .form-list li {
    margin-bottom: 10px
}
.customer-account-edit .page-title,
.customer-address-form .page-title,
.downloadable-customer-products .page-title,
.newsletter-manage-index .page-title,
.oauth-customer-token-index .page-title,
.review-customer-index .page-title,
.sales-billing-agreement-index .page-title,
.sales-order-history .page-title,
.sales-recurring-profile-index .page-title,
.tag-customer-index .page-title,
.wishlist-index-index .page-title {
    margin-bottom: 20px
}
.my-account {
    background-color: #e9ebf3;
    padding: 20px;
    border: 1px solid #ccc;
    float: left;
    width: 100%
}
.customer-account-index .messages ul,
.sidebar .block-account ul {
    padding-left: 0;
    list-style: none
}
.account__navigation {
    display: none
}
.account__navigation.active {
    display: block
}
.customer-account-index h1 {
    color: #000;
    font-size: 25px;
    font-size: 1.5625rem
}
.customer-account-index h2 {
    color: #000
}
.customer-account-index h3 {
    font-size: 18px;
    font-size: 1.125rem
}
.customer-account-index .messages {
    padding-left: 0;
    list-style: none;
    font-weight: 700;
    color: #293c8b
}
.customer-account-index .welcome-msg {
    color: #000
}
.customer-account-login .registered-users ul.form-list {
    margin-bottom: 0!important
}
.account-create h2 {
    margin-bottom: 20px;
    float: left;
    width: 100%;
    margin-top: 20px
}
.account-create input {
    height: 35px
}
.account-create .control {
    margin-top: 10px
}
.account-create .control label {
    float: left;
    margin-left: 5px
}
.account-create .control .input-box {
    float: left
}
.account-create .buttons-set {
    clear: both
}
.account-create .field {
    float: left;
    width: 100%
}
label[for=is_subscribed] {
    margin-top: 6px
}
.sidebar .block-account {
    width: 100%;
    float: left
}
.sidebar .block-account .block-title {
    font-size: 25px;
    font-size: 1.5625rem;
    color: #000;
    margin-bottom: 20px
}
.sidebar .block-account ul {
    width: 100%;
    float: left;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}
.sidebar .block-account ul li {
    border-bottom: 1px solid #ddd;
    padding: 7px 0;
    background-color: #e9ebf3
}
.sidebar .block-account ul li a,
.sidebar .block-account ul li.current {
    color: #000;
    padding-left: 5px
}
.sidebar .block-account ul li:hover {
    background-color: #ffde00;
    border-bottom: 1px solid transparent;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer
}
.sidebar .block-account ul li:hover a {
    font-weight: 700
}
.sidebar .block-account ul li:first-child {
    border-top: 1px solid #ddd
}
.block-content ol,
.messages,
.messages ul {
    padding-left: 0;
    list-style: none
}
.messages {
    font-weight: 700
}
.sidebar .block-reorder {
    display: none
}
.block-content input[type=checkbox] {
    float: left;
    margin-right: 5px;
    position: relative;
    top: 5px
}
table#my-orders-table,
table.recent-orders {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px
}
table#my-orders-table tr:nth-of-type(odd),
table.recent-orders tr:nth-of-type(odd) {
    background: #eee
}
table#my-orders-table th,
table.recent-orders th {
    background: #333;
    color: #fff;
    font-weight: 700
}
table#my-orders-table td,
table#my-orders-table th,
table.recent-orders td,
table.recent-orders th {
    padding: 6px;
    border: 1px solid #ccc;
    text-align: left
}
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
    table#my-orders-table,
    table#my-orders-table tbody,
    table#my-orders-table td,
    table#my-orders-table th,
    table#my-orders-table thead,
    table#my-orders-table tr,
    table.recent-orders,
    table.recent-orders tbody,
    table.recent-orders td,
    table.recent-orders th,
    table.recent-orders thead,
    table.recent-orders tr {
        display: block
    }
    table#my-orders-table thead tr,
    table.recent-orders thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }
    table#my-orders-table tr,
    table.recent-orders tr {
        border: 1px solid #ccc
    }
    table#my-orders-table td,
    table.recent-orders td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%
    }
    table#my-orders-table td:before,
    table.recent-orders td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap
    }
    table#my-orders-table td:nth-of-type(1):before,
    table.recent-orders td:nth-of-type(1):before {
        content: "Order #"
    }
    table#my-orders-table td:nth-of-type(2):before,
    table.recent-orders td:nth-of-type(2):before {
        content: "Date"
    }
    table#my-orders-table td:nth-of-type(3):before,
    table.recent-orders td:nth-of-type(3):before {
        content: "Ship To"
    }
    table#my-orders-table td:nth-of-type(4):before,
    table.recent-orders td:nth-of-type(4):before {
        content: "Order Total"
    }
    table#my-orders-table td:nth-of-type(5):before,
    table.recent-orders td:nth-of-type(5):before {
        content: "Status"
    }
}
.checkout-cart-index #shopping-cart-table tr .product-cart-info .btn-remove,
.checkout-cart-index #shopping-cart-table tr .update_qty,
.checkout-cart-index #shopping-cart-table tr ul.cart-links,
.checkout-cart-index .paypal-logo {
    display: none
}
.checkout-cart-index .checkout-types,
.checkout-cart-index .form-list,
.checkout-cart-index .messages,
.checkout-cart-index .messages ul {
    padding-left: 0
}
.checkout-cart-index .col1-layout {
    margin-bottom: 0
}
.checkout-cart-index .main-container a {
    color: #293c8b
}
.checkout-cart-index .main-container a:hover {
    color: #1f3281;
    text-decoration: underline
}
.checkout-cart-index .main-container h1,
.checkout-cart-index .main-container h2,
.checkout-cart-index .main-container h3 {
    font-size: 30px;
    font-size: 1.875rem;
    color: #000;
    margin-bottom: 20px
}
.checkout-cart-index .main-container button {
    width: 100%;
    margin-bottom: 10px
}
.checkout-cart-index .main-container .cart {
    width: 100%
}
.checkout-cart-index .checkout-types li {
    list-style: none
}
.checkout-cart-index .messages li {
    list-style: none
}
.checkout-cart-index button {
    text-shadow: none
}
.checkout-cart-index .form-list li {
    list-style: none
}
.checkout-cart-index #discount-coupon-form button,
.checkout-cart-index .shipping {
    margin-top: 10px
}
.checkout-cart-index .totals #shopping-cart-totals-table {
    margin-bottom: 40px;
    color: #000
}
.checkout-cart-index .totals form .field {
    width: 100%;
    margin-top: 5px
}
.checkout-cart-index .totals form input {
    width: 100%;
    height: 35px
}
.checkout-cart-index .totals form input[type=submit] {
    width: 100px;
    background-color: #293c8b;
    color: #fff;
    border-radius: 0;
    border: none;
    padding: 5px
}
.checkout-cart-index .totals form input[type=submit]:hover {
    background-color: #1f3281
}
.checkout-cart-index #shopping-cart-table th:nth-of-type(2) {
    width: 50%
}
.checkout-cart-index #shopping-cart-table td .product-name {
    font-size: 15px;
    font-size: .9375rem
}
.checkout-cart-index #shopping-cart-table .qty {
    height: 35px;
    text-align: center
}
.checkout-cart-index #shopping-cart-table thead {
    color: #000
}
.checkout-cart-index .item-options dt {
    font-weight: 700;
    font-style: italic
}
.checkout-cart-index .item-options dd {
    margin-bottom: 5px
}
@media only screen and (max-width: 47.5em) {
    #shopping-cart-table tbody tr td.unit-price,
    #shopping-cart-table thead {
        display: none
    }
    #shopping-cart-table tbody tr {
        float: left;
        margin-bottom: 5%;
        padding-bottom: 5%;
        border-bottom: 5px solid #293c8b
    }
    #shopping-cart-table tbody tr td {
        float: left;
        width: 100%
    }
    #shopping-cart-table tbody tr td input.qty {
        width: 100%;
        margin-bottom: 5px
    }
    #shopping-cart-table tbody tr td.product-cart-image {
        width: 100%
    }
    #shopping-cart-table tbody tr.last {
        border-bottom: none
    }
    #shopping-cart-table h2.product-name {
        font-size: 16px;
        font-size: 1rem
    }
}
.checkout-onepage-index .block.block-progress {
    width: 100%
}
.checkout-onepage-index .block.block-progress dt {
    font-weight: 700;
    color: #000
}
.checkout-onepage-index .block.block-progress a:hover {
    color: #293c8b;
    background: 0 0
}
.checkout-onepage-index .block.block-progress a {
    position: static
}
.checkout-onepage-index .col-main ul,
.checkout-onepage-index .col-main>ol {
    list-style: none;
    padding-left: 0;
    float: left;
    width: 100%
}
.checkout-onepage-index .col-main ul>li,
.checkout-onepage-index .col-main>ol>li {
    border: 1px solid #ccc;
    float: left;
    width: 100%;
    margin-top: 10px
}
.checkout-onepage-index .col-main ul>li:first-child,
.checkout-onepage-index .col-main>ol>li:first-child {
    margin-top: 0
}
.checkout-onepage-index .col-main ul>li .step-title,
.checkout-onepage-index .col-main>ol>li .step-title {
    background: #e9ebf3;
    float: left;
    width: 100%;
    padding: 15px 10px 0;
    border-bottom: 1px solid #ccc
}
.checkout-onepage-index .col-main ul>li .step fieldset ul,
.checkout-onepage-index .col-main ul>li .step li,
.checkout-onepage-index .col-main>ol>li .step fieldset ul,
.checkout-onepage-index .col-main>ol>li .step li {
    border: none
}
.checkout-onepage-index .col-main ul>li .step-title h2,
.checkout-onepage-index .col-main>ol>li .step-title h2 {
    float: left
}
.checkout-onepage-index .col-main ul>li .step-title .number,
.checkout-onepage-index .col-main>ol>li .step-title .number {
    float: left;
    margin-right: 10px;
    color: #293c8b;
    padding-top: 2px
}
.checkout-onepage-index .col-main ul>li .step-title a,
.checkout-onepage-index .col-main>ol>li .step-title a {
    margin-left: 10px;
    position: relative;
    top: 3px;
    color: #293c8b
}
.checkout-onepage-index .col-main ul>li .step,
.checkout-onepage-index .col-main>ol>li .step {
    background: #fff;
    padding: 15px;
    float: left;
    width: 100%
}
.checkout-onepage-index .col-main ul>li .step h3,
.checkout-onepage-index .col-main>ol>li .step h3 {
    font-size: 18px;
    font-size: 1.125rem
}
.checkout-onepage-index .col-main ul>li .step input[type=radio],
.checkout-onepage-index .col-main>ol>li .step input[type=radio] {
    margin-right: 10px
}
.checkout-onepage-index .col-main ul>li .step fieldset,
.checkout-onepage-index .col-main>ol>li .step fieldset {
    border: none;
    padding: 0
}
.checkout-onepage-index .col-main ul>li .step fieldset input[type=text],
.checkout-onepage-index .col-main ul>li .step fieldset input[type=email],
.checkout-onepage-index .col-main ul>li .step fieldset select,
.checkout-onepage-index .col-main>ol>li .step fieldset input[type=text],
.checkout-onepage-index .col-main>ol>li .step fieldset input[type=email],
.checkout-onepage-index .col-main>ol>li .step fieldset select {
    width: 100%;
    height: 35px
}
.checkout-onepage-index .col-main ul>li .step .field,
.checkout-onepage-index .col-main>ol>li .step .field {
    margin-bottom: 0
}
.checkout-onepage-index #login-email {
    width: 220px
}
#onestepcheckout-form ul {
    padding-left: 10px
}
#onestepcheckout-form li {
    list-style: none;
    float: left;
    width: 100%
}
.onestepcheckout-column-left,
.onestepcheckout-column-middle,
.onestepcheckout-column-right {
    width: 100%!important;
    background: 0 0!important
}
.block-blog .block-title,
.post-list-item h2 {
    background-repeat: no-repeat;
    background-position: center right 10px;
    font-weight: 700
}
.cart--logos {
    float: right;
    margin-top: 30px
}
.terms-error {
    color: red;
    margin-bottom: 10px
}
h1.onestepcheckout-title {
    text-transform: none!important
}
.block-blog {
    margin-bottom: 20px
}
.block-blog .block-title {
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #f4f5f3;
    color: #000;
    background-image: url(../../images/icons/arrow-down-black.png)
}
.block-blog ul {
    padding-left: 0;
    list-style: none
}
.block-blog .block-content {
    border: 1px solid #ddd;
    border-top: none;
    padding: 10px
}
.block-blog .block-content ul {
    margin: 10px 20px
}
.block-blog .block-content li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    padding-top: 5px
}
.block-blog .block-content li a {
    color: #000;
    padding-left: 5px
}
.block-blog .block-content li:hover {
    background-color: #ffde00;
    border-bottom: 1px solid transparent;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer
}
.block-blog .block-content li:hover a {
    font-weight: 700
}
.blog-search {
    padding: 0!important
}
#post-list {
    padding-left: 0
}
.featured-image {
    border: none!important
}
.post-list-item h2 {
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #f4f5f3;
    color: #000
}
.sidebar--contact__info.email,
.sidebar--contact__info.fax {
    background-repeat: no-repeat;
    background-position: left center
}
.post-list-item h2 a {
    color: #000
}
.post-list-item .featured-image {
    border: none!important
}
.post-list-item .featured-image.left {
    float: left
}
.post-list-item .featured-image.right {
    float: right
}
.sidebar--contact {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 5px solid #e9ebf3
}
.sidebar--contact .carousel__button {
    position: static;
    margin-top: 25px;
    text-transform: none
}
.pages a,
ul.tabs li {
    text-transform: uppercase
}
.sidebar--contact strong {
    font-size: 18px;
    font-size: 1.125rem;
    color: #333
}
.sidebar--contact__info {
    margin-top: 20px;
    display: block;
    padding-left: 25px
}
.sidebar--contact__info.email {
    background-image: url(../../images/icons/email.png)
}
.sidebar--contact__info.fax {
    background-image: url(../../images/icons/fax.png)
}
.sidebar--contact__address,
.sidebar--contact__location {
    margin-top: 33px
}
.cms-featured-image {
    margin-bottom: 30px;
    border: 5px solid #e9ebf3
}
.cms-left-sidebar {
    margin-top: 40px
}
.cms-left-sidebar:first-child {
    margin-top: 0
}
.cms-left-sidebar .page-list {
    border: 5px solid #e9ebf3;
    padding: 20px 30px
}
.cms-left-sidebar .page-list h2 {
    font-size: 28px;
    font-size: 1.75rem;
    color: #333;
    margin-bottom: 30px
}
.cms-left-sidebar .page-list ul {
    padding: 10px;
    list-style: none;
    border: 1px solid #ddd;
    border-top: none
}
.cms-left-sidebar .page-list ul li {
    padding: 10px;
    font-size: 18px;
    font-size: 1.125rem;
    border-bottom: 1px solid #ddd
}
.cms-left-sidebar .page-list ul li a {
    color: #000;
    padding-left: 5px
}
.cms-left-sidebar .page-list ul li:hover {
    background-color: #ffde00;
    border-bottom: 1px solid transparent;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer
}
.cms-left-sidebar .page-list ul li:hover a {
    font-weight: 700
}
.cms-left-sidebar .page-list ul li:last-child {
    border-bottom: 0
}
.reseller-sidebar ul {
    border-top: 1px solid #ddd!important
}
.list-heading {
    border: 1px solid #ddd;
    background: #f4f5f3;
    display: block;
    width: 100%;
    padding: 10px 15px;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #000
}
.small-carousel {
    position: relative;
    margin: 40px 0;
    max-width: 321px
}
.small-carousel .flex-control-paging {
    position: absolute;
    bottom: 10px;
    width: 100%
}
.small-carousel ul.slides li img {
    width: 100%
}
.breadcrumbs {
    float: left;
    width: 100%;
    margin-bottom: 10px
}
.breadcrumbs ul {
    float: left;
    width: 100%;
    padding-left: 0
}
.breadcrumbs li {
    display: inline
}
.breadcrumbs li a,
.breadcrumbs li span,
.breadcrumbs li strong {
    display: block;
    float: left
}
.breadcrumbs li a {
    color: red
}
.breadcrumbs li a:hover {
    text-decoration: underline
}
.btn,
.btn--border,
button {
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    text-align: center;
    text-decoration: none
}
.breadcrumbs li strong {
    color: #000;
    font-weight: 200
}
.alert button,
.btn,
.btn-alt,
button,
ul.tabs li,
ul.tabs li a {
    font-weight: 700
}
.breadcrumbs li span {
    margin: -3px 15px 0
}
.btn,
button {
    background-color: #293c8b;
    border: 0;
    color: #FFF;
    padding: 15px;
    border-radius: 3px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    font-family: myriad-pro, sans-serif
}
.btn--full,
.btn--mid {
    display: block
}
.btn--border,
.btn-alt {
    -webkit-transition: all .2s linear;
    border-radius: 3px
}
.btn:hover,
button:hover {
    color: #fff;
    background-color: #233377
}
.btn a,
button a {
    color: #fff!important
}
.btn-alt {
    background-color: #ffde00;
    color: #000;
    padding: 12px 25px 12px 20px;
    transition: all .2s linear;
    font-size: 18px;
    font-size: 1.125rem;
    letter-spacing: -1px;
    font-family: myriad-pro-condensed, sans-serif
}
.btn-alt:hover {
    color: #000;
    background-color: #e6c800;
    background-position: center right 5px;
    cursor: pointer
}
.btn-alt a {
    color: #000!important
}
.btn--lrg {
    font-size: 23px;
    font-size: 1.4375rem
}
.btn--sml {
    font-size: 16px;
    font-size: 1rem
}
.btn--mid {
    width: 70%
}
.btn--border {
    background-color: transparent;
    color: #5e5e5e;
    padding: 7px;
    transition: all .2s linear;
    font-size: 15px;
    font-size: .9375rem;
    border: 2px solid #949dc5
}
.btn--dark,
.btn--pale {
    line-height: 1;
    padding: 7px;
    text-decoration: none;
    -webkit-transition: all .2s linear;
    display: inline-block;
    cursor: pointer;
    text-align: center
}
.btn--border:hover {
    color: #fff;
    background-color: #949dc5
}
.btn--border:hover a {
    color: #fff
}
.btn--border a {
    color: #5e5e5e
}
.btn--pale {
    background-color: #949dc5;
    color: #fff;
    border-radius: 3px;
    transition: all .2s linear;
    font-size: 18px;
    font-size: 1.125rem;
    border: 2px solid #949dc5
}
.btn--dark,
.btn--pale:hover {
    background-color: #293c8b;
    color: #fff
}
.btn--pale:hover {
    border-color: #293c8b
}
.btn--pale a {
    color: #fff
}
.btn--dark {
    border-radius: 3px;
    transition: all .2s linear;
    font-size: 18px;
    font-size: 1.125rem;
    border: 2px solid #293c8b
}
.btn_arrow--orange:after,
.btn_arrow--white:after {
    -webkit-transition: all .2s linear;
    background-repeat: no-repeat;
    content: ""
}
.btn--dark:hover {
    color: #fff;
    background-color: #949dc5;
    border-color: #949dc5
}
.btn--dark a {
    color: #fff
}
.btn_arrow--white:after {
    background-image: url(../../images/icons/arrow-white.png);
    background-position: center right 15px;
    padding-right: 25px;
    transition: all .2s linear
}
@media only screen and (min-width: 60em) {
    .btn_arrow--white:after {
        background-image: url(../../images/icons/arrow-large-white.png);
        padding: 10px 0 10px 45px
    }
}
.btn_arrow--white:hover:after {
    background-position: center right 0
}
.btn_arrow--orange:after {
    background-image: url(../../images/icons/arrow-orange.png);
    background-position: center right 5px;
    padding-right: 25px;
    transition: all .2s linear
}
@media only screen and (min-width: 60em) {
    .btn_arrow--orange:after {
        background-image: url(../../images/icons/arrow-orange-large.png);
        padding: 10px 0 10px 35px
    }
}
.btn_arrow--orange:hover:after {
    background-position: center right 0
}
.btn--navigation,
.btn.refine {
    margin-bottom: 20px
}
.carousel__button {
    font-size: 23px;
    font-size: 1.4375rem;
    padding: 15px 40px
}
.carousel__button:after {
    background-image: url(../../images/icons/arrow-orange-large.png);
    background-position: top 0;
    background-repeat: no-repeat;
    content: "";
    height: 21px;
    width: 25px;
    display: inline-block;
    position: relative;
    margin-left: 8px;
    top: 2px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}
.carousel__button:hover:after {
    background-position: 6px
}
.alert {
    background: #fcedd0;
    border: 1px solid #FAE4B8;
    border-radius: 4px;
    color: #d7940f;
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 10px;
    padding: 5px
}
.alert button {
    background: 0 0;
    border: none;
    color: #d7940f;
    cursor: pointer;
    float: right;
    font-size: 20px;
    font-size: 1.25rem;
    filter: alpha(Opacity=40);
    opacity: .4;
    padding: 0
}
.alert--error,
.alert--error button {
    color: #ac172a
}
.alert button:hover {
    opacity: .75
}
.alert--error {
    background: #f8cad0;
    border-color: #F29DA8
}
.alert--success {
    background: #bfe2b6;
    border-color: #9FD392;
    color: #396d2c
}
.alert--success button {
    color: #396d2c
}
.alert--information {
    background: #99d1ed;
    border-color: #6EBDE5;
    color: #1c729e
}
.alert--information button {
    color: #1c729e
}
.toolbar--top .pages {
    display: none
}
.icn,
.pages li,
.pages ol,
ul.tabs li {
    display: inline-block
}
.pages {
    border-top: 10px solid #e9ebf3;
    margin-top: 30px;
    width: 100%;
    padding-top: 30px;
    text-align: center;
    float: left
}
.pages ol {
    list-style: none;
    padding-left: 0;
    position: relative;
    width: 100%
}
.pages li.current {
    border: 1px solid #949dc5;
    padding: 4px 15px;
    border-radius: 3px;
    background: #949dc5;
    color: #fff;
    margin-right: 3px;
    font-size: 13px;
    font-size: .8125rem
}
.pages a {
    border: 1px solid #949dc5;
    padding: 5px 15px;
    border-radius: 2px;
    color: #000;
    font-size: 13px;
    font-size: .8125rem
}
.pages a:hover {
    background: #949dc5;
    color: #fff
}
.pages li.next a,
.pages li.previous a {
    color: #293c8b
}
.pages li.next a:hover,
.pages li.previous a:hover {
    color: #fff
}
.pages li.next {
    position: absolute;
    right: 0
}
.pages li.previous {
    position: absolute;
    left: 0
}
.icn {
    background-image: url(/assets/images/sprite.png);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px
}
.icn--flight {
    background-position: 0 0
}
.tabs__content,
ul.tabs li.active {
    background: #e9ebf3
}
.tab-container {
    padding-left: 0;
    margin-top: 20px!important
}
ul.tabs {
    padding-left: 0;
    margin-bottom: 0
}
ul.tabs li {
    padding: 20px 25px
}
ul.tabs li a {
    color: #000
}
.tabs__content {
    padding: 30px 15px
}
.tabs--full-width>ul {
    display: table;
    position: relative;
    width: 100%;
    z-index: 1
}
.tabs--full-width>ul li {
    display: table-cell;
    text-align: center;
    margin-left: 5px
}
.tabs--full-width>ul li:first-child {
    margin-left: 0
}
@-ms-viewport {
    width: device-width
}
@media only screen and (min-width: 47.5em) {
    .h1,
    h1 {
        font-size: 2.5em;
        line-height: 1.125em
    }
    .h2,
    .h3,
    h2,
    h3 {
        line-height: 1.25em
    }
    .h2,
    h2 {
        font-size: 2em
    }
    .h3,
    h3 {
        font-size: 1.5em
    }
    .h4,
    h4 {
        line-height: 1.22222222em
    }
    p {
        line-height: 1.375em
    }
    input,
    input[type=range],
    select,
    textarea {
        width: 100%
    }
    .form--horizontal label {
        display: inline-block;
        line-height: 28px;
        line-height: 1.75rem;
        margin-right: 10px;
        vertical-align: top;
        width: 180px
    }
    .form--horizontal .input {
        display: inline-block
    }
    .actions {
        padding-left: 194px
    }
    [class*=tab-] {
        display: block;
        float: left;
        margin-left: 3.125%
    }
    .alpha,
    .tab-6,
    [class*=tab-]:first-child {
        clear: left;
        margin-left: 0
    }
    .tab-6 {
        float: none;
        width: 100%
    }
    .tab-5 {
        width: 82.8125%
    }
    .tab-4 {
        width: 65.625%
    }
    .tab-3 {
        width: 48.4375%
    }
    .tab-2 {
        width: 31.25%
    }
    .tab-1 {
        width: 14.0625%
    }
    .owl-theme .owl-controls {
        display: block!important
    }
    .carousel__container--video {
        width: 200%
    }
    .category-products .product-grid__product {
        width: 45%;
        float: left;
        margin-left: 5%;
        min-height: 600px;
        position: relative
    }
    .category-products .product-grid__product .btn {
        position: absolute;
        bottom: 0;
        width: 100%
    }
    .category-products .product-grid__product:nth-of-type(2n+1) {
        margin-left: 0
    }
    .category-products .product-grid__product .product-name {
        height: 120px
    }
    .category-products .product-grid__product span.from {
        float: left;
        margin-right: 5px
    }
    .checkout-cart-index .main-container .product-cart-image {
        width: 100px
    }
    .checkout-cart-index .main-container #shopping-cart-table th:first-child,
    .checkout-cart-index .main-container #shopping-cart-table th:last-child {
        max-width: 150px
    }
    .checkout-cart-index .main-container #shopping-cart-table tr input {
        width: 100%;
        margin-bottom: 5px
    }
}
@media only screen and (min-width: 60em) {
    .newsletter button,
    .newsletter label {
        font-family: myriad-pro, sans-serif
    }
    .nav,
    .nav_items>.wrapper {
        position: relative
    }
    .device--large {
        display: block!important
    }
    .device--small {
        display: none!important
    }
    .h1,
    h1 {
        font-size: 3em;
        line-height: 1.05em
    }
    .h2,
    h2 {
        font-size: 2.25em
    }
    .h3,
    h3 {
        font-size: 1.75em
    }
    p {
        line-height: 1.375em
    }
    .category-title h1 {
        font-size: 38px;
        font-size: 2.375rem
    }
    .category-description,
    .note-msg {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.4em
    }
    .product-name h1 {
        margin-bottom: 45px
    }
    input,
    select,
    textarea {
        width: 220px
    }
    .form--horizontal label {
        text-align: right
    }
    #header-search {
        min-width: 310px;
        width: 35%;
        float: left;
        margin-left: 30px;
        margin-top: 43px
    }
    #header-search input[type=text] {
        font-size: 15px;
        font-size: .9375rem
    }
    #header-search button,
    #header-search input[type=text] {
        height: 33px
    }
    .newsletter {
        background-color: #293c8b;
        padding: 20px
    }
    .newsletter label {
        color: #fff;
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem
    }
    .newsletter input[type=text],
    .newsletter input[type=email] {
        width: 70%;
        float: left;
        height: 35px;
        color: #000
    }
    .newsletter button {
        width: 25%;
        float: left;
        margin-left: 3%;
        background-image: none;
        font-size: 14px;
        font-size: .875rem;
        text-transform: none
    }
    #contactForm input[type=text],
    #contactForm input[type=tel],
    #contactForm select,
    #contactForm textarea,
    .tjcafferkeyform input[type=text],
    .tjcafferkeyform input[type=tel],
    .tjcafferkeyform select,
    .tjcafferkeyform textarea {
        min-width: 15pc;
        width: 100%!important
    }
    .wrapper {
        margin: auto;
        max-width: 1440px;
        min-width: 960px;
        width: 85%
    }
    [class*=dts-] {
        display: block;
        float: left;
        margin-left: 3.125%
    }
    .alpha,
    .dts-12,
    [class*=dts-]:first-child {
        clear: left;
        margin-left: 0
    }
    .dts-12 {
        float: none;
        width: 100%
    }
    .dts-11 {
        width: 91.40625%
    }
    .dts-10 {
        width: 82.8125%
    }
    .dts-9 {
        width: 74.21875%
    }
    .dts-8 {
        width: 65.625%
    }
    .dts-7 {
        width: 57.03125%
    }
    .dts-6 {
        width: 48.4375%
    }
    .dts-5 {
        width: 39.84375%
    }
    .dts-4 {
        width: 31.25%
    }
    .dts-3 {
        width: 22.65625%
    }
    .dts-2 {
        width: 14.0625%
    }
    .dts-1 {
        width: 5.46875%
    }
    header .btn--border,
    header .btn--dark,
    header .btn--pale {
        margin-left: 15px;
        padding: 0;
        width: 150px
    }
    header .btn--border span,
    header .btn--dark span,
    header .btn--pale span {
        margin: 8px 15px;
        display: block;
        float: left
    }
    header .container--grey {
        font-size: 14px;
        font-size: .875rem;
        text-align: right
    }
    .logo {
        margin-top: 30px
    }
    .logo img {
        width: 210px
    }
    .btn--cart i {
        color: #ed1e24;
        font-size: 25px;
        font-size: 1.5625rem;
        float: left;
        margin: 2px 8px
    }
    .btn--cart:hover i {
        color: #293c8b
    }
    .header__actions {
        float: right;
        margin-top: 25px;
        width: 40%;
        max-width: 360px
    }
    .header__actions .btn--dark a,
    .header__actions .btn--pale a {
        font-size: 15px;
        font-size: .9375rem
    }
    .header__container {
        border-bottom: 2px solid #fff
    }
    .menu-trigger {
        display: none
    }
    .nav {
        background: 0 0;
        float: right;
        height: auto;
        overflow: hidden;
        width: auto
    }
    .nav li {
        display: inline;
        margin-left: 2em
    }
    .nav a {
        color: #FFF;
        filter: alpha(Opacity=100);
        opacity: 1
    }
    .nav_items {
        background-color: #fff;
        border-top: 1px solid #e9ebf3;
        border-bottom: 1px solid #e9ebf3;
        float: left;
        width: 100%;
        text-align: center
    }
    .nav_items>.wrapper>ul {
        display: block;
        margin: 0;
        float: left;
        width: 100%;
        padding-left: 0
    }
    .nav_items>.wrapper>ul>li {
        display: inline-block;
        border-right: 1px solid #e9ebf3;
        margin-left: -5px
    }
}
@media only screen and (min-width: 60em) and (min-width: 1300px) {
    .nav_items>.wrapper>ul>li {
        width: 11%
    }
}
@media only screen and (min-width: 60em) {
    .footer__brands li:hover,
    .nav_items>.wrapper>ul>li.parent:hover>ul li a:hover,
    .view-all a:hover {
        text-decoration: underline
    }
    .nav_items>.wrapper>ul>li a {
        color: #000;
        font-weight: 700;
        padding: 15px 10px;
        display: block;
        font-size: 15px;
        font-size: .9375rem
    }
    .nav_items__item>ul li,
    .nav_items__item>ul li a {
        font-weight: 400!important
    }
    .nav_items>.wrapper>ul>li a:hover {
        background-color: transparent
    }
    .nav_items>.wrapper>ul>li:first-child {
        border-left: 1px solid #e9ebf3;
        margin-left: 0
    }
    .nav_items>.wrapper>ul>li:last-child {
        border-right: 1px solid #e9ebf3
    }
    .nav_items>.wrapper>ul>li:hover {
        background-color: #e9ebf3;
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }
    .nav_items>.wrapper>ul>li.parent {
        background-image: url(../../images/icons/arrow-red-down.png);
        background-position: right 5px center;
        background-repeat: no-repeat;
        padding-right: 12px
    }
    .nav_items>.wrapper>ul>li.parent>ul {
        display: none
    }
    .nav_items>.wrapper>ul>li.parent:hover>ul {
        display: block;
        position: absolute;
        z-index: 15;
        background-color: #e9ebf3;
        width: 100%;
        left: 0;
        padding-bottom: 30px
    }
    .nav_items>.wrapper>ul>li.parent:hover>ul li {
        list-style: none;
        text-align: left
    }
    .nav_items>.wrapper>ul>li.parent:hover>ul li a {
        padding: 15px 0
    }
    .nav_items__item {
        width: 21%;
        float: left;
        margin-left: 2%;
        margin-bottom: 30px;
        min-height: 195px
    }
    .nav_items__item:nth-of-type(4n+1) {
        margin-left: 0
    }
    .nav_items__item>ul {
        padding-left: 0
    }
    .link__image,
    .nav_items__item>ul li,
    .view-all a {
        padding: 0!important
    }
    .nav_items__item>ul li a {
        padding: 0!important;
        color: #293c8b!important;
        font-size: 13px;
        font-size: .8125rem
    }
    .nav_items__item>ul li.view-all {
        margin: 0
    }
    .nav_items__item>ul li.view-all a {
        font-weight: 700!important
    }
    .view-all {
        display: block;
        float: left;
        margin-top: 20px;
        margin-bottom: 20px
    }
    .footer__brands>.wrapper {
        border-top: 10px solid #e9ebf3
    }
    .footer__brands h4 {
        color: #b0b3bc;
        text-align: center;
        font-size: 28px;
        font-size: 1.75rem;
        margin-bottom: 30px;
        margin-top: 30px
    }
    .footer__brands ul {
        list-style: none;
        padding-left: 0;
        color: #293d8c
    }
    .footer__brands ul.ie9 {
        -webkit-column-count: initial;
        -moz-column-count: initial;
        column-count: initial
    }
    .footer__brands li {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.1em
    }
    .footer__brands li:hover {
        cursor: pointer
    }
    .footer__brands a {
        color: #293d8c
    }
    .footer__brands img {
        margin: 30px 0
    }
    .info-container {
        padding: 40px 0
    }
    .info-container .links li a.btn,
    .info-container .links li i.btn {
        margin-top: 35px
    }
    .tweets__logo {
        padding: 12px 15px;
        width: 50px;
        font-size: 25px;
        font-size: 1.5625rem
    }
    .carousel__image {
        width: auto
    }
    .carousel__description {
        display: block;
        font-size: 28px;
        font-size: 1.75rem;
        color: #fff;
        font-weight: 200;
        text-shadow: 0 -1px #000;
        font-family: myriad-pro, sans-serif;
        font-style: italic
    }
    .carousel__title {
        font-size: 38px;
        font-size: 2.375rem
    }
    .carousel__slide {
        float: left;
        width: 100%;
        padding: 25px 0
    }
    .carousel__button {
        position: absolute;
        bottom: 66px
    }
}
@media only screen and (min-width: 60em) and (min-width: 1300px) {
    .carousel__button {
        bottom: 75px
    }
}
@media only screen and (min-width: 60em) {
    .carousel .owl-controls {
        bottom: 45px
    }
    .carousel .owl-prev {
        left: 10px;
        background-image: url(../../images/icons/carousel-left-white.png)
    }
    .carousel .owl-next {
        right: 10px;
        background-image: url(../../images/icons/carousel-right-white.png)
    }
    .carousel .owl-buttons {
        display: block;
        position: absolute;
        width: 100%;
        top: -225px
    }
    .products-new {
        border-top: 0;
        padding-top: 0
    }
    #subcategories .carousel {
        height: 410px
    }
    #subcategories .carousel__slide {
        padding: 0;
        position: relative
    }
    #subcategories .carousel__text_padding {
        padding-top: 60px
    }
    #subcategories .owl-theme .owl-controls {
        left: 0;
        bottom: 0
    }
    #subcategories .owl-carousel,
    #subcategories .owl-carousel .owl-wrapper-outer {
        position: static
    }
    .product-grid__carousel .product-grid__product {
        min-height: 530px
    }
    .product-grid__carousel .product-grid__product h4 {
        height: 44px
    }
    .product-grid__carousel .product-grid__product>.content--center {
        overflow: hidden
    }
    .product-grid__carousel .product-grid__image {
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }
    .product-grid__carousel .product-grid__image:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
    .carousel__container {
        height: 415px;
        overflow: hidden
    }
    .carousel__container--video {
        width: 150%
    }
}
@media only screen and (min-width: 60em) and (min-width: 2000px) {
    .carousel__container--video video {
        width: 100%
    }
}
@media only screen and (min-width: 60em) {
    #subcategories .product-grid__product .content--center,
    .category-products .product-grid__product .product-grid__product>.content--center {
        overflow: hidden
    }
    .cms-home .content {
        width: 75%
    }
    .cms-home .content h2 {
        font-size: 38px;
        font-size: 2.375rem;
        margin: 0 0 30px
    }
    .cms-home .content p {
        font-size: 24px;
        font-size: 1.5rem;
        width: 80%;
        margin: 20px auto
    }
    #subcategories .product-grid__product:nth-of-type(4n+1),
    .category-products .product-grid__product .product-grid__product:nth-of-type(2n+1) {
        margin-left: 0
    }
    .cta {
        padding: 80px 0;
        background-size: 100%
    }
    .cta h3 {
        font-size: 48px;
        font-size: 3rem
    }
    .cta p {
        font-size: 28px;
        font-size: 1.75rem
    }
    .cta a {
        font-size: 20px;
        font-size: 1.25rem;
        letter-spacing: -1px;
        padding: 18px 45px 18px 35px;
        background-image: url(../../images/icons/arrow-orange-large.png);
        background-position: center right 15px
    }
    .cta a:hover {
        background-position: center right 10px
    }
    .onestepcheckout-column-left,
    .onestepcheckout-column-middle {
        background: url(images/line-gradient.gif) right top no-repeat!important
    }
    #subcategories .product-grid__product {
        margin-bottom: 50px;
        min-height: 545px
    }
    #subcategories .product-grid__product p {
        font-size: 20px;
        font-size: 1.25rem
    }
    #subcategories .product-grid__product .product-grid__image {
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }
    #subcategories .product-grid__product .product-grid__image:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
    .category-products .product-grid__product h2 {
        font-size: 20px;
        font-size: 1.25rem
    }
    .category-products .product-grid__product .product-name {
        margin-bottom: 15px;
        height: 44px
    }
    .category-products .product-grid__product .price-box {
        margin-bottom: 10px;
        margin-top: 15px
    }
    .category-products .product-grid__product .product-grid__product {
        min-height: 575px;
        position: relative
    }
    .category-products .product-grid__product .product-grid__product .btn--full {
        position: absolute;
        bottom: 0;
        width: 100%
    }
    .category-products .product-grid__product .product-grid__product .from {
        float: left;
        margin-right: 5px;
        color: #c8cde1
    }
    .category-products .product-grid__product .product-grid__image {
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }
    .category-products .product-grid__product .product-grid__image:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
    .regular-price {
        font-size: 20px;
        font-size: 1.25rem
    }
    .sidebar {
        margin-bottom: 0
    }
    .nav--filter {
        display: block
    }
    .catalog-product-view .price-box {
        margin: 0 10px
    }
    .catalog-product-view .price-box .regular-price {
        font-size: 29px;
        font-size: 1.8125rem
    }
    .catalog-product-view .product-shop__price {
        font-size: 24px;
        font-size: 1.5rem;
        margin-bottom: 20px
    }
    .catalog-product-view .product-shop__vat {
        font-size: 29px;
        font-size: 1.8125rem
    }
    .product-options {
        float: left;
        width: 100%;
        position: relative
    }
    .product-options select {
        width: 70%
    }
    .product-options>.required {
        display: none
    }
    .product-options .dts-4 {
        position: relative;
        right: -1px;
        display: block
    }
    .product-options .dts-4 .attribute__info-value {
        color: #000;
        font-weight: 700;
        font-size: 19px;
        font-size: 1.1875rem
    }
    .product-options .dts-4 label {
        font-size: 18px;
        font-size: 1.125rem;
        color: #293c8b;
        margin-bottom: 20px;
        display: block
    }
    .product-options .dts-4 .btn-cart {
        max-width: 100%
    }
    .product-options .dts-8 label {
        margin-bottom: 10px;
        display: block
    }
    .btn-cart {
        max-width: 220px
    }
    .account-create .fieldset {
        width: 48.4375%;
        float: left
    }
    .account__navigation {
        display: block
    }
    .new-users,
    .registered-users {
        position: relative;
        min-height: 340px
    }
    .new-users .buttons-set,
    .registered-users .buttons-set {
        position: absolute;
        bottom: 0
    }
    table#my-orders-table th,
    table.recent-orders th {
        width: 15%
    }
    .checkout-cart-index .main-container button {
        width: auto
    }
    .checkout-cart-index .main-container .col-main {
        width: 100%
    }
    .checkout-cart-index .main-container #shopping-cart-table th:first-child,
    .checkout-cart-index .main-container #shopping-cart-table th:last-child {
        max-width: 150px
    }
    .checkout-cart-index .main-container #shopping-cart-table tr input {
        width: 100%;
        margin-bottom: 5px
    }
    .checkout-cart-index .main-container .cart {
        float: left
    }
    .checkout-cart-index .main-container .cart>form {
        margin-bottom: 40px
    }
    .checkout-cart-index .totals form input {
        width: 80%
    }
    .crosssell #crosssell-products-list .dts-3 {
        width: 22.65625%;
        margin-right: 0;
        margin-top: 15px;
        min-height: 285px;
        position: relative
    }
    .crosssell #crosssell-products-list .dts-3:nth-child(4n+1) {
        margin-left: 0
    }
    .crosssell #crosssell-products-list .dts-3 .actions {
        position: absolute;
        bottom: 0
    }
    .crosssell #crosssell-products-list .dts-3 .actions .dts-6 {
        width: 48.4375%
    }
    .crosssell #crosssell-products-list .dts-3 .actions input.qty {
        width: 57%;
        border-radius: 10px;
        text-align: center
    }
    .onestepcheckout-column-left {
        width: 33%!important
    }
    .onestepcheckout-column-middle {
        width: 29%!important
    }
    .onestepcheckout-column-right {
        width: 32%!important
    }
    .blog-search input[type=text] {
        width: 100%
    }
    .sidebar--contact {
        margin-top: 0;
        padding-top: 0;
        border: none
    }
    .sidebar--contact .carousel__button {
        width: 70%
    }
}
@media only screen and (min-width: 60em) and (max-width: 1720px) and (min-width: 960px) {
    .sidebar--contact .carousel__button:after {
        display: none
    }
}
@media only screen and (min-width: 86.375em) {
    .wrapper {
        margin: auto;
        max-width: 1440px;
        width: 85%
    }
    [class*=dtl-] {
        display: block;
        float: left;
        margin-left: 3.125%
    }
    .alpha,
    .dtl-16,
    [class*=dtl-]:first-child {
        clear: left;
        margin-left: 0
    }
    .dtl-16 {
        float: none;
        width: 100%
    }
    .dtl-15 {
        width: 93.55469%
    }
    .dtl-14 {
        width: 87.10938%
    }
    .dtl-13 {
        width: 80.66406%
    }
    .dtl-12 {
        width: 74.21875%
    }
    .dtl-11 {
        width: 67.77344%
    }
    .dtl-10 {
        width: 61.32813%
    }
    .dtl-9 {
        width: 54.88281%
    }
    .dtl-8 {
        width: 48.4375%
    }
    .dtl-7 {
        width: 41.99219%
    }
    .dtl-6 {
        width: 35.54688%
    }
    .dtl-5 {
        width: 29.10156%
    }
    .dtl-4 {
        width: 22.65625%
    }
    .dtl-3 {
        width: 16.21094%
    }
    .dtl-2 {
        width: 9.76563%
    }
    .dtl-1 {
        width: 3.32031%
    }
}
@media only screen and (min-width: 100em) {
    body {
        /*padding-top: 254px;*/
        padding-top: 0px;
    }
    .header__container {
        padding: 50px 0;
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }
    .header__container .logo {
        margin: 0
    }
    .header__actions {
        margin-top: 10px;
        width: auto;
        max-width: 100%
    }
    header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
        background-color: #fff
    }
    header.fixed {
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }
    header.fixed .header__container {
        padding: 20px 0
    }
    header .btn--border,
    header .btn--dark,
    header .btn--pale {
        margin-left: 30px;
        width: auto
    }
    .nav_items>.wrapper>ul>li {
        width: 11%
    }
    .nav_items>.wrapper>ul>li a {
        padding: 15px 20px;
        font-size: 16px;
        font-size: 1rem
    }
    .nav_items>.wrapper>ul>li.parent {
        background-image: url(../../images/icons/arrow-red-down.png);
        background-position: right 10px center;
        background-repeat: no-repeat
    }
    .nav_items>.wrapper>ul>li.parent>ul {
        display: none
    }
    .nav_items__item {
        width: 17%;
        margin-left: 3%
    }
    .nav_items__item:nth-of-type(4n+1) {
        margin-left: 3%
    }
    .nav_items__item:nth-of-type(5n+1) {
        margin-left: 0
    }
    .category-products .product-grid__product {
        width: 31.25%;
        margin-left: 3.125%
    }
    .category-products .product-grid__product:nth-of-type(1),
    .category-products .product-grid__product:nth-of-type(4n+1) {
        margin-left: 3.125%
    }
    .category-products .product-grid__product:nth-of-type(3n+1) {
        margin-left: 0!important
    }
    .category-products .product-grid__product:nth-of-type(2n+1) {
        margin-left: 0%
    }
    .category-products .product-grid__product p {
        font-size: 19px;
        font-size: 1.1875rem
    }
    .carousel__container--video {
        width: 100%
    }
    .carousel__title {
        font-size: 48px;
        font-size: 3rem
    }
    #header-search {
        width: 500px;
        margin-top: 10px
    }
}
@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    h1,
    h2,
    h3,
    h4,
    p {
        line-height: 1.25em
    }
    * {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    .icn a:after,
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    p {
        font-size: 12pt
    }
    h1 {
        font-size: 36pt
    }
    h2 {
        font-size: 24pt
    }
    h3 {
        font-size: 18pt
    }
    h4 {
        font-size: 14pt
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    #discount-coupon-form,
    #header-search,
    .checkout-types,
    .container--grey,
    .footer__brands,
    .menu-text,
    .menu-trigger,
    .newsletter,
    .tweets,
    tfoot {
        display: none
    }
}
.device--large {
    display: none
}
.device--small {
    display: block
}
.attribute_leadtimemessage {
    float: left;
    width: 100%;
    margin: 10px 0 10px 0;
    text-align: left;
}
.attribute_leadtimemessage_small {
    width: 100%;
    margin: 10px 0 10px 0;
    text-align: center;
}
p.reseller-checkbox {
    float: left;
    width: 30%;
    min-width: 150px;
}
p.reseller-checkbox label {
    margin-left: 15px;
}
.reseller-checkboxes {
    margin-bottom: 10px;
    padding: 10px;
    float: left;
    width: 100%;
    border: 1px solid #e9ebf3;
}
.reseller-legend {
    padding: 3px 5px 3px 5px;
    border: 1px solid #e9ebf3;
    position: relative;
    left: -10px;
}
@media only screen and (max-width: 425px) {
    .container--grey {
        /* height: 60px !important; */
    }
}
@media only screen and (max-width: 330px) {
    .logo img {
        width: 180px;
    }
}