@charset "UTF-8";

/*! Hint.css - v1.3.1 - 2013-11-23
* http://kushagragour.in/lab/hint

/* Copyright (c) 2013 Kushagra Gour; Licensed MIT */


.hint,[data-hint] {
    position: relative;
    display: inline-block
}

.hint:before,.hint:after,[data-hint]:before,[data-hint]:after {
    position: absolute;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    transition: .3s ease
}

.hint:hover:before,.hint:hover:after,.hint:focus:before,.hint:focus:after,[data-hint]:hover:before,[data-hint]:hover:after,[data-hint]:focus:before,[data-hint]:focus:after {
    visibility: visible;
    opacity: 1
}

.hint:before,[data-hint]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    z-index: 1000001
}

.hint:after,[data-hint]:after {
    content: attr(data-hint);
    background: #383838;
    color: #fff;
    text-shadow: 0 -1px 0 #000;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 12px;
    white-space: nowrap;
    box-shadow: 4px 4px 8px rgba(0,0,0,.3)
}

.hint--top:before {
    border-top-color: #383838
}

.hint--bottom:before {
    border-bottom-color: #383838
}

.hint--left:before {
    border-left-color: #383838
}

.hint--right:before {
    border-right-color: #383838
}

.hint--top:before {
    margin-bottom: -12px
}

.hint--top:after {
    margin-left: -18px
}

.hint--top:before,.hint--top:after {
    bottom: 100%;
    left: 50%
}

.hint--top:hover:after,.hint--top:hover:before,.hint--top:focus:after,.hint--top:focus:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--bottom:before {
    margin-top: -12px
}

.hint--bottom:after {
    margin-left: -18px
}

.hint--bottom:before,.hint--bottom:after {
    top: 100%;
    left: 50%
}

.hint--bottom:hover:after,.hint--bottom:hover:before,.hint--bottom:focus:after,.hint--bottom:focus:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--right:before {
    margin-left: -12px;
    margin-bottom: -6px
}

.hint--right:after {
    margin-bottom: -14px
}

.hint--right:before,.hint--right:after {
    left: 100%;
    bottom: 50%
}

.hint--right:hover:after,.hint--right:hover:before,.hint--right:focus:after,.hint--right:focus:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.hint--left:before {
    margin-right: -12px;
    margin-bottom: -6px
}

.hint--left:after {
    margin-bottom: -14px
}

.hint--left:before,.hint--left:after {
    right: 100%;
    bottom: 50%
}

.hint--left:hover:after,.hint--left:hover:before,.hint--left:focus:after,.hint--left:focus:before {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--error:after {
    background-color: #b34e4d;
    text-shadow: 0 -1px 0 #592726
}

.hint--error.hint--top:before {
    border-top-color: #b34e4d
}

.hint--error.hint--bottom:before {
    border-bottom-color: #b34e4d
}

.hint--error.hint--left:before {
    border-left-color: #b34e4d
}

.hint--error.hint--right:before {
    border-right-color: #b34e4d
}

.hint--warning:after {
    background-color: #c09854;
    text-shadow: 0 -1px 0 #6c5328
}

.hint--warning.hint--top:before {
    border-top-color: #c09854
}

.hint--warning.hint--bottom:before {
    border-bottom-color: #c09854
}

.hint--warning.hint--left:before {
    border-left-color: #c09854
}

.hint--warning.hint--right:before {
    border-right-color: #c09854
}

.hint--info:after {
    background-color: #3986ac;
    text-shadow: 0 -1px 0 #193b4d
}

.hint--info.hint--top:before {
    border-top-color: #3986ac
}

.hint--info.hint--bottom:before {
    border-bottom-color: #3986ac
}

.hint--info.hint--left:before {
    border-left-color: #3986ac
}

.hint--info.hint--right:before {
    border-right-color: #3986ac
}

.hint--success:after {
    background-color: #458746;
    text-shadow: 0 -1px 0 #1a321a
}

.hint--success.hint--top:before {
    border-top-color: #458746
}

.hint--success.hint--bottom:before {
    border-bottom-color: #458746
}

.hint--success.hint--left:before {
    border-left-color: #458746
}

.hint--success.hint--right:before {
    border-right-color: #458746
}

.hint--always:after,.hint--always:before {
    opacity: 1;
    visibility: visible
}

.hint--always.hint--top:after,.hint--always.hint--top:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--always.hint--bottom:after,.hint--always.hint--bottom:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--always.hint--left:after,.hint--always.hint--left:before {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--always.hint--right:after,.hint--always.hint--right:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.hint--rounded:after {
    border-radius: 4px
}

.hint--bounce:before,.hint--bounce:after {
    -webkit-transition: opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(0.71,1.7,.77,1.24);
    -moz-transition: opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(0.71,1.7,.77,1.24);
    transition: opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(0.71,1.7,.77,1.24)
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,img,small,strong,b,i,dl,dt,dd,form,label,footer,header,menu,nav,section {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0
}

body {
    overflow-x: hidden
}

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

textarea:focus,input:focus,select:focus,button:focus {
    outline: 0
}

header *,#container *,footer *,#top-modules *,#bottom-modules * {
    box-sizing: border-box
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent
}

.clearfix {
    clear: both;
    display: block
}

:before,:after {
    font-family: 'journal-icons';
    position: relative;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: inherit;
    font-size: inherit;
    display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

i {
    position: relative;
    font-style: normal;
    vertical-align: middle
}

i img {
    position: relative;
    vertical-align: middle
}

.xl-5 {
    width: 5%
}

.xl-10 {
    width: 10%
}

.xl-15 {
    width: 15%
}

.xl-20 {
    width: 20%
}

.xl-25 {
    width: 25%
}

.xl-30 {
    width: 30%
}

.xl-35 {
    width: 35%
}

.xl-40 {
    width: 40%
}

.xl-45 {
    width: 45%
}

.xl-50 {
    width: 50%
}

.xl-55 {
    width: 55%
}

.xl-60 {
    width: 60%
}

.xl-65 {
    width: 65%
}

.xl-70 {
    width: 70%
}

.xl-75 {
    width: 75%
}

.xl-80 {
    width: 80%
}

.xl-85 {
    width: 85%
}

.xl-90 {
    width: 90%
}

.xl-95 {
    width: 95%
}

.xl-100 {
    width: 100%
}

.xl-11 {
    width: 11.11111111111111%
}

.xl-12 {
    width: 12.5%
}

.xl-14 {
    width: 14.28571428571429%
}

.xl-16 {
    width: 16.66666666666666%
}

.xl-33 {
    width: 33.33333333333333%
}

.xl-66 {
    width: 66.66666666666666%
}

.xs-5,.xs-10,.xs-15,.xs-20,.xs-25,.xs-30,.xs-35,.xs-40,.xs-45,.xs-50,.xs-55,.xs-60,.xs-65,.xs-70,.xs-75,.xs-80,.xs-85,.xs-90,.xs-95,.xs-100,.xs-33,.xs-66,.sm-5,.sm-10,.sm-15,.sm-20,.sm-25,.sm-30,.sm-35,.sm-40,.sm-45,.sm-50,.sm-55,.sm-60,.sm-65,.sm-70,.sm-75,.sm-80,.sm-85,.sm-90,.sm-95,.sm-100,.sm-33,.sm-66,.md-5,.md-10,.md-15,.md-20,.md-25,.md-30,.md-35,.md-40,.md-45,.md-50,.md-55,.md-60,.md-65,.md-70,.md-75,.md-80,.md-85,.md-90,.md-95,.md-100,.md-33,.md-66,.lg-5,.lg-10,.lg-15,.lg-20,.lg-25,.lg-30,.lg-35,.lg-40,.lg-45,.lg-50,.lg-55,.lg-60,.lg-65,.lg-70,.lg-75,.lg-80,.lg-85,.lg-90,.lg-95,.lg-100,.lg-33,.lg-66,.xl-5,.xl-10,.xl-15,.xl-20,.xl-25,.xl-30,.xl-35,.xl-40,.xl-45,.xl-50,.xl-55,.xl-60,.xl-65,.xl-70,.xl-75,.xl-80,.xl-85,.xl-90,.xl-95,.xl-100,.xl-33,.xl-66 {
    min-height: 1px;
    float: left
}

.xs-11,.xs-12,.xs-14,.xs-16,.sm-11,.sm-12,.sm-14,.sm-16,.md-11,.md-12,.md-14,.md-16,.lg-11,.lg-12,.lg-14,.lg-16,.xl-11,.xl-12,.xl-14,.xl-16 {
    min-height: 1px;
    float: left
}

.j-min {
    height: 40px
}

.j-med {
    height: 80px
}

.j-tall {
    height: 120px
}

.j-50 {
    height: 50px
}

.j-100 {
    height: 100px
}

.z-0 {
    z-index: 0
}

.z-1 {
    z-index: 1
}

.z-2 {
    z-index: 2
}

.z-3 {
    z-index: 3
}

.z-4 {
    z-index: 4
}

.z-5 {
    z-index: 5
}

.z-6 {
    z-index: 6
}

.z-7 {
    z-index: 7
}

.z-8 {
    z-index: 8
}

.z-9 {
    z-index: 9
}

body {
    font-size: 13px;
    font-family: Helvetica,Arial,sans-serif
}

#container {
    max-width: 1024px;
    position: relative;
    margin: 0 auto;
    background-color: transparent;
    z-index: 3
}

.product_page_notice {
    border-block-end-width: 0.0625rem;
    border-block-start-width: 0.0625rem;
    border-color: rgb(70 115 143);
    border-inline-end-width: 0.0625rem;
    border-inline-start-width: 0.5rem;
    border-radius: 0;
    border-style: solid;
    padding-block-end: 1rem;
    padding-block-start: 1rem;
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem;
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
}

.heading-title,.box-heading {
    line-height: 37px;
    height: 40px;
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.secondary-title {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 17px;
    color: #5c8ba6
}

#content {
    position: relative;
    z-index: 3;
    padding: 10px 5px 0 5px;
    background-color: transparent;
    /*-webkit-transform: translate3d(0,0,0)*/
}

#content:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.box {
    position: relative
}

#content .content ul,#content .content li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative
}

#content .content ul {
    margin: 8px 0
}

#content .content>ul>li>a {
    display: inline-block;
    padding: 4px 0 4px 10px;
    font-size: inherit
}

a {
    color: #333745;
    text-decoration: none;
    cursor: pointer
}

button {
    border: 0;
    background-color: transparent;
    padding: 0
}

.button {
    cursor: pointer;
    font-size: 14px;
    transition: color .2s,background-color .2s;
    padding: 0 12px;
    border: 0;
    line-height: 32px;
    background-color: transparent;
    display: inline-block;
    -webkit-appearance: none;
    text-align: center
}

.button i:before {
    padding: 0 1px
}

.cart {
    position: relative
}

.button-disabled {
    opacity: .5;
    cursor: default
}

.button-disabled:before,.button-disabled:after {
    display: none!important
}

.buttons {
    overflow: hidden;
    padding: 15px 0;
    line-height: 30px;
    margin: 20px 0 20px 0
}

.buttons .left {
    padding-top: 2px
}

.buttons .left {
    float: left;
    text-align: left
}

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

.buttons .right a {
    text-decoration: none!important
}

.buttons .center {
    float: left;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

hr {
    border: 0;
    background-color: #e4e4e4;
    height: 1px;
    margin: 0
}

.breadcrumb {
    margin: 0 auto;
    padding: 0 15px;
    height: 30px;
    line-height: 20px;
    position: relative;
    z-index: 1;
    white-space: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
    border: 0
}

.breadcrumb a {
    color: inherit;
    font-size: inherit;
    transition: all .2s ease;
    display: inline-block;
    vertical-align: middle
}

ul.breadcrumb {
    list-style: none
}

ul.breadcrumb li {
    display: inline-block
}

ul.breadcrumb li a {
    margin: 0 4px
}

ul.breadcrumb li:before {
    content: "»"
}

ul.breadcrumb li:first-of-type a {
    margin-left: 0
}

ul.breadcrumb li:first-of-type:before {
    display: none
}

.extended-container {
    position: relative;
    z-index: 10
}

.extended-container:before {
    content: "";
    display: block;
    width: 100%;
    height: 40px;
    position: absolute
}

.home-page .extended-container:before,.maintenance-mode .extended-container:before {
    display: none
}

.home-page #container:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0
}

.maintenance-message {
    padding-bottom: 20px;
    padding-top: 20px
}

.maintenance-message h1 {
    line-height: 30px
}

.maintenance-message h1 br {
    display: none
}

.journal-slider+#container>#notification {
    display: none
}

#notification {
    position: absolute;
    z-index: 2;
    width: 100%
}

.success,.warning,.information,.attention {
    width: 100%;
    position: relative;
    z-index: 2;
    height: auto;
    padding: 10px 15px;
    line-height: 20px
}

.success a,.warning a,.information a,.attention a {
    color: #428bca
}

.success img,.warning img,.information img,.attention img {
    float: right;
    margin-top: 6px;
    cursor: pointer;
    display: block
}

.success {
    background-color: #cdeca6
}

.warning {
    background-color: #fbe3a7
}

.attention {
    background-color: #fbe3a7
}

.information {
    background-color: #bfe7f1
}

.fa-exclamation-circle {
    font-size: 17px
}

.required,.cart-info .stock {
    color: #ea2e49;
    font-size: 16px
}

input[type='text'],input[type='email'],input[type='password'],input[type='tel'],textarea {
    -webkit-appearance: none;
    background: white;
    border-radius: 0;
    border: 1px solid #e4e4e4;
    padding: 8px;
    width: 100%;
    transition: all .2s;
    font-size: 13px;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.08)
}

textarea {
    width: 100%;
    max-width: 100%;
    resize: none;
    height: 150px
}

input[type='radio'],input[type='checkbox'] {
    margin: 5px
}

select {
    background: #f4f4f4;
    border: 1px solid #9E9E9E;
    padding: 5px;
    margin: 5px;
    max-width: 100%
}

label {
    cursor: pointer;
    padding-right: 20px
}

span.error,.text-danger {
    display: inline-block;
    background-color: #ea2e49;
    color: white;
    padding: 3px 4px 2px 4px;
    font-size: 12px;
    position: relative
}

#cboxLoadedContent h1 {
    padding-bottom: 2px;
    display: inline-block;
    border-bottom: 1px solid #e4e4e4;
    margin: 10px 0 10px 10px;
    font-size: 24px
}

#cboxLoadedContent p {
    padding: 0 10px
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.responsive-video>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.extended-layout #column-left {
    padding: 20px 0 0 0;
    width: 220px
}

.extended-layout #column-right {
    padding: 20px 0 0 0;
    width: 220px
}

.extended-layout #column-left+#content {
    padding: 20px 0 0 20px;
    margin-left: 220px
}

.extended-layout #column-right+#content {
    padding: 20px 20px 0 0;
    margin-right: 220px
}

.extended-layout #column-left+#column-right+#content {
    padding: 20px 20px 0 20px;
    margin-left: 220px;
    margin-right: 220px
}

.extended-layout #content {
    padding: 20px 0 0 0
}

#top-modules,#bottom-modules {

}

#top-modules>div,#bottom-modules>div {
    margin: 0 auto;
    overflow: hidden;

}

#top-modules>div.journal2_slider,#top-modules>div.gutter,#bottom-modules>div.journal2_slider,#bottom-modules>div.gutter {
    padding: 0
}

#top-modules>div>div,#bottom-modules>div>div {
    position: relative;
    margin: 0 auto
}

#top-modules .box.static-banners,#top-modules .multi-modules-wrapper,#top-modules .box.journal-carousel .box.custom-sections,#top-modules .box.cms-blocks,#bottom-modules .box.static-banners,#bottom-modules .multi-modules-wrapper,#bottom-modules .box.journal-carousel .box.custom-sections,#bottom-modules .box.cms-blocks {
    padding-bottom: 0!important
}

#top-modules .multi-modules-wrapper,#bottom-modules .multi-modules-wrapper {
    margin-bottom: -20px
}

#top-modules {
    position: relative
}

.ui-menu {
    z-index: 99!important
}

.oc2 .extended-layout #column-left+.row #content {
    padding: 20px 0 0 20px;
    margin-left: 220px
}

.oc2 .extended-layout #column-right+.row #content {
    padding: 20px 20px 0 0;
    margin-right: 220px
}

.oc2 .extended-layout #column-left+#column-right+.row #content {
    padding: 20px 20px 0 20px;
    margin-left: 220px;
    margin-right: 220px
}

.oc2.information-page #content {
    padding-bottom: 20px
}

.oc2 .required {
    color: inherit
}

.oc2 .required label {
    font-weight: normal
}

.oc2 .required label:before {
    content: "* ";
    color: red;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    top: 3px;
    margin-right: 3px
}

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

.oc2 fieldset>div {
    clear: both;
    margin-bottom: 6px;
    overflow: hidden
}

.oc2 fieldset .radio {
    padding-top: 7px
}

.oc2 fieldset .radio label {
    width: 100%;
    padding-top: 0
}

.oc2 fieldset .radio label:before {
    display: none
}

.oc2 fieldset label {
    width: 25%;
    float: left;
    display: block;
    padding-top: 7px
}

.oc2 fieldset label+div,.oc2 fieldset label+input.form-control {
    width: 75%;
    float: right
}

.oc2 fieldset .radio-inline {
    width: auto
}

.oc2 fieldset .radio-inline:before {
    display: none
}

.oc2 .form-horizontal .form-group {
    overflow: hidden;
    margin-bottom: 5px
}

.oc2 .form-horizontal .form-group label {
    width: 25%;
    float: left;
    display: block;
    padding-top: 7px
}

.oc2 .form-horizontal .form-group label+div {
    width: 75%;
    float: right
}

.oc2 .secondary-title {
    margin-bottom: 10px
}

.oc2 .input-group {
    display: table;
    position: relative
}

.oc2 .input-group .form-control {
    float: left;
    display: table-cell
}

.oc2 .input-group-btn {
    font-size: 14px;
    display: table-cell;
    vertical-align: middle
}

.oc2 .input-group-btn button {
    padding: 6px 12px 9px 12px;
    cursor: pointer;
    font-size: 12px;
    box-shadow: none
}

.oc2 .input-group-btn button:hover {
    transition: all .2s
}

.oc2 .date .input-group-btn button,.oc2 .time .input-group-btn button,.oc2 .datetime .input-group-btn button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.oc2 .fa {
    font-size: 14px
}

.oc2 .fa:before {
    font-family: 'FontAwesome'
}

.oc2 .captcha-row .pull-right {
    float: none;
    margin-left: 25%
}

.oc2 .alert button {
    font-size: 15px;
    position: absolute;
    right: 10px;
    cursor: pointer
}

.oc2.firefox .input-group-btn {
    display: inline-block
}

.oc2.route-account-register .form-horizontal .radio {
    padding-top: 0
}

.oc2.route-account-register .form-horizontal .radio label {
    width: auto;
    float: none;
    padding-top: 0
}

.oc2.route-account-register .form-horizontal label.radio-inline {
    width: auto
}

.modal {
    color: #222
}

.old-browser {
    display: table;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #f74558;
    height: 60px;
    line-height: 60px;
    position: fixed;
    z-index: 9999999;
    top: 0
}

.old-browser a {
    text-decoration: underline;
    color: #fff
}

.oc1 .ui-datepicker {
    z-index: 99999999!important
}

.i6 body,.ie7 body,.ie8 body {
    padding-top: 60px
}

.tooltip+.tooltip {
    visibility: visible
}

.android:not(.chrome) .product-grid-item .name a {
    display: block
}

.product-grid-item .image>a,.product-list-item .image>a {
    background-position: 500px!important
}

.product-grid-second-image .product-grid-item .image>a.has-second-image,.product-list-second-image .product-list-item .image>a.has-second-image {
    background-size: 100% 100%!important
}

.product-grid-second-image .product-grid-item:hover .image a.has-second-image,.product-list-second-image .product-list-item:hover .image a.has-second-image {
    background-position: 0!important
}

.product-grid-second-image .product-grid-item:hover .image a.has-second-image img,.product-list-second-image .product-list-item:hover .image a.has-second-image img {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    transition: opacity .2s ease-out
}

.section-brand .product-grid-item:hover .image>a.has-second-image>img,.section-brand .product-list-item:hover .image>a.has-second-image>img,.section-category .product-grid-item:hover .image>a.has-second-image>img,.section-category .product-list-item:hover .image>a.has-second-image>img,.carousel-brand .product-grid-item:hover .image>a.has-second-image>img,.carousel-brand .product-list-item:hover .image>a.has-second-image>img,.carousel-category .product-grid-item:hover .image>a.has-second-image>img,.carousel-category .product-list-item:hover .image>a.has-second-image>img {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    transition: opacity .2s
}

.ui-pnotify {
    top: 20px;
    right: 20px;
    position: fixed;
    height: auto;
    z-index: 99999999;
    background-color: #f4f4f4;
    padding: 10px
}

.ui-pnotify-closer {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 3px;
    top: 13px;
    visibility: visible!important;
    transition: all .2s;
    opacity: 0;
    -ms-filter: "alpha(opacity=100)"
}

.ui-pnotify-closer:before {
    content: "\e601";
    color: inherit;
    font-size: 22px;
    position: relative
}

.chrome .ui-pnotify-closer {
    top: 10px
}

.ui-pnotify-title {
    display: block;
    background-color: #5f6874;
    padding: 3px 10px 5px;
    margin-bottom: 10px
}

.ui-pnotify-text {
    height: 60px;
    line-height: 16px;
    display: block
}

.ui-pnotify-text img {
    float: left;
    margin-right: 10px;
    max-width: 70px
}

.notification-buttons {
    float: left
}

.notification-buttons a {
    display: inline-block;
    margin: 7px 10px 0 0;
    color: white
}

.tablet .ui-pnotify-closer,.mobile .ui-pnotify-closer {
    display: block;
    visibility: visible;
    opacity: 1
}

@media only screen and (min-width:760px) {
    .ui-pnotify {
        min-width: 320px
    }
}

html.swipebox {
    overflow: hidden!important;
    overflow-y: scroll!important
}

#swipebox-overlay {
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999!important;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

#swipebox-slider {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    display: none
}

#swipebox-slider .slide {
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block
}

#swipebox-slider .slide:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

#swipebox-slider .slide img,#swipebox-slider .slide .swipebox-video-container {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    vertical-align: middle
}

#swipebox-slider .slide .swipebox-video-container {
    background: 0;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    height: 100%;
    padding: 5%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
    width: 100%!important;
    height: 100%!important;
    position: relative;
    top: 0;
    left: 0
}

#swipebox-action,#swipebox-caption {
    position: absolute;
    left: 0;
    z-index: 999;
    height: 50px;
    width: 100%
}

#swipebox-action {
    bottom: -50px
}

#swipebox-action.visible-bars {
    bottom: 0
}

#swipebox-action.force-visible-bars {
    bottom: 0!important
}

#swipebox-caption {
    top: -50px;
    text-align: center
}

#swipebox-caption.visible-bars {
    top: 0
}

#swipebox-caption.force-visible-bars {
    top: 0!important
}

#swipebox-action #swipebox-prev.disabled,#swipebox-action #swipebox-next.disabled {
    filter: alpha(opacity=30);
    opacity: .3
}

#swipebox-slider.rightSpring {
    -moz-animation: rightSpring .3s;
    -webkit-animation: rightSpring .3s
}

#swipebox-slider.leftSpring {
    -moz-animation: leftSpring .3s;
    -webkit-animation: leftSpring .3s
}

@-moz-keyframes rightSpring {
    0% {
        margin-left: 0
    }

    50% {
        margin-left: -30px
    }

    100% {
        margin-left: 0
    }
}

@-moz-keyframes leftSpring {
    0% {
        margin-left: 0
    }

    50% {
        margin-left: 30px
    }

    100% {
        margin-left: 0
    }
}

@-webkit-keyframes rightSpring {
    0% {
        margin-left: 0
    }

    50% {
        margin-left: -30px
    }

    100% {
        margin-left: 0
    }
}

@-webkit-keyframes leftSpring {
    0% {
        margin-left: 0
    }

    50% {
        margin-left: 30px
    }

    100% {
        margin-left: 0
    }
}

#swipebox-overlay {
    background: rgba(0,0,0,0.6)
}

#swipebox-action,#swipebox-caption {
    text-transform: uppercase;
    background-color: #333745
}

#swipebox-caption {
    font-size: 18px;
    line-height: 50px;
    -webkit-font-smoothing: antialiased;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#swipebox-prev,#swipebox-next,#swipebox-close {
    border: none!important;
    text-decoration: none!important;
    text-align: center;
    color: white;
    cursor: pointer;
    position: absolute;
    padding: 0 5px;
    line-height: 50px;
    top: 35px;
}

#swipebox-close {
    right: 10px;
    z-index: 999999
}

#swipebox-close:before {
    color: inherit;
    content: "\e601";
    font-size: 32px
}

#swipebox-prev {
    left: 50%;
    margin-left: -30px
}

#swipebox-prev:before {
    color: inherit;
    content: "\e093";
    font-size: 32px;
    padding: 0 3px
}

#swipebox-next {
    left: 50%;
    margin-left: 5px
}

#swipebox-next:before {
    color: inherit;
    content: "\e094";
    font-size: 32px;
    padding: 0 3px
}

#swipebox-overlay-next,#swipebox-overlay-prev {
    display: block;
    position: fixed;
    width: 50%;
    height: 100%;
    overflow: hidden;
    top: 0;
    z-index: 9999
}

#swipebox-overlay-prev {
    left: 0
}

#swipebox-overlay-next {
    right: 0
}

.tablet #swipebox-overlay-next,.tablet #swipebox-overlay-prev,.mobile #swipebox-overlay-next,.mobile #swipebox-overlay-prev {
    display: none
}

@media only screen and (min-width:1024px) {
    #swipebox-close {
        right: 20px
    }
}

.sticky-header {
    position: fixed;
    top: -40px
}

.sticky-header .journal-login,.sticky-header .journal-links {
    display: none
}

.sticky-header .j-tall {
    height: 80px
}

.sticky-header .journal-cart {
    width: 35%
}

.sticky-header #cart {
    box-shadow: none
}

.sticky-header #cart .content {
    min-width: 100%
}

.sticky-header #logo a {
    height: 80px
}

.sticky-header #logo a img {
    max-height: 80px
}

.sticky-header .journal-search {
    position: relative;
    width: 40%
}

.sticky-header .button-search {
    border-left: 1px solid #e4e4e4
}

.sticky-header .autocomplete2-suggestions {
    box-shadow: 0 1px 8px -5px rgba(0,0,0,0.5)
}

.sticky-header.journal-header-menu #logo a img {
    max-height: 100%
}

.sticky-header .journal-menu-bg,.sticky-header .journal-top-header {
    display: none
}

.sticky-header .journal-menu {
    float: left;
    clear: none!important;
    width: 75%
}

.sticky-header .mega-menu {
    left: -33.333333%
}

.sticky-header-center.journal-header-center .j-100 {
    height: 80px;
    transition: all .3s
}

.sticky-header-center.journal-header-center #logo a {
    height: 80px
}

.sticky-header-center.journal-header-center #logo a img {
    max-height: 80px;
    transition: all .3s
}

.sticky-header-center.journal-header-center .journal-menu-bg {
    top: 120px;
    transition: all .3s
}

.sticky-header-center.journal-header-center .journal-search,.sticky-header-center.journal-header-center .journal-cart {
    top: 20px;
    transition: all .3s
}

.sticky-off {
    top: 0!important;
    position: relative!important
}

.side-block-left,.side-block-right {
    position: fixed;
    top: 0;
    z-index: 999999
}

.side-block-icon {
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    line-height: 50px;
    text-align: center;
    transition: background-color .2s
}

.side-block-icon i {
    margin-right: 0!important
}

.side-block-content p {
    margin: 0
}

.side-block-content p a {
    transition: all .2s
}

.side-block-content {
    min-height: 50px;
    box-sizing: border-box
}

.side-block-content>div {
    position: relative;
    width: 100%;
    height: 100%
}

.side-block-left .side-block-icon {
    position: absolute;
    top: 0;
    right: -50px
}

.side-block-right .side-block-icon {
    position: absolute;
    top: 0;
    left: -50px
}

.side-block-content hr {
    margin-bottom: 7px
}

.side-block-content img {
    margin: 5px 0;
    max-width: 100%
}

.side-block-content a {
    display: inline-block;
    margin: 10px 0
}

.scroll-top {
    display: none;
    position: fixed;
    z-index: 9999;
    right: 5px;
    bottom: 0;
    padding: 8px;
    cursor: pointer
}

.scroll-top:before {
    transition: color .2s;
    content: "\e021";
    font-size: 45px
}

.button-left-icon:before {
    float: left
}

.button-right-icon:before {
    float: right
}

.button-cart-text {
    position: relative
}

[data-hint]:before {
    border: 7px solid transparent;
    display: none;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.hint--top,.hint--left,.hint--right {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.hint--top:before {
    left: 50%;
    margin-left: -7px;
    border-top-color: #333745;
    margin-bottom: -13px
}

.hint--right:before {
    margin-top: -6px;
    border-right-color: #333745
}

.hint--left:before {
    border-left-color: #333745
}

.ie9 .hint--top:after,.ie8 .hint--top:after {
    left: -50%
}

.hint--top:after,.hint--top:focus:after {
    margin: 0;
    -webkit-transform: translate3d(0,0,0) translateX(-50%);
    -moz-transform: translate3d(0,0,0) translateX(-50%);
    -ms-transform: translate3d(0,0,0) translateX(-50%);
    transform: translate3d(0,0,0) translateX(-50%)
}

[data-hint]:after {
    text-shadow: none;
    color: white;
    font-family: Helvetica,Arial,sans-serif;
    text-transform: none;
    background-color: #333745;
    box-shadow: none;
    line-height: 100%;
    padding: 8px 10px;
    display: none
}

.hint--top:hover:after,.hint--top:focus:after {
    -webkit-transform: translate3d(0,0,0) translateY(-8px) translateX(-50%);
    -moz-transform: translate3d(0,0,0) translateY(-8px) translateX(-50%);
    -ms-transform: translate3d(0,0,0) translateY(-8px) translateX(-50%);
    transform: translate3d(0,0,0) translateY(-8px) translateX(-50%)
}

.quickview .cart .hint--top:after {
    -webkit-transform: translate3d(0,0,0) translateY(0) translateX(0);
    -moz-transform: translate3d(0,0,0) translateY(0) translateX(0);
    -ms-transform: translate3d(0,0,0) translateY(0) translateX(0);
    transform: translate3d(0,0,0) translateY(0) translateX(0)
}

.quickview .cart .hint--top:hover:after,.quickview .cart .hint--top:focus:after {
    -webkit-transform: translate3d(0,0,0) translateY(-8px) translateX(0);
    -moz-transform: translate3d(0,0,0) translateY(-8px) translateX(0);
    -ms-transform: translate3d(0,0,0) translateY(-8px) translateX(0);
    transform: translate3d(0,0,0) translateY(-8px) translateX(0)
}

.journal-carousel .product-grid-item .image .wishlist a:hover:after,.journal-carousel .product-grid-item .image .compare a:hover:after {
    -webkit-transform: translate3d(0,0,0) translateY(-8px) translateX(0);
    -moz-transform: translate3d(0,0,0) translateY(-8px) translateX(0);
    -ms-transform: translate3d(0,0,0) translateY(-8px) translateX(0);
    transform: translate3d(0,0,0) translateY(-8px) translateX(0)
}

.option li.hint--top:before,.option li.hint--top:after {
    display: block
}

.option ul .hint--top:first-of-type:after {
    transform-style: preserve-3d;
    left: 0;
    transform: translate3d(0,0,0) translateX(0%)
}

.option ul .hint--top:first-of-type:hover:after {
    transform: translateY(-8px)
}

.countdown {
    position: absolute;
    background-color: rgba(0,0,0,0.4);
    transition: all .2s;
    visibility: hidden;
    opacity: 0;
    bottom: 0;
    z-index: 999;
    width: 100%;
    display: table;
    padding: 3px 0
}

.countdown span {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    border-right: 1px solid white;
    width: 25%;
    color: white;
    text-align: center
}

.countdown span:last-of-type {
    border-right: 0
}

.countdown span div {
    display: block;
    font-size: 10px;
    font-weight: normal;
    border: 0;
    text-align: center;
    width: 100%;
    overflow: hidden;
    padding: 0 3px
}

@media only screen and (max-width:760px) {
    .countdown {
        visibility: visible;
        opacity: 1
    }
}

.ipad .countdown,.safari .countdown {
    padding: 0;
    min-height: 35px
}

.countdown-on .countdown {
    visibility: visible;
    opacity: 1
}

.countdown-on.product-grid-item .countdown {
    display: table
}

.product-info .right>div .countdown {
    position: relative;
    background-color: rgba(0,0,0,0.4);
    width: auto;
    visibility: visible;
    opacity: 1;
    display: table;
    width: 100%;
    padding: 5px 0;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.product-info .right>div .countdown span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px;
    position: relative;
    font-size: 19px;
    font-weight: bold;
    border-right: 1px solid #f4f4f4;
    color: white;
    text-align: center
}

.product-info .right>div .countdown span:last-of-type {
    border-right: 0
}

.product-info .right>div .countdown span div {
    display: block;
    font-size: 11px;
    font-weight: normal;
    border: 0;
    text-align: center;
    width: 100%;
    overflow: hidden;
    padding: 0 3px
}

.brand-logo {
    display: table
}

.brand-logo a {
    display: block;
    vertical-align: middle;
    padding-right: 5px
}

.brand-logo:after {
    content: "";
    display: table;
    width: 100%;
    clear: both
}

.journal-checkout label a{
    padding-right: 0;
    line-height: 1;
    color: saddlebrown !important;
    font-size: 16px !important;
}

header {
    background-color: #f4f4f4;
    display: table;
    z-index: 99;
    position: relative;
    margin: 0 auto;
    width: 100%
}

header div {
    position: relative
}

.journal-top-header {
    width: 100%;
    position: absolute
}

#header {
    max-width: 1024px;
    margin: 0 auto;
    position: relative
}

#logo {
    position: relative;
    width: 100%;
    height: 100%
}

#logo a {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 120px;
    width: 100%;
    font-size: 0
}

#logo a:before {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

#logo a img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 120px;
    vertical-align: middle;
    display: inline-block;
    width: auto
}

.journal-header-default header .links>a,.journal-header-menu header .links>a {
    padding-top: 2px
}

header .links {
    position: relative;
    display: table;
    width: 100%
}

header .links>a {
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #e4e4e4;
    border-bottom: 1px solid transparent;
    padding: 0 6px;
    transition: background-color .2s
}

header .links>a:last-child,header .links>span:last-child {
    border-right-width: 0
}

.links .no-link {
    cursor: default;
    display: table-cell;
    vertical-align: middle;
    padding: 0 6px
}

.journal-header-default .links .no-link,.journal-header-menu .links .no-link {
    text-align: center;
    border-right: 1px solid #e4e4e4
}

.top-menu-link {
    white-space: nowrap;
    position: relative
}

@media only screen and (max-width:760px) {
    .journal-login {
        z-index: 9999!important
    }
}

.journal-login {
    position: relative;
    display: table;
    z-index: 998
}

.journal-login>div {
    position: relative;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.journal-login>div:first-child {
    padding-left: 10px
}

.journal-language,.journal-currency {
    z-index: 3
}

.journal-language form,.journal-currency form {
    float: left
}

.journal-language form .currency-symbol,.journal-currency form .currency-symbol {
    background-color: white;
    padding: 1px 5px;
    color: #ea2e49
}

.journal-language .dropdown-toggle,.journal-currency .dropdown-toggle {
    width: 40px;
    height: 40px;
    color: #333745;
    padding: 0;
    font-size: 13px;
    border-color: transparent;
    background-color: transparent
}

.journal-language .dropdown-toggle img,.journal-currency .dropdown-toggle img {
    position: relative;
    top: 1px
}

.journal-language .dropdown-toggle .caret,.journal-currency .dropdown-toggle .caret {
    display: none
}

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

.journal-language .dropdown-menu,.journal-currency .dropdown-menu {
    min-width: 40px;
    padding: 0;
    box-shadow: 0 2px 2px rgba(0,0,0,0.15);
    margin: 0;
    border: 0;
    top: 39px;
    position: absolute;
    display: none;
    left: 0;
    z-index: 1000;
    float: left;
    list-style: none;
    font-size: 14px;
    background-clip: padding-box;
    background-color: white
}

.journal-language .dropdown-menu>li,.journal-currency .dropdown-menu>li {
    border-top: 1px solid #e4e4e4
}

.journal-language .dropdown-menu>li:first-of-type,.journal-currency .dropdown-menu>li:first-of-type {
    border-top: 0
}

.journal-language .dropdown-menu>li>a,.journal-currency .dropdown-menu>li>a {
    text-align: center;
    font-size: 13px;
    padding: 5px 10px;
    color: #333745;
    cursor: pointer;
    display: block;
    line-height: 1.5;
    white-space: nowrap
}

.journal-language .dropdown-menu>li>a img,.journal-currency .dropdown-menu>li>a img {
    position: relative;
    top: 1px
}

.journal-language .dropdown-menu:before,.journal-currency .dropdown-menu:before {
    content: "\e61e";
    position: absolute;
    left: 50%;
    top: -13px;
    margin-left: -9px;
    color: white;
    font-size: 16px
}

.journal-language .dropdown-menu>li:first-of-type,.journal-currency .dropdown-menu>li:first-of-type {
    border-top-right-radius: inherit;
    border-top-left-radius: inherit
}

.journal-language .dropdown-menu>li:first-of-type a,.journal-currency .dropdown-menu>li:first-of-type a {
    border-top-right-radius: inherit;
    border-top-left-radius: inherit
}

.journal-language .dropdown-menu>li:last-of-type,.journal-currency .dropdown-menu>li:last-of-type {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.journal-language .dropdown-menu>li:last-of-type a,.journal-currency .dropdown-menu>li:last-of-type a {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.open .dropdown-toggle.btn-default {
    color: #ea2e49;
    border-color: transparent;
    background-color: transparent
}

.journal-header-default .language-full .journal-language,.journal-header-default .language-full .journal-currency,.journal-header-default .currency-full .journal-language,.journal-header-default .currency-full .journal-currency,.journal-header-menu .language-full .journal-language,.journal-header-menu .language-full .journal-currency,.journal-header-menu .currency-full .journal-language,.journal-header-menu .currency-full .journal-currency,.journal-header-center .language-full .journal-language,.journal-header-center .language-full .journal-currency,.journal-header-center .currency-full .journal-language,.journal-header-center .currency-full .journal-currency,.journal-header-mega .language-full .journal-language,.journal-header-mega .language-full .journal-currency,.journal-header-mega .currency-full .journal-language,.journal-header-mega .currency-full .journal-currency {
    width: auto;
    display: inline-block!important;
    padding-right: 10px
}

.journal-header-default .language-full .journal-language .dropdown-toggle,.journal-header-default .language-full .journal-currency .dropdown-toggle,.journal-header-default .currency-full .journal-language .dropdown-toggle,.journal-header-default .currency-full .journal-currency .dropdown-toggle,.journal-header-menu .language-full .journal-language .dropdown-toggle,.journal-header-menu .language-full .journal-currency .dropdown-toggle,.journal-header-menu .currency-full .journal-language .dropdown-toggle,.journal-header-menu .currency-full .journal-currency .dropdown-toggle,.journal-header-center .language-full .journal-language .dropdown-toggle,.journal-header-center .language-full .journal-currency .dropdown-toggle,.journal-header-center .currency-full .journal-language .dropdown-toggle,.journal-header-center .currency-full .journal-currency .dropdown-toggle,.journal-header-mega .language-full .journal-language .dropdown-toggle,.journal-header-mega .language-full .journal-currency .dropdown-toggle,.journal-header-mega .currency-full .journal-language .dropdown-toggle,.journal-header-mega .currency-full .journal-currency .dropdown-toggle {
    width: auto
}

.journal-header-default .language-full .journal-language .dropdown-toggle img,.journal-header-default .language-full .journal-currency .dropdown-toggle img,.journal-header-default .currency-full .journal-language .dropdown-toggle img,.journal-header-default .currency-full .journal-currency .dropdown-toggle img,.journal-header-menu .language-full .journal-language .dropdown-toggle img,.journal-header-menu .language-full .journal-currency .dropdown-toggle img,.journal-header-menu .currency-full .journal-language .dropdown-toggle img,.journal-header-menu .currency-full .journal-currency .dropdown-toggle img,.journal-header-center .language-full .journal-language .dropdown-toggle img,.journal-header-center .language-full .journal-currency .dropdown-toggle img,.journal-header-center .currency-full .journal-language .dropdown-toggle img,.journal-header-center .currency-full .journal-currency .dropdown-toggle img,.journal-header-mega .language-full .journal-language .dropdown-toggle img,.journal-header-mega .language-full .journal-currency .dropdown-toggle img,.journal-header-mega .currency-full .journal-language .dropdown-toggle img,.journal-header-mega .currency-full .journal-currency .dropdown-toggle img {
    display: inline-block;
    margin-right: 2px
}

.journal-header-default .language-full .journal-language .dropdown-menu,.journal-header-default .language-full .journal-currency .dropdown-menu,.journal-header-default .currency-full .journal-language .dropdown-menu,.journal-header-default .currency-full .journal-currency .dropdown-menu,.journal-header-menu .language-full .journal-language .dropdown-menu,.journal-header-menu .language-full .journal-currency .dropdown-menu,.journal-header-menu .currency-full .journal-language .dropdown-menu,.journal-header-menu .currency-full .journal-currency .dropdown-menu,.journal-header-center .language-full .journal-language .dropdown-menu,.journal-header-center .language-full .journal-currency .dropdown-menu,.journal-header-center .currency-full .journal-language .dropdown-menu,.journal-header-center .currency-full .journal-currency .dropdown-menu,.journal-header-mega .language-full .journal-language .dropdown-menu,.journal-header-mega .language-full .journal-currency .dropdown-menu,.journal-header-mega .currency-full .journal-language .dropdown-menu,.journal-header-mega .currency-full .journal-currency .dropdown-menu {
    left: auto!important;
    margin-left: 0!important
}

.journal-header-default .language-full .journal-language .dropdown-menu>li>a,.journal-header-default .language-full .journal-currency .dropdown-menu>li>a,.journal-header-default .currency-full .journal-language .dropdown-menu>li>a,.journal-header-default .currency-full .journal-currency .dropdown-menu>li>a,.journal-header-menu .language-full .journal-language .dropdown-menu>li>a,.journal-header-menu .language-full .journal-currency .dropdown-menu>li>a,.journal-header-menu .currency-full .journal-language .dropdown-menu>li>a,.journal-header-menu .currency-full .journal-currency .dropdown-menu>li>a,.journal-header-center .language-full .journal-language .dropdown-menu>li>a,.journal-header-center .language-full .journal-currency .dropdown-menu>li>a,.journal-header-center .currency-full .journal-language .dropdown-menu>li>a,.journal-header-center .currency-full .journal-currency .dropdown-menu>li>a,.journal-header-mega .language-full .journal-language .dropdown-menu>li>a,.journal-header-mega .language-full .journal-currency .dropdown-menu>li>a,.journal-header-mega .currency-full .journal-language .dropdown-menu>li>a,.journal-header-mega .currency-full .journal-currency .dropdown-menu>li>a {
    text-align: left
}

.journal-header-default .language-full .journal-language .dropdown-menu>li>a img,.journal-header-default .language-full .journal-currency .dropdown-menu>li>a img,.journal-header-default .currency-full .journal-language .dropdown-menu>li>a img,.journal-header-default .currency-full .journal-currency .dropdown-menu>li>a img,.journal-header-menu .language-full .journal-language .dropdown-menu>li>a img,.journal-header-menu .language-full .journal-currency .dropdown-menu>li>a img,.journal-header-menu .currency-full .journal-language .dropdown-menu>li>a img,.journal-header-menu .currency-full .journal-currency .dropdown-menu>li>a img,.journal-header-center .language-full .journal-language .dropdown-menu>li>a img,.journal-header-center .language-full .journal-currency .dropdown-menu>li>a img,.journal-header-center .currency-full .journal-language .dropdown-menu>li>a img,.journal-header-center .currency-full .journal-currency .dropdown-menu>li>a img,.journal-header-mega .language-full .journal-language .dropdown-menu>li>a img,.journal-header-mega .language-full .journal-currency .dropdown-menu>li>a img,.journal-header-mega .currency-full .journal-language .dropdown-menu>li>a img,.journal-header-mega .currency-full .journal-currency .dropdown-menu>li>a img {
    margin-right: 2px
}

.journal-header-default .language-full .journal-language .dropdown-menu:before,.journal-header-default .language-full .journal-currency .dropdown-menu:before,.journal-header-default .currency-full .journal-language .dropdown-menu:before,.journal-header-default .currency-full .journal-currency .dropdown-menu:before,.journal-header-menu .language-full .journal-language .dropdown-menu:before,.journal-header-menu .language-full .journal-currency .dropdown-menu:before,.journal-header-menu .currency-full .journal-language .dropdown-menu:before,.journal-header-menu .currency-full .journal-currency .dropdown-menu:before,.journal-header-center .language-full .journal-language .dropdown-menu:before,.journal-header-center .language-full .journal-currency .dropdown-menu:before,.journal-header-center .currency-full .journal-language .dropdown-menu:before,.journal-header-center .currency-full .journal-currency .dropdown-menu:before,.journal-header-mega .language-full .journal-language .dropdown-menu:before,.journal-header-mega .language-full .journal-currency .dropdown-menu:before,.journal-header-mega .currency-full .journal-language .dropdown-menu:before,.journal-header-mega .currency-full .journal-currency .dropdown-menu:before {
    top: -13px;
    margin-left: 0;
    left: 3px
}

@media only screen and (max-width:500px) {
    .language-full .journal-login,.currency-full .journal-login {
        padding: 5px 0
    }

    .language-full .journal-language,.language-full .journal-currency,.currency-full .journal-language,.currency-full .journal-currency {
        padding-left: 10px
    }

    .language-full .journal-language .dropdown-toggle,.language-full .journal-currency .dropdown-toggle,.currency-full .journal-language .dropdown-toggle,.currency-full .journal-currency .dropdown-toggle {
        height: auto
    }
}

.journal-login .journal-secondary {
    text-align: right;
    padding-right: 10px;
    font-size: 13px
}

.journal-login .journal-secondary a {
    padding: 0 3px
}

.journal-login .journal-secondary div a {
    font-family: inherit;
    font-size: inherit;
    padding: 3px
}

#welcome {
    position: relative;
    top: 0
}

#search {
    position: relative;
    width: 100%
}

.button-search {
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: transparent;
    float: left;
    position: absolute;
    color: #ccc;
    transition: color .2s,background-color .2s;
    z-index: 9
}

.button-search i {
    margin-left: 10px;
    margin-top: 10px;
    display: block
}

.button-search i:before {
    content: "\e697";
    font-size: 20px
}

#search input {
    float: left;
    width: 100%;
    height: 100%;
    max-width: 100%;
    background-color: white;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
    padding-left: 50px;
    font-size: 13px;
    color: #333745;
    box-shadow: none
}

.journal-cart {
    z-index: 999;
    position: relative;
    margin: 0
}

#cart {
    left: 0;
    right: 0;
    width: 100%;
    height: 40px
}

#cart ul {
    padding: 0;
    margin: 0;
    list-style: none
}

#cart .heading {
    cursor: pointer;
    float: none;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    height: 100%;
    width: 100%;
    display: block;
    background-color: transparent;
    z-index: 1
}

#cart .heading i {
    width: 40px;
    height: 40px;
    display: block;
    border-left-width: 1px;
    border-left-color: transparent
}

#cart .heading i:before {
    content: "\e000";
    font-size: 28px;
    margin-right: 6px;
    margin-top: 6px;
    float: right;
    color: white
}

#cart .heading a {
    color: inherit;
    border: 0;
    font-size: inherit;
    text-decoration: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: table
}

#cart .heading a>span {
    text-align: right;
    padding-right: 7px;
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

#cart .content {
    visibility: hidden;
    list-style: none;
    opacity: 0;
    padding: 0;
    margin: 0;
    min-width: 360px;
    -ms-filter: 'alpha(opacity=0)';
    position: relative;
    min-height: 125px;
    color: #333745;
    float: right;
    transition: opacity .3s
}

#cart .content .cart-wrapper {
    background-color: white;
    box-shadow: 0 1px 8px -3px rgba(0,0,0,0.5)
}

#cart .checkout {
    clear: both;
    padding: 18px 0;
    text-align: center;
    display: table;
    margin: 0 auto;
    width: 100%
}

#cart .checkout a+a {
    margin-left: 15px
}

#cart .empty {
    padding: 50px 0;
    text-align: center;
    font-size: 14px;
    font-style: italic
}

.ie9 #cart button.heading {
    display: table
}

.ie9 #cart button.heading span {
    text-align: right;
    padding-right: 7px;
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

#cart.active .heading {
    padding: 0;
    margin: 0;
    border: 0
}

#cart.active .content {
    transition: opacity .2s;
    display: block;
    visibility: visible;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.mini-cart-info {
    position: relative;
    overflow: auto;
    padding: 3px 12px 0 12px
}

.mini-cart-info table {
    border-collapse: collapse;
    width: 95%;
    margin-bottom: 0
}

.mini-cart-info table tr {
    border-bottom: 1px solid #eee
}

.mini-cart-info table tr td {
    color: inherit;
    vertical-align: top;
    padding: 10px 5px;
    padding-left: 0
}

.mini-cart-info table tr td a {
    display: block;
    color: inherit
}

.mini-cart-info table tr td.image {
    width: 1px
}

.mini-cart-info table tr td.image img {
    text-align: left;
    max-width: 50px;
    height: auto
}

.mini-cart-info table tr td.name {
    padding-left: 5px
}

.mini-cart-info table tr td.name div {
    line-height: 1;
    padding-top: 5px
}

.mini-cart-info table tr td.name div br:first-of-type {
    display: none
}

.mini-cart-info table tr td.quantity {
    text-align: right;
    white-space: nowrap
}

.mini-cart-info table tr td.total {
    text-align: right
}

.mini-cart-info table tr td.remove {
    text-align: right;
    padding-top: 11px
}

.mini-cart-info table tr td.remove button {
    cursor: pointer
}

.mini-cart-info table tr td.remove img {
    display: none
}

.mini-cart-info table tr td.remove i {
    cursor: pointer;
    color: #ea2e49;
    transition: color .2s;
    left: 5px
}

.mini-cart-info table tr td.remove i:before {
    content: "\e601";
    font-size: 15px;
    top: -2px;
    color: inherit
}

.mini-cart-info table tr:last-of-type {
    border-bottom: 0
}

.firefox .mini-cart-info table tr td.remove button {
    padding-left: 3px;
    padding-right: 3px
}

.mini-cart-total {
    text-align: right;
    padding: 5px 10px 3px 0;
    background-color: #f4f4f4;
    overflow: hidden;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.mini-cart-total table {
    border-collapse: collapse;
    display: inline-block;
    width: auto
}

.mini-cart-total td {
    padding: 3px 4px
}

.mini-cart-total td.left {
    min-width: 100px;
    text-align: right;
    font-weight: bold
}

.mini-cart-total td.right {
    min-width: 80px;
    text-align: right;
    font-weight: bold
}

#cart ul li:last-of-type {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.autocomplete2-suggestions {
    background-color: white;
    top: 100%
}

.autocomplete2-suggestions div {
    overflow: auto
}

.autocomplete2-suggestion {
    border-bottom: 1px solid #f4f4f4;
    min-height: 38px;
    padding: 7px 8px 5px 8px;
    color: #45738f;
    cursor: pointer
}

.autocomplete2-suggestion a:hover {
    text-decoration: none;
    color: inherit
}

.autocomplete2-suggestion .p-image {
    max-width: 55px
}

.autocomplete2-suggestion .p-image img {
    max-width: 55px
}

.autocomplete2-suggestion .p-name {
    font-size: 13px;
    margin-bottom: 5px;
    padding-top: 3px;
    padding-left: 7px
}

.autocomplete2-suggestion .p-name span {
    display: block;
    margin-bottom: 2px
}

.autocomplete2-suggestion span.p-price {
    font-size: 13px;
    color: #333745
}

.autocomplete2-suggestion span.p-price .price-old {
    float: left;
    margin-right: 5px;
    text-decoration: line-through;
    color: #ea2e49
}

.autocomplete2-selected {
    background-color: transparent!important
}

.autocomplete2-suggestion:last-child {
    border-bottom: 0
}

.autocomplete2-selected {
    background-color: #fafafa
}

.view-more-link {
    display: block;
    padding: 3px 5px
}

.journal-desktop .sticky-wrapper {
    max-height: 120px;
    position: relative;
    z-index: 9999
}

.journal-desktop.header-center .sticky-wrapper {
    max-height: 180px
}

.is-sticky {
    max-height: 180px
}

.is-sticky .journal-header-center #logo a {
    transition: all .2s
}

.journal-header-center {
    background-color: transparent
}

.journal-header-center #logo a {
    height: 100px;
    transition: all .2s
}

.journal-header-center #logo a img {
    max-height: 100px;
    width: auto;
    height: auto
}

.journal-header-center .journal-menu {
    clear: both;
    z-index: 1
}

.journal-header-center .journal-menu-bg {
    width: 100%;
    position: absolute;
    top: 140px
}

.journal-header-center .journal-center-bg {
    position: absolute;
    width: 100%;
    top: 40px
}

.journal-header-center .links {
    display: table;
    width: auto
}

.journal-header-center .links>a,.journal-header-center .links .no-link {
    text-align: center;
    border: 0
}

.journal-header-center .links>a:hover {
    transition: color .2s,background-color .2s;
    background-color: transparent
}

.journal-header-center .journal-secondary {
    text-align: right
}

.journal-header-center .journal-secondary .links {
    float: right
}

.journal-header-center .journal-top-header {
    border-bottom: 1px solid transparent
}

.journal-header-center .journal-language,.journal-header-center .journal-currency {
    padding: 0;
    display: inline-block
}

.journal-header-center .journal-language form,.journal-header-center .journal-currency form {
    width: 100%;
    text-align: right;
    height: 40px
}

.journal-header-center .journal-language form>div,.journal-header-center .journal-currency form>div {
    display: inline-block;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: transparent;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: transparent
}

.journal-header-center .journal-language form .dropdown-toggle,.journal-header-center .journal-currency form .dropdown-toggle {
    max-width: 40px
}

.journal-header-center .journal-language form .dropdown-menu,.journal-header-center .journal-currency form .dropdown-menu {
    top: 40px
}

.journal-header-center .journal-currency form {
    text-align: left
}

.journal-header-center .journal-currency form>div {
    border-left-width: 0
}

.journal-header-center .lang {
    width: 10%;
    text-align: center
}

.journal-header-center .lang form {
    width: auto;
    float: none;
    display: inline-block
}

.journal-header-center .no-curr {
    width: 0
}

.journal-header-center .curr {
    width: 10%;
    text-align: center
}

.journal-header-center .curr form {
    width: auto;
    float: none;
    display: inline-block
}

.journal-header-center .curr form>div {
    border-left-width: 1px;
    border-left-style: solid
}

.journal-header-center .no-lang {
    width: 0
}

.journal-header-center .journal-search,.journal-header-center .journal-cart {
    top: 30px;
    position: relative;
    z-index: 2
}

.journal-header-center #search {
    position: relative;
    width: 100%
}

.journal-header-center .no-results {
    color: inherit;
    pointer-events: none;
    cursor: default
}

.journal-header-center .button-search {
    transition: color .2s,background-color .2s
}

.journal-header-center .button-search button {
    width: 38px;
    height: 38px;
    cursor: pointer
}

.journal-header-center .button-search button i {
    margin-top: -3px;
    margin-left: 0
}

.journal-header-center .button-search i {
    margin-top: 2px;
    margin-left: 6px
}

.journal-header-center .button-search i:before {
    margin-top: 6px;
    margin-left: 4px
}

.journal-header-center #search input {
    background-color: transparent
}

.journal-header-center .journal-search:hover #search input {
    transition: background-color .2s
}

.journal-header-center .journal-cart {
    background-color: transparent;
    color: #222
}

.journal-header-center #cart .empty {
    min-height: 125px
}

.journal-header-center #cart {
    box-shadow: none;
    transition: background-color .2s
}

.journal-header-center #cart .heading i {
    text-align: center;
    width: 40px;
    height: 40px;
    display: block;
    transition: background-color .2s,color .2s
}

.journal-header-center #cart .heading i:before {
    margin-right: 1px;
    float: none;
    margin-top: 7px
}

.journal-header-center #cart .content {
    padding-top: 15px
}

.journal-header-center #cart .content:before {
    content: "\e61e";
    color: white;
    font-size: 19px;
    position: absolute;
    top: 0;
    right: 10px
}

.journal-header-center .autocomplete2-suggestions {
    top: 54px;
    border-top: 0;
    overflow: visible
}

.journal-header-center .autocomplete2-suggestions>div {
    overflow: auto;
    border-radius: inherit
}

.journal-header-center .autocomplete2-suggestions:before {
    content: "\e61e";
    font-size: 40px;
    position: absolute;
    top: -22px
}

.journal-header-center .autocomplete2-suggestion:first-of-type {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.journal-header-center .autocomplete2-suggestion:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.journal-header-center .autocomplete2-suggestion:only-child {
    pointer-events: none
}

@media only screen and (max-width:760px) {
    .journal-header-center .journal-menu {
        clear: both;
        z-index: 3
    }
}

.journal-header-center.nolang .journal-currency form {
    text-align: center
}

.journal-header-center.nolang .journal-currency form div {
    border-left-width: 1px
}

.journal-header-center.nocurr .journal-language form {
    text-align: center
}

.journal-header-center.nosecond .journal-center-bg {
    top: 40px
}

.journal-header-center.nosecond .links {
    margin: 0 auto;
    float: none
}

.journal-header-center.nosecond .journal-currency {
    position: absolute;
    right: 0
}

.journal-header-center.nosecond .journal-currency form div {
    border-left-width: 1px
}

.journal-header-center.nosecond .journal-language {
    position: absolute;
    left: 0
}

.journal-header-default.nocart .links>a:last-child {
    border-right-width: 1px
}

.journal-header-mega .journal-search {
    padding-right: 5%
}

.journal-header-default .journal-language,.journal-header-default .journal-currency,.journal-header-menu .journal-language,.journal-header-menu .journal-currency {
    width: 40px
}

.journal-header-menu #cart {
    height: 40px
}

.journal-header-menu #cart i[data-icon]:before {
    top: 1px
}

.journal-header-menu #logo a {
    height: 80px
}

.journal-header-menu #logo a img {
    max-height: 80px;
    width: auto
}

.journal-header-menu .journal-menu {
    clear: both
}

.journal-header-menu .journal-menu-bg {
    width: 100%;
    position: absolute;
    top: 80px
}

header {
    -webkit-backface-visibility: hidden
}

.mobile-trigger,.mobile-plus {
    display: none
}

.super-menu>li:hover {
    transition: background-color .2s
}

.super-menu {
    width: 100%;
    position: relative;
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    border: 0
}

.super-menu>li {
    border-left: 1px solid #333745;
    transition: all .2s!important;
    display: table-cell;
    min-width: 40px;
    color: white
}

.super-menu>li:first-of-type {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}

.super-menu>li:last-of-type {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

.super-menu>li>a {
    text-align: center;
    height: 100%;
    font-size: 15px;
    text-transform: uppercase;
    color: inherit;
    text-decoration: none;
    display: block;
    z-index: 6;
    position: relative;
    line-height: 40px;
    height: 40px;
    white-space: nowrap;
    overflow: hidden
}

.super-menu>li>a span {
    display: inline-block
}

.super-menu>li>a i {
    display: inline-block
}

.super-menu>li>a i:before {
    float: left
}

.super-menu>li.icon-only {
    width: 50px
}

.super-menu>li.icon-only>a i {
    margin-right: 0!important
}

.super-menu>li:last-of-type {
    border-right: 1px solid #333745
}

.journal-desktop .menu-floated>li {
    display: block;
    border-left: 0
}

.journal-desktop .menu-floated>li>a {
    padding: 0 15px
}

.journal-desktop .menu-floated .float-left {
    float: left;
    border-right: 1px solid #333745
}

.journal-desktop .menu-floated .float-right {
    float: right;
    border-left: 1px solid #333745
}

.journal-desktop .menu-floated .float-right:last-of-type {
    border-right: 0
}

.journal-header-default .super-menu>li:last-of-type {
    border-right: 0
}

.journal-header-default .super-menu>li:first-of-type {
    border-left: none
}

.mega-menu {
    left: 0;
    position: absolute;
    display: none;
    padding: 20px;
    overflow: hidden;
    width: 100%;
    z-index: 9999
}

.mega-menu>div {
    display: block;
    overflow: hidden;
    margin-right: -20px;
    margin-bottom: -20px
}

.journal-header-default .mega-menu,.journal-header-menu.sticky-header .mega-menu {
    left: -33.333333%;
    width: 133.333333%
}

.drop-down {
    position: relative
}

.drop-down .menu-plus {
    position: absolute;
    font-size: 17px;
    top: 10px;
    right: 8px
}

.drop-down .menu-plus:before {
    content: "\e094"
}

.drop-down>ul {
    display: none
}

.drop-down ul {
    z-index: 999;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    box-shadow: 0 1px 8px -3px rgba(0,0,0,0.5)
}

.drop-down ul li {
    color: #333745;
    background-color: white;
    position: relative;
    border-bottom: 1px solid #f4f4f4
}

.drop-down ul li:last-of-type {
    border-bottom-width: 0
}

.drop-down ul li ul {
    visibility: hidden;
    opacity: 0;
    left: 100%;
    top: 0
}

.drop-down ul li.left ul {
    left: -100%
}

.drop-down ul li:hover>ul {
    transition: opacity .2s;
    visibility: visible;
    opacity: 1
}

.drop-down ul li a {
    padding: 11px 25px 12px 9px;
    display: block;
    color: inherit;
    white-space: nowrap
}

.drop-down ul li a:before {
    margin-right: 5px
}

.mega-menu-item>div {
    margin-right: 20px;
    height: 100%
}

.mega-menu-item h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: background-color .2s
}

.mega-menu-item h3 a {
    display: block;
    color: inherit;
    transition: color .2s
}

.mega-menu-categories .mega-menu-item {
    margin-bottom: 20px
}

.mega-menu-categories .mega-menu-item ul {
    float: left;
    width: 58%;
    margin: 7px 0 0 0;
    padding: 0;
    list-style: none
}

.mega-menu-categories .mega-menu-item ul li {
    padding-bottom: 3px;
    position: relative
}

.mega-menu-categories .mega-menu-item ul li a {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    padding-left: 10px;
    transition: color .1s;
    line-height: 12px
}

.mega-menu-categories .mega-menu-item ul li a:before {
    position: absolute;
    left: 0
}

.mega-menu-categories .mega-menu-item img {
    float: right;
    width: 40%;
    height: auto;
    margin-top: 10px
}

.mega-menu-categories .mega-menu-item .show-more-text a:before {
    content: ""
}

.mega-menu-categories .mega-menu-item.menu-image-left ul {
    width: 55%;
    padding: 0 0 0 8px
}

.mega-menu-categories .mega-menu-item.menu-image-left img {
    float: left
}

.mega-menu-categories .mega-menu-item.menu-image-top ul {
    width: 100%
}

.mega-menu-categories .mega-menu-item.menu-image-top img {
    float: none;
    width: 100%
}

.mega-menu-categories .mega-menu-item.menu-no-links img {
    width: 100%
}

.mega-menu-categories .mega-menu-item.menu-no-image ul {
    width: 100%;
    padding: 0
}

#header .mega-menu .product-wrapper {
    margin-right: 20px;
    box-shadow: none
}

#header .mega-menu .product-grid-item {
    margin-bottom: 20px
}

.mega-menu-brands .mega-menu-item {
    margin-bottom: 20px
}

.mega-menu-brands .mega-menu-item img {
    width: 100%;
    float: left;
    height: auto
}

.mega-menu-html .mega-menu-item {
    margin-bottom: 20px
}

.mega-menu-html .mega-menu-item img {
    max-width: 100%;
    height: auto!important
}

.mega-menu-html .mega-menu-item ul,.mega-menu-html .mega-menu-item ol {
    padding-left: 30px
}

.dummy-hide {
    display: block!important;
    visibility: hidden;
    opacity: 0
}

.mega-menu .wrapper p span {
    line-height: 100%!important
}

.mega-menu .mega-menu-column {
    float: left;
    margin: 0 0 -10px 0
}

.mega-menu .mega-menu-column:last-of-type>div {
    margin-right: -20px
}

.mega-menu .mega-menu-column .menu-cms-block {
    clear: both;
    margin: 0
}

.oc2 #cart .content {
    transition: opacity 0s
}

.oc2 #cart .content:before {
    display: none
}

.oc2 #cart .content .cart-wrapper {
    display: block!important
}

.oc2 #cart .content .cart-wrapper:before {
    content: "\e61e";
    color: white;
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 10px
}

.oc2 #cart .heading i:before {
    margin-top: 4px
}

.oc2 #cart.visible .content {
    opacity: 1;
    visibility: visible
}

.oc2 #search input {
    height: 40px
}

.oc2 .mini-cart-total {
    padding: 0
}

.oc2 .mini-cart-total table {
    padding: 5px 10px 3px 0
}

@media only screen and (min-width:980px) {
    .mobile-menu-on-tablet .journal-menu .mobile-menu>li {
        border-bottom-style: hidden
    }
}

.ie9.oc2 .journal-header-center #cart .heading span {
    position: relative;
    right: 45px
}

.ie9.oc2 .journal-header-center #cart .heading i {
    position: absolute;
    right: 0;
    top: 0
}

.ie9.oc2 .mini-cart-info table tr td.remove i {
    position: relative;
    padding-right: 5px
}

.ie9.oc2 .mini-cart-info table tr td.remove i:before {
    position: relative;
    padding-top: 1px
}

#content .journal-slider {
    margin-bottom: 20px
}

#content .multi-modules .journal-slider {
    margin-bottom: 0
}

.tp-loader {
    border-radius: 50%
}

.tp-caption {
    line-height: 100%;
    text-align: left
}

.tp-caption a,.tp-caption a:hover {
    color: inherit
}

a.tp-caption {
    transition: color .15s,background-color .15s,border-color .15s!important
}

.tp-bannertimer,.tp-bannertimer.tp-bottom {
    background-image: none;
    background-color: #ea2e49;
    height: 3px;
    z-index: 98
}

.nav-on-hover .tp-bullets,.nav-on-hover .tparrows {
    opacity: 0
}

.nav-on-hover:hover .tp-bullets,.nav-on-hover:hover .tparrows {
    opacity: 1
}

@media only screen and (min-width:760px) {
    .side-blocks-active .journal-fullwidth-slider .tp-leftarrow,.side-blocks-active .journal-fullwidth-slider .tp-leftarrow.default {
        left: 70px!important
    }

    .side-blocks-active .journal-fullwidth-slider .tp-rightarrow,.side-blocks-active .journal-fullwidth-slider .tp-rightarrow.default {
        right: 70px!important
    }
}

.tp-leftarrow,.tp-leftarrow.default,.tp-rightarrow,.tp-rightarrow.default {
    background-image: none;
    background-color: transparent;
    width: auto;
    height: auto;
    padding: 0;
    display: block;
    border-radius: 50%;
    color: white;
    transition: color .2s
}

.tp-leftarrow:before,.tp-leftarrow.default:before,.tp-rightarrow:before,.tp-rightarrow.default:before {
    transition: color .2s;
    content: "\e093";
    font-size: 40px;
    color: inherit
}

.tp-rightarrow:before,.tp-rightarrow.default:before {
    content: "\e094"
}

.tp-bullets .tp-leftarrow.round,.tp-bullets .tp-rightarrow.round {
    background-image: none
}

.tp-bullets .tp-leftarrow.round:before,.tp-bullets .tp-rightarrow.round:before {
    font-size: 20px;
    top: -3px
}

.slidelink.tp-hidden-caption {
    display: block!important;
    visibility: visible!important;
    top: 0
}

.tp-bullets.simplebullets.round .bullet {
    background-color: transparent;
    background-image: none;
    transition: all .2s;
    margin-bottom: 2px;
    margin-left: 8px;
    width: 13px;
    height: 13px;
    -webkit-perspective: 1000
}

.tp-bullets.simplebullets.round .bullet.selected,.tp-bullets.simplebullets.round .bullet:hover {
    background-color: transparent
}

.tp-bullets.simplebullets.round .bullet:hover:after {
    content: ""
}

.full-thumbs .tp-bullets.tp-thumbs {
    width: 100%!important
}

.full-thumbs .tp-bullets.tp-thumbs .tp-mask {
    width: 100%!important
}

.tp-bullets.tp-thumbs {
    width: auto!important;
    height: auto!important;
    padding: 0;
    overflow: hidden;
    background-color: transparent
}

.tp-bullets.tp-thumbs .bullet {
    opacity: 1;
    position: relative
}

.tp-bullets.tp-thumbs .bullet.selected:before,.tp-bullets.tp-thumbs .bullet:hover:before {
    opacity: 0
}

.tp-bullets.tp-thumbs .bullet {
    position: relative
}

.tp-bullets.tp-thumbs .bullet:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: black;
    position: absolute;
    transition: opacity .2s;
    opacity: .3;
    -ms-filter: "alpha(opacity=30)"
}

.firefox .tp-caption {
    outline: 1px solid transparent
}

#content .journal-simple-slider {
    margin-bottom: 20px
}

.backface .journal-simple-slider * {
    -webkit-backface-visibility: hidden
}

.journal-simple-slider {
    overflow: hidden
}

.journal-simple-slider .js-caption {
    cursor: pointer;
    font-size: 45px;
    font-size: 4.5vh;
    position: absolute;
    z-index: 1;
    background-color: red;
    left: 50%;
    margin-left: -150px;
    bottom: 6%;
    transition: all .2s
}

.journal-simple-slider .js-caption:hover {
    background-color: #fff
}

.journal-simple-slider .owl-wrapper {
    cursor: -webkit-grab;
    cursor: -moz-grab
}

.journal-simple-slider .owl-item {
    position: absolute
}

.journal-simple-slider .owl-item img {
    width: 100%;
    height: auto;
    float: left
}

.journal-simple-slider .owl-pagination {
    width: 100%;
    bottom: 8px;
    position: absolute;
    transition: all .2s;
    z-index: 98
}

.journal-simple-slider .owl-controls .owl-buttons div {
    transition: all .2s;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.journal-simple-slider .owl-controls .owl-buttons .owl-prev {
    left: 15px;
    top: 50%;
    transition: all .2s;
    z-index: 99
}

.journal-simple-slider .owl-controls .owl-buttons .owl-prev:before {
    content: "\e093";
    font-size: 30px
}

.journal-simple-slider .owl-controls .owl-buttons .owl-next {
    right: 15px;
    top: 50%;
    transition: all .2s;
    z-index: 99
}

.journal-simple-slider .owl-controls .owl-buttons .owl-next:before {
    content: "\e094";
    font-size: 30px
}

.journal-simple-slider.nav-on-hover .owl-controls .owl-buttons div,.journal-simple-slider.nav-on-hover .owl-pagination {
    visibility: hidden;
    opacity: 0
}

.journal-simple-slider.nav-on-hover:hover .owl-controls .owl-buttons div,.journal-simple-slider.nav-on-hover:hover .owl-pagination {
    visibility: visible;
    opacity: 1
}

.journal-fullscreen-slider {
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 0;
    top: 0;
    z-index: -1
}

.journal-fullscreen-slider .tp-loader {
    display: none
}

.transparent-overlay {
    background-repeat: repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99
}

.section-brand .quickview-button,.section-category .quickview-button,.carousel-brand .quickview-button,.carousel-category .quickview-button {
    display: none
}

.section-brand .product-details,.section-category .product-details,.carousel-brand .product-details,.carousel-category .product-details {
    padding-bottom: 0
}

#top-modules .journal2_custom_sections:before,#bottom-modules .journal2_custom_sections:before {
    content: "";
    height: 40px;
    position: absolute;
    left: -20px;
    right: 0
}

#content .custom-sections {
    margin-bottom: 20px
}

.box-heading.box-sections {
    padding: 0
}

.box-sections ul {
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
    table-layout: fixed
}

.box-sections ul li {
    list-style: none;
    border-right: 1px solid white;
    display: table-cell
}

.box-sections ul li a {
    display: block;
    text-align: center;
    padding: 0 5px;
    color: white;
    font-size: inherit;
    transition: all .2s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 40px;
    line-height: 40px
}

.box-sections ul li:last-of-type {
    border-right: 0
}

.single-section .box-heading ul li a {
    cursor: default;
    padding-left: 10px;
    text-align: left;
    background-color: initial!important;
    pointer-events: none
}

.single-section .box-heading ul li a:hover {
    background-color: inherit
}

.isotope-item {
    z-index: 2
}

.backface .isotope-item {
    -webkit-backface-visibility: hidden
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 0
}

.isotope,.isotope .isotope-item {
    -webkit-transition-duration: .7s;
    -moz-transition-duration: .7s;
    -ms-transition-duration: .7s;
    -o-transition-duration: .7s;
    transition-duration: .7s
}

.isotope {
    -webkit-transition-property: height,width;
    -moz-transition-property: height,width;
    -ms-transition-property: height,width;
    -o-transition-property: height,width;
    transition-property: height,width
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform,opacity;
    -moz-transition-property: -moz-transform,opacity;
    -ms-transition-property: -ms-transform,opacity;
    -o-transition-property: -o-transform,opacity;
    transition-property: transform,opacity
}

.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.oc-filter .panel-heading {
    padding: 0;
    height: 40px;
    margin-bottom: 5px;
    background-color: transparent
}

.oc-filter a.list-group-item {
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 0;
    display: block;
    font-size: 15px;
    color: inherit
}

.oc-filter .list-group-item {
    padding: 10px 0
}

.oc-filter .list-group-item label {
    display: block
}

.oc2 .oc-module.owl-carousel .owl-buttons div {
    opacity: 0;
    color: rgba(0,0,0,0.8);
    text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
    transition: all .3s ease
}

.oc2 .oc-module.owl-carousel:hover .owl-buttons div {
    opacity: .7
}

.oc2 .oc-module.owl-carousel .owl-buttons div i {
    font-size: 40px;
    margin: -20px 0 0
}

.oc2 .oc-module.owl-carousel .owl-buttons .owl-prev {
    left: -50px
}

.oc2 .oc-module.owl-carousel .owl-buttons .owl-next {
    right: -50px
}

.oc2 .oc-module.owl-carousel:hover .owl-buttons .owl-prev {
    left: 10px
}

.oc2 .oc-module.owl-carousel:hover .owl-buttons .owl-next {
    right: 10px
}

.oc2 .oc-module.owl-carousel {
    background-color: white
}

.oc2 .oc-module .owl-controls .owl-buttons div {
    position: absolute
}

.oc2 .oc-module .owl-controls .owl-buttons .owl-prev {
    left: 10px;
    top: 50%
}

.oc2 .oc-module .owl-controls .owl-buttons .owl-next {
    right: 10px;
    top: 50%
}

.oc2 .oc-module .owl-pagination {
    text-align: center;
    top: 30px;
    position: relative
}

.oc2 .oc-module .owl-controls .owl-page {
    display: inline-block;
    margin: 0 6px
}

.oc2 .oc-module .owl-controls .owl-page span {
    display: block;
    width: 11px;
    height: 11px;
    background: rgba(0,0,0,0.5);
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3)
}

.oc2 .oc-module .owl-controls .owl-page.active span {
    background: rgba(0,0,0,0.9)
}

.oc2 .oc-module .owl-controls .owl-page {
    display: inline-block;
    margin: 0 6px
}

.oc2 .oc-module .owl-controls .owl-page span {
    display: block;
    width: 11px;
    height: 11px;
    background: rgba(0,0,0,0.5);
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3)
}

.oc2 .oc-module .owl-controls .owl-page.active span {
    background: rgba(0,0,0,0.9)
}

#top-modules .journal-carousel,#bottom-modules .journal-carousel {
    margin: 0 auto
}

.owl-carousel {
    display: table;
    width: 100%
}

.owl-carousel.oc-module {
    margin: 0 0 40px
}

.owl-carousel .owl-item {
    position: relative;
    z-index: 1
}

.journal-carousel>div {
    overflow: hidden
}

.journal-carousel .product-grid-item {
    margin-bottom: 0
}

.journal-carousel .owl-wrapper-outer {
    overflow: visible;
    margin-bottom: 10px;
    z-index: 0
}

.journal-carousel .tab-content {
    padding: 0;
    margin-top: 0;
    background-color: transparent;
    margin-bottom: 0;
    overflow: visible;
    border: 0;
    z-index: 98
}

.journal-carousel .owl-buttons {
    display: block
}

.journal-carousel .owl-buttons div {
    position: absolute;
    top: -53px;
    right: 0;
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 25px;
    margin: 0;
    border-radius: 0;
    cursor: pointer;
    background-color: transparent;
    color: white;
    transition: color .2s,background-color .2s
}

.journal-carousel .owl-buttons .owl-prev {
    right: 30px
}

.journal-carousel .owl-next:before {
    content: "\e094";
    padding: 0 3px;
    transition: color .2s,background-color .2s
}

.journal-carousel .owl-prev:before {
    content: "\e093";
    padding: 0 3px;
    transition: color .2s,background-color .2s
}

.journal-carousel .side-buttons div {
    top: 50%!important;
    right: 5px;
    margin-top: -50px
}

.journal-carousel .side-buttons .owl-prev {
    left: 5px
}

.journal-carousel .htabs {
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0
}

.journal-carousel .htabs a {
    background-color: transparent;
    box-shadow: none;
    border-right-style: solid;
    border-right-width: 1px;
    border-color: #333745;
    color: inherit;
    height: 40px;
    transition: background-color .2s,color .2s;
    float: left;
    padding: 0 15px
}

.journal-carousel .htabs.single-tab a,.journal-carousel .htabs.single-tab a.selected,.journal-carousel .htabs.single-tab a:hover {
    border: 0;
    cursor: default;
    background-color: transparent
}

.journal-carousel .htabs.single-tab a {
    padding: 0
}

.owl-controls {
    text-align: center
}

.owl-pagination {
    margin-top: -11px;
    margin-bottom: 9px
}

.owl-controls.clickable .owl-buttons div:hover {
    opacity: 1;
    text-decoration: none
}

.owl-controls .owl-page {
    display: inline-block
}

.owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 3px 3px 0 3px;
    background-color: transparent;
    -webkit-perspective: 1000;
    transition: all .2s
}

.owl-controls .owl-page.active span,.owl-controls.clickable .owl-page:hover span {
    background-color: transparent
}

.owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: white;
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 30px
}

.carousel-category .side-buttons div,.carousel-brand .side-buttons div {
    margin-top: -25px
}

.banner {
    position: relative;
    margin: 0 auto;
    margin-bottom: -2px
}

.banner div {
    text-align: center;
    display: none;
    margin: 0 auto
}

.oc-banner .item img {
    max-width: 100%;
    height: auto
}

#content .box-filter {
    display: block;
    overflow: hidden;
    width: 100%;
    position: relative;
    margin-top: -15px;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 20px
}

#content #button-filter {
    margin: 15px 0;
    float: right
}

#content .box-filter>li {
    max-width: 200px;
    float: left;
    margin-right: 10px
}

#content .box-filter>li>span {
    font-size: 15px;
    font-weight: bold;
    padding: 8px 8px 12px 8px;
    display: block;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 8px
}

#column-right .box-filter>li,#column-left .box-filter>li {
    min-height: 40px;
    width: 100%;
    display: table
}

#column-right .box-filter>li>span,#column-left .box-filter>li>span {
    font-size: 15px;
    font-weight: bold;
    padding: 8px 8px 8px 0;
    min-height: 40px;
    display: block;
    padding-left: 15px;
    line-height: 1.5;
    border-bottom: 1px solid #dbdbdb
}

#column-right #button-filter,#column-left #button-filter {
    margin: 15px
}

#column-right .box-content .box-filter li ul,#column-left .box-content .box-filter li ul {
    display: block;
    padding-left: 10px;
    padding-top: 5px
}

.welcome {
    margin-bottom: 15px
}

.welcome h1 {
    border-bottom: 1px solid transparent;
    padding-bottom: 4px
}

.welcome p {
    font-weight: normal;
    font-size: 13px;
    padding-top: 5px
}

.side-column .welcome {
    padding: 10px;
    margin-bottom: 0;
    clear: both
}

.side-column .welcome h1 {
    margin-bottom: 8px
}

#content .store-picker,.side-column .store-picker {
    padding: 10px 10px 0 10px
}

#content .store-picker p,.side-column .store-picker p {
    text-align: left!important;
    padding: 0 0 5px 0
}

#content .oc-store .box-heading,.side-column .oc-store .box-heading {
    margin-bottom: 10px
}

#content .store-module,.side-column .store-module {
    padding: 0 10px
}

#content .store-module p,.side-column .store-module p {
    margin-bottom: 5px
}

#content .store-module a,.side-column .store-module a {
    display: inline-block;
    margin-top: 5px
}

.cms-blocks,.static-banners {
    display: table;
    width: 100%
}

.cms-blocks .blocks,.static-banners .blocks {
    margin-right: -20px
}

.cms-blocks .box-heading,.static-banners .box-heading {
    margin-bottom: 20px
}

.multi-modules .static-banners .box-heading {
    margin-right: 0
}

.static-banners.journal-carousel {
    display: block
}

.static-banners.journal-carousel>div {
    margin-right: 0
}

.static-banners.journal-carousel .static-banner {
    overflow: hidden;
    margin-bottom: 0
}

.cms-block {
    position: relative;
    padding-right: 20px;
    margin-bottom: 20px
}

.cms-block ul,.cms-block ol {
    padding: 10px 0 0 25px;
    margin: 0
}

.cms-block img {
    max-width: 100%!important;
    height: auto!important
}

.gecko .side-column img,.ie .side-column img {
    max-width: 200px
}

.block-content {
    display: table;
    width: 100%
}

.firefox .block-content {
    display: block
}

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

.block-icon {
    text-align: center;
    -webkit-backface-visibility: hidden
}

.block-icon i {
    margin: 0!important;
    border-radius: inherit
}

.block-icon i img {
    border-radius: inherit
}

.block-icon-left {
    float: left;
    margin-right: 10px
}

.block-icon-top {
    margin: 0 auto 10px auto
}

.journal-carousel.static-banners .owl-buttons div {
    top: 40%
}

.journal-carousel.static-banners .owl-buttons .owl-prev {
    left: 0
}

.static-banner {
    position: relative;
    margin-bottom: 10px
}

.static-banner img {
    width: 100%;
    height: auto;
    float: left
}

.static-banner .banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all .2s
}

.static-banner .banner-overlay i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -17px;
    margin-left: -15px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    transition: all .2s
}

.static-banner:hover .banner-overlay {
    transition: all .2s;
    visibility: visible;
    opacity: 1
}

.static-banner:hover .banner-overlay i {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.static-banner .block-content {
    display: block
}

#content .static-banners {
    margin-bottom: 0
}

.journal-rotator {
    margin-bottom: 20px
}

.text-rotator.bullets-on.bullets-center .quovolve-nav {
    bottom: -5px
}

.rotator-image {
    margin: 15px;
    display: block;
    max-width: 85%;
    height: auto;
    float: left;
    position: relative
}

.rotator-image.image-center {
    margin: 15px auto 0 auto!important
}

.rotator-text {
    padding: 15px 15px 0 15px;
    display: block;
    line-height: 100%;
    position: relative;
    font-weight: inherit;
    font-size: inherit
}

.rotator-text>div {
    float: left
}

.has-cta .rotator-text {
    display: inline-block
}

.cta-center .rotator-text,.cta-right .rotator-text {
    padding-bottom: 5px
}

.cta-center .rotator-text {
    display: block;
    margin-bottom: 5px
}

.rotator-author {
    display: block;
    margin-top: 8px;
    position: relative;
    padding: 0 15px
}

.bullets-on .rotator-author {
    padding-bottom: 8px
}

.bullets-on .quote {
    padding-bottom: 20px
}

.bullets-off .rotator-author {
    margin-bottom: 10px
}

.quovolve-nav {
    position: absolute;
    width: 100%;
    bottom: 0;
    margin: 0;
    padding: 0
}

.quovolve-nav ol {
    margin: 0;
    text-align: right;
    padding: 0 10px 7px 20px
}

.quovolve-nav ol li {
    list-style: none;
    display: inline-block
}

.headline-mode .quote.has-cta.cta-center {
    overflow: visible
}

.quote {
    text-align: left;
    overflow: hidden
}

.quote .cta {
    position: relative!important
}

.quote .cta i {
    float: left
}

.headline-mode .rotator-text {
    padding: 14px 0 15px 0
}

.headline-mode .quovolve-nav ol {
    padding-bottom: 2px
}

.headline-mode .quote .button-icon-right i {
    margin-right: 0!important;
    margin-left: 7px;
    float: right
}

.headline-mode.align-left {
    padding-left: 20px;
    padding-right: 20px
}

.bullets-left .quovolve-nav ol {
    text-align: left
}

.bullets-center .quovolve-nav ol {
    text-align: center
}

.bullets-right .quote {
    padding-bottom: 30px
}

.bullets-right .quovolve-nav ol {
    text-align: right
}

.nav-numbers a {
    color: transparent!important;
    background-color: transparent;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 4px;
    text-decoration: none;
    transition: all .2s;
    -webkit-perspective: 1000
}

.nav-numbers a:hover:after {
    content: ""
}

.journal-gallery .box-heading {
    margin-bottom: 15px
}

.journal-gallery .box-content {
    margin-right: -15px;
    overflow: hidden;
    width: auto
}

.journal-gallery .owl-carousel {
    overflow: visible;
    margin-right: 0
}

.journal-gallery .owl-carousel .gallery-thumb {
    margin-bottom: 0
}

.journal-gallery.journal-carousel .owl-buttons div {
    top: -51px
}

.oc-module {
    display: table
}

.oc-module.oc-html {
    display: block
}

#top-modules .journal-gallery .owl-pagination,#bottom-modules .journal-gallery .owl-pagination {
    padding: 7px 0
}

.gallery-thumb {
    padding-right: 15px;
    margin-bottom: 15px;
    overflow: hidden
}

.gallery-thumb a {
    display: block;
    position: relative;
    overflow: hidden
}

.gallery-thumb a:before {
    content: "\e015";
    position: absolute;
    font-size: 30px;
    color: white;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -16px;
    z-index: 99;
    transition: all .2s;
    visibility: hidden;
    opacity: 0;
    padding: 0 2px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0)
}

.gallery-thumb img {
    width: 100%;
    float: right;
    height: auto
}

.gallery-thumb .item-hover {
    position: absolute;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    transition: all .2s;
    -webkit-transition: opacity 0s;
    border-radius: inherit
}

.gallery-thumb>a:hover .item-hover {
    transition: all .2s;
    visibility: visible;
    opacity: 1
}

.gallery-thumb>a:hover:before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

#swipebox-slider {
    height: calc(100% - 100px);
    top: 50px
}

#swipebox-action,#swipebox-caption {
    z-index: 99999
}

.multi-modules-wrapper {
    overflow: hidden
}

.multi-modules .static-banner,.multi-modules .journal-simple-slider,.multi-modules .static-banners>div {
    margin: 0!important;
    padding: 0!important
}

.multi-modules .static-banner .banner-overlay,.multi-modules .journal-simple-slider .banner-overlay,.multi-modules .static-banners>div .banner-overlay {
    right: 0
}

.multi-modules .tp-banner-container {
    height: auto!important
}

.multi-modules-column {
    margin-top: 0!important
}

.multi-modules-row {
    overflow: hidden;
    position: relative
}

#top-modules .multi-modules .static-banners,#bottom-modules .multi-modules .static-banners {
    padding: 0!important
}

.container-dimensions {
    position: absolute;
    top: 10px;
    left: 10px;
    color: red;
    z-index: 97;
    display: none
}

.multi-modules-row:hover .container-dimensions {
    display: block
}

.multi-modules-row .journal-carousel+.container-dimensions {
    display: none
}

.journal-newsletter {
    margin-bottom: 20px
}

.journal-newsletter .box-content {
    border-radius: inherit
}

.journal-newsletter .box-content:after {
    content: "";
    display: block;
    clear: both;
    height: 0
}

.journal-newsletter input+.button {
    margin-top: 10px
}

.journal-newsletter.text-left .newsletter-text {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    float: left;
    width: 50%;
    padding-right: 20px;
    text-align: left;
    line-height: 17px
}

.journal-newsletter.text-left .newsletter-input-wrap {
    display: block;
    position: relative;
    float: left;
    width: 50%
}

.journal-newsletter.text-left .newsletter-input-wrap input {
    width: 100%;
    height: 100%;
    box-shadow: none
}

.journal-newsletter.text-left .newsletter-input-wrap .newsletter-button {
    position: absolute;
    top: 5px;
    right: 3px
}

.journal-newsletter.text-left .newsletter-input-wrap input+.button {
    margin-top: 0
}

.journal-newsletter.text-top .newsletter-text {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
    line-height: 18px
}

.journal-newsletter.text-top .newsletter-input-wrap {
    display: block;
    position: relative;
    width: 100%
}

.journal-newsletter.text-top .newsletter-input-wrap input {
    width: 100%;
    height: 100%;
    box-shadow: none;
    border: 0
}

.journal-newsletter.text-top .newsletter-input-wrap .newsletter-button {
    position: absolute;
    top: 5px;
    right: 3px
}

.journal-newsletter.text-top .newsletter-input-wrap input+.button {
    margin-top: 0
}

.side-column .journal-newsletter .newsletter-text {
    float: none;
    width: 100%!important;
    margin-bottom: 10px;
    padding: 0
}

.side-column .journal-newsletter .newsletter-input-wrap {
    float: none;
    width: 100%!important;
    height: auto!important;
    text-align: center
}

.side-column .journal-newsletter .newsletter-input-wrap input {
    margin-bottom: 5px
}

.side-column .journal-newsletter .newsletter-input-wrap .newsletter-button {
    position: relative;
    left: auto!important;
    right: auto!important;
    width: 100%
}

.side-column .journal-newsletter .newsletter-input-wrap input+.button {
    margin-top: 0
}

.main-products {
    position: relative;
    height: 100%
}

.ie .main-products,.safari5 .main-products {
    width: 100%;
    display: table
}

.product-list .sf-loader {
    right: 0
}

.sf-loader {
    min-height: 2000px;
    position: absolute;
    background-color: rgba(255,255,255,0.7);
    -ms-filter: "alpha(opacity=60)"!important;
    font-size: 14px;
    z-index: 99;
    left: 0;
    top: 20px;
    right: 20px;
    bottom: 20px;
    overflow: hidden
}

.sf-loader span {
    padding: 5px 10px;
    display: block;
    -webkit-font-smoothing: auto
}

.side-column .journal-sf .box-filter>li {
    min-height: 0
}

.sf-reset {
    position: absolute;
    right: 10px;
    top: 11px;
    z-index: 99;
    transition: color .2s
}

.sf-reset .sf-reset-icon:after {
    font-size: 15px
}

.sf-reset-icon:after {
    content: "\e601";
    font-size: 14px;
    position: relative;
    margin-left: 5px;
    float: right
}

.sf-text {
    right: 7px
}

.sf-text .sf-reset-icon {
    display: none
}

.sf-icon {
    top: 10px
}

.sf-icon:before {
    border-top-color: #428bca;
    display: block
}

.sf-icon:after {
    display: block;
    background-color: #428bca;
    padding: 6px 9px
}

.sf-icon .sf-reset-text {
    display: none
}

.sf-icon .sf-reset-icon:after {
    font-size: 20px;
    position: relative;
    margin-left: 1px;
    top: -2px
}

.sf-price .ui-slider-horizontal {
    height: auto
}

.sf-price .ui-widget-content {
    border: 0;
    background: white
}

.sf-price .ui-widget-header {
    background: #ea2e49;
    border: 0
}

.sf-price .ui-slider-handle {
    width: 16px;
    height: 16px;
    top: 0;
    cursor: pointer;
    background: #428bca;
    border: 0;
    border-radius: 0;
    transition: background .2s
}

.sf-price .value {
    position: absolute;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 11px;
    color: white;
    background: #428bca;
    top: 23px;
    left: 50%;
    margin: 0 0 0 -18px;
    min-width: 36px;
    text-align: center;
    display: block;
    padding: 2px 3px
}

.sf-price .value:after {
    content: "";
    position: absolute;
    border: 7px solid transparent;
    border-bottom: 7px solid #428bca;
    border-radius: 0;
    top: -12px;
    left: 50%;
    margin-left: -7px
}

.sf-price .price-range-both.value {
    min-width: 72px;
    margin: 0 0 0 -36px;
    top: 19px
}

.sf-price .price-range-both {
    display: none
}

.sf-price.sf-input .box-content {
    margin-bottom: 20px;
    padding: 15px
}

.sf-price.sf-input .box-content span {
    position: relative;
    display: inline-block;
    width: 49%
}

.sf-price.sf-input .box-content span:after {
    content: "";
    display: table;
    clear: both
}

.sf-price.sf-input .box-content span:first-of-type {
    padding-right: 5px
}

.sf-price.sf-input .box-content span:last-of-type {
    padding-left: 5px
}

.sf-price.sf-input .box-content span label {
    font-size: 16px;
    cursor: default;
    padding-right: 5px;
    line-height: 30px;
    float: left
}

.sf-price.sf-input .box-content span input {
    float: left;
    width: 84%;
    max-height: 30px
}

.sf-price.sf-input .box-content span.currency-right label {
    float: right;
    padding-right: 0
}

.sf-price.sf-input .box-content span.currency-right input {
    width: 82%
}

.sf-price.sf-input .box-content .button {
    display: block;
    width: 100%;
    margin-top: 10px
}

.journal-sf {
    position: relative
}

.journal-sf img {
    height: auto
}

.journal-sf .box-content {
    display: block;
    overflow: auto
}

.journal-sf .sf-price .box-content {
    overflow: visible
}

.journal-sf:before {
    border-top-color: #428bca;
    display: block
}

.journal-sf:after {
    display: block;
    background-color: #428bca;
    padding: 6px 9px;
    border-radius: 3px
}

.journal-sf ul {
    border-radius: inherit;
    overflow: hidden
}

.journal-sf ul li {
    border-bottom: 1px solid #333745
}

.journal-sf ul li:last-of-type {
    border-bottom: 0
}

.journal-sf ul label {
    width: 100%;
    display: block;
    transition: color .2s;
    font-weight: normal;
    margin: 0;
    padding: 0
}

.journal-sf ul label img {
    transition: border-color .1s
}

.journal-sf ul label input[type=checkbox] {
    position: relative;
    margin: 0 5px 0 0
}

.journal-sf ul.hide-checkbox label input[type=checkbox] {
    display: none
}

.journal-sf .sf-both ul label img {
    vertical-align: middle;
    margin: 0 5px 0 22px;
    float: left;
    display: block;
    max-width: 42px
}

.journal-sf .sf-both ul label .sf-name {
    line-height: 100%;
    vertical-align: middle;
    display: table-cell;
    height: 42px;
    max-width: 135px
}

.journal-sf .sf-both ul label input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.journal-sf .sf-both ul.hide-checkbox label img {
    margin-left: 0
}

.journal-sf .sf-both ul.hide-checkbox label input[type=checkbox] {
    display: none
}

.journal-sf .sf-image .box-content {
    overflow: hidden;
    overflow-y: auto;
    max-height: 310px
}

.journal-sf .sf-image .box-content ul {
    display: block
}

.journal-sf .sf-image .box-content ul li {
    border-bottom: none!important;
    float: left;
    width: 25%;
    padding: 0;
    padding-left: 0!important;
    padding-top: 0!important
}

.journal-sf .sf-image .box-content ul label {
    width: 100%;
    display: block
}

.journal-sf .sf-image .box-content ul label img {
    display: block;
    margin: 0;
    width: 100%;
    height: auto
}

.journal-sf .sf-image .box-content ul label input[type=checkbox] {
    display: none
}

.journal-sf .sf-image .box-content ul.hide-checkbox label input[type=checkbox] {
    display: none
}

.mfp-removing .journal-popup {
    opacity: 0;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7)
}

.mfp-removing.mfp-bg {
    opacity: 0;
    transition: all .2s ease-in-out
}

@media only screen and (min-width:1024px) {
    .has-popup {
        margin: 0!important;
        overflow-y: scroll!important;
        position: fixed;
        width: 100%
    }
}

.mfp-close {
    opacity: 1;
    transition: all .2s
}

.quickview .journal-popup-header .heading-title {
    text-align: center
}

.journal-popup {
    position: relative;
    background: #FFF;
    margin: 0 auto
}

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

.journal-popup .journal-newsletter {
    margin-bottom: 0;
    padding: 0 20px
}

.journal-popup .journal-newsletter .box-content {
    padding: 0!important;
    background-color: transparent!important
}

.journal-popup .mfp-close {
    color: white;
    top: -38px;
    right: -16px
}

.journal-popup * {
    box-sizing: border-box
}

.journal-popup div.journal-popup-header-content {
    text-align: center;
    border: 0;
    border-radius: 0;
    white-space: normal;
    padding: 9px;
    line-height: 100%
}

.journal-popup .button-icon-right i {
    float: right;
    margin-right: 0!important;
    margin-left: 5px
}

.journal-popup .journal-popup-header {
    border-radius: 0
}

.journal-popup-content {
    overflow: hidden;
    color: #333745
}

.journal-popup-content.overflow-on {
    overflow: auto
}

.journal-popup-header,.journal-popup-footer,.journal-popup-newsletter {
    display: table;
    width: 100%
}

.journal-popup-header-content,.journal-popup-footer-content,.journal-popup-newsletter-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.journal-popup-footer-content {
    text-align: left;
    padding-left: 15px;
    background-color: #f4f4f4
}

.journal-popup-footer-content .button {
    line-height: 38px
}

.dont-show-label label {
    font-weight: normal
}

.dont-show-label input[type='checkbox'] {
    margin-right: 0;
    position: relative
}

.firefox .dont-show-label input[type='checkbox'] {
    margin-right: 0;
    margin-left: 10px
}

.firefox .journal-popup-footer-content .button {
    line-height: 39px
}

.journal-popup-footer-content.has-btn {
    text-align: center
}

.journal-popup-footer-content.has-btn .button:first-of-type {
    margin-right: 8px
}

.journal-popup-footer-content.has-btn .dont-show-label {
    position: absolute;
    left: 0;
    margin-top: 9px
}

.journal-popup {
    display: none
}

.journal-popup input.has-error,.journal-popup textarea.has-error {
    border: 1px solid red
}

.has-popup .journal-popup {
    display: block
}

.has-popup.tablet body,.has-popup.mobile body {
    width: 100%
}

@media only screen and (min-width:320px) and (max-width:760px) {
    .journal-popup img {
        max-height: 200px;
        width: auto
    }
}

@media only screen and (max-width:760px) {
    .mfp-container {
        padding: 0
    }

    .mfp-wrap {
        overflow-y: auto;
        overflow-x: hidden
    }

    .mfp-content {
        overflow: visible
    }

    .journal-popup,.journal-popup-content {
        height: auto!important
    }

    .journal-popup .journal-popup-header-content {
        font-size: 1.2em!important;
        padding-left: 12px;
        padding-right: 12px;
        white-space: normal;
        line-height: 100%
    }

    .journal-popup-newsletter .journal-newsletter {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .journal-popup-newsletter .journal-newsletter.text-left .newsletter-text,.journal-popup-newsletter .journal-newsletter.text-left .newsletter-input-wrap {
        width: 100%;
        float: none;
        margin-top: 10px
    }
}

@media only screen and (max-width:400px) {
    .journal-popup-contact .mfp-close {
        top: -7px;
        right: -10px;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.3)
    }

    .journal-popup,.mfp-wrap {
        width: 100%!important
    }
}

@media only screen and (max-width:330px) {
    .journal-popup-contact input[type='text'],.journal-popup-contact input[type='email'],.journal-popup-contact input[type='password'],.journal-popup-contact textarea {
        max-width: 94%!important
    }
}

.journal-popup-contact .content,.journal-popup-contact fieldset {
    padding: 15px
}

.journal-popup-contact .content b,.journal-popup-contact fieldset b {
    display: inline-block;
    margin: 9px 0 4px 0
}

.journal-popup-contact .content b:first-of-type,.journal-popup-contact fieldset b:first-of-type {
    margin-top: 0
}

.journal-popup-contact .content b:last-of-type,.journal-popup-contact fieldset b:last-of-type {
    display: block
}

.journal-popup-contact .content b:last-of-type+br,.journal-popup-contact fieldset b:last-of-type+br {
    display: none
}

.journal-popup-contact .content textarea+br,.journal-popup-contact fieldset textarea+br {
    display: none
}

.journal-popup-contact .content input[name='captcha'],.journal-popup-contact fieldset input[name='captcha'] {
    margin: 0 10px 0 0;
    height: 35px;
    display: block;
    float: left
}

.journal-popup-contact input+br,.journal-popup-contact input+br+br {
    display: none
}

.journal-popup-contact input[type='text'],.journal-popup-contact input[type='email'] {
    max-width: 600px
}

.oc2 .journal-popup-contact .form-horizontal .form-group label {
    width: 100%;
    float: none;
    padding-top: 0;
    font-weight: bold;
    margin-bottom: 2px
}

.oc2 .journal-popup-contact .form-horizontal .form-group label:before {
    display: none
}

.oc2 .journal-popup-contact .form-horizontal .form-group label+div {
    width: 100%;
    float: none
}

.oc2 .journal-popup-contact .pull-right {
    float: none
}

.journal-carousel>div.posts {
    overflow: visible
}

.gutter-on .posts {
    margin-bottom: -20px
}

.posts {
    margin: 20px -20px 0 0;
    text-align: center
}

.posts>div {
    margin-bottom: 20px
}

.posts h2 {
    padding: 10px 0 5px 0;
    display: table;
    width: 100%;
    margin: 0 0 5px 0;
    font-size: 16px;
    table-layout: fixed
}

.posts h2 a {
    display: table-cell;
    vertical-align: middle;
    transition: color .2s;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.gutter-on .posts>div {
    margin-bottom: 0
}

.gutter-on .posts>div.owl-controls .owl-pagination {
    margin-top: 10px;
    margin-bottom: -10px
}

.post-item-details {
    text-align: center;
    overflow: hidden
}

.post-image:after {
    content: "";
    display: table;
    width: 100%;
    clear: both
}

.post-image img {
    width: 100%;
    height: auto;
    float: left
}

.post-wrapper {
    margin-right: 20px;
    overflow: hidden;
    transition: all .2s
}

.post-text {
    padding: 10px 0 10px 0;
    font-size: 14px;
    line-height: 17px;
    overflow: hidden
}

.post-text span {
    display: block
}

.post-view-more.button {
    margin: 5px 0 15px 0;
    padding: 10px;
    line-height: 100%!important
}

.post-button-left-icon:before {
    margin-right: 5px
}

.post-button-left-icon:before:before {
    transition: all .2s
}

.post-button-right-icon {
    display: none
}

.post-button-right-icon:before {
    transition: all .2s;
    margin-left: 5px
}

.blog-list-view .post-view-more {
    margin: 5px 0 5px 0
}

.comment-date {
    padding: 7px 0 8px 0;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    display: inline-block;
    color: #999;
    font-size: 12px
}

.comment-date span {
    display: inline-block;
    position: relative;
    text-align: left
}

.comment-date span:before {
    margin-right: 4px;
    position: relative;
    display: block;
    float: left;
    font-size: 13px
}

.firefox .comment-date span:before {
    margin-top: -2px
}

.p-author {
    margin-right: 7px
}

.p-author:before {
    content: "\e1b8"
}

.p-date {
    margin-right: 7px
}

.p-date:before {
    content: "\e6b3"
}

.p-comment:before {
    content: "\e1ae"
}

.p-category a+span {
    display: inline-block!important
}

.p-category a:last-of-type+span {
    display: none!important
}

.p-category:before {
    content: "\e6b2"
}

.p-category>a {
    transition: all .2s;
    margin-left: 5px
}

.p-category>a:first-of-type {
    margin-left: 0
}

.p-category>a:last-of-type+span {
    display: none
}

.posts.blog-list-view {
    text-align: left;
    margin: 20px 0 0 0
}

.posts.blog-list-view>div {
    width: 100%!important
}

.posts.blog-list-view .post-image {
    float: left;
    padding-right: 15px;
    overflow: hidden;
    width: 33.333333%
}

.posts.blog-list-view h2 {
    padding: 0;
    margin-top: 0
}

.posts.blog-list-view h2 a {
    height: auto!important;
    display: block;
    white-space: normal
}

.posts.blog-list-view h2 a span {
    display: inline-block;
    border-bottom: 1px solid #e4e4e4;
    padding: 0 0 7px 0
}

.posts.blog-list-view .post-item-details {
    float: left;
    width: 66.666666%;
    padding: 0;
    text-align: left!important
}

.posts.blog-list-view .post-wrapper {
    margin-right: 0;
    padding: 10px
}

.posts.blog-list-view .post-text {
    padding: 10px 10px 8px 0
}

.posts.blog-list-view .comment-date {
    padding: 5px 0;
    border: 0
}

.blog-post .heading-title {
    margin-bottom: 0
}

.blog-post .post-stats {
    margin-bottom: 15px;
    padding: 10px 0 10px 0
}

.blog-post .post-stats .p-posted {
    margin-right: 2px
}

.blog-post .post-stats>span {
    margin-right: 10px;
    display: inline-block;
    clear: both
}

.blog-post .post-stats>span:before {
    display: inline-block;
    margin-right: 4px;
    position: relative;
    float: left
}

.blog-post .post-stats>span.p-category:before {
    margin-right: 6px
}

.blog-post .post-stats.comment-date {
    border-width: 0;
    display: block
}

.blog-post .social {
    border-top: 1px solid #eee;
    margin-top: 15px;
    clear: both;
    padding: 12px 8px 0 0;
    margin-bottom: 0;
    background-position: 0 center;
    background-color: inherit!important;
    background-image: none
}

.blog-post .social-loaded {
    display: inline-block
}

.blog-post .tags {
    margin: 20px 10px 22px 0;
    font-size: 13px
}

.blog-post .tags a,.blog-post .tags b {
    display: initial;
    border-radius: 0;
    transition: all .2s;
    margin-right: 4px
}

.blog-post .tags a {
    display: inline-block
}

.post-details {
    overflow: hidden;
    font-size: 14px
}

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

.post-details:after {
    content: "";
    display: table;
    width: 100%;
    clear: both
}

.post-details .tags {
    line-height: initial
}

blockquote {
    padding: 0 0 0 15px;
    border-width: 0;
    border-left: 10px solid #ea2e49;
    margin: 20px;
    line-height: 20px;
    font-style: italic
}

.comments {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 17px
}

.comments>.comment {
    color: #333745;
    position: relative;
    margin-top: 20px;
    padding: 13px 13px 7px 13px
}

.comments>.comment p {
    font-size: 14px
}

.comments>.comment:first-of-type {
    margin-top: 0
}

.comments>.comment:nth-child(even) {
    background-color: #f4f4f4
}

.comments>.comment:nth-child(odd) {
    background-color: #f4f4f4
}

.comments>.comment:after {
    content: ""
}

.comments>h3 {
    padding: 15px 0;
    font-size: 17px
}

.comments .avatar {
    display: block;
    float: left;
    margin-right: 15px;
    margin-bottom: 0
}

.comments .user-name {
    font-size: 18px;
    font-weight: bold
}

.comments .user-date {
    margin: 2px 0 4px 0;
    font-size: 11px;
    color: #5f6874
}

.comments .user-date:before {
    margin-right: 3px;
    position: relative
}

.comments .user-time:before {
    margin-right: 3px;
    position: relative
}

.comments .user-site {
    font-size: 13px
}

.comments .reply-btn {
    position: absolute;
    top: 12px;
    right: 13px;
    line-height: 100%;
    padding: 8px 10px
}

.comments .comment {
    position: relative
}

.comments .comment>p {
    line-height: 16px;
    padding-bottom: 5px
}

.comments .comment+.success {
    margin-top: 20px;
    color: #333745
}

.comments .reply+.success {
    margin-top: 15px;
    margin-left: 85px;
    width: auto
}

.comments .main-comment+.success {
    margin-top: 15px
}

.comments .reply {
    position: relative;
    padding: 13px 13px 7px 13px;
    margin-left: 85px;
    margin-top: 15px
}

.comments .reply:nth-of-type(even) {
    background-color: #e9e9e9
}

.comments .reply:nth-of-type(odd) {
    background-color: #e9e9e9
}

.comments .reply:after {
    content: ""
}

.post-comment {
    margin-bottom: 20px
}

.post-comment h3 {
    padding: 15px 0;
    font-size: 17px
}

.comment-submit.button,.reply-submit.button {
    display: inline-block;
    margin-top: 10px;
    line-height: 100%;
    padding: 10px
}

.comment-form form>div input {
    display: block;
    max-width: 350px;
    margin-bottom: 10px
}

.reply .main-comment .button {
    display: none
}

.reply-form {
    margin-left: 85px
}

.reply-form h3 {
    border-bottom-width: 0;
    padding: 15px 0
}

.reply-form .comment-form {
    padding: 0;
    background-color: transparent
}

.has-error .form-control {
    border: 1px solid #ea2e49!important
}

.button.disabled {
    opacity: .7;
    cursor: wait
}

.side-posts .box-post {
    overflow: hidden;
    position: relative
}

.post-module.no-heading .posts {
    margin-top: 0
}

.post-module {
    display: table
}

.post-module.journal-carousel {
    display: block
}

.side-blog .box-post {
    padding: 10px 0 0 0
}

.side-blog .box-category.box-post {
    padding: 0
}

.side-post+hr {
    margin-bottom: 10px;
    background-color: transparent;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #f4f4f4
}

.side-post {
    margin-bottom: 10px;
    overflow: hidden
}

.side-post:after {
    content: "";
    display: block;
    clear: both
}

.side-post:last-of-type {
    margin-bottom: 0
}

.side-post:last-of-type+hr {
    display: none
}

.side-post .comment-date {
    border-bottom: 0;
    border-top: 0;
    display: block;
    width: 100%;
    padding: 0
}

.side-post .p-comment {
    margin-right: 0
}

.side-post .p-date {
    margin-right: 10px
}

.side-post-details {
    float: left;
    width: 75%
}

.side-post-image {
    width: 20%;
    display: block;
    float: left;
    overflow: hidden;
    margin-right: 5%
}

.side-post-image img {
    width: 100%;
    height: auto;
    float: left
}

.side-post-image:after {
    content: "";
    display: table;
    clear: both
}

.side-post-title {
    display: block;
    margin-bottom: 6px;
    transition: all .2s
}

.blog-comments img {
    max-width: 55px;
    height: auto
}

.blog-comments .p-user:before {
    display: block;
    float: left
}

.comment-author:after {
    content: "";
    display: table;
    clear: both
}

.side-blog-tags .box-tag {
    overflow: hidden
}

.side-blog-tags .box-tag>div {
    margin-bottom: -7px;
    overflow: hidden
}

.side-blog-tags .box-tag a {
    float: left;
    display: block;
    background-color: #3f5765;
    color: white;
    margin: 0 6px 6px 0;
    padding: 3px 7px 5px 7px;
    transition: all .2s
}

.side-blog-tags .box-tag a:hover {
    background-color: #5c8ba6
}

.box-search {
    position: relative;
    height: 33px
}

.box-search a {
    display: table;
    width: 33px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 2px;
    transition: color .2s;
    padding-left: 1px;
    border-left: 1px solid #eee
}

.box-search a:before {
    content: '\e697';
    font-size: 18px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #ccc
}

.column.posts {
    margin: 0
}

.column.posts h3 {
    margin-bottom: 7px
}

.column.posts>div {
    margin-bottom: 0
}

.footer-post {
    padding: 6px 0;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: #f4f4f4
}

.footer-post .comment-date {
    padding: 5px 0 0 0;
    color: #e4e4e4
}

.footer-post:after {
    content: "";
    display: table;
    clear: both
}

.footer-post:first-of-type {
    padding-top: 0
}

.footer-post:last-of-type {
    border-bottom: 0
}

.footer-post-image {
    display: block;
    overflow: hidden;
    float: left;
    margin-right: 10px
}

.footer-post-title,.footer-post .comment-date {
    display: block;
    text-align: left;
    border-width: 0;
    transition: all .2s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.footer-post .comment-date {
    font-size: 11px;
    padding: 3px 0 0 0
}

.footer-post .comment-date span:before {
    font-size: 12px
}

.journal-blog-feed {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 20px;
    margin-top: 30px;
    transition: all .2s;
    color: #222
}

.journal-blog-feed:before {
    content: "\e6b4";
    color: #ff8000;
    margin-right: 5px;
    position: relative;
    top: 1px
}

.header-notice {
    padding: 7px 50px 7px 10px;
    line-height: 1.3;
    font-size: 14px;
    position: relative;
    min-height: 15px;
    z-index: 2000
}

.header-notice i {
    margin-right: 7px!important
}

.header-notice i:before {
    float: left
}

.header-notice a {
    transition: all .2s
}

.header-notice.floated-icon i {
    float: left
}

.header-notice.center-notice {
    text-align: center
}

.header-notice.center-notice i:before {
    float: none
}

.header-notice.right-notice {
    text-align: right;
    padding-right: 60px
}

.header-notice.right-notice i:before {
    float: none
}

.notice-text:after {
    content: "";
    display: table;
    width: 100%;
    clear: both
}

button.close-notice {
    cursor: pointer;
    padding: 0 12px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 15px;
    transition: all .2s;
    border-radius: 0!important
}

button.close-notice.x-icon:before {
    content: "\e601";
    font-size: 26px;
    padding-top: 3px
}

@media only screen and (max-width:760px) {
    .header-notice i {
        float: left
    }
}

.cart-info .stock {
    color: red
}

.cart-info .name {
    max-width: 400px;
    text-align: left
}

.cart-info .name a {
    font-weight: bold
}

.cart-info .image {
    text-align: center;
    max-width: 100px
}

.cart-info .image img {
    margin: 5px 0;
    float: left;
    margin-left: 10px
}

.cart-info .quantity {
    min-width: 110px;
    text-align: center
}

.cart-info .quantity .input-group {
    display: inline-block
}

.cart-info .quantity .input-group input {
    margin-right: 5px;
    border-radius: 4px
}

.cart-info .quantity .input-group .btn-primary {
    background-color: #428bca
}

.cart-info .quantity .input-group .btn-primary:hover {
    background-color: #3071a9
}

.cart-info .quantity .input-group .btn-danger {
    background-color: #ea2e49
}

.cart-info .quantity .input-group .btn-danger:hover {
    background-color: #d01530
}

.cart-info .price,.cart-info .total {
    font-weight: bold
}

.cart-info table {
    overflow: hidden
}

.cart-info td {
    padding: 5px 10px 5px 5px;
    text-align: center
}

.cart-info thead td {
    height: 40px;
    font-weight: bold;
    border-bottom: 0;
    font-size: 13px
}

.cart-info tbody td {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e4e4e4
}

.cart-info tbody td.image {
    padding-left: 0
}

.cart-info tbody tr:last-of-type td {
    border-bottom: 0
}

#content.sc-page .content p,#content.sc-page .action-area p {
    padding: 10px;
    font-size: 13px
}

#content.sc-page .content table.radio .highlight td {
    border-bottom: 1px solid;
    border-color: #f4f4f4
}

#content.sc-page .content table.radio .highlight:last-of-type td {
    border-bottom: 0
}

#content.sc-page a+.text-danger {
    color: #ea2e49;
    background-color: transparent
}

.cart-module>div {
    display: none
}

.cart-module>div form {
    padding-left: 10px
}

.cart-module>div form input[type='text'] {
    max-width: 240px;
    margin: 20px 0
}

.cart-module>div input[name='postcode'] {
    width: 100px;
    margin-left: 6px;
    margin-top: 5px
}

#shipping table {
    padding: 10px 0;
    width: 45%
}

#shipping table td:first-of-type {
    font-weight: bold
}

#shipping select {
    width: 150px
}

#shipping .button {
    margin: 10px 0
}

.cart-total {
    overflow: auto;
    padding: 8px
}

.cart-total table {
    float: right
}

.cart-total td {
    padding: 4px;
    text-align: right
}

label {
    line-height: 1.5;
    font-size: 13px;
    position: relative
}

#total .right {
    font-size: 14px;
    width: 87%;
    font-weight: bold
}

.quantity input[type='text'] {
    width: 40px;
    text-align: center
}

.action-area {
    overflow: hidden
}

.action-area h3 {
    padding: 10px 12px
}

.oc2 .action-area .panel-heading {
    padding: 0
}

.oc2 .action-area .panel-group {
    margin-bottom: 0
}

.oc2 .action-area .panel-body label {
    display: inline-block;
    margin-bottom: 5px
}

.oc2 .action-area .panel-body .input-group input[type="text"] {
    min-width: 300px
}

.oc2 .action-area .panel-body .input-group .button {
    margin-left: 5px
}

.oc2 .action-area .form-group {
    clear: both;
    margin-top: 10px
}

.oc2 .action-area .form-group label {
    min-width: 150px;
    float: left;
    margin-bottom: 0
}

.oc2 .action-area .form-group input[type="text"] {
    max-width: 160px
}

.oc2 .checkout #accordion {
    overflow: hidden
}

.oc2 .checkout-content {
    background-color: transparent;
    padding: 0;
    display: block
}

.oc2 .checkout-content .right .form-group {
    margin-bottom: 8px
}

.oc2 .checkout-content p,.oc2 .checkout-content .radio {
    padding: 10px 0 0 0
}

.order-list .list td {
    text-align: center
}

.sc-page .buttons .pull-left {
    margin-bottom: 10px
}

.checkout {
    margin-bottom: 20px;
    overflow: hidden
}

.checkout select {
    margin: 0 0 3px 0
}

.checkout div:last-of-type .checkout-heading {
    border-bottom: 0
}

.checkout-heading {
    border-bottom: 1px solid;
    border-color: #333745;
    font-size: 13px;
    min-height: 35px;
    padding: 10px;
    clear: both
}

.checkout-heading a {
    float: right;
    margin-top: 1px;
    font-weight: normal;
    text-decoration: none
}

.checkout-content {
    padding: 0 0 15px 0;
    display: none;
    position: relative
}

.checkout-content:after {
    content: "";
    display: table;
    clear: both
}

.checkout-content table.radio td:first-child {
    width: 25px
}

.checkout-content p {
    padding: 10px 0
}

.checkout-content .left {
    float: left;
    width: 48%
}

.checkout-content .right {
    float: right;
    width: 48%
}

.checkout-content .left p:last-of-type {
    min-height: 92px
}

.checkout-content .buttons {
    margin-bottom: 0;
    clear: both
}

.checkout-content .buttons .right {
    width: 100%
}

.checkout-content textarea {
    width: 100%!important;
    margin-top: 15px
}

#payment-address h2 {
    margin-bottom: 15px
}

.checkout-product{
    margin-bottom: 0px;
}

.checkout-product .total {
    font-weight: bold
}

.checkout-product td {
    padding: 15px
}

.checkout-product thead td {
    font-weight: bold;
    padding: 13px
}

.checkout-product .image {
    min-width: 70px;
}

.checkout-product .name,.checkout-product .model {
    text-align: left
}

.checkout-product .quantity,.checkout-product .price,.checkout-product .total {
    text-align: right
}

.checkout-product .quantity {
    min-width: 150px;
}

.checkout-product tbody td {
    border-bottom: 1px solid;
    border-color: #f4f4f4
}

.checkout-product tfoot td {
    text-align: left;
    padding: 6px 15px
}

.wait {
    position: absolute;
    padding-top: 12px;
    right: -10px;
    bottom: 30px
}

.newsletter-page table.form {
    padding-top: 0
}

.oc2 .oc-newsletter .form-horizontal .form-group>label {
    width: auto;
    padding-top: 10px
}

.oc2 .oc-newsletter .form-horizontal .form-group .radio-inline {
    width: auto
}

.oc2 .oc-newsletter .form-horizontal .form-group label+div {
    float: none;
    padding-top: 0
}

.returns>h1+p {
    margin-bottom: 15px
}

.returns form h2,.returns form .content {
    margin-bottom: 15px
}

.returns .left {
    float: none
}

.returns .buttons .left {
    float: left
}

@media only screen and (max-width:980px) {
    .return-product>div {
        width: 100%;
        display: block
    }

    .return-product>div input {
        margin: 3px 0
    }

    .return-detail>div {
        width: 100%;
        display: block
    }

    .return-reason {
        margin-bottom: 20px
    }
}

.sitemap-info {
    overflow: auto;
    padding-bottom: 20px
}

.sitemap-info ul {
    margin: 0;
    padding: 0
}

.sitemap-info ul li {
    list-style: none;
    padding: 2px;
    margin-bottom: 1px;
    font-weight: bold
}

.sitemap-info>div {
    float: left;
    width: 50%;
    padding-left: 7px
}

.sitemap-info>div>ul {
    padding: 10px 0 5px 15px
}

.sitemap-info>div>ul>li ul {
    margin-left: 7px
}

.sitemap-info>div>ul>li ul>li a {
    font-weight: normal
}

.sitemap-info>div>ul>li>ul li:before {
    font-size: 12px
}

.sitemap-info>div:first-of-type {
    padding-left: 0;
    padding-right: 10px
}

.header-default-sticky .manufacturer-list a[id]:before,.header-slim-sticky .manufacturer-list a[id]:before {
    content: "";
    display: block;
    height: 120px;
    margin-top: -120px
}

.header-center-sticky .manufacturer-list a[id]:before {
    content: "";
    display: block;
    height: 150px;
    margin-top: -150px
}

.manufacturer-list:first-of-type {
    margin-top: 10px
}

.manufacturer-list {
    overflow: auto
}

.manufacturer-list ul {
    float: left;
    width: 25%;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 10px
}

.manufacturer-heading {
    background: #5f6874;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 8px;
    margin-bottom: 6px
}

.manufacturer-content {
    padding: 8px
}

.manufacturer-list ul {
    float: left;
    width: 25%;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 10px
}

.contact-page h2 {
    margin-bottom: 15px
}

.contact-page .buttons {
    margin-top: 15px
}

.contact-page .content b {
    margin-bottom: 5px;
    display: inline-block
}

.contact-info {
    overflow: auto
}

.contact-info>div>div {
    float: left;
    width: 48%;
    margin-bottom: 10px
}

.oc2 .contact-page h2 {
    margin-bottom: 15px
}

.oc2 .contact-page .fa {
    top: -1px;
    font-size: 16px
}

.oc2 .contact-page .col {
    float: left;
    width: 25%;
    padding-left: 15px
}

.oc2 .contact-page .col strong {
    display: inline-block;
    margin-bottom: 5px
}

.oc2 .contact-page .col:first-of-type {
    padding-left: 0
}

.oc2 .contact-page .col-sm-10 {
    width: 75%;
    margin-bottom: 5px
}

.oc2 .contact-page input[name='captcha'] {
    margin: 0
}

.oc2 .contact-page .panel-body {
    margin-bottom: 20px;
    overflow: hidden;
    background-color: transparent
}

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

.oc2 address {
    margin-bottom: 20px
}

.route-account-return-add fieldset .radio label,.route-account-return-add fieldset .radio-inline {
    width: 100%!important
}

#content.search-page .buttons+h2 {
    margin-bottom: 15px
}

#content.search-page .content {
    margin: 15px 0;
    padding-bottom: 5px;
    overflow: hidden
}

#content.search-page .content input[type="text"] {
    width: 265px
}

#content.search-page .content input[type='checkbox'] {
    position: relative;
    top: 2px
}

#content.search-page .content select {
    margin: 10px
}

#content.search-page .content>div {
    float: left;
    position: relative
}

#content.search-page .content .s-check {
    top: 7px
}

.oc2 #content.search-page {
    padding-bottom: 20px
}

.oc2.firefox #content.search-page .content select,.oc2.win #content.search-page .content select {
    margin-top: 2px
}

.oc2.firefox #content.search-page .content input[type='checkbox'],.oc2.win #content.search-page .content input[type='checkbox'] {
    position: relative;
    top: 2px
}

.compare-info img {
    max-width: 100%!important
}

.one-page-checkout .heading-title {
    overflow: visible;
    white-space: normal;
    height: auto
}

.checkout-loading {
    opacity: .5;
    pointer-events: none
}

.checkout-type-login .checkout-content:not(.checkout-login):not(.login-box) {
    opacity: .5;
    pointer-events: none
}

.journal-checkout {
    display: table;
    width: 100%;
    margin-bottom: 20px
}

.journal-checkout .secondary-title {
    margin-bottom: 0px;
    border-bottom-width: 0px;
}

.journal-checkout .checkout-content {
    background: #f4f4f4;
    padding: 0px;
    display: block
}

.journal-checkout .checkout-content.confirm-section {
    clear: both;
    text-align: center;
    width: 60%;
    margin: 0 auto;
    font-size: 16px;
    padding: 50px;
}

.journal-checkout .checkout-content.confirm-section h2 {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
}

.journal-checkout .checkout-content.confirm-section p {
    padding: 0;
}

.journal-checkout .checkout-content.confirm-section h2 + p {
    margin-bottom: 20px;
}

.journal-checkout .checkout-content.confirm-section .seller-message-wrapper .secondary-title {
    border: none;
}

.journal-checkout .checkout-content.confirm-section .seller-message-wrapper #payment-custom-field8 .control-label {
    font-size: 16px;
    font-weight: normal;
}

.journal-checkout .checkout-content.confirm-section .seller-message-wrapper #payment-custom-field8 #input-payment-custom-field8 {
    width: 100%;
    font-size: 12px;
}

.journal-checkout .checkout-content.confirm-section #payment-confirm-button .well {
    padding: 10px;
    border: 2px solid #363375;
    border-radius: 5px;
    margin: 0 70px 20px;
}

.journal-checkout .checkout-content .buttons {
    margin-top: 0
}

.journal-checkout .checkout-content.checkout-login {
    display: none;
    margin-bottom: 18px
}

.journal-checkout .login-box {
    margin-bottom: 18px;
    display: table;
    width: 100%
}

.journal-checkout .login-box .radio {
    padding-top: 3px
}

.journal-checkout .checkout-login .form-group {
    position: relative;
    overflow: visible!important;
    display: table;
    width: 100%
}

.journal-checkout .checkout-login .form-group input+a {
    margin-top: 5px
}

.journal-checkout .checkout-login .form-group:last-of-type {
    border-top-width: 1px;
    border-top-style: solid;
    border-color: #f4f4f4;
    margin-top: 12px;
    padding-top: 12px
}

.journal-checkout .checkout-login .button {
    line-height: 34px
}

.journal-checkout .left,.journal-checkout .right {
    width: 36%;
    float: left
}

.journal-checkout .left {
    width: 64%;
    padding-right: 18px
}

.journal-checkout .left .checkout-content span.error,.journal-checkout .left .checkout-content .text-danger {
    width: 100%
}

.journal-checkout .left .checkout-content label {
    display: block;
    width: 100%;
    padding: 0 0 0 1px;
    line-height: 100%;
    margin-bottom: 3px
}

.journal-checkout .left .checkout-content label+input,.journal-checkout .left .checkout-content label+div {
    width: 100%;
    float: none
}

.journal-checkout .left #password {
    margin: 7px 0
}

.journal-checkout .left .login-box .secondary-title {
    margin-bottom: 5px
}

.journal-checkout .left .login-box .radio label {
    padding-bottom: 7px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #f4f4f4
}

.journal-checkout .left .login-box .radio:last-of-type label {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.journal-checkout .right .checkout-content {
    margin-bottom: 18px
}

.journal-checkout .right .confirm-section {
    margin-bottom: 0
}

.journal-checkout .spw {
    margin-bottom: 18px;
    display: table;
    width: 100%
}

.journal-checkout .spw>div {
    display: table-cell;
    min-width: 50%
}

.journal-checkout .spw>div .radio {
    padding: 3px 0 0 0;
    margin-bottom: 2px
}

.journal-checkout .spw>div .radio label {
    padding-bottom: 6px;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-color: #f4f4f4;
    display: block
}

.journal-checkout .spw>div .radio:last-of-type label {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.journal-checkout .spw>div .secondary-title {
    margin-bottom: 5px
}

.journal-checkout .spw>div p {
    padding-top: 5px;
    margin-bottom: 0
}

.journal-checkout .confirm-order {
    border-bottom: 1px;
    border-bottom-style: solid;
    border-color: #979797 !important;
    margin-bottom: 40px;
    padding: 40px 0;
}

.journal-checkout .confirm-order #journal-checkout-confirm-button {
    width: 100%;
    font-size: 24px;
    padding: 12px 0;
    background: #363375;
    border-radius: 5px;
}


.journal-checkout .confirm-section .secondary-title {
    margin-bottom: 0
}

.journal-checkout .confirm-section textarea {
    margin-top: 0px;
}

.journal-checkout .confirm-section .radio {
    padding-top: 4px
}

.journal-checkout .confirm-button {
    line-height: 34px
}

.journal-checkout #payment-confirm-button .secondary-title {
    padding: 0px;
    margin-bottom: 10px;
}

.journal-checkout #payment-confirm-button .buttons {
    display: none!important;
    cursor: not-allowed!important
}

.journal-checkout #payment-confirm-button .buttons .btn {
    pointer-events: none!important
}

.journal-checkout #payment-confirm-button fieldset legend {
    font-size: 14px;
    font-weight: bold;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #f4f4f4;
    width: 100%;
    margin-bottom: 12px;
    padding-bottom: 8px;
    padding-left: 0
}

.journal-checkout #payment-confirm-button fieldset input[type='text'],.journal-checkout #payment-confirm-button fieldset input[type='email'],.journal-checkout #payment-confirm-button fieldset input[type='password'] {
    max-width: 280px
}

.journal-checkout #payment-confirm-button fieldset #card-new label {
    width: 30%;
    line-height: 1.1;
    min-height: 40px
}

.journal-checkout #payment-confirm-button fieldset #card-new label+div {
    width: 70%
}

.journal-checkout .checkout-cart td {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0
}

.journal-checkout .checkout-cart thead td {
    text-align: center;
    border-top-width: 1px;
    border-style: solid;
    border-color: #f4f4f4;
    font-weight: normal
}

.journal-checkout .checkout-cart thead td:first-of-type {
    border-left-width: 1px;
    border-style: solid;
    border-color: #f4f4f4
}

.journal-checkout .checkout-cart thead td:last-of-type {
    border-right-width: 1px;
    border-style: solid;
    border-color: #f4f4f4
}

.journal-checkout .checkout-cart tbody tr:first-of-type td {
    border-style: solid;
    border-color: #f4f4f4;
    border-top-width: 1px
}

.journal-checkout .checkout-cart tbody td {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: #f4f4f4
}

.journal-checkout .checkout-cart tbody td:first-of-type {
    border-left-width: 1px;
    border-style: solid;
    border-left-color: #f4f4f4
}

.journal-checkout .checkout-cart tbody td.name {
    padding-right: 5px
}

.journal-checkout .checkout-cart tbody .total {
    font-weight: normal
}

.journal-checkout .checkout-cart tfoot td strong {
    font-weight: normal
}

.journal-checkout .checkout-cart tfoot td:first-of-type {
    border-left-width: 1px;
    border-style: solid;
    border-color: #f4f4f4
}

.journal-checkout .checkout-cart tfoot td:last-of-type {
    border-right-width: 1px;
    border-style: solid;
    border-color: #f4f4f4
}

.journal-checkout .checkout-cart tfoot tr:first-of-type td {
    padding-top: 12px
}

.journal-checkout .checkout-cart tfoot tr:last-of-type td {
    border-bottom-width: 1px;
    border-style: solid;
    border-color: #f4f4f4;
    padding-bottom: 12px
}

.journal-checkout .checkout-cart td.quantity {
    text-align: center
}

.journal-checkout .checkout-cart td.quantity .btn-qty-control {
    height: 33px;
    width: 34px;
    float: left;
    border: 1px solid #D8D8D8;
    cursor: pointer;
}

.journal-checkout .checkout-cart td.quantity .btn-qty-control.minus {
    border-radius: 5px 0 0 5px;
}

.journal-checkout .checkout-cart td.quantity .btn-qty-control.plus {
    border-radius: 0 5px 5px 0;
}

.journal-checkout .checkout-cart td.quantity .input-group {
    display: inline-block
}

.journal-checkout .checkout-cart td.quantity .input-group input {
    position: relative;
    top: 3px
}

.journal-checkout .checkout-cart td.price,.journal-checkout .checkout-cart td.total {
    text-align: center
}

.journal-checkout .checkout-cart td.image {
    max-width: 70px;
    padding-left: 0;
    border-right: 0
}

.journal-checkout .checkout-cart td.image img {
    margin-left: 10px;
    max-width: 100%;
    height: auto
}

.journal-checkout .checkout-cart td.name {
    padding: 0;
    max-width: 155px;
    white-space: normal
}

.journal-checkout .checkout-cart td.name a {
    font-size: 12px;
}

.journal-checkout input[type='text'],.journal-checkout input[type='email'],.journal-checkout input[type='password'],.journal-checkout input[type='tel'],.journal-checkout textarea {
    border-color: #ccc;
    box-shadow: none
}

.journal-checkout .coupon-voucher {
    display: table;
    width: 100%
}

.journal-checkout .coupon-voucher .panel-body .button {
    background: #363375;
}

.journal-checkout .coupon-voucher .btn-checkout {
    background: #32CD32;
    color: #FFFFFF;
    text-align: center;
    padding: 12px 0;
    font-weight: bold;
    font-size: 24px;
    cursor: pointer;
    display: inline-block;
    width: 70%;
}

.journal-checkout .coupon-voucher .checkout-error-message {
    color: #FFFFFF;
    background-color: red;
    text-align: center;
}

.journal-checkout .coupon-voucher .panel-body {
    margin-top: 12px;
    padding: 0;
    background-color: transparent;
    display: block;
}

.journal-checkout .coupon-voucher .panel-body label {
    display: none;
    margin-bottom: 4px
}

.journal-checkout .coupon-voucher .input-group {
    width: 100%
}

.journal-checkout .coupon-voucher .input-group-btn,.journal-checkout .coupon-voucher input {
    display: inline-block;
    width: 50%;
    border-radius: 0
}

.journal-checkout .coupon-voucher .input-group-btn .button,.journal-checkout .coupon-voucher input .button {
    width: 100%;
    line-height: 34px
}

.journal-checkout .coupon-voucher input[type='text'] {
    width: 50%
}

.journal-checkout .coupon-voucher .panel-body:nth-of-type(3) {
    padding-right: 12px;
    margin-top: 12px
}

.journal-checkout select {
    margin-left: 0
}

.journal-checkout .left select,.journal-checkout .section-left select {
    margin-top: 0px
}

.journal-checkout #shipping-address {
    clear: both
}

.journal-checkout .customer-group {
    padding-bottom: 7px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #f4f4f4;
    margin-bottom: 12px
}

.journal-checkout .customer-group label.control-label {
    padding-top: 0!important;
    padding-bottom: 10px!important;
    margin: 0 0 5px 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #f4f4f4;
    display: block;
    width: 100%!important;
    min-height: 100%!important
}

.journal-checkout .customer-group div.radio {
    width: 100%!important;
    float: none!important;
    clear: both;
    padding-top: 0
}

.journal-checkout .customer-group div.radio label {
    width: 100%;
    min-height: 100%;
    padding-top: 0!important;
    float: none;
    margin-bottom: 0
}

.journal-checkout .checkout-shipping-methods .checkbox,
.journal-checkout .checkout-shipping-methods .radio,
.journal-checkout .checkout-shipping-methods .method-title {
    display: none!important;
}


.journal-checkout .checkout-shipping-methods .shipping-method-selection .method {
    width: 46%;
    margin: 0 2%;
    padding: 10px 0;
    font-size: 14px;
    border: 1px solid #040053;
    border-radius: 5px;
    cursor: pointer;
    float: left;
    text-align: center;
}


.journal-checkout .checkout-shipping-methods .shipping-method-selection .method:not(.active):hover {
    background: #363375;
    color: #FFFFFF;
    opacity: 0.7;
}

.journal-checkout .checkout-shipping-methods .shipping-method-selection .method.active {
    background: #363375;
    color: #FFFFFF;
}

.journal-checkout .pickup-address-wrapper, .journal-checkout .delivery-address-wrapper {
    display: none;
}

.journal-checkout .pickup-address-wrapper.active, .journal-checkout .delivery-address-wrapper.active {
    display: block;
}

.journal-checkout .pickup-address-wrapper .form-pickup-address .form-group {
    width: 48%;
    float: left;
}

.journal-checkout .pickup-address-wrapper .form-pickup-address .form-group:nth-child(odd) {
    margin-right: 2%;
}

.journal-checkout .delivery-address-wrapper .delivery-addresses {
    margin: 0 2% 10px;
}

.journal-checkout .delivery-address-wrapper .delivery-addresses .address-card {
    background: #363375;
    color: #FFFFFF;
    padding: 10px;
    border-radius: 10px;
    font-size: 14px;
    cursor: pointer;
    position: relative;
}

.journal-checkout .delivery-address-wrapper .delivery-addresses .address-card .edit {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background-image: url('data:image/svg+xml;utf8,<svg fill="rgb(170, 170, 170)" xmlns="http://www.w3.org/2000/svg" width="528.899" height="528.899" xmlns:v="https://vecta.io/nano"><path d="M328.883 89.125l107.6 107.59-272.34 272.34-107.53-107.59 272.28-272.34zm189.23-25.948l-47.98-47.98c-18.543-18.543-48.653-18.543-67.26 0l-45.96 45.96 107.6 107.6 53.61-53.61c14.382-14.383 14.382-37.577 0-51.96zM.3 512.7c-1.958 8.812 5.998 16.708 14.81 14.565l119.89-29.07-107.53-107.59L.3 512.7z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
}

.journal-checkout .delivery-address-wrapper .action-tool-bar .btn-new-delivery-address {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #000000;
    background: #FFFFFF;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
}

.journal-checkout .delivery-address-wrapper .delivery-message {
    border: 3px solid #363375;
    border-radius: 10px;
    padding: 5px;
    margin: 0 2%;
    font-size: 14px;
}

.journal-checkout .delivery-address-wrapper .delivery-message .important {
    color: #FF0000;
}

.delivery-message-link-wrapper{
    padding: 5px 2%;
}

.delivery-message-toggle-link {
    color: #666;
    font-size: 14px;
    cursor: pointer;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.delivery-message-toggle-link:hover {
    color: #333;
    text-decoration: none;
}

.delivery-message-toggle-link i {
    margin-right: 6px;
    font-size: 13px;
}

.body-overlay.popup-active {
    position: fixed;
    background: #00000080;
    width: 100%;
    height: 100%;
    z-index: 10000;
    top: 0;
    left: 0;
}

.delivery-address-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 40%;
    max-height: 80%;
    transform: translate(-50%, -50%);
    background: #FFFFFF;
    padding: 20px;
    z-index: 20000;
    overflow: auto;
}

.delivery-address-popup select {
    margin: 0;
}

.delivery-address-popup .btn-delivery-address-confirm {
    text-align: center;
    padding: 12px 0;
    font-size: 20px;
    background: #363375;
    color: #FFFFFF;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 10px;
}

.delivery-address-popup .delivery-address-error-message {
    color: #ea2e49;
}

.delivery-address-popup .form-delivery-address input.form-control {
    width: calc(100% - 28px);
}

.delivery-address-popup .form-delivery-address select.form-control {
    width: 100%;
}

.delivery-address-popup .form-delivery-address #input-delivery-upstairs {
    margin: 0px 5px;
    color: #FF0000;
    width: auto;
    float: left;
}

.delivery-address-popup .delivery-notice {
    font-size:12px;
    margin-top:5px;
}

.journal-checkout .checkout-payment-methods .radio {
    display: none;
}

.journal-checkout .payment-method-wrapper {
    margin: 0 20px;
}

.journal-checkout .payment-method-wrapper .btn-payment-method {
    padding: 10px 0;
    margin: 5px;
    font-size: 14px;
    width: calc((100% - 40px)/3);
    text-align: center;
    background: #FFFFFF;
    color: #353535;
    border-radius: 5px;
    cursor: pointer;
    float: left;
    border: 1px solid #040053;
}

.journal-checkout .payment-method-wrapper .btn-payment-method.active {
    background: #363375;
    color: #FFFFFF;
}

.journal-checkout .payment-method-wrapper .btn-payment-method:not(.active):hover {
    background: #363375;
    color: #FFFFFF;
    opacity: 0.7;
}

.firefox .journal-checkout .coupon-voucher .button {
    line-height: 32px
}

.oc1 .journal-checkout fieldset {
    border: 0;
    padding: 0;
    margin: 0
}

.oc1 .journal-checkout .required {
    color: inherit
}

.oc1 .journal-checkout .required label {
    font-weight: normal
}

.oc1 .journal-checkout .form-group {
    clear: both;
    margin-bottom: 6px;
    overflow: hidden
}

.oc1 .journal-checkout .input-group .form-control {
    float: left;
    display: table-cell
}

.oc1 .journal-checkout .form-horizontal .form-group label {
    width: 25%;
    float: left;
    display: block;
    padding-top: 7px
}

.oc1 .journal-checkout .form-horizontal .form-group label+div {
    width: 75%;
    float: right
}

.oc1 .journal-checkout .required label:before {
    content: "* ";
    color: red;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    top: 3px;
    margin-right: 3px
}

.oc2 .journal-checkout .checkout-cart td.quantity .input-group input {
    top: 0
}

.ie8 .journal-checkout .coupon-voucher .panel-body label,.ie9 .journal-checkout .coupon-voucher .panel-body label {
    display: block;
    margin-bottom: 4px
}

.payment-pagseguro,.payment-skrill,.payment-cod,.payment-payza,.payment-pp_standard,.payment-pp_express,.payment-coinbase {
    display: none!important
}

.is-customer .journal-checkout .checkout-payment-form #payment-new,.is-customer .journal-checkout .checkout-payment-form #shipping-new,.is-customer .journal-checkout .checkout-shipping-form #payment-new,.is-customer .journal-checkout .checkout-shipping-form #shipping-new {
    margin-top: 12px;
    padding-top: 12px;
    border-top-width: 1px;
    border-top-style: solid;
    border-color: #f4f4f4
}

.is-customer .journal-checkout .checkout-payment-form .secondary-title,.is-customer .journal-checkout .checkout-shipping-form .secondary-title {
    margin-bottom: 7px
}

.is-customer .journal-checkout .checkout-payment-form form,.is-customer .journal-checkout .checkout-shipping-form form {
    width: 100%
}

.is-customer .journal-checkout .checkout-payment-form form>div>select,.is-customer .journal-checkout .checkout-shipping-form form>div>select {
    margin-left: 5px;
    margin-top: 5px;
    max-width: 95%
}

.is-customer .journal-checkout section.section-left .form-horizontal .form-group label[for="input-payment-country"],.is-customer .journal-checkout section.section-left .form-horizontal .form-group label[for="input-payment-zone"],.is-customer .journal-checkout section.section-left .form-horizontal .form-group label[for="input-shipping-country"],.is-customer .journal-checkout section.section-left .form-horizontal .form-group label[for="input-shipping-country"] {
    padding-top: 7px
}

.journal-checkout .left,.is-customer .journal-checkout .right {
    width: 100%
}

.is-customer .journal-checkout .right {
    display: none
}

.journal-checkout section {
    width: 66.6666%;
    float: left
}

.journal-checkout section.section-right {
    padding-left: 18px;
    width: 33.3333%
}

.is-customer .journal-checkout section.section-left .form-horizontal .form-group label {
    padding: 0 0 0 1px;
    line-height: 100%;
    margin-bottom: 3px
}

.is-customer .journal-checkout section.section-left .form-horizontal .form-group {
    margin-bottom: 7px
}

.is-customer .journal-checkout section.section-left .coupon-voucher {
    margin-bottom: 0
}

.is-customer .journal-checkout section .spw {
    margin-bottom: 0
}

.journal-checkout section .spw>div {
    display: block;
    width: 100%
}

.oc2 .checkout-content .custom-field .radio {
    float: none;
    padding: 0
}

.journal-checkout .left .checkout-register .custom-field .radio label,.journal-checkout .left .checkout-register .custom-field .checkbox label {
    width: auto;
    min-height: 100%;
    padding-top: 0!important;
    float: none
}

.journal-checkout .checkout-register {
    display: none;
}

.journal-checkout .checkout-product tbody tr td.expected-delivery-date {
    max-width: 170px;
}

.journal-checkout .checkout-product tbody tr td.expected-delivery-date .text_expected_notice {
    white-space: initial;
    color: #040e46;
    font-size: 12px;
    display: none;
}

.journal-checkout .checkout-product tbody tr td.expected-delivery-date .text_expected_notice.active {
    display: block;
}

@media only screen and (min-width:980px) {
    .is-guest .spw>div:first-of-type {
        padding-right: 0;
        border-right-width: 0
    }

    .is-guest .spw>div:last-of-type {
        border-left-width: 0
    }

    .is-guest .spw .checkout-shipping-methods {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .is-guest .spw .checkout-payment-methods {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
}

@media only screen and (min-width:1100px) {
    .journal-checkout .left .checkout-register label,.journal-checkout .left .checkout-login label,.journal-checkout section.section-left .form-horizontal .form-group label,.oc1 .journal-checkout .form-horizontal .form-group label {
        width: 40%;
        min-height: 33px;
        padding-top: 10px!important;
        float: left
    }

    .journal-checkout .customer-group label.control-label {
        padding-top: 0!important
    }

    .journal-checkout .left .checkout-register .checkbox label {
        width: 100%;
        min-height: 100%;
        padding: 0 0 5px 0
    }

    .journal-checkout .left .checkout-register label+input,.journal-checkout .left .checkout-register label+div,.journal-checkout .left .checkout-login label+input,.journal-checkout section.section-left .form-horizontal .form-group label+input,.journal-checkout section.section-left .form-horizontal .form-group label+div,.oc1 .journal-checkout .form-horizontal .form-group label+div {
        width: 60%;
        float: right
    }

    .journal-checkout .left .checkout-login label+input+a {
        position: relative;
        top: 5px
    }

    .journal-checkout .checkout-cart tbody td.name {
        padding-left: 7px
    }
}

.mobile .journal-checkout .table-responsive,.tablet .journal-checkout .table-responsive {
    max-height: 100%
}

.login-content {
    overflow: auto;
    margin-bottom: 15px
}

.login-content .content input+a {
    display: block
}

.login-content .login-wrap {
    min-height: 200px
}

.login-content h2 {
    margin-bottom: 15px
}

.login-content>div {
    width: 48%;
    position: relative;
    padding: 15px;
    min-height: 345px
}

.login-content .left {
    float: left
}

.login-content .left .button {
    margin: 2px 0
}

.login-content .left p:first-child {
    font-size: 15px;
    margin-top: 7px
}

.login-content .left p:nth-child(2) {
    font-size: 13px;
    line-height: 1.3;
    overflow: hidden;
    margin-top: 15px
}

.login-content .right {
    float: right
}

.login-content .right p:first-child {
    font-size: 15px;
    margin-top: 7px
}

.login-content .right b {
    display: block;
    margin-top: 18px
}

.login-content .right a {
    position: relative;
    top: 7px;
    font-size: 13px;
    text-decoration: underline
}

.login-content .right input.button {
    cursor: pointer
}

.login-content hr {
    height: 1px;
    display: block;
    width: 100%;
    border: 0;
    margin-bottom: 14px;
    margin-top: 4px
}

.address-entry .content {
    border-bottom: 1px solid #e4e4e4
}

.address-entry tr:last-child td {
    border-bottom: 0
}

.address-entry td:first-of-type {
    line-height: 1.5;
    padding: 8px 0
}

.address-entry td:last-of-type {
    text-align: right
}

.content:last-of-type .address-entry {
    border-bottom: 0
}

.box-heading+table.list {
    margin-top: 20px
}

table {
    width: 100%;
    border-spacing: 0
}

table td a+a {
    margin-left: 15px
}

table.list {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    overflow: hidden
}

table.list td {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 8px
}

table.list thead td {
    text-align: left
}

table.list tbody td {
    vertical-align: middle
}

table.list .left {
    max-width: 390px
}

table.list .t-span-1 {
    display: none
}

table.radio td {
    padding: 6px
}

table.radio td label {
    display: block
}

table.radio td:first-child {
    width: 1px
}

table.radio .highlight:hover td {
    cursor: pointer
}

table.form {
    width: 100%;
    padding-top: 15px;
    margin-bottom: 15px
}

table.form td {
    padding: 5px
}

table.form td:first-child {
    width: 150px;
    font-weight: bold
}

.wishlist-info table {
    overflow: hidden
}

.wishlist-info thead td {
    font-weight: bold;
    background-color: #5f6874
}

.wishlist-info thead .image {
    line-height: 40px
}

.wishlist-info thead td {
    text-align: center
}

.wishlist-info thead .action {
    padding-right: 8px
}

.wishlist-info thead .name {
    text-align: left;
    padding-left: 10px
}

.wishlist-info td {
    text-align: center
}

.wishlist-info tbody td {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e4e4e4;
    padding: 5px 5px 5px 0;
    text-align: center
}

.wishlist-info tbody .image {
    text-align: center
}

.wishlist-info tbody .image img {
    margin: 5px 0;
    float: left;
    margin-left: 10px
}

.wishlist-info tbody .name {
    max-width: 500px;
    text-align: left;
    padding-left: 10px;
    font-size: 14px
}

.wishlist-info tbody .action img {
    display: inline-block;
    margin: 0 2px
}

.wishlist-info tbody:last-of-type tr td {
    border-bottom: 0
}

.wishlist-info tbody .price {
    font-weight: bold
}

.compare-info {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden
}

.compare-info thead td {
    font-size: 14px;
    font-weight: bold;
    background: #5f6874;
    text-align: center
}

.compare-info td {
    padding: 7px;
    width: 20%;
    color: #333;
    text-align: center;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    border-left-width: 1px;
    border-left-style: solid
}

.compare-info .name a {
    font-weight: bold
}

.compare-info .price-old {
    font-weight: bold;
    color: #ea2e49;
    text-decoration: line-through
}

.compare-info .price-new {
    font-weight: bold
}

.order-list {
    overflow: hidden;
    margin-bottom: 15px
}

.order-list .order-id {
    width: 50%;
    float: left;
    font-weight: bold;
    color: #333745;
    padding-left: 10px;
    line-height: 30px
}

.order-list .order-id b {
    font-weight: bold
}

.order-list .order-status {
    width: 50%;
    float: right;
    text-align: right;
    font-weight: bold;
    padding-right: 10px;
    line-height: 30px
}

.order-list .order-content {
    display: inline-block;
    width: 100%;
    background: #f4f4f4
}

.order-list .order-content:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    opacity: 0
}

.order-list .order-content div {
    float: left;
    width: 33.3%;
    padding-left: 10px;
    padding-right: 15px;
    padding: 10px 15px 0 15px
}

.order-list .order-content div b {
    display: inline-block;
    padding: 2px
}

.order-list div.order-info {
    text-align: right;
    padding-right: 12px;
    padding-top: 22px
}

.pagination+.buttons {
    margin-top: 5px
}

.return-list {
    margin-bottom: 10px
}

.return-list .return-id {
    width: 49%;
    float: left;
    margin-bottom: 2px
}

.return-list .return-status {
    width: 49%;
    float: right;
    text-align: right;
    margin-bottom: 2px
}

.return-list .return-content {
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4
}

.return-list .return-content div {
    float: left;
    width: 33.3%
}

.return-list .return-info {
    text-align: right
}

.return-product {
    overflow: auto;
    margin-bottom: 20px
}

.return-product input[type='text'] {
    min-width: 150px
}

.return-name {
    float: left;
    width: 31%;
    margin-right: 15px
}

.return-model {
    float: left;
    width: 31%;
    margin-right: 15px
}

.return-quantity {
    float: left;
    width: 31%
}

.return-detail {
    overflow: auto;
    margin-bottom: 20px
}

.return-reason {
    float: left;
    width: 31%;
    margin-right: 15px
}

.return-opened {
    float: left;
    width: 31%;
    margin-right: 15px
}

.return-opened textarea {
    min-width: 150px!important
}

.return-opened textarea {
    width: 98%;
    vertical-align: top
}

.return-captcha {
    float: left
}

.download-list {
    margin-bottom: 10px
}

.download-list .download-id {
    width: 49%;
    float: left;
    margin-bottom: 2px
}

.download-list .download-status {
    width: 49%;
    float: right;
    text-align: right;
    margin-bottom: 2px
}

.download-list .download-content {
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4
}

.download-list .download-content div {
    float: left;
    width: 33.3%
}

.download-list .download-info {
    text-align: right
}

.oc2 .account-text {
    margin-bottom: 15px
}

.oc2 .login-wrap .form-group {
    margin-top: 15px
}

.route-affiliate-register fieldset .radio {
    display: inline
}

.route-affiliate-register .form-horizontal .form-group label {
    width: auto
}

#blogCatArticles {
    margin-bottom: 20px
}

#blogCatArticles h3 {
    font-size: 15px
}

#blogCatArticles h3 a {
    font-family: inherit
}

#blogCategory {
    margin-bottom: 10px
}

.articleHeader {
    margin: 0 0 10px 0
}

.articleCat,.blogCol2 .articleCat {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc
}

#blogArticle .articleHeader {
    margin: 0
}

#blogArticle .articleHeader h1 {
    padding-left: 10px;
    line-height: 40px;
    max-height: 40px;
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 0
}

#blogArticle .articleHeader>span {
    display: block;
    padding: 5px 0;
    color: #5f6874
}

.articleBottom {
    clear: both
}

.articleBottom h4,#blogCategory h4 {
    margin: 0 0 5px 0
}

.articleBottom ul,#blogCategory ul {
    margin: 0 0 0 10px
}

.livemarks a {
    margin-right: 5px;
    margin-top: -44px
}

#articleComments {
    border: 0
}

.blogTags a {
    padding: 2px 4px 3px 4px;
    color: #222;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    font-size: 13px!important;
    display: inline-block;
    margin-bottom: 4px
}

.recentArticles,.popularArticles {
    list-style: none;
    margin: 15px 0 0 0;
    padding: 0
}

.recentArticles li,.popularArticles li {
    float: left;
    margin-bottom: 15px
}

.recentArticles li>a,.popularArticles li>a {
    display: block;
    float: left;
    color: #428bca
}

.recentArticles li>a+a,.popularArticles li>a+a {
    float: none
}

.recentArticles li>span,.popularArticles li>span {
    display: block;
    font-size: 85%
}

.box-footer {
    clear: both
}

#column-right .recentArticles,#column-right .popularArticles,#column-left .recentArticles,#column-left .popularArticles {
    list-style: none;
    margin: 0;
    padding: 0
}

#column-right .recentArticles li,#column-right .popularArticles li,#column-left .recentArticles li,#column-left .popularArticles li {
    float: none;
    background-color: #f4f4f4;
    border-bottom: 1px solid #e4e4e4;
    margin: 0
}

#column-right .recentArticles li>a,#column-right .popularArticles li>a,#column-left .recentArticles li>a,#column-left .popularArticles li>a {
    display: inline-block;
    float: left;
    color: #428bca;
    background-color: transparent;
    border-bottom: 0;
    padding: 10px 5px 10px 10px
}

#column-right .recentArticles li>a+a,#column-right .popularArticles li>a+a,#column-left .recentArticles li>a+a,#column-left .popularArticles li>a+a {
    float: none;
    padding: 10px 0 3px 0
}

#column-right .recentArticles li>span,#column-right .popularArticles li>span,#column-left .recentArticles li>span,#column-left .popularArticles li>span {
    display: block;
    font-size: 85%
}

#column-right .recentArticles li p,#column-right .popularArticles li p,#column-left .recentArticles li p,#column-left .popularArticles li p {
    clear: both;
    padding: 0
}

#column-right .recentComments,#column-left .recentComments {
    list-style: none;
    margin: 0;
    padding: 0
}

#column-right .recentComments li,#column-left .recentComments li {
    float: none;
    background-color: #f4f4f4;
    border-bottom: 1px solid #e4e4e4;
    padding-top: 10px;
    overflow: hidden
}

#column-right .recentComments li>a,#column-left .recentComments li>a {
    display: inline-block;
    float: left;
    background-color: transparent;
    border-bottom: 0;
    padding: 0 5px 10px 10px
}

#column-right .recentComments li>a+i+a,#column-left .recentComments li>a+i+a {
    float: none;
    padding: 10px 0 3px 0;
    display: block
}

#column-right .recentComments li>span,#column-left .recentComments li>span {
    display: block;
    font-size: 85%
}

#column-right .recentComments li p,#column-left .recentComments li p {
    clear: both;
    padding: 0
}

#productRelated .secondary-title {
    margin-top: 15px
}

.side-column .recentArticles li:last-of-type,.side-column .popularArticles li:last-of-type,.side-column .recentArticles li:last-of-type,.side-column .popularArticles li:last-of-type,.side-column .box-content ul>li:last-of-type:last-of-type,.side-column .box-content ul>li:last-of-type:last-of-type,.side-column .box-content ul>li:last-of-type a:last-of-type,.side-column .box-content ul>li:last-of-type a:last-of-type {
    border-bottom-width: 0
}

.blogTags .box-content {
    padding: 5px
}

.blogArchives ul ul {
    margin: 0
}

.blogArchives li {
    background: 0
}

.box-content .recentComments li a:before {
    display: none
}

.recentArticles li>a,.popularArticles li>a {
    float: none!important
}

.recentArticles li>a:before,.popularArticles li>a:before {
    display: none
}

.recentArticles li>a.image,.popularArticles li>a.image {
    float: left!important
}

.recentArticles li>span,.popularArticles li>span {
    margin: -5px 0 8px 10px
}

.side-column .recentArticles li>a img,.side-column .popularArticles li>a img {
    max-width: 50px
}

.side-column .recentArticles li>p,.side-column .popularArticles li>p {
    padding: 0 10px 10px 10px!important
}

#content .recentArticles,#content .popularArticles {
    margin-right: -15px
}

#content .recentArticles li,#content .popularArticles li {
    padding-right: 15px
}

#content .recentArticles li .image,#content .popularArticles li .image {
    margin-right: 10px
}

#content .recentArticles li>span,#content .popularArticles li>span {
    margin: 0
}

#content .box-footer {
    clear: none
}

#column-right .recentComments li>a+i+a,#column-left .recentComments li>a+i+a {
    padding: 0
}

#column-right .recentArticles li,#column-right .popularArticles li,#column-left .recentArticles li,#column-left .popularArticles li,#column-right .recentComments li,#column-left .recentComments li {
    background-color: transparent
}

.blogCategories li {
    background-image: none
}

#comments .pagination {
    font-size: inherit;
    padding: 10px
}

#blogArticle .articleHeader h1 {
    border: inherit;
    padding: inherit
}

#column-right {
    padding: 20px 20px 20px 0;
    width: 240px;
    float: right
}

#column-left {
    padding: 20px 0 20px 20px;
    width: 240px;
    float: left
}

#column-right+#content {
    margin-right: 240px
}

#column-left+#content {
    margin-left: 240px
}

#column-left+#column-right+#content {
    margin-left: 240px;
    margin-right: 240px
}

#column-left+span+#content {
    margin-left: 240px
}

#column-right+span+#content {
    margin-right: 240px
}

#column-left+#column-right+span+#content {
    margin-left: 240px;
    margin-right: 240px
}

.side-column {
    position: relative;
    z-index: 2
}

.side-column .heading-title,.side-column .box-heading {
    max-height: 100%;
    height: auto
}

.side-column ul,.side-column li {
    margin: 0;
    padding: 0
}

.side-column li {
    list-style: none;
    position: relative
}

.side-column .box {
    margin-bottom: 20px
}

.side-column>.box:last-of-type {
    margin-bottom: 0
}

.side-column .box-content>div,.side-column .box-category {
    overflow: hidden
}

.side-column .box-content p {
    padding: 10px;
    text-align: left;
    line-height: 1.4;
    margin-bottom: 0
}

.side-column .box-content p+select {
    margin-bottom: 15px
}

.side-column .box-content li a,.side-column .box-category li a {
    transition: background-color .2s,color .2s;
    border-bottom-width: 1px;
    border-bottom-color: #f4f4f4;
    border-bottom-style: solid;
    display: block;
    position: relative
}

.side-column .box-content li a.active,.side-column .box-category li a.active {
    color: #ea2e49
}

.side-column .box-content ul>li>ul,.side-column .box-category ul>li>ul {
    display: none;
    margin-bottom: 0
}

.side-column .box-content li a.active+ul,.side-column .box-category li a.active+ul {
    display: block
}

.side-column .box-content li a:before,.side-column .box-category li a:before {
    position: relative;
    float: left;
    margin-right: 5px
}

.side-column .box-content>ul>li:last-of-type>a,.side-column .box-category>ul>li:last-of-type>a {
    border-bottom: 0!important
}

.side-column .side-category i {
    text-align: center;
    position: absolute;
    transition: background-color .2s,color .2s;
    display: table;
    line-height: 100%
}

.side-column .side-category i span {
    position: relative;
    display: table-cell
}

.side-column .side-category-accordion .box-category li ul li a:before {
    float: none;
    content: ""
}

.side-column .product-grid-item .image .outofstock {
    display: none!important
}

.side-column .oc-module {
    overflow: hidden;
    display: block
}

.side-column .oc-module .product-wrapper {
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    transition: all .2s
}

.side-column .oc-module .product-wrapper .p-over {
    display: none
}

.side-column .oc-module .product-wrapper:hover {
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    border: 0
}

.side-column .oc-module .product-details {
    background-color: transparent;
    padding-bottom: 0;
    float: left;
    max-width: 145px
}

.side-column .oc-module .product-details:before {
    content: ""
}

.side-column .oc-module .product-grid-item {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 0;
    text-align: left
}

.side-column .oc-module .product-grid-item .quickview-button {
    display: none
}

.side-column .oc-module .product-grid-item .image {
    display: block;
    float: left;
    position: relative;
    width: auto
}

.side-column .oc-module .product-grid-item .image span {
    display: none!important
}

.side-column .oc-module .product-grid-item .image a {
    background: transparent!important;
    margin-right: 5px;
    line-height: 100%;
    border-radius: 0;
    border: 0
}

.side-column .oc-module .product-grid-item .image img {
    border: 0;
    display: block;
    padding: 0;
    max-width: 55px;
    width: auto;
    opacity: 1!important
}

.side-column .oc-module .product-grid-item .name {
    position: relative;
    display: block;
    margin-top: 2px
}

.side-column .oc-module .product-grid-item .name a {
    white-space: normal;
    font-size: 12px;
    text-decoration: none;
    display: block;
    text-align: left;
    padding: 0 0 2px 0
}

.side-column .oc-module .product-grid-item .price {
    display: inline-block;
    font-size: 13px;
    padding: 0;
    text-align: left;
    border: 0;
    margin-bottom: 4px;
    background-color: transparent;
    border-radius: 0
}

.side-column .oc-module .product-grid-item .price-old {
    font-weight: normal;
    color: #ea2e49;
    padding-right: 2px;
    text-decoration: line-through;
    font-size: 12px
}

.side-column .oc-module .product-grid-item .price-new {
    font-size: 13px
}

.side-column .oc-module .product-grid-item .rating {
    position: relative;
    margin: 0;
    left: 0;
    top: 0;
    padding: 0
}

.side-column .oc-module .product-grid-item .cart,.side-column .oc-module .product-grid-item .description,.side-column .oc-module .product-grid-item .sale,.side-column .oc-module .product-grid-item .wishlist,.side-column .oc-module .product-grid-item .compare {
    display: none!important
}

.side-column .oc-module .product-grid-item .cart input {
    color: white;
    font-family: Helvetica,Arial,sans-serif;
    text-transform: none;
    font-weight: bold
}

.side-column .oc-module .product-grid-item:last-of-type {
    border-bottom: 0
}

.side-column .owl-carousel .owl-item img {
    max-width: 100%;
    height: auto
}

.side-column .journal-carousel .product-wrapper:hover {
    box-shadow: none
}

.side-column .journal-carousel .owl-controls {
    overflow: visible
}

.side-column .journal-carousel .owl-buttons {
    -webkit-backface-visibility: hidden
}

.side-column .journal-carousel .htabs a {
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #5f6874;
    border-right: 0
}

.side-column .journal-carousel .htabs a:last-of-type {
    border-bottom: 0
}

.side-column .journal-carousel .htabs.single-tab a,.side-column .journal-carousel .htabs.single-tab a.selected,.side-column .journal-carousel .htabs.single-tab a:hover {
    border-bottom: 0
}

.side-column .journal-carousel .htabs.single-tab a {
    padding-left: 0
}

.side-column .quote {
    padding-bottom: 30px;
    overflow: hidden
}

.side-column .rotator-image {
    float: none!important;
    margin: 10px auto 0 auto!important;
    height: auto
}

.side-column .quovolve-nav {
    bottom: 10px!important;
    left: 0;
    width: 100%;
    text-align: center
}

.side-column .quovolve-nav ul,.side-column .quovolve-nav ol {
    margin: 0;
    padding: 0;
    display: inline-block
}

.side-column .journal-gallery {
    overflow: hidden
}

.side-column .journal-gallery .box-heading {
    margin-bottom: 10px
}

.side-column .journal-gallery .box-content {
    margin-right: -10px;
    margin-bottom: -10px
}

.side-column .journal-gallery .box-content .gallery-thumb {
    padding-right: 10px;
    margin-bottom: 10px
}

.side-column .gallery-thumb a:before {
    font-size: 20px;
    margin-left: -10px;
    margin-top: -12px
}

.side-column .cms-block,.side-column .static-banner {
    margin-bottom: 20px
}

.side-column .cms-block:last-of-type,.side-column .static-banner:last-of-type {
    margin-bottom: 0
}

.side-column .box.cms-blocks {
    background-color: transparent
}

.side-column .box.cms-blocks .cms-block {
    margin-bottom: 0
}

.side-column .box.cms-blocks .cms-block:last-of-type {
    margin-bottom: 0
}

.side-column .box.cms-blocks .box-heading {
    margin-bottom: 0
}

.side-column .box.cms-blocks .block-content {
    height: auto!important;
    background-color: transparent
}

.side-column .static-banners.box {
    background-color: transparent
}

.side-column .block-content p {
    padding-bottom: 0
}

.side-column .editor-content img {
    max-width: 200px!important;
    height: auto
}

.side-column .editor-content h1,.side-column .editor-content h2,.side-column .editor-content h3 {
    padding-bottom: 0
}

.extended-layout #column-right .journal-gallery .box-content,.extended-layout #column-left .journal-gallery .box-content {
    padding: 10px;
    padding-top: 0
}

.extended-layout #column-right .box:last-of-type,.extended-layout #column-left .box:last-of-type {
    margin-bottom: 20px
}

.side-column .oc-module .inline-button br {
    display: none
}

.side-column .box.journal-carousel {
    background-color: transparent;
    margin-bottom: 10px
}

.side-column .box.journal-carousel .owl-pagination {
    margin-bottom: 0
}

.side-column .owl-carousel .owl-wrapper-outer {
    overflow: visible
}

#column-right+.row #content {
    margin-right: 240px
}

#column-left+.row #content {
    margin-left: 240px
}

#column-left+#column-right+.row #content {
    margin-left: 240px;
    margin-right: 240px
}

.flyout .fly-mega-menu {
    left: 100%;
    top: 0;
    z-index: 1;
    min-height: 100%;
    width: 764px;
    transition: all .2s;
    box-shadow: 12px 15px 30px -8px rgba(0,0,0,0.2)
}

.flyout .fly-mega-menu .mega-menu-column {
    margin: 0
}

.flyout .fly-mega-menu .mega-menu-column:last-of-type>div {
    margin-right: 0;
    margin-bottom: 15px
}

.flyout .fly-mega-menu .mega-menu-column:last-of-type>div>h3 {
    margin-right: 15px
}

.flyout .fly-mega-menu .mega-menu-column.mega-menu-html-block>div {
    margin-right: 15px;
    margin-bottom: 15px
}

.flyout .fly-mega-menu .mega-menu-column.mega-menu-html-block>div>h3 {
    margin-right: 0
}

.flyout-menu {
    overflow: visible
}

.flyout-menu .flyout>ul>li {
    display: table;
    width: 100%;
    min-height: 40px
}

.flyout-menu .flyout>ul>li>a {
    padding: 8px 25px 8px 12px;
    width: 100%;
    min-height: inherit;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    transition: background-color .2s,color .2s;
    border-bottom-width: 1px;
    border-bottom-color: #f4f4f4;
    border-bottom-style: solid
}

.flyout-menu .flyout>ul>li>a:before {
    display: none
}

.flyout-menu .flyout>ul>li>a i {
    left: -2px
}

.flyout-menu .flyout>ul>li>a i:before {
    padding-left: 1px
}

.flyout-menu .flyout>ul>li>a i.menu-plus {
    left: auto
}

.flyout-menu .flyout>ul>li:last-of-type a {
    border-bottom-width: 0
}

.flyout-menu .flyout>ul>li:hover .fly-mega-menu,.flyout-menu .flyout>ul>li:hover>ul {
    display: block
}

.flyout>ul>li.fly-mega-menu-mixed {
    position: static
}

.fly-drop-down .menu-plus,.fly-mega-menu-mixed .menu-plus {
    position: absolute;
    font-size: 17px;
    top: 10px;
    right: 8px
}

.fly-drop-down .menu-plus:before,.fly-mega-menu-mixed .menu-plus:before {
    content: "\e6ae";
    float: left
}

.flyout-menu .flyout>ul>li:hover>a {
    z-index: 2;
    transition: all .2s
}

.fly-drop-down ul {
    z-index: 999;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    box-shadow: 0 1px 8px -3px rgba(0,0,0,0.5);
    height: 100%;
    min-height: inherit
}

.fly-drop-down ul li {
    color: #333745;
    background-color: white;
    position: relative;
    border-bottom: 1px solid #f4f4f4;
    height: 100%;
    display: table;
    width: 100%;
    min-height: inherit
}

.fly-drop-down ul li:last-of-type {
    border-bottom-width: 0
}

.fly-drop-down ul li ul {
    visibility: hidden;
    opacity: 0;
    left: 100%;
    top: 0;
    min-height: 40px
}

.fly-drop-down ul li.left ul {
    left: -100%
}

.fly-drop-down ul li:hover>ul {
    transition: opacity .2s;
    visibility: visible;
    opacity: 1
}

.fly-drop-down ul li a {
    min-width: 100px;
    padding: 0 30px 0 12px;
    display: block;
    color: inherit;
    white-space: nowrap;
    min-height: inherit;
    display: table-cell;
    vertical-align: middle
}

.fly-drop-down ul li a:before {
    margin-right: 5px
}

.fly-drop-down>ul {
    display: none;
    left: 100%;
    top: 0
}

.fly-drop-down>ul>li>a {
    min-width: 120px
}

.flyout-left {
    z-index: 4
}

.flyout-left .fly-mega-menu {
    left: 100%
}

.flyout-right {
    z-index: 3
}

.flyout-right .fly-mega-menu {
    left: -100%
}

.flyout-right .fly-drop-down>ul {
    left: auto;
    right: 220px
}

.flyout-right .fly-drop-down ul li ul {
    left: auto;
    right: 100%
}

#product-gallery .owl-wrapper-outer {
    margin-bottom: 0
}

#product-gallery .side-buttons div {
    margin-top: -12px
}

#product-gallery .owl-pagination {
    display: none
}

#product-gallery .owl-buttons.side-buttons .owl-next {
    right: 7px
}

#product-gallery .owl-buttons.side-buttons .owl-prev {
    left: 7px
}

.product-info {
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
    width: 100%
}

.product-info>div {
    width: 50%;
    float: left
}

.product-info .left .image {
    padding: 0;
    text-align: left;
    position: relative
}

.product-info .left .image a img {
    width: 100%;
    height: auto;
    float: left
}

.product-info .left .image-additional {
    clear: both;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin-bottom: 25px
}

.product-info .left .image-additional a {
    position: relative;
    display: inline-block;
    float: left;
    transition: opacity .2s
}

.product-info .left .image-additional a img {
    width: 100%;
    float: left;
    height: auto
}

.product-info .left .image-additional a:hover {
    opacity: .8
}

.product-info .left .image-additional.image-addtional-grid a {
    width: 20%
}

.product-info .left .product-tabs,.product-info .left .journal-custom-tab {
    clear: both
}

.product-info .gallery-text {
    text-align: center;
    padding: 0px;
    color: #5f6874;
    cursor: pointer;
    clear: both
}

.product-info .gallery-text span {
    display: inline-block;
    position: relative
}

.product-info .gallery-text:before {
    margin-right: 5px
}

.product-info .product-sold-count.ps-right {
    display: none
}

.product-info .right {
    padding-left: 20px
}

.product-info .right .product-options {
    background-color: transparent;
    overflow: hidden
}

.product-info .right>div>div,.product-info .right>div>ul {
    position: relative;
    overflow: hidden
}

.product-info .right>div>div.social,.product-info .right>div>ul.social {
    overflow: visible
}

.product-info .right .description {
    line-height: 17px
}

.product-info .right .description .product-views-count {
    float: right
}

.product-info .right .description span {
    padding-right: 3px
}

.product-info .right .description .product-sold-count.ps-left {
    padding-right: 1px
}

.product-info .right .price span {
    position: relative
}

.product-info .right .price-old {
    font-size: 18px;
    text-decoration: line-through;
    background: #ea2e49;
    color: white;
    padding: 3px 6px;
    top: -3px;
    margin-right: 5px
}

.product-info .right .price-tax {
    font-size: 13px;
    font-weight: normal;
    padding: 4px 0 4px 0;
    display: block
}

.product-info .right .price .reward {
    display: block;
    font-size: 12px;
    margin: 5px 0;
    font-weight: normal
}

.product-info .right .price .reward small {
    font-size: inherit
}

.product-info .right .price .discount {
    font-weight: normal;
    font-size: 11px;
    line-height: 1.4;
    margin-top: 7px
}

.product-info .right .options h3 {
    height: 35px;
    line-height: 35px;
    background-color: #f4f4f4;
    color: #333745;
    padding-left: 10px;
    margin-bottom: 5px
}

.product-info .right .options h3+br {
    display: none
}

.product-info .right .options.push-select .option b+br,.product-info .right .options.push-image .option b+br,.product-info .right .options.push-checkbox .option b+br,.product-info .right .options.push-radio .option b+br {
    display: none
}

.product-info .right .options.push-select .option-image li,.product-info .right .options.push-image .option-image li,.product-info .right .options.push-checkbox .option-image li,.product-info .right .options.push-radio .option-image li {
    padding: 0
}

.product-info .right .options.push-select .option-image li span,.product-info .right .options.push-image .option-image li span,.product-info .right .options.push-checkbox .option-image li span,.product-info .right .options.push-radio .option-image li span {
    display: block
}

.product-info .right .options.push-select .option-image li span img,.product-info .right .options.push-image .option-image li span img,.product-info .right .options.push-checkbox .option-image li span img,.product-info .right .options.push-radio .option-image li span img {
    margin-right: 0;
    float: left;
    transition: all .2s;
    border: 2px solid #a9b8c0
}

.product-info .right .options.push-select .option-image li span img:hover,.product-info .right .options.push-image .option-image li span img:hover,.product-info .right .options.push-checkbox .option-image li span img:hover,.product-info .right .options.push-radio .option-image li span img:hover {
    border-color: #3f5765
}

.product-info .right .options.push-select .option-image li.selected span img,.product-info .right .options.push-image .option-image li.selected span img,.product-info .right .options.push-checkbox .option-image li.selected span img,.product-info .right .options.push-radio .option-image li.selected span img {
    border-color: #3f5765
}

.product-info .right .options .option {
    position: relative;
    display: inline-block;
    padding-bottom: 0;
    width: 100%;
    margin-bottom: 5px
}

.product-info .right .options .option label {
    font-weight: normal;
    transition: color .2s
}

.product-info .right .options .option .required {
    font-size: 20px;
    font-family: Arial!important;
    float: left;
    height: 0
}

.product-info .right .options .option b {
    font-size: 12px;
    display: block;
    padding: 2px 0 1px 0;
    font-weight: normal
}

.product-info .right .options .option b:after {
    content: "";
    display: table;
    clear: both
}

.product-info .right .options .option b+br {
    display: none
}

.product-info .right .options .option span {
    padding: 3px 3px 3px 0
}

.product-info .right .options .option input[type='text'],.product-info .right .options .option textarea {
    min-width: 100%
}

.product-info .right .options .option:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.product-info .right .options span.error {
    position: absolute;
    right: 5px;
    padding: 3px 4px 2px 4px
}

.product-info .right .option-image {
    margin-top: 3px;
    margin-bottom: 10px
}

.product-info .right .option-image tbody tr td:first-of-type+td {
    width: 50px
}

.product-info .right .option-image label {
    display: block;
    width: 100%;
    height: auto;
    padding-right: 0
}

.product-info .right .option-image img {
    margin-right: 5px;
    cursor: pointer
}

.product-info .right .cart {
    overflow: hidden
}

.product-info .right .cart div .qty {
    width: 34%;
    display: block;
    float: left;
    height: 40px;
    margin-right: 8px;
    overflow: hidden
}

.product-info .right .cart div .text-qty {
    width: 50%;
    font-weight: bold;
    display: none;
    height: 100%;
    line-height: 40px;
    text-align: center;
    float: left
}

.product-info .right .cart div .journal-stepper {
    width: 30%;
    color: white;
    background-color: #a9b8c0;
    display: inline-block;
    text-align: center;
    height: 100%;
    float: left;
    line-height: 36px;
    font-size: 25px;
    font-style: normal;
    font-weight: bold;
    transition: all .2s
}

.product-info .right .cart div input[name=quantity] {
    float: left;
    width: 40%;
    line-height: 38px;
    height: 100%;
    text-align: center;
    margin: 0;
    border: 0
}

.product-info .right .cart div .button {
    position: relative;
    line-height: 40px;
    min-height: 40px;
    font-size: 15px;
    display: inline-block;
    width: 63%;
    float: right
}

.product-info .right .cart div .button.enquiry-button {
    width: 100%!important
}

.product-info .right .cart div .button .button-cart-text:before {
    margin-right: 8px;
    line-height: 100%
}

.product-info .right .cart div .button .button-cart-text:after {
    line-height: 100%;
    margin-left: 8px
}

.product-info .right .cart .minimum {
    padding-top: 10px;
    font-size: 12px;
    clear: both
}

.product-info .right .wishlist-compare {
    padding: 0
}

.product-info .right .wishlist-compare .links {
    width: 100%;
    clear: both;
    display: block;
    text-align: center;
    padding: 2px 0 4px 0
}

.product-info .right .wishlist-compare .links a {
    padding: 0 15px;
    border: 0;
    color: #428bca;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    transition: all .2s
}

.product-info .right .wishlist-compare .links a:before {
    position: relative;
    right: 5px;
    font-size: 15px;
    float: left
}

.product-info .right .wishlist-compare .links span {
    line-height: 24px;
    display: none
}

.product-info .right .review img {
    top: 2px;
    position: relative;
    margin-right: 7px
}

.product-info .right .review a {
    position: relative;
    top: -1px
}

.product-info .right .review .share {
    display: none;
    overflow: auto;
    line-height: normal
}

.product-info .right .review .share a {
    text-decoration: none
}

.product-info .option ul {
    list-style: none;
    padding: 0;
    margin: -5px 0 0 0
}

.product-info .option ul li {
    background-color: white;
    color: #333745;
    font-weight: bold;
    font-size: 13px;
    display: inline-block;
    padding: 0 7px;
    margin: 7px 8px 0 0;
    line-height: 23px;
    cursor: pointer;
    transition: all .2s
}

.product-info .option ul li span {
    padding: 0!important
}

.product-info .tab-content {
    border-radius: 0
}

.product-info.split-70-30 .left {
    width: 70%
}

.product-info.split-70-30 .right {
    width: 30%
}

.product-info.split-70-30 .right .cart div .qty {
    width: 100%;
    margin-bottom: 10px
}

.product-info.split-70-30 .right .cart div .button {
    width: 100%
}

.product-info.split-60-40 .left {
    width: 60%
}

.product-info.split-60-40 .right {
    width: 40%
}

.product-info.split-40-60 .left {
    width: 40%
}

.product-info.split-40-60 .right {
    width: 60%
}

.product-info.split-30-70 .left {
    width: 30%
}

.product-info.split-30-70 .right {
    width: 70%
}

.push-checkbox .checkbox,.push-checkbox input[type="checkbox"],.push-checkbox input[type="checkbox"]+label,.push-checkbox input[type="checkbox"]+label+br {
    display: none!important
}

.push-select select {
    display: none!important
}

.push-radio .radio,.push-radio input[type="radio"],.push-radio input[type="radio"]+label,.push-radio input[type="radio"]+label+br {
    display: none!important
}

table.option-image input[type="radio"],table.option-image input[type="radio"]+label,table.option-image input[type="radio"]+label+br {
    display: inherit!important
}

.push-image .option-image .radio,.push-image .option-image input[type="radio"],.push-image .option-image input[type="radio"]+label,.push-image .option-image input[type="radio"]+label+br {
    display: none!important
}

.push-image table.option-image {
    display: none!important
}

.oc2 .product-info .option ul {
    margin: 0
}

.oc2 .product-info .option ul li {
    margin: 0 8px 7px 0
}

.ie .product-info .right .cart div input[name=quantity] {
    line-height: 100%
}

.social {
    margin-bottom: 20px;
    padding: 7px 8px 10px 0;
    min-height: 40px;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 20px
}

.social span {
    min-height: 20px!important;
    display: block;
    float: left;
    overflow: hidden
}

.left .social {
    margin-top: 10px;
    padding: 10px
}

.social-loaded {
    background-color: inherit;
    display: table;
    min-height: 29px
}

.social {
    background-size: 18px
}

.st_twitter_hcount {
    top: 3px;
    position: relative
}

.product-info .right>div>div.social {
    padding-top: 3px;
    padding-bottom: 5px
}

.attribute {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4
}

.attribute thead td,.attribute thead tr td:first-child {
    color: #333745;
    font-size: 14px;
    background: #f4f4f4;
    text-align: left
}

.attribute tr td:first-child {
    text-align: center;
    width: 20%
}

.attribute td {
    padding: 7px;
    color: #333745;
    text-align: center;
    vertical-align: top;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4
}

ul.product-option {
    padding: 0
}

input[name='captcha'] {
    width: 150px;
    margin: 10px 0
}

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

#tab-description div,#tab-description p {
    margin-bottom: 10px
}

#tab-description h3 {
    padding-left: 0;
    margin-bottom: 3px
}

#tab-description ul li {
    margin-bottom: 5px
}

#tabs {
    overflow: hidden;
    list-style: none;
    display: block;
    margin: 0;
    padding: 0
}

#tabs li:last-of-type {
    border-radius: inherit
}

#tabs li,#tabs a {
    float: left
}

#tabs a,#tabs li a {
    line-height: 37px
}

#tabs a:last-of-type,#tabs li a:last-of-type {
    border-top-right-radius: inherit
}

#tabs a,#tabs li a {
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
    transition: all .2s;
    box-shadow: inset 0 -3px 6px -2px rgba(0,0,0,0.5)
}

#tabs a.selected,#tabs li.active a {
    background-color: #f4f4f4;
    box-shadow: none;
    color: #333745;
    border-bottom: 2px solid #040e46;
}

.tab-content {
    padding: 15px;
    background-color: #f4f4f4;
    margin-bottom: 20px;
    z-index: 2;
    overflow: auto
}

.tab-content p {
    margin-bottom: 0
}

.journal-custom-tab h3,.tab-content h3 {
    padding-bottom: 4px
}

.product-info .left .journal-custom-tab {
    margin-top: 15px;
    overflow: hidden
}

.tab-related,#tab-related {
    display: none!important
}

#content .related-products .box-product {
    padding-top: 0
}

#content .related-products .box-heading {
    margin-bottom: 20px
}

.tab-content ul li,.cms-blocks ul li,.journal-custom-tab ul li {
    margin-left: 30px
}

.review-list {
    background-color: transparent;
    padding: 10px;
    overflow: auto;
    margin-bottom: 20px;
    border: 1px solid #e4e4e4
}

.review-list .text {
    padding: 10px;
    padding-top: 0;
    line-height: 1.3;
    clear: both
}

.review-list .author {
    padding: 5px;
    font-weight: bold;
    border-bottom: 1px solid #e4e4e4;
    display: inline-block;
    color: #333
}

.review-list .author b {
    font-size: 15px;
    font-weight: bold;
    color: #5c8ba6
}

.review-list .rating {
    float: right;
    margin-bottom: 20px
}

#content #review-title {
    color: white;
    margin-bottom: 15px;
    height: auto
}

#tab-review {
    position: relative;
    padding: 10px;
    padding-bottom: 0
}

#tab-review .buttons {
    margin: 0;
    padding: 0 0 20px 0;
    border-width: 0
}

#tab-review .buttons .right,#tab-review .buttons .pull-right {
    float: left
}

#tab-review .buttons .pull-right {
    margin: 10px 0 0 10px
}

#tab-review.tab-content ul li {
    margin-left: 0
}

.oc2 #tab-review .form-group label {
    width: auto;
    padding: 0
}

.oc2 #tab-review input[name='captcha'] {
    display: block;
    clear: both;
    margin-left: 10px;
    margin-bottom: 0
}

.oc2 #tab-review .buttons .pull-right {
    margin: 10px 0 0 0
}

.g-capthca {
    background-image: url("../../../../../image/data/journal2/loader.gif");
    background-repeat: no-repeat
}

@media only screen and (min-width:760px) {
    #content .g-capthca {
        margin-left: 25%
    }
}

.tags {
    margin-left: 0;
    color: transparent;
    margin-bottom: 15px
}

.tags b {
    padding: 2px 6px 3px 6px;
    background-color: #5f6874;
    color: white;
    margin-right: 5px;
    font-weight: normal
}

.tags a {
    margin-left: 0;
    padding: 2px 6px 3px 6px;
    background-color: #f4f4f4;
    color: #333745;
    display: inline-block;
    margin-bottom: 5px;
    transition: all .2s
}

.product-grid-item .image>span,.product-list-item .image>span,.product-info .image>span {
    position: absolute;
    z-index: 99;
    text-align: center;
    display: block;
    transition: opacity .2s
}

.label-latest {
    color: white;
    background: #428bca;
    top: 5px;
    right: 5px;
    padding: 5px 6px
}

.label-sale {
    top: 5px;
    right: 5px;
    background: #ea2e49;
    color: white;
    font-weight: bold;
    padding: 5px 5px 6px 5px
}

.label-latest+.label-sale {
    top: 26px;
    margin-top: 9px
}

img.outofstock {
    transition: opacity .2s;
    pointer-events: none
}

.ie9 .label-sale b {
    display: inline-block;
    width: 110%
}

.hide-cart .cart.outofstock .button:not(.compare-remove) {
    opacity: .4;
    pointer-events: none;
    cursor: default
}

.hide-cart .cart.outofstock .button.enquiry-button,.hide-cart .cart.outofstock #more-details {
    opacity: 1;
    cursor: auto;
    pointer-events: auto
}

.hide-cart td.outofstock>.btn-primary,.hide-cart td img.outofstock {
    opacity: .4;
    pointer-events: none;
    cursor: default
}

.enquiry-button .button i {
    margin-right: 0!important
}

.noscroll {
    margin: 0!important;
    overflow-y: scroll!important;
    position: fixed;
    display: block;
    width: 100%
}

.noscroll body {
    display: inline-table;
    width: 100%
}

.noscroll.has-popup body {
    display: block
}

.quickview-button {
    position: absolute;
    z-index: 99;
    left: 50%;
    margin-left: -45px;
    top: 50%;
    margin-top: -20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s
}

.quickview-button {
    -webkit-backface-visibility: hidden
}

.product-wrapper:hover .quickview-button,.product-list-item:hover .quickview-button {
    opacity: 1;
    visibility: visible
}

.quickview body {
    background-color: transparent;
    background-image: none
}

.quickview .mfp-iframe {
    background-color: white
}

.quickview #container {
    min-height: 100%;
    background-color: white
}

.quickview #content {
    padding: 15px 15px 5px 15px
}

.quickview #content:after {
    content: "";
    display: none
}

.quickview .heading-title {
    margin-bottom: 15px
}

.quickview .mfp-iframe-holder .mfp-content {
    max-width: 800px;
    height: 530px
}

.quickview .tab-content {
    background-color: transparent
}

.quickview .product-info {
    margin-bottom: 15px
}

.quickview .product-info .right {
    padding-left: 15px
}

.quickview .product-info .right .cart {
    display: table;
    overflow: visible;
    width: 100%
}

.quickview .product-info .left .image-additional {
    margin-bottom: 5px
}

.quickview .product-info .left .tab-content {
    margin-top: 15px;
    margin-bottom: 0
}

.quickview #button-cart {
    width: 50%;
    float: left
}

.quickview #more-details {
    width: 40px;
    height: 40px;
    float: right
}

.quickview .cart [data-hint]:before {
    display: block;
    margin-left: -6px
}

.quickview .cart [data-hint]:after {
    display: block;
    left: auto;
    right: 0;
    text-shadow: none;
    box-shadow: none;
    line-height: 100%
}

.quickview .mfp-iframe,.quickview .journal-popup {
    opacity: 0;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7)
}

.quickview.mfp-bg {
    opacity: .01;
    transition: all .2s ease-out
}

.quickview.mfp-ready .mfp-iframe,.quickview.mfp-ready .journal-popup {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.quickview.mfp-ready.mfp-bg {
    opacity: .75
}

.quickview.mfp-removing .mfp-iframe,.quickview.mfp-removing .journal-popup {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0
}

.quickview.mfp-removing.mfp-bg {
    opacity: 0
}

.quickview .zm-viewer,.quickview .zm-handler {
    cursor: default
}

.mfp-bg {
    z-index: 9999999
}

.mfp-wrap {
    z-index: 99999999
}

.zm-viewer {
    position: absolute;
    display: none;
    overflow: hidden;
    background: url("../lib/image-zoom/loading.gif") no-repeat center center;
    cursor: pointer;
    z-index: 999
}

.zm-handler {
    position: absolute!important;
    display: none;
    overflow: hidden;
    cursor: pointer;
    border: none!important
}

.zm-handlerarea {
    background: url("../lib/image-zoom/lens.png");
    opacity: .9;
    position: relative
}

.zm-description {
    position: absolute;
    bottom: 6px;
    left: 6px;
    right: 6px;
    background-color: #eee;
    background-color: rgba(255,255,255,0.5);
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    color: rgba(0,0,0,0.6);
    font-size: 13px;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
    padding: 4px
}

.followViewer,.standardViewer {
    border: 2px solid #fefefe;
    border: 4px solid rgba(255,255,255,0.2);
    box-shadow: 0 0 3px rgba(0,0,0,0.2)
}

.oc2 .list-unstyled {
    margin-top: 0;
    padding: 0;
    list-style: none;
    border: 0
}

.oc2 .product-info .right .price-old {
    float: left
}

.oc2 .product-info .right .price-new {
    position: relative;
    top: -5px
}

.oc2 .product-info .right .options .option div label:before {
    display: none
}

.oc2 .product-info .right .options .option .input-group-btn {
    padding: 0
}

.oc2 .product-info .right .options .option label {
    display: block
}

.oc2 .rating .fa-stack {
    width: auto;
    height: auto;
    line-height: 100%;
    padding: 0 8px;
    display: inline
}

.oc2 .rating .fa-star {
    color: #f1c40f
}

.oc2 .rating .fa-star+.fa-star-o {
    color: #f1c40f
}

.oc2 .rating .fa-star-o {
    color: #5f6874
}

.oc2 .rating a {
    position: relative;
    top: -1px
}

.oc2 .rating a:first-of-type {
    margin-left: 10px
}

.oc2 #tabs {
    margin-top: 10px;
    display: flex;
    list-style: none;
    overflow-x: scroll;
    scrollbar-width: thin;;
}

.oc2 .tab-content {
    display: none
}

.oc2 .tab-content.active {
    display: block
}

.oc2 .tab-content #captcha {
    margin-left: 10px
}

.oc2.quickview .tab-content {
    display: block
}

.oc2 .product-info .left .tabs-content .journal-custom-tab {
    border-radius: inherit;
    border-top-width: inherit;
    margin-top: 0
}

.oc2 #tab-review .form-group {
    font-size: 12px
}

.oc2 #tab-review input[type='radio'],.oc2 #tab-review input[type='checkbox'] {
    margin: 4px 0 0
}

.oc2 #tab-review form table td>p {
    margin: 10px 0
}

.oc2 #tab-review form table td:first-of-type {
    width: 100px!important;
    padding-right: 10px
}

.oc2 #tab-review .fa-stack-1x,.oc2 #tab-review .fa-stack-2x {
    width: auto
}

.oc2 #tab-review .fa-stack {
    width: auto;
    height: auto;
    line-height: 100%;
    padding: 0 8px;
    display: inline-block;
    margin-bottom: 20px
}

.oc2 #tab-review .fa-star {
    color: #f1c40f
}

.oc2 #tab-review .fa-star+.fa-star-o {
    color: #f1c40f
}

.oc2 #tab-review .fa-star-o {
    color: #5f6874
}

.oc2 #tab-review a {
    position: relative;
    top: -1px
}

.oc2 .attribute strong {
    font-weight: inherit
}

.text-empty,.not_found {
    padding-bottom: 10px;
    padding-top: 10px
}

.category-info {
    margin-bottom: 20px
}

.category-info p {
    margin-bottom: 15px
}

.category-info img,.category-info .image img {
    margin-right: 15px;
    margin-bottom: 10px;
    display: block;
    float: left;
    max-width: 100%;
    width: auto;
    height: auto
}

h2.refine {
    margin-bottom: 0;
    border: 0;
    display: none
}

.refine-images {
    margin-right: -15px
}

#refine-images .owl-controls {
    margin-top: 4px
}

#refine-images .owl-wrapper-outer {
    overflow: hidden
}

.refine-image {
    float: left;
    text-align: center;
    padding-right: 15px;
    margin-bottom: 15px
}

.refine-image a {
    display: block;
    padding: 7px;
    transition: background-color .2s
}

.refine-image a span {
    transition: all .2s
}

.refine-image img {
    width: 100%;
    height: auto;
    margin-bottom: 5px
}

.owl-item .refine-image {
    float: none
}

.refine-category-name {
    display: table;
    width: 100%;
    text-align: center
}

.category-list {
    position: relative;
    margin-top: 20px
}

.category-list>ul {
    margin: 0;
    padding-left: 10px;
    min-height: 35px;
    line-height: 33px
}

.category-list>ul>li {
    color: white;
    position: relative;
    display: inline-block
}

.category-list>ul>li>a {
    padding: 0 6px;
    color: inherit;
    font-size: 12px;
    font-weight: bold;
    transition: all .2s
}

.category-list>ul>li:after {
    position: absolute;
    content: "|"
}

.category-list>ul>li:last-of-type:after {
    content: ""
}

.category-list>ul>li:first-child>a {
    padding-left: 0
}

.product-filter {
    padding-left: 0;
    overflow: auto;
    width: 100%;
    transition: color .2s
}

.product-filter>div {
    float: right;
    height: 40px;
    line-height: 39px;
    overflow: hidden
}

.product-filter>div b {
    position: relative;
    font-weight: normal
}

.product-filter .product-compare {
    float: left;
    color: inherit;
    font-family: inherit
}

.product-filter .product-compare a {
    text-decoration: none;
    color: inherit;
    transition: all .2s
}

.product-filter .product-compare a:before {
    padding-left: 1px;
    float: left;
    margin-right: 5px
}

.product-filter .display {
    float: left;
    padding-left: 5px
}

.product-filter .display a {
    position: relative
}

.product-filter .display a+a {
    left: -14px
}

.product-filter .display a+a i {
    margin-right: 0!important;
    transition: all .2s
}

.product-filter .limit {
    margin: 0 10px
}

.ie .main-products,.main-products.product-list {
    width: 100%
}

.product-grid,.product-list,#content .box-product {
    padding-top: 20px
}

.backface :before,.backface :after {
    -webkit-backface-visibility: hidden
}

.product-grid,#content .box-product {
    margin-right: -20px;
    overflow: visible!important
}

.product-wrapper {
    margin-right: 20px
}

@media only screen and (max-width:760px) {
    .product-grid,#content .box-product {
        margin-right: 0px
    }
    .product-wrapper{
        margin-right: 0px
    }
    .tab-content ul li{
        margin-left: 0px
    }
    .tab-content ul{
        padding-left: 20px
    }    
}

.product-wrapper:hover {
    transition: all .3s
}

.product-details {
    padding-bottom: 6px;
    position: relative;
    z-index: 2
}

.product-details:before {
    position: absolute;
    content: "\e61e";
    font-size: 40px;
    top: -19px;
    left: 50%;
    margin-left: -12px;
    color: #f4f4f4;
    z-index: 0
}

.product-grid-item {
    text-align: center;
    position: relative;
    z-index: 1;
    background-color: transparent;
    margin-bottom: 20px
}

.product-grid-item .image {
    width: 100%;
    position: relative;
    z-index: 1
}

.product-grid-item .image>a {
    width: 100%;
    display: block;
    text-align: center;
    background-color: transparent
}

.product-grid-item .image>a img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    border-radius: inherit
}

.product-grid-item .name {
    width: 100%;
    display: table;
    table-layout: fixed;
    position: relative;
    overflow: hidden
}

.product-grid-item .name a {
    padding: 10px 7px 7px 7px;
    line-height: 17px;
	height: 60px;
    text-decoration: none;
    /*display: table-cell;*/
    vertical-align: middle;
    text-overflow: ellipsis;
    overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}



.product-grid-item .description {
    display: none;
    padding: 8px
}

.product-grid-item .rating {
    display: block;
    position: absolute;
    top: -35px;
    left: 50%;
    margin-left: -47px;
    padding: 4px 6px 8px 6px
}

.product-grid-item .price {
    font-weight: bold;
    text-align: center;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 15px;
    display: inline-block;
    margin: 0 0 10px 0
}

.product-grid-item .price br {
    display: none
}

.product-grid-item hr {
    height: 0;
    display: none;
    background-color: transparent
}

.product-grid-item .price-old {
    color: #ea2e49;
    font-size: 13px;
    text-decoration: line-through
}

.product-grid-item .price-new {
    font-weight: bold;
    padding-left: 0px
}

.product-grid-item .price-tax {
    display: none
}

.product-grid-item .cart {
    vertical-align: top;
    padding: 0 5px;
    margin-bottom: 8px
}

.product-grid-item.display-icon.inline-button .cart {
    padding: 0
}

.p-over {
    width: 100%;
    height: 100%;
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    -ms-filter: 'alpha(opacity=0)'!important;
    transition: all .2s ease-out
}

.product-grid-item:hover .p-over,.product-list-item:hover .p-over {
    -ms-filter: 'alpha(opacity=0)'!important;
    visibility: visible
}

.product-list-item {
    background-color: #f4f4f4;
    margin-bottom: 20px;
    padding: 10px
}

.product-list-item .product-details {
    margin-left: 215px;
    background-color: transparent
}

.product-list-item .product-details:before {
    display: none
}

.product-list-item .left {
    position: relative
}

.product-list-item .image {
    width: 200px;
    float: left;
    margin-right: 15px;
    position: relative
}

.product-list-item .image>a {
    display: block;
    overflow: hidden
}

.product-list-item .image>a>img {
    width: 100%;
    float: left;
    border-radius: inherit;
    height: auto
}

.product-list-item .name a {
    font-size: 14px;
    padding-bottom: 5px;
    display: block;
    border-bottom: 1px solid #e4e4e4;
    display: inline-block;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden
}

.product-list-item .rating {
    position: relative;
    margin-top: 0;
    margin-bottom: 8px;
    left: 1px;
    top: -1px
}

.product-list-item .price {
    font-weight: bold;
    text-align: left;
    padding: 8px 0;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 16px;
    display: inline-block
}

.product-list-item .price-old {
    color: #ea2e49;
    font-size: 90%;
    text-decoration: line-through
}

.product-list-item .price-new {
    font-weight: bold;
    padding-left: 5px
}

.product-list-item .price-tax {
    opacity: .7;
    font-weight: normal;
    font-size: 75%;
    text-align: left;
    display: block;
    padding-top: 5px;
    display: none
}

.product-list-item .description {
    padding: 0 0 12px 0;
    color: #5f6874
}

.product-list-item .cart {
    float: left;
    margin-right: 10px
}

.product-list-item.lt400 .product-list-item .image {
    width: 100%;
    float: none;
    margin-bottom: 10px
}

.product-list-item.lt400 .product-list-item .image img {
    float: none
}

.product-grid-item .wishlist,.product-grid-item .compare,.product-list-item .wishlist,.product-list-item .compare {
    position: relative;
    display: inline-block;
    padding: 0 5px;
    margin-bottom: 3px
}

.product-grid-item .wishlist a,.product-grid-item .compare a,.product-list-item .wishlist a,.product-list-item .compare a {
    display: block;
    font-size: 11px;
    text-align: center;
    position: relative
}

.product-grid-item .wishlist a i,.product-grid-item .compare a i,.product-list-item .wishlist a i,.product-list-item .compare a i {
    transition: background-color .2s;
    color: inherit;
    display: inline-block;
    text-align: center
}

.product-grid-item .wishlist a i:before,.product-grid-item .compare a i:before,.product-list-item .wishlist a i:before,.product-list-item .compare a i:before {
    width: 100%
}

.oc2 .product-grid-item .compare {
    padding-left: 0
}

.product-grid-item .image .wishlist,.product-grid-item .image .compare {
    position: absolute;
    bottom: 8px;
    z-index: 99;
    transition: opacity .2s
}

.product-grid-item .image .wishlist {
    left: 5px
}

.product-grid-item .image .compare {
    right: 5px
}

.journal-carousel .product-grid-item .image .wishlist [data-hint]:after {
    left: 0;
    -webkit-transform: translate3d(0,0,0) translateX(0);
    -moz-transform: translate3d(0,0,0) translateX(0);
    -ms-transform: translate3d(0,0,0) translateX(0);
    transform: translate3d(0,0,0) translateX(0)
}

.journal-carousel .product-grid-item .image .compare [data-hint]:after {
    left: auto;
    right: 0;
    -webkit-transform: translate3d(0,0,0) translateX(0);
    -moz-transform: translate3d(0,0,0) translateX(0);
    -ms-transform: translate3d(0,0,0) translateX(0);
    transform: translate3d(0,0,0) translateX(0)
}

.product-list-item .image .wishlist,.product-list-item .image .compare {
    position: absolute;
    bottom: 8px
}

.product-list-item .cart {
    float: none;
    display: block
}

.product-list-item .wishlist a i,.product-list-item .compare a i {
    background-color: transparent;
    padding-right: 3px
}

.product-list-item .wishlist {
    margin-top: 10px;
    padding-left: 0
}

.product-list-item .wishlist a {
    text-align: left
}

.product-list-item .compare {
    margin-top: 0;
    text-align: left
}

.inline-button .cart {
    display: inline-block;
    margin-bottom: 5px
}

.inline-button hr {
    display: block
}

.product-grid-item:hover,.owl-carousel .owl-item:hover {
    z-index: 3
}

.pagination {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
    padding: 10px
}

.pagination:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
}

.pagination .links {
    float: left
}

.pagination ul,.pagination li {
    margin: 0;
    padding: 0;
    list-style: none
}

.pagination a,.pagination b,.pagination li {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    background-color: white;
    font-weight: bold;
    font-family: inherit;
    margin-right: 4px;
    transition: all .2s
}

.pagination b,.pagination .active {
    background-color: #ea2e49;
    color: white
}

.pagination .results {
    color: inherit;
    float: right;
    padding-right: 5px
}

.pagination .links+.results {
    margin-top: 4px
}

.oc2 .product-list-item .description {
    height: auto!important
}

.oc2 .product-list-item .rating {
    margin-bottom: 0
}

#footer {
    border: 0;
    position: relative;
    max-width: 1024px;
    margin: 0 auto;
    display: table;
    width: 100%
}

.fullwidth-footer {
    max-width: 100%
}

.fullwidth-footer #footer {
    overflow: visible;
    border-radius: 0
}

.fullwidth-footer .columns {
    padding-left: 1px
}

.fullwidth-footer .bottom-footer {
    max-width: 100%;
    padding: 0
}

.boxed-footer {
    background-color: transparent
}

footer {
    position: relative;
    width: 100%;
    margin: 0 auto;
    clear: both;
    display: table;
    z-index: 9
}

footer .columns {
    padding-left: 15px;
    overflow: hidden
}

footer .column {
    padding: 0 25px 0 0;
    position: relative
}

footer .column.newsletter {
    padding-right: 15px
}

footer .column>h3 {
    color: #e4e4e4;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px solid #5f6874;
    padding-bottom: 10px;
    margin-top: 12px
}

footer .column.no-title .column-text-wrap {
    margin-top: 15px
}

footer .column-menu-wrap>ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-top: 6px
}

footer .column-menu-wrap>ul li {
    padding: 3px 0;
    color: #e4e4e4
}

footer .column-menu-wrap>ul li i {
    margin-right: 6px!important
}

footer .column-menu-wrap>ul li i:before {
    margin-top: -1px
}

footer .column-menu-wrap>ul a {
    display: block;
    color: inherit;
    transition: color .2s
}

footer .column-text-wrap {
    color: #e4e4e4;
    height: 100%
}

footer .column-text-wrap a {
    transition: color .2s
}

footer .column-text-wrap>ul {
    padding-left: 15px;
    margin: 0 0 7px 0
}

footer .column-text-wrap>ol {
    padding-left: 20px;
    margin: 0 0 7px 0
}

footer .column-text-wrap p {
    color: inherit;
    margin: 0;
    overflow: hidden;
    line-height: 100%
}

footer .column-text-wrap p span,footer .column-text-wrap p strong {
    line-height: 100%!important
}

footer .column-text-wrap p iframe {
    width: 100%
}

footer .column-text-wrap img {
    max-width: 100%;
    height: auto!important
}

footer .text>h3 {
    margin-bottom: 12px
}

footer .columns+.contacts {
    margin-top: 15px
}

footer .contacts {
    position: relative;
    clear: both;
    display: table;
    width: 100%;
    padding: 10px
}

footer .contacts>div>span {
    color: white;
    margin-right: 4px
}

footer .contacts i {
    font-size: 20px;
    color: inherit;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    margin-right: 0!important;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    line-height: 39px;
    transition: background-color .2s
}

footer .contacts a {
    color: inherit
}

footer .contacts a:hover i {
    color: inherit
}

footer .contacts [data-hint]:before,footer .contacts [data-hint]:after {
    display: block
}

footer .contacts .hint--top:before {
    margin-left: -10px
}

footer .contacts .hint--top:after,footer .contacts .hint--top:focus:after {
    -webkit-transform: translate3d(0,0,0) translateX(-54%);
    -moz-transform: translate3d(0,0,0) translateX(-50%);
    -ms-transform: translate3d(0,0,0) translateX(-50%);
    transform: translate3d(0,0,0) translateX(-54%)
}

footer .contacts .hint--top:hover:after,footer .contacts .hint--top:focus:after {
    -webkit-transform: translate3d(0,0,0) translateY(-8px) translateX(-54%);
    -moz-transform: translate3d(0,0,0) translateY(-8px) translateX(-54%);
    -ms-transform: translate3d(0,0,0) translateY(-8px) translateX(-54%);
    transform: translate3d(0,0,0) translateY(-8px) translateX(-54%)
}

footer .contacts .hint--top .contacts-text {
    margin-left: 0
}

footer .contacts-text {
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
    color: inherit;
    line-height: 36px;
    margin-left: 10px;
    margin-right: 5px;
    position: relative;
    top: 2px
}

footer .contacts-center {
    margin: 0 auto;
    position: absolute;
    clear: both;
    width: 100%;
    top: 10px;
    right: 10px;
    z-index: 0
}

footer .contacts-left {
    position: relative;
    float: left;
    z-index: 1
}

footer .contacts-right {
    position: relative;
    float: right;
    z-index: 1
}

.column.newsletter .box {
    margin-top: 15px;
    margin-bottom: 0
}

.column.products {
    padding-bottom: 12px
}

.column.products>h3 {
    margin-bottom: 12px
}

.column.products .product-wrapper {
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    transition: all .2s
}

.column.products .product-wrapper .p-over {
    display: none
}

.column.products .product-wrapper:hover {
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    border: 0
}

.column.products .product-details {
    background-color: transparent;
    padding-bottom: 0;
    float: left;
    max-width: 150px;
    padding-left: 8px
}

.column.products .product-details:before {
    content: ""
}

.column.products .product-grid-item {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid transparent;
    margin-bottom: 0;
    text-align: left;
    padding: 5px 0
}

.column.products .product-grid-item .quickview-button {
    display: none!important
}

.column.products .product-grid-item:first-of-type {
    padding-top: 2px
}

.column.products .product-grid-item .image {
    display: block;
    float: left;
    position: relative;
    width: auto
}

.column.products .product-grid-item .image span {
    display: none!important
}

.column.products .product-grid-item .image a {
    background: transparent!important;
    margin-top: 1px;
    line-height: 100%;
    border-radius: 0;
    border: 0
}

.column.products .product-grid-item .image img {
    border: 0;
    display: block;
    padding: 0;
    max-width: 50px
}

.column.products .product-grid-item .name {
    position: relative
}

.column.products .product-grid-item .name a {
    font-size: 12px;
    text-decoration: none;
    display: block;
    text-align: left;
    padding: 0 0 1px 0;
    transition: all .2s
}

.column.products .product-grid-item .sale {
    display: none
}

.column.products .product-grid-item .price {
    display: inline-block;
    font-size: 13px;
    padding: 0;
    text-align: left;
    border: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 0
}

.column.products .product-grid-item .price-old {
    font-weight: normal;
    color: #ea2e49;
    padding-right: 0;
    text-decoration: line-through;
    font-size: 12px
}

.column.products .product-grid-item .price-new {
    font-size: 13px
}

.column.products .product-grid-item .rating {
    position: relative;
    margin: 0;
    left: 0;
    top: 0;
    padding: 0
}

.column.products .product-grid-item .cart {
    display: none!important
}

.column.products .product-grid-item .cart input {
    color: white;
    font-family: Helvetica,Arial,sans-serif;
    text-transform: none;
    font-weight: bold
}

.column.products .product-grid-item:last-of-type {
    border-bottom: 0
}

.bottom-footer {
    height: 60px;
    clear: both;
    margin: 0 auto;
    position: relative
}

.bottom-footer>div {
    max-width: 1024px;
    margin: 0 auto;
    position: relative
}

.bottom-footer .copyright {
    float: left;
    line-height: 60px
}

.bottom-footer .payments {
    float: right
}

.bottom-footer .payments img {
    max-width: 100%;
    max-height: 35px;
    height: auto;
    width: auto;
    margin-left: 10px;
    position: relative;
    margin-top: 13px;
    vertical-align: middle
}

.bottom-footer .no-copyright {
    text-align: center
}

.bottom-footer .no-copyright .payments {
    float: none
}

.bottom-footer .no-payments {
    text-align: center
}

.bottom-footer .no-payments .copyright {
    float: none
}

.bottom-footer.boxed-bar {
    padding: 0 15px
}

.column-text-wrap .block-icon-left+p {
    display: inline
}

footer .column.text {
    min-height: 50px
}

@font-face {
    font-family:'journal-icons';src:url('icons/fonts/journal-icons.eot');src:url('icons/fonts/journal-icons.eot?#iefix') format('embedded-opentype'),url('icons/fonts/journal-icons.woff') format('woff'),url('icons/fonts/journal-icons.ttf') format('truetype'),url('icons/fonts/journal-icons.svg#journal-icons') format('svg');font-weight:normal;font-style:normal
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@	font-face {
    font-family: 'journal-icons';
    src: url('icons/fonts/journal-icons.svg#journal-icons') format('svg')
}
}

[data-icon]:before {
    font-family: 'journal-icons';
    content: attr(data-icon);
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media only screen and (max-width:1220px) {
    .lg-5 {
        width: 5%
    }

    .lg-10 {
        width: 10%
    }

    .lg-15 {
        width: 15%
    }

    .lg-20 {
        width: 20%
    }

    .lg-25 {
        width: 25%
    }

    .lg-30 {
        width: 30%
    }

    .lg-35 {
        width: 35%
    }

    .lg-40 {
        width: 40%
    }

    .lg-45 {
        width: 45%
    }

    .lg-50 {
        width: 50%
    }

    .lg-55 {
        width: 55%
    }

    .lg-60 {
        width: 60%
    }

    .lg-65 {
        width: 65%
    }

    .lg-70 {
        width: 70%
    }

    .lg-75 {
        width: 75%
    }

    .lg-80 {
        width: 80%
    }

    .lg-85 {
        width: 85%
    }

    .lg-90 {
        width: 90%
    }

    .lg-95 {
        width: 95%
    }

    .lg-100 {
        width: 100%
    }

    .lg-11 {
        width: 11.11111111111111%
    }

    .lg-12 {
        width: 12.5%
    }

    .lg-14 {
        width: 14.28571428571429%
    }

    .lg-16 {
        width: 16.66666666666666%
    }

    .lg-33 {
        width: 33.33333333333333%
    }

    .lg-66 {
        width: 66.66666666666666%
    }
}

@media only screen and (max-width:980px) {
    .md-5 {
        width: 5%
    }

    .md-10 {
        width: 10%
    }

    .md-15 {
        width: 15%
    }

    .md-20 {
        width: 20%
    }

    .md-25 {
        width: 25%
    }

    .md-30 {
        width: 30%
    }

    .md-35 {
        width: 35%
    }

    .md-40 {
        width: 40%
    }

    .md-45 {
        width: 45%
    }

    .md-50 {
        width: 50%
    }

    .md-55 {
        width: 55%
    }

    .md-60 {
        width: 60%
    }

    .md-65 {
        width: 65%
    }

    .md-70 {
        width: 70%
    }

    .md-75 {
        width: 75%
    }

    .md-80 {
        width: 80%
    }

    .md-85 {
        width: 85%
    }

    .md-90 {
        width: 90%
    }

    .md-95 {
        width: 95%
    }

    .md-100 {
        width: 100%
    }

    .md-11 {
        width: 11.11111111111111%
    }

    .md-12 {
        width: 12.5%
    }

    .md-14 {
        width: 14.28571428571429%
    }

    .md-16 {
        width: 16.66666666666666%
    }

    .md-33 {
        width: 33.33333333333333%
    }

    .md-66 {
        width: 66.66666666666666%
    }
}

@media only screen and (max-width:760px) {
    .sm-5 {
        width: 5%
    }

    .sm-10 {
        width: 10%
    }

    .sm-15 {
        width: 15%
    }

    .sm-20 {
        width: 20%
    }

    .sm-25 {
        width: 25%
    }

    .sm-30 {
        width: 30%
    }

    .sm-35 {
        width: 35%
    }

    .sm-40 {
        width: 40%
    }

    .sm-45 {
        width: 45%
    }

    .sm-50 {
        width: 50%
    }

    .sm-55 {
        width: 55%
    }

    .sm-60 {
        width: 60%
    }

    .sm-65 {
        width: 65%
    }

    .sm-70 {
        width: 70%
    }

    .sm-75 {
        width: 75%
    }

    .sm-80 {
        width: 80%
    }

    .sm-85 {
        width: 85%
    }

    .sm-90 {
        width: 90%
    }

    .sm-95 {
        width: 95%
    }

    .sm-100 {
        width: 100%
    }

    .sm-11 {
        width: 11.11111111111111%
    }

    .sm-12 {
        width: 12.5%
    }

    .sm-14 {
        width: 14.28571428571429%
    }

    .sm-16 {
        width: 16.66666666666666%
    }

    .sm-33 {
        width: 33.33333333333333%
    }

    .sm-66 {
        width: 66.66666666666666%
    }
}

@media only screen and (max-width:470px) {
    .xs-5 {
        width: 5%
    }

    .xs-10 {
        width: 10%
    }

    .xs-15 {
        width: 15%
    }

    .xs-20 {
        width: 20%
    }

    .xs-25 {
        width: 25%
    }

    .xs-30 {
        width: 30%
    }

    .xs-35 {
        width: 35%
    }

    .xs-40 {
        width: 40%
    }

    .xs-45 {
        width: 45%
    }

    .xs-50 {
        width: 50%
    }

    .xs-55 {
        width: 55%
    }

    .xs-60 {
        width: 60%
    }

    .xs-65 {
        width: 65%
    }

    .xs-70 {
        width: 70%
    }

    .xs-75 {
        width: 75%
    }

    .xs-80 {
        width: 80%
    }

    .xs-85 {
        width: 85%
    }

    .xs-90 {
        width: 90%
    }

    .xs-95 {
        width: 95%
    }

    .xs-100 {
        width: 100%
    }

    .xs-11 {
        width: 11.11111111111111%
    }

    .xs-12 {
        width: 12.5%
    }

    .xs-14 {
        width: 14.28571428571429%
    }

    .xs-16 {
        width: 16.66666666666666%
    }

    .xs-33 {
        width: 33.33333333333333%
    }

    .xs-66 {
        width: 66.66666666666666%
    }
}

@media only screen and (max-width:1024px) {
    .product-grid-item:hover .image>a>img,.product-list-item:hover .image>a>img {
        opacity: 1;
        -ms-filter: "alpha(opacity=100)";
        transition: opacity 0
    }

    .p-over,.quickview-button,.gallery-thumb a:before,.gallery-thumb .item-hover {
        display: none
    }
}

@media only screen and (max-width:980px) {
    #container,#header {
        max-width: 100%
    }

    .banner-overlay {
        display: none!important
    }
}

@media only screen and (max-width:760px) {
    .hide-on-phone {
        display: none!important
    }

    #cart .content {
        width: 100%
    }

    .login-content .left {
        width: 100%;
        margin-bottom: 30px
    }

    .login-content .right {
        width: 100%
    }

    .login-content .left p:nth-child(2) {
        min-height: 55px
    }

    .side-block-left,.side-block-right {
        display: none
    }

    .heading-title,.box-heading {
        max-height: 100%
    }
}

@media only screen and (max-width:470px) {
    table.form td {
        display: block
    }
}

@media only screen and (max-width:980px) {
    .journal-desktop .sticky-wrapper {
        max-height: 160px
    }

    .journal-menu {
        clear: both
    }

    .journal-header-default.nocart-nosearch .journal-menu {
        clear: none
    }

    #cart {
        box-shadow: none
    }

    .sticky-wrapper {
        height: auto!important
    }
}

@media only screen and (max-width:760px) {
    .journal-header-center .journal-links .links {
        width: 100%
    }

    body header {
        box-shadow: none
    }

    header .links>a {
        border-bottom-color: #e4e4e4;
        border-top-style: solid;
        border-top-width: 1px
    }

    header .journal-login {
        border-bottom: 1px solid #e4e4e4
    }

    #header {
        padding-top: 40px
    }

    #header .journal-links {
        position: absolute;
        top: 0
    }

    .is-sticky {
        max-height: 100%
    }
}

@media only screen and (max-width:760px) {
    .journal-header .text-only>i {
        display: none
    }

    .journal-header .icon-only>i {
        font-size: 185%!important
    }

    .journal-header .icon-only>span {
        display: none
    }
}

@media only screen and (max-width:1039px) {
    .journal-header-default.nocart .links>a:last-child {
        border-right-width: 0
    }
}

@media only screen and (max-width:760px) {
    .journal-header-menu #logo a {
        height: 120px
    }

    .journal-header-menu #logo a img {
        max-height: 120px
    }

    .journal-header-mega .journal-logo #logo a {
        text-align: center;
        padding-left: 0
    }

    .super-menu>li:last-of-type {
        border-left: 0!important
    }

    .journal-header-center {
        box-shadow: none
    }

    .journal-header-center .journal-cart,.journal-header-center .journal-search,.journal-header-center .journal-secondary,.journal-header-center .journal-links {
        padding: 0
    }

    .journal-header-center .journal-search,.journal-header-center .journal-cart {
        top: 0
    }

    .journal-header-center .journal-top-header {
        border-bottom-width: 0
    }

    .journal-header-center .journal-menu-bg {
        display: none
    }

    .journal-header-center #search input {
        border-radius: 0;
        border-left-width: 0!important;
        border-right-width: 0!important
    }

    .journal-header-center .button-search {
        border-radius: 0
    }

    .journal-header-center .journal-cart {
        border-radius: 0
    }

    .journal-header-center .journal-cart #cart .heading a span {
        border-top: 1px solid transparent
    }

    .journal-header-center .journal-cart #cart {
        border-radius: 0;
        border-right-width: 0!important
    }

    .journal-header-center .journal-cart #cart .content {
        padding-top: 0
    }

    .journal-header-center .journal-cart #cart .content .cart-wrapper {
        border-radius: 0
    }

    .journal-header-center .journal-cart #cart .content:before {
        display: none
    }

    .journal-header-center .journal-cart #cart .heading i {
        border-radius: 0
    }

    .journal-header-center .journal-language,.journal-header-center .journal-currency {
        padding: 0;
        margin-right: 0;
        position: absolute;
        min-width: 40px;
        z-index: 99
    }

    .journal-header-center .journal-language {
        left: 0
    }

    .journal-header-center .journal-currency {
        right: 1px
    }

    .journal-header-center .journal-language form {
        text-align: left
    }

    .journal-header-center .journal-language form>div {
        border-left: 0
    }

    .journal-header-center .journal-currency form {
        text-align: right
    }

    .journal-header-center .journal-currency form>div {
        border-right: 0;
        border-left: 1px solid transparent
    }

    .journal-header-center .lang form,.journal-header-center .curr form {
        display: block
    }

    .journal-header-center .journal-center-bg {
        top: 80px
    }

    .journal-header-center .journal-secondary {
        width: 100%;
        text-align: center;
        clear: both;
        background-color: #fafafa;
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent
    }

    .journal-header-center .links {
        float: none!important;
        margin: 0 auto
    }

    .journal-header-center .autocomplete2-suggestions {
        top: 40px;
        border-radius: 0
    }

    .journal-header-center .autocomplete2-suggestions:before {
        display: none
    }

    .journal-header-center .autocomplete2-selected:first-child,.journal-header-center .autocomplete2-selected:last-child,.journal-header-center .autocomplete2-suggestion:first-child>a>span>img,.journal-header-center .autocomplete2-suggestion:last-child>a>span>img {
        border-radius: 0
    }

    .journal-top-header {
        border-bottom: 0
    }

    .journal-header-center .journal-search {
        z-index: 4
    }
}

@media only screen and (max-width:470px) {
    #cart .content {
        min-width: 100%
    }

    .journal-header-center #search input {
        border-bottom-width: 0!important
    }

    .journal-header-center .journal-cart #cart {
        border-left-width: 0!important
    }
}

@media only screen and (max-width:980px) {
    .journal-header-menu #cart {
        height: 40px;
        box-shadow: none
    }

    .journal-header-menu .j-50 {
        height: 40px
    }

    .journal-header-menu .j-med {
        height: 120px
    }

    .journal-header-menu.nocart-nosearch .j-med {
        height: 80px
    }
}

@media only screen and (max-width:1024px) {
    .super-menu>li:first-of-type {
        border-left: none
    }
}

@media only screen and (max-width:980px) {
    .journal-header-default .super-menu>li>div {
        left: 0;
        margin-left: 0
    }
}

@media only screen and (max-width:760px) {
    .super-menu>li.icon-only {
        width: 100%
    }

    .mobile-trigger {
        display: block;
        height: 40px;
        line-height: 40px;
        text-transform: uppercase;
        width: 100%;
        font-size: 16px;
        padding-left: 10px;
        background-color: #5f6874;
        cursor: pointer
    }

    .mobile-trigger:before {
        content: "\e618";
        margin-right: 10px;
        font-size: 23px;
        float: left
    }

    .journal-header-center .journal-cart {
        z-index: 4
    }

    .journal-mobile .mega-menu,.journal-mobile .html-menu {
        position: relative
    }

    .journal-menu .mobile-menu li:last-of-type {
        border-right: 0
    }

    .journal-menu {
        height: auto
    }

    .journal-menu .mobile-menu {
        display: none
    }

    .journal-menu .mobile-menu>li {
        position: relative;
        display: block;
        border-bottom: 1px solid #333745;
        border-left: none;
        border-right: 0;
        left: 0
    }

    .journal-menu .mobile-menu>li .mobile-plus {
        display: none;
        width: 40px;
        height: 40px;
        line-height: 35px;
        font-size: 25px;
        font-weight: bold;
        z-index: 99;
        top: 0;
        right: 0;
        position: absolute;
        text-align: center;
        cursor: pointer
    }

    .journal-menu .mobile-menu>li>ul {
        left: 0!important
    }

    .journal-menu .mobile-menu>li>ul li .mobile-plus {
        border-left: none;
        height: 39px
    }

    .journal-menu .mobile-menu>li>a {
        text-align: left;
        padding-left: 10px;
    }

    .journal-menu .mobile-menu li:last-of-type {
        border-bottom: 0
    }

    .journal-menu .mobile-menu>li>ul+.mobile-plus,.journal-menu .mobile-menu>li>div+.mobile-plus,.journal-menu .mobile-menu>li>span+.mobile-plus,.journal-menu .mobile-menu>li>ul li .mobile-plus {
        display: block
    }
}

@media only screen and (max-width:760px) {
    .mobile-menu .drop-down>ul {
        display: none
    }

    .mobile-menu .drop-down ul {
        width: 100%;
        position: relative;
        box-shadow: none;
        left: 0;
        visibility: visible;
        opacity: 1;
        display: none
    }

    .mobile-menu .drop-down ul li {
        color: #333745;
        position: relative;
        border-bottom: 1px solid #f4f4f4
    }
}

@media only screen and (max-width:760px) {
    .mega-menu .mega-menu-column {
        width: 100%!important;
        float: none
    }
}

@media only screen and (min-width:760px) and (max-width:1024px) {
    .hide-on-tablet {
        display: none!important
    }
}

@media only screen and (max-width:980px) {
    .mobile-menu-on-tablet .sticky-wrapper {
        height: auto!important;
        max-height: 100%!important
    }

    .mobile-menu-on-tablet .journal-header-center {
        box-shadow: none
    }

    .mobile-menu-on-tablet header .super-menu>li.icon-only {
        width: 100%
    }

    .mobile-menu-on-tablet .mobile-trigger {
        display: block;
        height: 40px;
        line-height: 40px;
        text-transform: uppercase;
        width: 100%;
        font-size: 16px;
        padding-left: 10px;
        background-color: #5f6874;
        cursor: pointer
    }

    .mobile-menu-on-tablet .mobile-trigger:before {
        content: "\e618";
        margin-right: 10px;
        font-size: 23px;
        float: left
    }

    .mobile-menu-on-tablet.journal-desktop header .mega-menu,.mobile-menu-on-tablet .journal-mobile .html-menu {
        position: relative
    }

    .mobile-menu-on-tablet header .journal-menu .mobile-menu li:last-of-type {
        border-right: 0
    }

    .mobile-menu-on-tablet header .journal-menu {
        height: auto
    }

    .mobile-menu-on-tablet header .journal-menu .mobile-menu {
        display: none
    }

    .mobile-menu-on-tablet header .journal-menu .mobile-menu>li {
        position: relative;
        display: block;
        border-bottom: 1px solid #333745;
        border-left: none;
        border-right: 0;
        left: 0;
        width: 100%
    }

    .mobile-menu-on-tablet header .journal-menu .mobile-menu>li .mobile-plus {
        display: none;
        width: 40px;
        height: 40px;
        line-height: 35px;
        font-size: 25px;
        font-weight: bold;
        z-index: 99;
        top: 0;
        right: 0;
        position: absolute;
        text-align: center;
        cursor: pointer;
    }

    .mobile-menu-on-tablet header .journal-menu .mobile-menu>li>ul {
        left: 0!important
    }

    .mobile-menu-on-tablet header .journal-menu .mobile-menu>li>ul li .mobile-plus {
        border-left: none;
        height: 39px
    }

    .mobile-menu-on-tablet header .journal-menu .mobile-menu>li>a {
        text-align: left;
        padding-left: 10px;
    }

    .mobile-menu-on-tablet header .journal-menu .mobile-menu li:last-of-type {
        border-bottom: 0
    }

    .mobile-menu-on-tablet header .journal-menu .mobile-menu>li>ul+.mobile-plus,.mobile-menu-on-tablet header .journal-menu .mobile-menu>li>div+.mobile-plus,.mobile-menu-on-tablet header .journal-menu .mobile-menu>li>span+.mobile-plus,.mobile-menu-on-tablet header .journal-menu .mobile-menu>li>ul li .mobile-plus {
        display: block
    }
}

@media only screen and (max-width:980px) {
    .mobile-menu-on-tablet .mobile-menu .drop-down>ul {
        display: none
    }

    .mobile-menu-on-tablet .mobile-menu .drop-down ul {
        width: 100%;
        position: relative;
        box-shadow: none;
        left: 0;
        visibility: visible;
        opacity: 1;
        display: none
    }

    .mobile-menu-on-tablet .mobile-menu .drop-down ul li {
        color: #333745;
        position: relative;
        border-bottom: 1px solid #f4f4f4
    }
}

@media only screen and (max-width:760px) {
    .mobile-menu-on-tablet .mega-menu .mega-menu-column {
        width: 100%!important;
        float: none
    }
}

@media only screen and (max-width:470px) {
    .firefox .sticky-wrapper,.firefox header {
        display: table
    }

    .firefox #top-modules {
        clear: both
    }
}

@media only screen and (max-width:1040px) {
    #column-left+#column-right+#content .product-info>div,#column-left+#column-right+.row #content .product-info>div {
        display: block;
        width: 100%;
        float: none
    }

    #column-left+#column-right+#content .product-info .right,#column-left+#column-right+.row #content .product-info .right {
        padding: 0;
        margin-top: 15px
    }

    #column-left+#column-right+#content .product-info .right .text-qty,#column-left+#column-right+.row #content .product-info .right .text-qty {
        display: none
    }
}

@media only screen and (max-width:980px) {
    .product-info .right .cart div .links span {
        display: none
    }

    .product-info .right .cart div .links a {
        width: 100%;
        display: block
    }

    .product-info .right .cart div .links a:first-of-type {
        margin-bottom: 10px
    }

    .product-info.split-60-40 .right .cart div .qty {
        width: 100%;
        margin-bottom: 10px
    }

    .product-info.split-60-40 .right .cart div .button {
        width: 100%
    }

    #column-left+#content .product-info>div,#column-left+.row #content .product-info>div,#column-right+#content .product-info>div,#column-right+.row #content .product-info>div {
        display: block;
        width: 100%
    }

    #column-left+#content .product-info .right,#column-left+.row #content .product-info .right,#column-right+#content .product-info .right,#column-right+.row #content .product-info .right {
        padding: 0;
        margin-top: 15px
    }

    #column-left+#content .product-info .right .text-qty,#column-left+.row #content .product-info .right .text-qty,#column-right+#content .product-info .right .text-qty,#column-right+.row #content .product-info .right .text-qty {
        display: none
    }
}

@media only screen and (max-width:980px) {
    .social {
        padding-top: 10px
    }
}

@media only screen and (max-width:760px) {
    .product-info>div {
        display: block!important;
        width: 100%!important
    }

    .product-info .right {
        padding: 0;
        margin-top: 0px
    }

    .product-info .right .text-qty {
        display: none
    }

    .social {
        padding-top: 10px
    }

    #tabs {
        display: block;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    #tabs a {
        width: 100%;
        display: table
    }

    .tab-content {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .product-page #tabs li,.product-page #tabs a {
        flex: 0 0 auto;
    }
}

@media only screen and (max-width:460px) {
    .product-info .right .cart div .qty,  .product-info .right .cart #button-cart {
        display: none;
    }

    .product-info .right .cart div .button {
        width: 100%;
    }
}

@media only screen and (max-width:980px) {
    .product-filter>div b {
        display: none
    }
}

@media only screen and (max-width:760px) {
    #column-left,#column-right,.column-left-bg,.column-right-bg {
        display: none!important
    }

    #column-left+#content,#column-right+#content,#column-left+.row #content,#column-right+.row #content,#column-left+#column-right+#content,#column-left+#column-right+.row #content,#column-left+span+#content,#column-right+span+#content,#column-left+#column-right+span+#content {
        margin: 0
    }

    .route-product-compare #content {
        overflow-x: auto
    }
}

@media only screen and (max-width:470px) {
    .product-compare {
        display: none
    }

    .product-list-item .image {
        width: 100%;
        float: none;
        margin-bottom: 10px
    }

    .product-list-item .image img {
        float: none
    }

    .product-list-item .name {
        margin-left: 0
    }

    .product-list-item .product-details {
        margin-left: 0
    }

    .product-filter .sort {
        position: absolute;
        max-width: 125px;
        right: 100px
    }

    .product-filter .sort select {
        margin: 0
    }
}

.mobile .product-wrapper,.tablet .product-wrapper {
    box-shadow: none!important;
    border-radius: 0;
    border-width: 0
}

.mobile #top-modules>div,.mobile #bottom-modules>div,.tablet #top-modules>div,.tablet #bottom-modules>div {
    background-attachment: scroll!important;
    background-size: 100%
}

.mobile .product-grid-item .image .wishlist,.mobile .product-grid-item .image .compare,.tablet .product-grid-item .image .wishlist,.tablet .product-grid-item .image .compare {
    visibility: visible;
    opacity: 1
}

.mobile .hint--top:before,.mobile .hint--top:after,.mobile .product-details:before,.tablet .hint--top:before,.tablet .hint--top:after,.tablet .product-details:before {
    display: none!important
}

.mobile .button,.tablet .button {
    box-shadow: none!important
}

@media only screen and (max-width:760px) {
    .single-section .box-sections.box-block ul li {
        min-width: 100%;
        float: none;
        margin-bottom: 0
    }
}

@media only screen and (max-width:540px) {
    .box-sections {
        height: auto
    }

    .box-sections ul li {
        min-width: 100%;
        float: none;
        display: block;
        margin-bottom: 0;
        border-right: 0;
        border-bottom: 1px solid
    }

    .box-sections ul li:last-of-type {
        border-bottom: 0
    }
}

@media only screen and (max-width:560px) {
    .journal-carousel .htabs {
        height: auto
    }

    .journal-carousel .htabs a {
        background-color: transparent;
        box-shadow: none;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        color: inherit;
        border-right: 0;
        width: 100%
    }

    .journal-carousel .htabs a:last-of-type {
        border-bottom: 0
    }

    .journal-carousel .htabs.single-tab a,.journal-carousel .htabs.single-tab a.selected,.journal-carousel .htabs.single-tab a:hover {
        border-bottom: 0
    }
}

@media only screen and (max-width:540px) {
    table.list .t-2,table.list .t-3,table.list .t-6,table.list .t-span-3 {
        display: none
    }

    table.list .t-span-1 {
        display: table-cell
    }
}

@media only screen and (max-width:760px) {
    .login-content .login-wrap {
        min-height: 50px
    }

    .login-content>div {
        min-height: 100%
    }
}

@media only screen and (max-width:460px) {
    .order-list .order-info {
        text-align: center;
        padding: 5px 0;
        width: 50px
    }
}

@media only screen and (max-width:460px) {
    .wishlist-info .model,.wishlist-info .stock {
        display: none
    }
}

@media only screen and (max-width:760px) {
    .cart-info .model,.cart-info .price {
        display: none
    }

    .cart-info .name a {
        white-space: normal
    }
}

@media only screen and (max-width:470px) {
    .cart-info .quantity {
        min-width: 50px
    }

    .cart-info .quantity input[type="text"] {
        display: block;
        position: relative;
        left: 10px;
        margin-bottom: 5px
    }

    .cart-info .image img {
        max-width: 50px
    }

    .sc-page .buttons>div,.sc-page .buttons>div a {
        width: 100%
    }

    .sc-page .buttons .right {
        margin-bottom: 10px
    }

    #total .right {
        width: 74%
    }

    .checkout-content table {
        table-layout: auto
    }
}

@media only screen and (max-width:470px) {
    .checkout-content .left,.checkout-content .right {
        width: 100%
    }

    .checkout-content table {
        table-layout: fixed
    }

    .checkout-content table td {
        width: 100%
    }

    .checkout-content thead .model,.checkout-content thead .quantity,.checkout-content thead .price,.checkout-content tbody .model,.checkout-content tbody .quantity,.checkout-content tbody .price {
        display: none
    }

    .checkout-content .button {
        display: block;
        float: right
    }

    .checkout-content .buttons a {
        display: inline-block
    }

    .checkout-content .buttons .right {
        text-align: left
    }

    .checkout-content .left .button,.checkout-content #login .button {
        float: none
    }
}

@media only screen and (max-width:760px) {
    .sitemap-info>div {
        width: 100%;
        padding: 0
    }

    .sitemap-info>div:first-of-type {
        padding: 0;
        padding-bottom: 20px
    }

    .manufacturer-list ul {
        display: block;
        float: none;
        width: 100%
    }
}

@media only screen and (max-width:980px) {
    #content.search-page h2 {
        padding: 8px;
        line-height: 18px;
        height: auto
    }

    #content.search-page .content select {
        margin-bottom: 10px;
        display: block;
        margin-left: 0;
        margin-top: 20px
    }

    #content.search-page .content label {
        min-width: 95%;
        display: inline-block
    }
}

@media only screen and (max-width:760px) {
    #content.search-page .content label {
        min-width: 90%
    }
}

@media only screen and (max-width:470px) {
    #content.search-page .content label {
        min-width: 85%
    }
}

@media only screen and (max-width:760px) {
    [data-hint]:before,[data-hint]:after {
        display: none!important
    }

    footer .contacts-left,footer .contacts-right {
        float: none
    }

    footer .bottom-footer {
        height: auto;
        overflow: visible;
        border-radius: 0
    }

    footer .bottom-footer .copyright {
        float: none;
        height: 40px;
        line-height: 50px;
        padding-left: 0;
        text-align: center;
        width: 100%
    }

    footer .bottom-footer .payments {
        padding-right: 0;
        width: 100%;
        text-align: center;
        padding-bottom: 10px;
        float: none
    }

    #footer .contacts {
        border-radius: 0
    }

    #footer .contacts>div>span {
        display: block;
        margin-bottom: 5px
    }

    #footer .contacts>div>span.hint--top {
        display: inline-block
    }

    .footer-post-title {
        white-space: normal!important
    }
}

@media only screen and (max-width:470px) {
    footer .contacts>div {
        text-align: left
    }

    footer .contacts>div .no-name {
        display: inline-block;
        margin-bottom: 0
    }

    footer .bottom-footer .copyright {
        line-height: 100%;
        padding-top: 12px
    }
}

@media only screen and (max-width:1024px) {
    .gallery-thumb a:before,.gallery-thumb .item-hover {
        display: none
    }
}

@media only screen and (max-width:760px) {
    .cms-block,.static-banner {
        margin-bottom: 5px;
        padding: 0px;
    }
}

@media only screen and (max-width:760px) {
    .extended-layout #column-left+#content,.extended-layout #column-left+.row #content {
        padding: 0 20px 20px 20px;
        margin-left: 0
    }

    .extended-layout #column-right+#content,.extended-layout #column-right+.row #content {
        padding: 0 20px 20px 20px;
        margin-right: 0
    }

    .extended-layout #column-left+#column-right+#content,.extended-layout #column-left+#column-right+.row #content {
        padding: 0 20px 20px 20px;
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (max-width:760px) {
    .multi-modules .journal-simple-slider,.multi-modules .journal-slider {
        max-width: 100%!important
    }

    .multi-modules-column,.multi-modules-row {
        height: auto!important
    }

    .multi-modules-column {
        width: 100%!important;
        margin-bottom: 0!important;
        height: auto!important
    }

    .multi-modules>div .multi-modules-row {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:980px) {
    .two-columns #content .journal-newsletter .newsletter-text {
        float: none;
        width: 100%!important;
        margin-bottom: 10px
    }

    .two-columns #content .journal-newsletter .newsletter-input-wrap {
        float: none;
        width: 100%!important;
        height: auto!important;
        text-align: center
    }

    .two-columns #content .journal-newsletter .newsletter-input-wrap .newsletter-button {
        position: relative;
        left: auto!important;
        right: auto!important;
        width: 100%
    }

    .two-columns #content .journal-newsletter .newsletter-input-wrap input+.button {
        margin-top: 0
    }

    .one-column #content .journal-newsletter .newsletter-text {
        float: none;
        width: 100%!important;
        margin-bottom: 10px
    }

    .one-column #content .journal-newsletter .newsletter-input-wrap {
        float: none;
        width: 100%!important;
        text-align: center
    }
}

@media only screen and (max-width:760px) {
    #content .journal-newsletter .newsletter-text,footer .journal-newsletter .newsletter-text,#top-modules .journal-newsletter .newsletter-text,#bottom-modules .journal-newsletter .newsletter-text {
        float: none;
        display: block!important;
        width: 100%!important;
        margin-bottom: 10px;
        padding-right: 0
    }

    #content .journal-newsletter .newsletter-input-wrap,footer .journal-newsletter .newsletter-input-wrap,#top-modules .journal-newsletter .newsletter-input-wrap,#bottom-modules .journal-newsletter .newsletter-input-wrap {
        float: none;
        width: 100%!important;
        height: auto!important;
        text-align: center
    }

    #content .journal-newsletter .newsletter-input-wrap .newsletter-button,footer .journal-newsletter .newsletter-input-wrap .newsletter-button,#top-modules .journal-newsletter .newsletter-input-wrap .newsletter-button,#bottom-modules .journal-newsletter .newsletter-input-wrap .newsletter-button {
        position: relative!important;
        left: auto!important;
        right: auto!important;
        width: 100%;
        top: 0!important;
        margin-top: 5px!important
    }

    #content .journal-newsletter .newsletter-input-wrap input+.button,footer .journal-newsletter .newsletter-input-wrap input+.button,#top-modules .journal-newsletter .newsletter-input-wrap input+.button,#bottom-modules .journal-newsletter .newsletter-input-wrap input+.button {
        margin-top: 0
    }

    .ui-pnotify {
        top: 0;
        left: 0;
        right: 0
    }
}

@media only screen and (max-width:470px) {
    .posts h2 a {
        height: auto!important
    }

    .blog-list-view .posts .post-image {
        float: none;
        padding-right: 0;
        width: 100%
    }

    .blog-list-view .posts .post-item-details {
        float: none;
        width: 100%
    }

    .blog-list-view .posts h2 {
        margin-top: 10px
    }

    .blog-list-view .posts h2 a {
        height: auto!important;
        display: inline-block;
        border-bottom: 1px solid #e4e4e4;
        padding-bottom: 7px
    }

    .blog-list-view .post-text {
        padding: 5px 10px 10px 0
    }

    .blog-list-view .comment-date {
        padding: 5px 0;
        border: 0
    }
}

@media only screen and (max-width:500px) {
    .posts.blog-list-view .post-image {
        float: none;
        display: block;
        margin-bottom: 12px;
        width: 100%!important
    }

    .posts.blog-list-view .post-item-details {
        width: 100%!important
    }
}

@media only screen and (max-width:980px) {
    .two-columns .posts h2 a {
        height: auto!important
    }
}

@media only screen and (max-width:1220px) {
    .two-columns.blog-list-view .posts .post-image {
        width: 35%
    }

    .two-columns.blog-list-view .post-item-details {
        width: 65%
    }
}

@media only screen and (max-width:980px) {
    .two-columns.blog-list-view .post-image {
        float: none;
        padding-right: 0;
        width: 100%
    }

    .two-columns.blog-list-view .post-item-details {
        float: none;
        width: 100%
    }
}

@media only screen and (max-width:760px) {
    .comments>.comment,.comments .reply {
        padding: 15px 15px 15px 15px
    }

    .comments .avatar {
        position: relative;
        float: left;
        top: 0;
        left: 0;
        margin: 0 10px 0 0
    }

    .comment-form form {
        padding: 15px
    }

    .comment-form form>div input {
        width: 100%;
        max-width: 100%
    }

    .blog-post .post-stats span {
        display: inline-block;
        margin-bottom: 7px
    }
}

@media only screen and (max-width:760px) {
    .comments .reply,.reply-form,.comments .reply+.success {
        margin-left: 0
    }
}

@media only screen and (max-width:760px) {
    .oc2 #column-right+.row #content {
        margin-right: 0
    }

    .oc2 #column-left+.row #content {
        margin-left: 0
    }

    .oc2 fieldset label,.oc2 fieldset label+div,.oc2 fieldset label+input.form-control {
        width: 100%
    }

    .oc2 fieldset label,.oc2 fieldset label+div {
        padding-top: 0
    }

    .oc2 .captcha-row .pull-right {
        margin-left: 0
    }

    .oc2 .contact-page .col {
        float: none;
        width: 100%;
        margin-bottom: 10px;
        padding-left: 0
    }

    .oc2 .contact-page .col-sm-10 {
        width: 100%
    }

    .oc2 .form-horizontal .form-group label {
        width: 100%;
        float: none;
        margin-bottom: 4px
    }

    .oc2 .form-horizontal .form-group label+div {
        width: 100%
    }

    .oc2 .action-area .panel-body label {
        display: inline-block;
        margin-bottom: 5px
    }

    .oc2 .action-area .panel-body .input-group {
        width: 100%
    }

    .oc2 .action-area .panel-body .input-group input[type="text"] {
        min-width: 100%;
        width: 100%
    }

    .oc2 .action-area .panel-body .input-group .input-group-btn {
        margin-top: 5px;
        display: block
    }

    .oc2 .action-area .panel-body .input-group .button {
        width: 100%;
        display: block;
        margin-left: 0
    }

    .oc2 .action-area .sc-shipping .form-horizontal .form-group label {
        padding-top: 0
    }

    .oc2 .action-area .sc-shipping .form-horizontal .form-group label+div {
        width: 100%
    }

    .oc2 .action-area .sc-shipping .button {
        margin-top: 5px
    }
}

@media only screen and (max-width:980px) {
    .journal-checkout .left select {
        width: 100%;
        margin-left: 0
    }

    .journal-checkout .left input[type='radio'] {
        margin-left: 0
    }

    .journal-checkout .left .button {
        width: 100%
    }

    .journal-checkout .right select {
        margin-left: 0
    }

    .journal-checkout .section-left .coupon-voucher input[type='text'],.journal-checkout .section-left .coupon-voucher .input-group-btn,.journal-checkout .section-left .coupon-voucher input {
        width: 50%
    }

    .journal-checkout .section-left .coupon-voucher input[type='text'] {
        margin-bottom: 7px
    }

    .journal-checkout label {
        padding-right: 0;
        line-height: 1
    }

    .journal-checkout .coupon-voucher .panel-body {
        display: block;
        float: none
    }

    .journal-checkout .coupon-voucher .checkout-coupon {
        padding-right: 0;
        margin-bottom: 10px
    }

    .journal-checkout .spw {
        margin-bottom: 0
    }

    .journal-checkout .spw>div {
        display: block
    }

    .journal-checkout .spw>div:first-of-type {
        padding-right: 12px
    }

    .journal-checkout .checkout-cart td.quantity {
        padding: 5px
    }

    .journal-checkout .checkout-cart td.quantity .input-group {
        display: inline-block
    }

    .journal-checkout .checkout-cart td.image {
        padding-right: 5px
    }

    .journal-checkout .confirm-order .button {
        width: 100%
    }

    .journal-checkout .checkout-cart td.name {
        padding-left: 15px
    }

    .journal-checkout .coupon-voucher .input-group-btn {
        padding-left: 0
    }

    .oc2 .journal-checkout .checkout-cart td.quantity {
        padding: 5px
    }

    .oc1 .journal-checkout .form-horizontal .form-group label {
        width: 100%;
        float: none
    }

    .oc1 .journal-checkout .form-horizontal .form-group label+div {
        width: 100%;
        float: none
    }
}

@media only screen and (max-width:760px) {
    .one-page-checkout {
        margin-bottom: 20px
    }

    .journal-checkout {
        display: block
    }

    .journal-checkout .left,.journal-checkout .right {
        width: 100%;
        padding-right: 0
    }

    .journal-checkout .left {
        margin-bottom: 15px
    }

    .journal-checkout .left.login-mobile .checkout-content.checkout-register {
        display: none
    }

    .journal-checkout .left.login-mobile .checkout-content.checkout-login {
        margin-bottom: 0
    }

    .journal-checkout #shipping-address {
        margin-top: 18px
    }

    .journal-checkout .spw>div:first-of-type {
        padding-right: 0
    }

    .journal-checkout .coupon-voucher input[type='text'],.journal-checkout .coupon-voucher .input-group-btn,.journal-checkout .coupon-voucher input {
        width: 50%
    }

    .journal-checkout #payment-confirm-button fieldset #card-new label {
        display: block;
        width: 100%;
        margin-bottom: 3px
    }

    .journal-checkout #payment-confirm-button fieldset #card-new label+div {
        display: block;
        width: 100%
    }

    .journal-checkout #payment-confirm-button fieldset input[type='text'],.journal-checkout #payment-confirm-button fieldset input[type='email'],.journal-checkout #payment-confirm-button fieldset input[type='password'],.journal-checkout #payment-confirm-button fieldset input[type='tel'],.journal-checkout #payment-confirm-button fieldset textarea {
        width: 100%;
        max-width: 100%
    }

    .journal-checkout .coupon-voucher .panel-body:nth-of-type(1) {
        padding-right: 0
    }

    .journal-checkout .checkout-product table td {
        width: auto
    }

    .journal-checkout .checkout-cart td.name {
        padding-left: 0
    }

    .journal-checkout .checkout-content thead .model,.journal-checkout .checkout-content thead .quantity,.journal-checkout .checkout-content thead .price,.journal-checkout .checkout-content tbody .model,.journal-checkout .checkout-content tbody .quantity,.journal-checkout .checkout-content tbody .price {
        display: table-cell
    }

    .journal-checkout .checkout-cart td.name a {
        margin-left: 0
    }

    .journal-checkout .checkout-cart td.image img {
        max-width: 80%
    }

    .journal-checkout section.section-left, .journal-checkout section.section-right {
        width: 100%;
        padding-left: 0
    }

    .is-customer .journal-checkout .section-left {
        margin-bottom: 15px
    }
}

@media only screen and (max-width:760px) {
    .product-filter .sort select {
        width: 94%;
        margin-left: 3%
    }

    .product-filter .sort {
        max-width: 100%;
        right: 0;
        width: 100%;
        bottom: 0
    }

    .product-filter {
        height: 40px;
        position: relative
    }

    .product-compare a {
        font-size: 12px
    }

    .product-filter .display {
        margin-right: -10px
    }
}

@media only screen and (max-width:470px) {
    .product-filter .limit {
        top: 5px;
        position: absolute;
        right: -5px
    }
}

@media only screen and (max-width:980px) {
    .journal-checkout .checkout-content.confirm-section {
        width: 90%;
    }

    .journal-checkout .checkout-content.confirm-section #payment-confirm-button .well {
        margin: 0 0 20px;
    }

}

@media only screen and (max-width:760px) {
    .delivery-address-popup {
        min-width: 90%;
        padding: 10px;
    }

    .journal-checkout .checkout-payment-methods .payment-method-wrapper .btn-payment-method {
        margin: 1%;
        width: 48%;
    }

    .journal-checkout .payment-method-wrapper {
        margin: 0;
    }
}

@media only screen and (max-width:470px) {
    .journal-checkout .checkout-product {
        overflow: unset;
    }

    .journal-checkout .checkout-product table {
        table-layout: initial;
    }

    .journal-checkout .checkout-product thead {
        display: none;
    }

    .journal-checkout .checkout-product tbody tr {
        display: block;
    }

    .journal-checkout .checkout-product tbody tr:before,
    .journal-checkout .checkout-product tbody tr:after {
        content: "";
        clear: both;
        display: table;
    }

    .journal-checkout .checkout-product tbody tr:not(:last-child) {
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #e4e4e4;
    }

    .journal-checkout .checkout-product tbody tr td.image {
        float: left;
        min-width: 30%;
        border: none!important;
    }

    .journal-checkout .checkout-product tbody tr td.name,
    .journal-checkout .checkout-product tbody tr td.quantity,
    .journal-checkout .checkout-product tbody tr td.expected-delivery-date,
    .journal-checkout .checkout-product tbody tr td.total {
        display: block;
        float: right;
        min-width: 70%;
        text-align: left;
        border: none!important;
        padding: 5px;
    }

    .journal-checkout .checkout-product tbody tr td.price {
        display: none;
    }

    .journal-checkout .checkout-shipping-methods .shipping-method-selection .method {
        width: 48%;
        margin: 1%;
    }

    .journal-checkout .checkout-content.confirm-section {
        width: 100%;
    }

    .journal-checkout .checkout-content.confirm-section {
        padding: 5px;
    }
}

  .booth-product {
    flex: 1 1 45%; 
    max-width: 50%; 
  }

@media (min-width: 768px) {
    .booth-product {
      flex: 1 1 22%;
      max-width: 25%;
    }
  }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {.container1:max-width:50%; text-align: center; padding:0px; .booth-product:min-width:fit-content; max-width:100%;bgcolor:#000 .image:width:100% .box101:min-width:fit-content;} 
	
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {.container1:max-width:50%; text-align: center; padding:0px; .booth-product:min-width:fit-content;max-width:100%; .box101:min-width:fit-content;}
	
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {.container1:max-width:100%; text-align:center;padding: 50px 20px;}

.checkout-content.checkout-shipping-methods.checkout-loading {
	opacity: 1;
    background-image: url('../../../../../image/data/journal2/Loading2024.gif');
    background-repeat: no-repeat;
    background-position: right top; 
}

.checkout-content.checkout-payment-methods.checkout-loading {
	opacity: 1;
    background-image: url('../../../../../image/data/journal2/Loading2024.gif');
    background-repeat: no-repeat;
    background-position: right top; 
}

@media (max-width:760px) {
	.checkout-content.checkout-shipping-methods.checkout-loading {
		background-position: center top; 
	}
	.checkout-content.checkout-payment-methods.checkout-loading {
		background-position: center top; 
	}
}

.product-info .right .cart div.flash-sale-cart-block #button-cart.button {width:30%!important;}
.product-info .right .cart div.flash-sale-cart-block #button-buy-now.button.enquiry-button {width:30%!important;margin-left:10px;}
@media (max-width:760px) {
.product-info .right .cart div.flash-sale-cart-block #button-cart.button {width:calc(50% - 5px)!important;}
.product-info .right .cart div.flash-sale-cart-block #button-buy-now.button.enquiry-button {width:calc(50% - 5px)!important;}    
}
.pc_scroll .messagestrip {z-index:1040;}

.action-tool-bar {
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: space-between;
    padding: 0 2% 5px;
}
.btn-new-delivery-address {
    max-width: unset !important;
    flex-basis: 50%;
    display: flex;
    align-items: center;   
    justify-content: center;
}
.existing .caret {margin-left: 10px; font-size:21px;}
.edit-address {padding:7px 0 0 ;float:middle;
text-decoration: underline;
}
.delivery-close {
    font-size: 30px;
    position: absolute;
    right: 10px;
    top: 0px;
    cursor: pointer; 
}

@media (max-width:470px) {
    .action-tool-bar {flex-direction: row;}
    #account .control-label, #password .control-label{
        display: none;
    }
}

.reviews-carousel .review-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.reviews-carousel .review-model{
    text-align: center;
    font-weight: bold;
}

.reviews-carousel .review-date {
    text-align: left;
    flex: 1;
}

.reviews-carousel .review-author {
    text-align: center;
    flex: 1;
}

.reviews-carousel .review-rating {
    text-align: right;
    flex: 1;
}              
.reviews-carousel .review-text{
    text-align: center;
}

.reviews-carousel .review-item {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 16px 8px;
    margin: 8px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}      
.customer-remark-textarea{
    height:auto;
}
#input-payment-custom-field8{
    width:100%;
}
.cart-additional-wrapper{
    background:#f4f4f4;
}
.seller-message-wrapper{
    padding: 0px 10px;
}
.check-terms{
    text-align: center;;
}
.payment-logos{
    border: 1px solid white;
    height: 25px;
    border-radius: 3px;
    max-width: 95%;
}
.btn-100{
    width:100%;
}
.btn-green{
    background-color: #4CAF50;
}

.compare-btn {
  display: inline-block;
  padding: 8px;
  background-color: #e9ecef;
  color: #495057;
  text-decoration: none;
  border-radius: 4px;
  border: 1px solid #ced4da;
  transition: all 0.3s;
}

.compare-btn:hover {
  background-color: #dee2e6;
  color: #495057;
  text-decoration: none;
  border-color: #adb5bd;
}

.compare-btn span {
  margin-right: 5px;
}

.compare-btn span:last-child {
  margin-right: 0;
}

.download-pdf-btn {
  display: inline-block;
  margin-left: 5px;
  padding: 8px;
  background-color: #d1ecf1;
  color: #0c5460;
  text-decoration: none;
  border-radius: 4px;
  border: 1px solid #bee5eb;
  transition: all 0.3s;
}

.download-pdf-btn:hover {
  background-color: #bee5eb;
  color: #0c5460;
  text-decoration: none;
  border-color: #86cfda;
}

.download-pdf-btn span {
  margin-right: 5px;
}

.download-pdf-btn span:last-child {
  margin-right: 0;
}

.official-url-btn {
  display: inline-block;
  margin-left: 5px;
  padding: 8px;
  background-color: #d4f6d4;
  color: #155724;
  text-decoration: none;
  border-radius: 4px;
  border: 1px solid #c3e6cb;
  transition: all 0.3s;
}

.official-url-btn:hover {
  background-color: #c3e6cb;
  color: #155724;
  text-decoration: none;
  border-color: #9fdf9f;
}

.official-url-btn span {
  margin-right: 5px;
}

.official-url-btn span:last-child {
  margin-right: 0;
}
.product-action-rows{
    margin-top: 5px;
}

.print-btn {
    display: inline-block;
    padding: 8px;
    background-color: #f8f9fa;
    color: #495057;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid #dee2e6;
    transition: all 0.3s;
  }
  
  .print-btn:hover {
    background-color: #e9ecef;
    color: #495057;
    text-decoration: none;
    border-color: #adb5bd;
  }
  
  .print-btn span {
    margin-right: 5px;
  }
  
  .print-btn span:last-child {
    margin-right: 0;
  }
  
.category-store-locations .locations-container {
    background: #ffffff;
    border-radius: 7px;
    padding: 8px 0px;
}

.category-store-locations .locations-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
}

.category-store-locations .location-item {
    background: #f8f9fa;
    border: 1px solid #d1ecf1;
    border-radius: 6px;
    padding: 6px 12px;
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.category-store-locations .location-item:hover {
    background: #e3f2fd;
    border-color: #2196f3;
    box-shadow: 0 2px 8px rgba(33, 150, 243, 0.15);
}

.category-store-locations .location-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #28a745;
}

.category-store-locations .location-name {
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 13px;
    color: #495057;
    display: flex;
    align-items: center;
}

.category-store-locations .location-product-count {
    color: #6c757d;
    font-size: 11px;
    line-height: 1.4;
    display: flex;
    align-items: center;
}

.location-modal {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.location-modal-content {
    background-color: #fefefe;
    margin: 185px auto auto auto;
    padding: 0;
    border: none;
    border-radius: 8px;
    width: 90%;
    max-width: 600px;
    max-height: 75vh;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
}

.location-modal-header {
    padding: 10px;
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    border-radius: 8px 8px 0 0;
    position: relative;
}

.location-modal-header h3 {
    margin: 0;
    color: #495057;
    font-size: 18px;
}

.location-modal-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    top: 5px;
    cursor: pointer;
}

.location-modal-close:hover,
.location-modal-close:focus {
    color: #000;
    text-decoration: none;
}

.location-modal-body {
    padding: 10px 20px;
    overflow-y: auto;
    flex: 1;
    max-height: calc(80vh - 100px);
}

.location-modal-body::-webkit-scrollbar {
    width: 6px;
}

.location-modal-body::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.location-modal-body::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.location-modal-body::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

.location-info p {
    margin: 5px 0;
    color: #6c757d;
    font-size: 14px;
}

.location-product-item {
    display: flex;
    align-items: center;
    padding: 5px;
    margin-bottom: 5px;
    background: #f8f9fa;
    border-radius: 6px;
    text-decoration: none;
    color: #495057;
    transition: background 0.2s ease;
}

.location-product-item:hover {
    background: #e9ecef;
    text-decoration: none;
}

.location-product-image {
    width: 60px;
    height: 60px;
    margin-right: 12px;
    border-radius: 4px;
}

.location-product-name {
    font-size: 13px;
    font-weight: 500;
}

@media (max-width: 768px) {
    .location-modal-header h3{
    font-size: 14px;
    }

    .category-store-locations .locations-list {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    }
    
    .location-modal-content {
    width: 95%;
    margin: 80px auto 0 auto;
    max-height: 80vh;
    }
    
    .location-modal-body {
    padding: 5px;
    max-height: calc(90vh - 80px);
    }
}  
.store-locations-section .locations-container {
    background: #ffffff;
    border-radius: 7px;
    padding: 8px 0px;
    margin: 1px;
}

.locations-title {
    font-size: 12px;
    font-weight: 600;
    color: #495057;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    padding-bottom: 5px;
}

.locations-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.location-item {
    background: #f8f9fa;
    border: 1px solid #d1ecf1;
    border-radius: 6px;
    padding: 12px;
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
}

.location-item.location-in-stock::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #28a745;
}

.location-item.location-out-of-stock::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #FF9800;
}

.location-item.location-out-of-stock {
    background: #fff5e6;
    border: 1px solid #f8d7da;
    opacity: 0.8;
}

.location-name {
    margin-bottom: 3px;
    font-weight: 600;
    font-size: 13px;
    color: #495057;
    display: flex;
    align-items: center;
}

.location-name i {
    margin-right: 6px;
    color: #6c757d;
    font-size: 12px;
}

.location-address {
    color: #6c757d;
    font-size: 11px;
    line-height: 1.4;
    display: flex;
    align-items: flex-start;
}

.location-address i, .location-product-count i{
    margin-right: 6px;
    margin-top: 1px;
    font-size: 10px;
    flex-shrink: 0;
}

.location-display-status{
    font-size: 8px;
    background: green;
    color: white;
    margin-left: 5px;
    padding: 1px 3px;
    border-radius: 5px;
}

@media (max-width: 768px) {              
    .store-locations-section .locations-container {
    padding: 5px;
    }
    
    .locations-title {
    font-size: 14px;
    }
    
    .locations-list {
    gap: 10px;
    }
    
    .location-item {
    padding: 5px 10px;
    }
    
    .location-name {
    font-size: 12px;
    }
    
    .location-address {
    font-size: 10px;
    }
}

.location-product-count {
    font-size: 11px;
    color: #28a745;
    font-weight: 500;
    display: flex;
    align-items: center;
}

/* Clickable location styles */
.location-clickable {
    cursor: pointer;
    transition: all 0.2s ease;
}

@media (max-width: 768px) {
    .location-product-count {
    font-size: 10px;
    margin-top: 4px;
    }
}            
.full-width{
    width:100%;
}
.font-16{
    font-size: 14px;
}
/* Prevent CLS: collapse FAQ by default via CSS before JS runs */
.faq-list-wrapper {
    position: relative;
    overflow: hidden;
    max-height: 360px; /* collapsed height */
    min-height: 100px; /* reserve space to avoid shifts */
}
.faq-list-wrapper.expanded {
    max-height: none;
    min-height: 0;
    padding-bottom: 0;
}
/* If JS adds .hidden, ensure it's actually hidden */
.faq-item.hidden,
.faq-answer.hidden { display: none; }
/* Also hide via CSS when not expanded to avoid initial flashes */
.faq-list-wrapper:not(.expanded) .faq-list .faq-item:nth-child(n+3) { display: none; }
.faq-list-wrapper:not(.expanded) .faq-list .faq-item:nth-child(2) .faq-answer { display: none; }
/* Overlay gradient to hint more content */
#faqOverlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 120px;
    background: linear-gradient(180deg, rgba(255,255,255,0), #fff);
    display: block;
    pointer-events: none;
}
.faq-list-wrapper.expanded #faqOverlay { display: none; }
/* Toggle button positioning */
#toggleBtn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
    z-index: 2;
}
@media (prefers-reduced-motion: reduce) {
    .faq-list-wrapper { transition: none; }
}
.top-brands-container{
    display: inline-block;
}
.see-all-brands-wrapper{
    display: inline-block;
}
.see-all-brands-btn{
    margin-left: 0;
    padding: 2px 6px 3px 6px;
    background-color: rgb(250 250 250);
    color: #333745;
    display: inline-block;
    margin-bottom: 5px;
    border-radius: 20px;
}
.see-all-brands-btn:hover{
    background-color: #333745;
    color: #f0f0f0;
    cursor: pointer;
}

/* CLS Prevention for Product Details */
.product-details {
    min-height: 120px; /* Reserve minimum space for entire product details */
}
  
  .product-details .caption {
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  .product-details .name {
    min-height: 50px;
  }
  
  .product-details .description {
    min-height: 40px;
    overflow: hidden;
  }
  
  .product-details .rating {
    min-height: 20px;
  }
  
  .product-details .sold-count {
    min-height: 5px;
  }
  
  .product-details .fps-price {
    min-height: 20px;
  }
  
  .product-details .price {
    min-height: 20px;
  }
  
  .product-details .button-group {
    display: none;
  }
  
  /* List view specific fixes */
  .product-list-item .product-details {
    min-height: 180px;
  }
  
  /* Grid view image aspect ratio */
  .product-grid-item .image {
    aspect-ratio: 1 / 1;
    overflow: hidden;
  }
  
  .product-grid-item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .most-display-items{
    background: #28a745;
    color: white;
    padding: 0px 5px;
    border-radius: 8px;
    margin-left: 5px;
    font-size: 10px;    
  }
  span.option-remark{
    font-size: 11px;
    font-weight: normal;
  }
  span.option-remark a{
    color: #ffff49;
    text-decoration: underline;
  }
  #delivery-date-message{
    text-align: center; 
    margin-top: 5px; 
    display: none;
  }
  #delivery-date-message p{
    color: #FFF; 
    background: linear-gradient(to right, #f12711, #f5af19); 
    padding:5px; 
    border-radius: 5px; 
    font-weight: bold; 
    font-size: 14px;
  }
  
  .brand-direct-ship, .warehouse-direct-ship {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    margin-left: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  }
  .hot-keywords{
    background: white;
    padding-bottom: 5px;
    font-size: 12px;
  }
  .journal-header-center .autocomplete2-suggestions{
    top: 0px !important;
  }
  #form-review img{
    max-height: 200px;
  }
  .image-badges-div {
    position: absolute;
    top: 10px;
  }
  .image-badge {
    background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    padding: 5px 15px;
    border-radius: 5px;
    margin-bottom: 5px;
    display: block;
    width: fit-content;
  }
  .attr-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 0px !important;
  }
  .attr-badge-item {
    display: inline-flex;
    align-items: center;
    padding: 5px 0;
    font-size: 14px;
  }
  .attr-badge-icon {
    color: #007bff;
    margin-right: 6px;
    font-size: 12px;
  }
  .attr-badge-label {
    font-weight: 600;
    color: #333;
    margin-right: 5px;
  }
  .attr-badge-value {
    color: #555;
  }
  .attr-divider {
    color: #ccc;
    margin: 0 8px;
    font-weight: 300;
  }
  @media (max-width: 768px) {
    .attr-badge-item {
      width: 100%;
    }
    .attr-divider {
      display: none;
    }
  }
  .product-description-attributes{
    background: #e8f5e9; 
    padding: 5px; 
    border-radius: 5px; 
    margin-bottom: 5px; 
    border: 1px solid #c8e6c9;
  }
  #tab-description h2 {
    background-color: #f0f4f8;
    border-left: 4px solid #102a43;
    border-radius: 5px;
    color: #102a43;
    padding: 0.5rem 0 0.5rem 1rem;
  }