/*@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);*/

@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700);

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
body {
    line-height: 1
}
ol,
ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}
@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}
@keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}
/*@font-face {
    font-family: 'FuturaRound-Book';
    src: url('../fonts/futura-round-book-webfont.eot');
    src: url('../fonts/futura-round-book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/futura-round-book-webfont.woff') format('woff'), url('../fonts/futura-round-book-webfont.ttf') format('truetype'), url('../fonts/futura-round-book-webfont.svg#ywftsvg') format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'FuturaRound-Medium';
    src: url('../fonts/futura-round-medium-webfont.eot');
    src: url('../fonts/futura-round-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/futura-round-medium-webfont.woff') format('woff'), url('../fonts/futura-round-medium-webfont.ttf') format('truetype'), url('../fonts/futura-round-medium-webfont.svg#ywftsvg') format('svg');
    font-weight: normal;
    font-style: normal
}*/
/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}
.fa,
input[type="radio"]+label i,
input[type="radio"]:checked+label i,
input[type="checkbox"]+label i,
input[type="checkbox"]:checked+label i,
.password-container .toggle-password,
.password-container .toggle-password.on,
header .store-changer-menu .store-changer-sub-menu .change-link i,
header .store-changer-menu .store-changer-sub-menu .stores i,
header .store-changer-menu .store-changer-sub-menu .stores i.checked,
header .store-changer-menu i:last-child,
header .store-changer-menu i:first-child,
header #mobile-wrapper #mobile-toggle,
header #mobile-wrapper .account-menu>a>i,
header #mobile-wrapper .account-menu i.account-link,
header #mobile-wrapper .account-menu i.address-link,
header #mobile-wrapper .account-menu i.personal-link,
header #mobile-wrapper .account-menu i.payment-link,
header #mobile-wrapper .account-menu i.logout-link,
header #header .user-menu ul li a i,
header #header .user-menu .account-menu>li>a i.account-link,
header #header .user-menu .account-menu>li>a i.address-link,
header #header .user-menu .account-menu>li>a i.payment-link,
header #header .user-menu .account-menu>li>a i.newsletter-link,
header #header .user-menu .account-menu>li>a i.personal-link,
header #header .user-menu .account-menu>li>a i.language-link,
header #header .user-menu .account-menu>li>a i.logout-link,
header #header .help-menu .close-button i,
header #header .myproducts-menu .close-button i,
header #menu #categories-menu i,
header #search-container #searchSubmit i,
header #toggle-search i,
#cart #toggle-cart.active>.fa-angle-right,
#cart .jcart-nav>div>i,
#cart .jcart-item-arrow-down,
#cart .jcart-item-arrow-up,
#cart .jcart-close,
#cartSummary #toggle-cart.active>.fa-angle-right,
#cartSummary .cart-nav>div>i,
#cartSummary .cart-item-arrow-down,
#cartSummary .cart-item-arrow-up,
#cartSummary .cart-close,
footer .social .facebook,
footer .social .twitter,
footer .social .google_plus,
footer .social .mail,
.help-request.modal .close-modal,
.account .slider .slidesjs-previous,
.account .slider .slidesjs-next,
.account #selectStore a i,
.account #selectStore a.checked i,
.account #order-overview .pgn li.previous a,
.account #order-overview .pgn li.next a,
.account #addresses .default-address>i,
.account #addresses .address-delete>i,
.account #addresses .address-edit>i,
.account #addresses .set-default>i,
.account #addresses .confirm-yes>i,
.account #addresses .confirm-no>i,
.account #newsletter input[type=checkbox]+label i,
.account #newsletter input[type=checkbox]:checked+label i,
.account #newsletter .postcode-newsletter-category-subscribe i,
.catalog .category-title a i,
.catalog .productsCatalog>li>div>.itm-quantity-amount>i,
.catalog .productsCatalog .itm-cart-select>a:first-child,
.catalog .productsCatalog .itm-cart-select>a:last-child,
.catalog .productsCatalog .modal .header .close-modal,
.catalog .pager ul a.prev,
.catalog .pager ul a.next,
.catalog #toggle-filter i,
#subNavigation li.more i,
.checkout #steps li i,
.checkout #checkout-payment fieldset .cvv>a,
.checkout #checkout-payment fieldset #payment-tool-tip #payment-tool-tip-close,
.checkout #paymentContainer .checkbox i,
.checkout #address .checkbox i,
.checkout #billing .checkbox i,
.checkout #confirmation .checkbox i,
.checkout #paymentContainer .checkbox.active i,
.checkout #address .checkbox.active i,
.checkout #billing .checkbox.active i,
.checkout #confirmation .checkbox.active i,
#cart #toggle-cart.active>.account .slider .slidesjs-next,
#cart #toggle-cart.active>.catalog .category-title a i,
#cart #toggle-cart.active>.checkout #steps li i {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.fa-lg,
input[type="radio"]+label i,
input[type="radio"]:checked+label i,
input[type="checkbox"]+label i,
input[type="checkbox"]:checked+label i,
.password-container .toggle-password,
.password-container .toggle-password.on,
header .store-changer-menu .store-changer-sub-menu .stores i,
header .store-changer-menu .store-changer-sub-menu .stores i.checked,
header #search-container #searchSubmit i,
header #toggle-search i,
#cart .jcart-close,
.catalog .productsCatalog>li>div>.itm-quantity-amount>i {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}
.fa-2x,
.account .slider .slidesjs-previous,
.account .slider .slidesjs-next,
.account #selectStore a i,
.account #selectStore a.checked i {
    font-size: 2em
}
.fa-3x {
    font-size: 3em
}
.fa-4x {
    font-size: 4em
}
.fa-5x {
    font-size: 5em
}
.fa-fw {
    width: 1.28571429em;
    text-align: center
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}
.fa-ul>li {
    position: relative
}
.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}
.fa-li.fa-lg {
    left: -1.85714286em
}
.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}
.pull-right {
    float: right
}
.pull-left {
    float: left
}
.fa.pull-left {
    margin-right: .3em
}
.fa.pull-right {
    margin-left: .3em
}
.fa-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}
@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg)
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg)
    }
}
@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(359deg)
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
.fa-rotate-90 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}
.fa-rotate-180 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}
.fa-rotate-270 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}
.fa-flip-horizontal {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1)
}
.fa-flip-vertical {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1)
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}
.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}
.fa-stack-1x {
    line-height: inherit
}
.fa-stack-2x {
    font-size: 2em
}
.fa-inverse {
    color: #fff
}
.fa-glass:before {
    content: "\f000"
}
.fa-music:before {
    content: "\f001"
}
.fa-search:before,
header #shop-search-container #searchSubmit i:before,
header #search-container #searchSubmit i:before,
header #toggle-search i:before {
    content: "\f002"
}
.fa-envelope-o:before {
    content: "\f003"
}
.fa-heart:before {
    content: "\f004"
}
.fa-star:before {
    content: "\f005"
}
.fa-star-o:before {
    content: "\f006"
}
.fa-user:before,
header #mobile-wrapper .account-menu i.personal-link:before,
header #header .user-menu .account-menu>li>a i.personal-link:before {
    content: "\f007"
}
.fa-film:before {
    content: "\f008"
}
.fa-th-large:before {
    content: "\f009"
}
.fa-th:before {
    content: "\f00a"
}
.fa-th-list:before {
    content: "\f00b"
}
.fa-check:before,
.account #addresses .default-address>i:before,
.account #addresses .confirm-yes>i:before {
    content: "\f00c" !important;
}
.fa-times:before,
header #header .help-menu .close-button i:before,
header #header .myproducts-menu .close-button i:before,
.help-request.modal .close-modal:before,
.account #addresses .confirm-no>i:before,
.catalog .productsCatalog .modal .header .close-modal:before,
.checkout #checkout-payment fieldset #payment-tool-tip #payment-tool-tip-close:before {
    content: "\f00d"
}
.fa-search-plus:before {
    content: "\f00e"
}
.fa-search-minus:before {
    content: "\f010"
}
.fa-power-off:before {
    content: "\f011"
}
.fa-signal:before {
    content: "\f012"
}
.fa-gear:before,
.fa-cog:before {
    content: "\f013"
}
.fa-trash-o:before,
.account #addresses .address-delete>i:before,
.account #newsletter .postcode-newsletter-category-subscribe i:before {
    content: "\f014"
}
.fa-home:before,
header #mobile-wrapper .account-menu i.address-link:before,
header #header .user-menu .account-menu>li>a i.address-link:before {
    content: "\f015"
}
.fa-file-o:before {
    content: "\f016"
}
.fa-clock-o:before {
    content: "\f017"
}
.fa-road:before {
    content: "\f018"
}
.fa-download:before {
    content: "\f019"
}
.fa-arrow-circle-o-down:before {
    content: "\f01a"
}
.fa-arrow-circle-o-up:before {
    content: "\f01b"
}
.fa-inbox:before {
    content: "\f01c"
}
.fa-play-circle-o:before {
    content: "\f01d"
}
.fa-rotate-right:before,
.fa-repeat:before {
    content: "\f01e"
}
.fa-refresh:before {
    content: "\f021"
}
.fa-list-alt:before {
    content: "\f022"
}
.fa-lock:before {
    content: "\f023"
}
.fa-flag:before {
    content: "\f024"
}
.fa-headphones:before {
    content: "\f025"
}
.fa-volume-off:before {
    content: "\f026"
}
.fa-volume-down:before {
    content: "\f027"
}
.fa-volume-up:before {
    content: "\f028"
}
.fa-qrcode:before {
    content: "\f029"
}
.fa-barcode:before {
    content: "\f02a"
}
.fa-tag:before {
    content: "\f02b"
}
.fa-tags:before {
    content: "\f02c"
}
.fa-book:before {
    content: "\f02d"
}
.fa-bookmark:before {
    content: "\f02e"
}
.fa-print:before {
    content: "\f02f"
}
.fa-camera:before {
    content: "\f030"
}
.fa-font:before {
    content: "\f031"
}
.fa-bold:before {
    content: "\f032"
}
.fa-italic:before {
    content: "\f033"
}
.fa-text-height:before {
    content: "\f034"
}
.fa-text-width:before {
    content: "\f035"
}
.fa-align-left:before {
    content: "\f036"
}
.fa-align-center:before {
    content: "\f037"
}
.fa-align-right:before,
.catalog #toggle-filter i:before {
    content: "\f038"
}
.fa-align-justify:before {
    content: "\f039"
}
.fa-list:before {
    content: "\f03a"
}
.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b"
}
.fa-indent:before {
    content: "\f03c"
}
.fa-video-camera:before {
    content: "\f03d"
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "\f03e"
}
.fa-pencil:before,
.account #addresses .address-edit>i:before {
    content: "\f040"
}
.fa-map-marker:before,
header .store-changer-menu i:first-child:before {
    content: "\f041"
}
.fa-adjust:before {
    content: "\f042"
}
.fa-tint:before {
    content: "\f043"
}
.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044"
}
.fa-share-square-o:before {
    content: "\f045"
}
.fa-check-square-o:before,
input[type="radio"]:checked+label i:before,
input[type="checkbox"]:checked+label i:before,
.account #newsletter input[type=checkbox]:checked+label i:before,
.checkout #paymentContainer .checkbox.active i:before,
.checkout #address .checkbox.active i:before,
.checkout #billing .checkbox.active i:before,
.checkout #confirmation .checkbox.active i:before {
    content: "\f046"
}
.fa-arrows:before {
    content: "\f047"
}
.fa-step-backward:before {
    content: "\f048"
}
.fa-fast-backward:before {
    content: "\f049"
}
.fa-backward:before {
    content: "\f04a"
}
.fa-play:before {
    content: "\f04b"
}
.fa-pause:before {
    content: "\f04c"
}
.fa-stop:before {
    content: "\f04d"
}
.fa-forward:before {
    content: "\f04e"
}
.fa-fast-forward:before {
    content: "\f050"
}
.fa-step-forward:before {
    content: "\f051"
}
.fa-eject:before {
    content: "\f052"
}
.fa-chevron-left:before,
.account #order-overview .pgn li.previous a:before,
.catalog .pager ul a.prev:before {
    content: "\f053"
}
.fa-chevron-right:before,
.account #order-overview .pgn li.next a:before,
.catalog .pager ul a.next:before {
    content: "\f054"
}
.fa-plus-circle:before {
    content: "\f055"
}
.fa-minus-circle:before {
    content: "\f056"
}
.fa-times-circle:before {
    content: "\f057"
}
.fa-check-circle:before {
    content: "\f058"
}
.fa-question-circle:before {
    content: "\f059"
}
.fa-info-circle:before,
.checkout #checkout-payment fieldset .cvv>a:before {
    content: "\f05a"
}
.fa-crosshairs:before {
    content: "\f05b"
}
.fa-times-circle-o:before {
    content: "\f05c"
}
.fa-check-circle-o:before,
header .store-changer-menu .store-changer-sub-menu .stores i.checked:before,
.account #selectStore a.checked i:before {
    content: "\f05d"
}
.fa-ban:before {
    content: "\f05e"
}
.fa-arrow-left:before {
    content: "\f060"
}
.fa-arrow-right:before {
    content: "\f061"
}
.fa-arrow-up:before {
    content: "\f062"
}
.fa-arrow-down:before {
    content: "\f063"
}
.fa-mail-forward:before,
.fa-share:before {
    content: "\f064"
}
.fa-expand:before {
    content: "\f065"
}
.fa-compress:before {
    content: "\f066"
}
.fa-plus:before,
#cart .jcart-item-arrow-up:before,
.catalog .productsCatalog .itm-cart-select>a:last-child:before {
    content: "\f067"  !important;
}
.fa-minus:before,
#cart .jcart-item-arrow-down:before,
.catalog .productsCatalog .itm-cart-select>a:first-child:before {
    content: "\f068"  !important;
}
.fa-asterisk:before {
    content: "\f069"
}
.fa-exclamation-circle:before {
    content: "\f06a"
}
.fa-gift:before {
    content: "\f06b"
}
.fa-leaf:before {
    content: "\f06c"
}
.fa-fire:before {
    content: "\f06d"
}
.fa-eye:before,
.password-container .toggle-password:before {
    content: "\f06e"
}
.fa-eye-slash:before,
.password-container .toggle-password.on:before {
    content: "\f070"
}
.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\f071"
}
.fa-plane:before {
    content: "\f072"
}
.fa-calendar:before {
    content: "\f073"
}
.fa-random:before {
    content: "\f074"
}
.fa-comment:before {
    content: "\f075"
}
.fa-magnet:before {
    content: "\f076"
}
.fa-chevron-up:before {
    content: "\f077"
}
.fa-chevron-down:before {
    content: "\f078"
}
.fa-retweet:before {
    content: "\f079"
}
.fa-shopping-cart:before,
.catalog .productsCatalog>li>div>.itm-quantity-amount>i:before {
    content: "\f07a"
}
.fa-folder:before {
    content: "\f07b"
}
.fa-folder-open:before {
    content: "\f07c"
}
.fa-arrows-v:before {
    content: "\f07d"
}
.fa-arrows-h:before {
    content: "\f07e"
}
.fa-bar-chart-o:before {
    content: "\f080"
}
.fa-twitter-square:before {
    content: "\f081"
}
.fa-facebook-square:before {
    content: "\f082"
}
.fa-camera-retro:before {
    content: "\f083"
}
.fa-key:before {
    content: "\f084"
}
.fa-gears:before,
.fa-cogs:before {
    content: "\f085"
}
.fa-comments:before {
    content: "\f086"
}
.fa-thumbs-o-up:before {
    content: "\f087"
}
.fa-thumbs-o-down:before {
    content: "\f088"
}
.fa-star-half:before {
    content: "\f089"
}
.fa-heart-o:before {
    content: "\f08a"
}
.fa-sign-out:before,
header #mobile-wrapper .account-menu i.logout-link:before,
header #header .user-menu .account-menu>li>a i.logout-link:before {
    content: "\f08b"
}
.fa-linkedin-square:before {
    content: "\f08c"
}
.fa-thumb-tack:before {
    content: "\f08d"
}
.fa-external-link:before {
    content: "\f08e"
}
.fa-sign-in:before {
    content: "\f090"
}
.fa-trophy:before {
    content: "\f091"
}
.fa-github-square:before {
    content: "\f092"
}
.fa-upload:before {
    content: "\f093"
}
.fa-lemon-o:before {
    content: "\f094"
}
.fa-phone:before {
    content: "\f095"
}
.fa-square-o:before,
input[type="radio"]+label i:before,
input[type="checkbox"]+label i:before,
.account #newsletter input[type=checkbox]+label i:before,
.checkout #paymentContainer .checkbox i:before,
.checkout #address .checkbox i:before,
.checkout #billing .checkbox i:before,
.checkout #confirmation .checkbox i:before {
    content: "\f096"
}
.fa-bookmark-o:before {
    content: "\f097"
}
.fa-phone-square:before {
    content: "\f098"
}
.fa-twitter:before,
footer .social .twitter:before {
    content: "\f099"
}
.fa-facebook:before,
footer .social .facebook:before {
    content: "\f09a"
}
.fa-github:before {
    content: "\f09b"
}
.fa-unlock:before {
    content: "\f09c"
}
.fa-credit-card:before,
header #mobile-wrapper .account-menu i.payment-link:before,
header #header .user-menu .account-menu>li>a i.payment-link:before {
    content: "\f09d"
}
.fa-rss:before {
    content: "\f09e"
}
.fa-hdd-o:before {
    content: "\f0a0"
}
.fa-bullhorn:before {
    content: "\f0a1"
}
.fa-bell:before {
    content: "\f0f3"
}
.fa-certificate:before {
    content: "\f0a3"
}
.fa-hand-o-right:before {
    content: "\f0a4"
}
.fa-hand-o-left:before {
    content: "\f0a5"
}
.fa-hand-o-up:before {
    content: "\f0a6"
}
.fa-hand-o-down:before {
    content: "\f0a7"
}
.fa-arrow-circle-left:before {
    content: "\f0a8"
}
.fa-arrow-circle-right:before {
    content: "\f0a9"
}
.fa-arrow-circle-up:before {
    content: "\f0aa"
}
.fa-arrow-circle-down:before {
    content: "\f0ab"
}
.fa-globe:before,
header #header .user-menu .account-menu>li>a i.language-link:before {
    content: "\f0ac"
}
.fa-wrench:before {
    content: "\f0ad"
}
.fa-tasks:before {
    content: "\f0ae"
}
.fa-filter:before {
    content: "\f0b0"
}
.fa-briefcase:before {
    content: "\f0b1"
}
.fa-arrows-alt:before {
    content: "\f0b2"
}
.fa-group:before,
.fa-users:before {
    content: "\f0c0"
}
.fa-chain:before,
.fa-link:before {
    content: "\f0c1"
}
.fa-cloud:before {
    content: "\f0c2"
}
.fa-flask:before {
    content: "\f0c3"
}
.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4"
}
.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5"
}
.fa-paperclip:before {
    content: "\f0c6"
}
.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7"
}
.fa-square:before {
    content: "\f0c8"
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before,
header #mobile-wrapper #mobile-toggle:before {
    content: "\f0c9"
}
.fa-list-ul:before {
    content: "\f0ca"
}
.fa-list-ol:before {
    content: "\f0cb"
}
.fa-strikethrough:before {
    content: "\f0cc"
}
.fa-underline:before {
    content: "\f0cd"
}
.fa-table:before {
    content: "\f0ce"
}
.fa-magic:before {
    content: "\f0d0"
}
.fa-truck:before,
#cart .jcart-nav>div>i:before {
    content: "\f0d1"
}
.fa-pinterest:before {
    content: "\f0d2"
}
.fa-pinterest-square:before {
    content: "\f0d3"
}
.fa-google-plus-square:before {
    content: "\f0d4"
}
.fa-google-plus:before,
footer .social .google_plus:before {
    content: "\f0d5"
}
.fa-money:before {
    content: "\f0d6"
}
.fa-caret-down:before,
header .store-changer-menu i:last-child:before,
header #mobile-wrapper .account-menu>a>i:before,
header #header .user-menu ul li a i:before,
header #menu #categories-menu i:before,
#subNavigation li.more i:before {
    content: "\f0d7"
}
.fa-caret-up:before {
    content: "\f0d8"
}
.fa-caret-left:before {
    content: "\f0d9"
}
.fa-caret-right:before {
    content: "\f0da"
}
.fa-columns:before {
    content: "\f0db"
}
.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc"
}
.fa-sort-down:before,
.fa-sort-desc:before {
    content: "\f0dd"
}
.fa-sort-up:before,
.fa-sort-asc:before {
    content: "\f0de"
}
.fa-envelope:before,
header #header .user-menu .account-menu>li>a i.newsletter-link:before,
footer .social .mail:before {
    content: "\f0e0"
}
.fa-linkedin:before {
    content: "\f0e1"
}
.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2"
}
.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3"
}
.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4"
}
.fa-comment-o:before {
    content: "\f0e5"
}
.fa-comments-o:before {
    content: "\f0e6"
}
.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7"
}
.fa-sitemap:before {
    content: "\f0e8"
}
.fa-umbrella:before {
    content: "\f0e9"
}
.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea"
}
.fa-lightbulb-o:before {
    content: "\f0eb"
}
.fa-exchange:before,
.account #addresses .set-default>i:before {
    content: "\f0ec"
}
.fa-cloud-download:before {
    content: "\f0ed"
}
.fa-cloud-upload:before {
    content: "\f0ee"
}
.fa-user-md:before {
    content: "\f0f0"
}
.fa-stethoscope:before {
    content: "\f0f1"
}
.fa-suitcase:before {
    content: "\f0f2"
}
.fa-bell-o:before {
    content: "\f0a2"
}
.fa-coffee:before {
    content: "\f0f4"
}
.fa-cutlery:before {
    content: "\f0f5"
}
.fa-file-text-o:before {
    content: "\f0f6"
}
.fa-building-o:before {
    content: "\f0f7"
}
.fa-hospital-o:before {
    content: "\f0f8"
}
.fa-ambulance:before {
    content: "\f0f9"
}
.fa-medkit:before {
    content: "\f0fa"
}
.fa-fighter-jet:before {
    content: "\f0fb"
}
.fa-beer:before {
    content: "\f0fc"
}
.fa-h-square:before {
    content: "\f0fd"
}
.fa-plus-square:before {
    content: "\f0fe"
}
.fa-angle-double-left:before {
    content: "\f100"
}
.fa-angle-double-right:before,
#cart .jcart-close:before,
#cartSummary .cart-close:before {
    content: "\f101"
}
.fa-angle-double-up:before {
    content: "\f102"
}
.fa-angle-double-down:before {
    content: "\f103"
}
.fa-angle-left:before,
.account .slider .slidesjs-previous:before {
    content: "\f104"
}
.fa-angle-right:before,
.account .slider .slidesjs-next:before,
.catalog .category-title a i:before,
.checkout #steps li i:before {
    content: "\f105";
}
.fa-angle-up:before {
    content: "\f106"
}
.fa-angle-down:before,
#cart #toggle-cart.active>.fa-angle-right:before,
#cart #toggle-cart.active>.account .slider .slidesjs-next:before,
#cart #toggle-cart.active>.catalog .category-title a i:before,
#cart #toggle-cart.active>.checkout #steps li i:before {
    content: "\f107"
}
.fa-desktop:before {
    content: "\f108"
}
.fa-laptop:before {
    content: "\f109"
}
.fa-tablet:before {
    content: "\f10a"
}
.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b"
}
.fa-circle-o:before,
header .store-changer-menu .store-changer-sub-menu .stores i:before,
.account #selectStore a i:before {
    content: "\f10c"
}
.fa-quote-left:before {
    content: "\f10d"
}
.fa-quote-right:before {
    content: "\f10e"
}
.fa-spinner:before {
    content: "\f110"
}
.fa-circle:before {
    content: "\f111"
}
.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112"
}
.fa-github-alt:before {
    content: "\f113"
}
.fa-folder-o:before {
    content: "\f114"
}
.fa-folder-open-o:before {
    content: "\f115"
}
.fa-smile-o:before {
    content: "\f118"
}
.fa-frown-o:before {
    content: "\f119"
}
.fa-meh-o:before {
    content: "\f11a"
}
.fa-gamepad:before {
    content: "\f11b"
}
.fa-keyboard-o:before {
    content: "\f11c"
}
.fa-flag-o:before {
    content: "\f11d"
}
.fa-flag-checkered:before {
    content: "\f11e"
}
.fa-terminal:before {
    content: "\f120"
}
.fa-code:before {
    content: "\f121"
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122"
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123"
}
.fa-location-arrow:before {
    content: "\f124"
}
.fa-crop:before {
    content: "\f125"
}
.fa-code-fork:before {
    content: "\f126"
}
.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127"
}
.fa-question:before {
    content: "\f128"
}
.fa-info:before {
    content: "\f129"
}
.fa-exclamation:before {
    content: "\f12a"
}
.fa-superscript:before {
    content: "\f12b"
}
.fa-subscript:before {
    content: "\f12c"
}
.fa-eraser:before {
    content: "\f12d"
}
.fa-puzzle-piece:before {
    content: "\f12e"
}
.fa-microphone:before {
    content: "\f130"
}
.fa-microphone-slash:before {
    content: "\f131"
}
.fa-shield:before {
    content: "\f132"
}
.fa-calendar-o:before {
    content: "\f133"
}
.fa-fire-extinguisher:before {
    content: "\f134"
}
.fa-rocket:before {
    content: "\f135"
}
.fa-maxcdn:before {
    content: "\f136"
}
.fa-chevron-circle-left:before {
    content: "\f137"
}
.fa-chevron-circle-right:before {
    content: "\f138"
}
.fa-chevron-circle-up:before {
    content: "\f139"
}
.fa-chevron-circle-down:before {
    content: "\f13a"
}
.fa-html5:before {
    content: "\f13b"
}
.fa-css3:before {
    content: "\f13c"
}
.fa-anchor:before {
    content: "\f13d"
}
.fa-unlock-alt:before {
    content: "\f13e"
}
.fa-bullseye:before {
    content: "\f140"
}
.fa-ellipsis-h:before {
    content: "\f141"
}
.fa-ellipsis-v:before {
    content: "\f142"
}
.fa-rss-square:before {
    content: "\f143"
}
.fa-play-circle:before {
    content: "\f144"
}
.fa-ticket:before {
    content: "\f145"
}
.fa-minus-square:before {
    content: "\f146"
}
.fa-minus-square-o:before {
    content: "\f147"
}
.fa-level-up:before {
    content: "\f148"
}
.fa-level-down:before {
    content: "\f149"
}
.fa-check-square:before {
    content: "\f14a"
}
.fa-pencil-square:before {
    content: "\f14b"
}
.fa-external-link-square:before {
    content: "\f14c"
}
.fa-share-square:before {
    content: "\f14d"
}
.fa-compass:before {
    content: "\f14e"
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150"
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151"
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152"
}
.fa-euro:before,
.fa-eur:before {
    content: "\f153"
}
.fa-gbp:before {
    content: "\f154"
}
.fa-dollar:before,
.fa-usd:before {
    content: "\f155"
}
.fa-rupee:before,
.fa-inr:before {
    content: "\f156"
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157"
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158"
}
.fa-won:before,
.fa-krw:before {
    content: "\f159"
}
.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a"
}
.fa-file:before {
    content: "\f15b"
}
.fa-file-text:before {
    content: "\f15c"
}
.fa-sort-alpha-asc:before {
    content: "\f15d"
}
.fa-sort-alpha-desc:before {
    content: "\f15e"
}
.fa-sort-amount-asc:before {
    content: "\f160"
}
.fa-sort-amount-desc:before {
    content: "\f161"
}
.fa-sort-numeric-asc:before {
    content: "\f162"
}
.fa-sort-numeric-desc:before {
    content: "\f163"
}
.fa-thumbs-up:before {
    content: "\f164"
}
.fa-thumbs-down:before {
    content: "\f165"
}
.fa-youtube-square:before {
    content: "\f166"
}
.fa-youtube:before {
    content: "\f167"
}
.fa-xing:before {
    content: "\f168"
}
.fa-xing-square:before {
    content: "\f169"
}
.fa-youtube-play:before {
    content: "\f16a"
}
.fa-dropbox:before {
    content: "\f16b"
}
.fa-stack-overflow:before {
    content: "\f16c"
}
.fa-instagram:before {
    content: "\f16d"
}
.fa-flickr:before {
    content: "\f16e"
}
.fa-adn:before {
    content: "\f170"
}
.fa-bitbucket:before {
    content: "\f171"
}
.fa-bitbucket-square:before {
    content: "\f172"
}
.fa-tumblr:before {
    content: "\f173"
}
.fa-tumblr-square:before {
    content: "\f174"
}
.fa-long-arrow-down:before {
    content: "\f175"
}
.fa-long-arrow-up:before {
    content: "\f176"
}
.fa-long-arrow-left:before {
    content: "\f177"
}
.fa-long-arrow-right:before,
header .store-changer-menu .store-changer-sub-menu .change-link i:before {
    content: "\f178"
}
.fa-apple:before {
    content: "\f179"
}
.fa-windows:before {
    content: "\f17a"
}
.fa-android:before {
    content: "\f17b"
}
.fa-linux:before {
    content: "\f17c"
}
.fa-dribbble:before {
    content: "\f17d"
}
.fa-skype:before {
    content: "\f17e"
}
.fa-foursquare:before {
    content: "\f180"
}
.fa-trello:before {
    content: "\f181"
}
.fa-female:before {
    content: "\f182"
}
.fa-male:before {
    content: "\f183"
}
.fa-gittip:before {
    content: "\f184"
}
.fa-sun-o:before {
    content: "\f185"
}
.fa-moon-o:before {
    content: "\f186"
}
.fa-archive:before {
    content: "\f187"
}
.fa-bug:before {
    content: "\f188"
}
.fa-vk:before {
    content: "\f189"
}
.fa-weibo:before {
    content: "\f18a"
}
.fa-renren:before {
    content: "\f18b"
}
.fa-pagelines:before {
    content: "\f18c"
}
.fa-stack-exchange:before {
    content: "\f18d"
}
.fa-arrow-circle-o-right:before {
    content: "\f18e"
}
.fa-arrow-circle-o-left:before {
    content: "\f190"
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191"
}
.fa-dot-circle-o:before {
    content: "\f192"
}
.fa-wheelchair:before {
    content: "\f193"
}
.fa-vimeo-square:before {
    content: "\f194"
}
.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195"
}
.fa-plus-square-o:before {
    content: "\f196"
}
.fa-space-shuttle:before {
    content: "\f197"
}
.fa-slack:before {
    content: "\f198"
}
.fa-envelope-square:before {
    content: "\f199"
}
.fa-wordpress:before {
    content: "\f19a"
}
.fa-openid:before {
    content: "\f19b"
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "\f19c"
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "\f19d"
}
.fa-yahoo:before {
    content: "\f19e"
}
.fa-google:before {
    content: "\f1a0"
}
.fa-reddit:before {
    content: "\f1a1"
}
.fa-reddit-square:before {
    content: "\f1a2"
}
.fa-stumbleupon-circle:before {
    content: "\f1a3"
}
.fa-stumbleupon:before {
    content: "\f1a4"
}
.fa-delicious:before {
    content: "\f1a5"
}
.fa-digg:before {
    content: "\f1a6"
}
.fa-pied-piper-square:before,
.fa-pied-piper:before {
    content: "\f1a7"
}
.fa-pied-piper-alt:before {
    content: "\f1a8"
}
.fa-drupal:before {
    content: "\f1a9"
}
.fa-joomla:before {
    content: "\f1aa"
}
.fa-language:before {
    content: "\f1ab"
}
.fa-fax:before {
    content: "\f1ac"
}
.fa-building:before {
    content: "\f1ad"
}
.fa-child:before {
    content: "\f1ae"
}
.fa-paw:before {
    content: "\f1b0"
}
.fa-spoon:before {
    content: "\f1b1"
}
.fa-cube:before {
    content: "\f1b2"
}
.fa-cubes:before {
    content: "\f1b3"
}
.fa-behance:before {
    content: "\f1b4"
}
.fa-behance-square:before {
    content: "\f1b5"
}
.fa-steam:before {
    content: "\f1b6"
}
.fa-steam-square:before {
    content: "\f1b7"
}
.fa-recycle:before {
    content: "\f1b8"
}
.fa-automobile:before,
.fa-car:before {
    content: "\f1b9"
}
.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba"
}
.fa-tree:before {
    content: "\f1bb"
}
.fa-spotify:before {
    content: "\f1bc"
}
.fa-deviantart:before {
    content: "\f1bd"
}
.fa-soundcloud:before {
    content: "\f1be"
}
.fa-database:before {
    content: "\f1c0"
}
.fa-file-pdf-o:before {
    content: "\f1c1"
}
.fa-file-word-o:before {
    content: "\f1c2"
}
.fa-file-excel-o:before {
    content: "\f1c3"
}
.fa-file-powerpoint-o:before {
    content: "\f1c4"
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "\f1c5"
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "\f1c6"
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "\f1c7"
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8"
}
.fa-file-code-o:before {
    content: "\f1c9"
}
.fa-vine:before {
    content: "\f1ca"
}
.fa-codepen:before {
    content: "\f1cb"
}
.fa-jsfiddle:before {
    content: "\f1cc"
}
.fa-life-bouy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "\f1cd"
}
.fa-circle-o-notch:before {
    content: "\f1ce"
}
.fa-ra:before,
.fa-rebel:before {
    content: "\f1d0"
}
.fa-ge:before,
.fa-empire:before {
    content: "\f1d1"
}
.fa-git-square:before {
    content: "\f1d2"
}
.fa-git:before {
    content: "\f1d3"
}
.fa-hacker-news:before {
    content: "\f1d4"
}
.fa-tencent-weibo:before {
    content: "\f1d5"
}
.fa-qq:before {
    content: "\f1d6"
}
.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7"
}
.fa-send:before,
.fa-paper-plane:before {
    content: "\f1d8"
}
.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "\f1d9"
}
.fa-history:before,
header #mobile-wrapper .account-menu i.account-link:before,
header #header .user-menu .account-menu>li>a i.account-link:before {
    content: "\f1da"
}
.fa-circle-thin:before {
    content: "\f1db"
}
.fa-header:before {
    content: "\f1dc"
}
.fa-paragraph:before {
    content: "\f1dd"
}
.fa-sliders:before {
    content: "\f1de"
}
.fa-share-alt:before {
    content: "\f1e0"
}
.fa-share-alt-square:before {
    content: "\f1e1"
}
.fa-bomb:before {
    content: "\f1e2"
}
.regular {
    font-family: "FuturaRound-Book", Arial, Helvetica, sans-serif;
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale
}
.bold {
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale
}
h1,
.h1 {
    color: #000;
    font-size: 50px;
    line-height: 52px
}
h2,
.h2 {
    color: #000;
    font-size: 40px;
    line-height: 42px
}
h3,
.h3 {
    color: #000;
    font-size: 30px;
    line-height: 32px
}
h4,
.h4 {
    color: #000;
    font-size: 24px;
    line-height: 26px
}
.tou-block-mixin {
    font-size: 16px;
    text-align: center
}
.tou-block-mixin a {
    color: #6fca77;
    text-decoration: underline
}
* {
    font-size: 16px;
    outline: 0;
    box-sizing: border-box;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'Ubuntu', sans-serif;   
/*    font-family: "FuturaRound-Book", Arial, Helvetica, sans-serif;*/
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale
}
div,
span {
    color: black;
}
strong {
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale
}
*:before,
*:after {
    box-sizing: border-box
}
body {
    background-color: #fff;
    height: 100%;
    overflow-x: hidden;
/*    font-family: "FuturaRound-Book", Arial, Helvetica, sans-serif;*/
    font-family: 'Ubuntu', sans-serif;   
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale
}
body.noscroll {
    position: fixed;
    overflow: hidden
}
html {
    height: 100%
}
a {
    color: #0280bf;
    text-decoration: none
}
a:hover {
    color: #62686a
}
.textLink {
    color: #ff5450
}
.textLinkHover {
    color: #e54b49
}
.black {
    color: #000!important
}
.redLight {
    background-color: #e54b49
}
.grayLight {
    background-color: #eff0f0
}
.clearfix {
    content: '';
    display: block;
    clear: both
}
.relative {
    position: relative
}
.absolute {
    position: absolute;
    width: 100%
}
.fixed {
    position: fixed
}
.disabled {
    color: #eff0f0!important
}
.product_option{
    color: #ccc !important;
}
.right {
    text-align: right
}
.show {
    display: block!important
}
.hide {
    display: none!important
}
.float-left {
    float: left
}
.float-right {
    float: right
}
div.error {
    color: #ff5450;
    margin-top: 10px;
    font-size: 16px
}
.msgBox {
    text-align: center
}
.msgBox.s-error div {
    color: #ff5450
}
.red {
    color: #ff5450
}
.red-light {
    background-color: #e54b49!important
}
input.error,
select.error {
    background-color: #ffd4d3
}
hr {
    border: 0;
    border-top: 1px solid #d9d9d9
}
.halfOpacity {
    opacity: .5
}
.autoWidth {
    width: auto!important
}
.msgBox {
    top: 70px;
    width: 100%;
    left: 0;
    background: #fff;
    display: block;
    padding: 3px;
    z-index: 100;
    border-radius: 0;
    border: 0;
    font-size: 18px;
    margin: 0
}
.s-error.msgBox {
    border-bottom: 1px solid #ff5450
}
.s-success.msgBox {
    border-bottom: 1px solid #6fca77
}
.s-hidden.msgBox {
    display: none
}
input,
textarea,
.button,
select {
    height: 50px;
    border: 1px solid #b1b4b5;
    border-radius: 4px;
    background-color: #fff;
    padding: 0 15px;
    color: #000;
    font-size: 20px;
    width: 100%;
}
input[type='submit'],
.button {
    background: none repeat scroll 0 0 #84c449;
    color: #fff;
    cursor: pointer;
    border: 0;
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale
}
input[type='submit']:hover,
.button:hover {
    background-color: #78b83c;
    color: #fff
}
input[type='submit']:active,
.button:active {
    background-color: #78b83c;
    color: #fff
}
input[type="submit"][disabled="disabled"],
input[type="submit"][disabled="disabled"]:hover,
input[type="submit"][disabled="disabled"]:active {
    background-color: #6fca77;
    cursor: default
}
input[type="radio"],
input[type=checkbox] {
    width: auto;
    display: none
}
input[type="radio"]+label,
input[type="checkbox"]+label {
    cursor: pointer;
    display: inline-block;
    margin: 5px 0 0 0;
    font-size: 18px
}
input[type="radio"]+label:after,
input[type="checkbox"]+label:after {
    content: '';
    display: block;
    clear: both
}
input[type="radio"]+label i {
    display: block;
    width: 30px;
    margin: 0;
    vertical-align: middle;
    cursor: pointer;
    float: left;
    color: #62686a
}
input[type="checkbox"]+label i {
    display: block;
    margin: 3px 5px 6px 0;
    vertical-align: middle;
    cursor: pointer;
    float: left;
    width: 25px;
    color: #b1b4b5
}
:focus {
    outline: 0
}
::-moz-focus-inner {
    border: 0
}
select:-moz-focusring {
    color: transparent!important;
    text-shadow: 0 0 0 #000!important
}
input::-ms-clear,
input::-ms-reveal {
    display: none
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}
::selection {
    background: #6fca77;
    color: #fff
}
select {
    color: #000
}
option {
    color: #000
}
.half {
    width: 49%;
    display: inline-block;
    vertical-align: top
}
label {
    color: #62686a
}
.placeholder {
    color: #d9d9d9
}
::-webkit-input-placeholder {
    color: #d9d9d9
}
:-moz-placeholder {
    color: #d9d9d9;
    opacity: 1
}
:-ms-input-placeholder {
    color: #d9d9d9
}
.password-container {
    position: relative
}
.password-container .toggle-password {
    position: absolute;
    color: #62686a;
    margin-left: 10px;
    right: 20px;
    top: 17px
}
.password-container .toggle-password:hover {
    color: #000
}
.msgBox.s-success {
    display: none
}
header>div>div {
    margin: 0 auto;
    padding: 0 30px
}
header #notification {
    display: none;
    width: 280px;
    border: 1px solid #d9d9d9;
    padding: 0;
    left: 10%;
    top: 10%;
    position: fixed;
    z-index: 10;
    -webkit-box-shadow: 0 2px 12px -4px #666;
    -moz-box-shadow: 0 2px 12px -4px #666;
    box-shadow: 0 2px 12px -4px #666
}
header #notification .close {
    width: 22px;
    height: 22px;
    padding: 0;
    font-size: 16px;
    line-height: 14px;
    color: #fff;
    border: 0;
    background: #62686a;
    border-radius: 11px;
    position: absolute;
    top: -10px;
    right: -10px;
    cursor: pointer
}
header #notification:after {
    top: -24px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #f7f7f7;
    border-width: 12px;
    margin-left: -30px
}
header #notification:before {
    top: -26px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #d9d9d9;
    border-width: 13px;
    margin-left: -31px
}
header #notification h1 {
    border-bottom: 1px solid #d9d9d9;
    min-height: 40px;
    padding: 7px 20px;
    font-size: 18px;
    line-height: 27px;
    background: #f7f7f7;
    color: #62686a
}
header #notification h2 {
    min-height: 40px;
    padding: 9px 20px 11px;
    font-size: 18px;
    background: #fff;
    color: #62686a;
    line-height: 27px
}
header #general-information-bar {
    width: 100%;
    padding: 5px 15px 5px 40px;
    min-height: 28px;
    color: #fff;
    background: #7ece85;
    position: relative;
    top: 0;
    display: none
}
header #general-information-bar>span {
    float: left;
    text-align: left;
    color: #fff
}
header #general-information-bar>a#close {
    position: absolute;
    top: 5px;
    right: 15px;
    color: #fff
}
header #usp {
    width: 100%;
    height: 28px;
    background-color: #63686b;
    display: table;
    padding: 0 40px
}
header #usp>div {
    margin: 0 auto;
    padding: 0 10px 0 10px;
    display: table-row
}
header #usp>div>div {
    text-align: center;
    display: table-cell;
    color: #f7f7f7;
    font-size: 16px;
    line-height: 26px
}
header #usp>div>div img {
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -5px;
    height: 20px;
    width: 20px
}
header #usp>div>div:first-child {
    text-align: left
}
header #usp>div>div:last-child {
    text-align: right
}
header #logo {
    margin-top: 15px;
    float: left
}
header #logo img {
    height: 30px
}
header #top {
    background-color: #0770a4;
    height: 60px;
    padding: 0;
    padding-left: 30px
}
header #top-single {
    background-color: #ff5450;
    height: 60px;
    max-width: 100%
}
header .store-changer-menu {
    float: left;
    position: relative;
    margin-left: 20px
}
header .store-changer-menu>ul>li>a {
    font-size: 18px;
    line-height: 20px
}
header .store-changer-menu .store-changer-sub-menu {
    left: 0
}
header .store-changer-menu .store-changer-sub-menu a {
    padding: 10px 20px;
    display: block
}
header .store-changer-menu .store-changer-sub-menu a span {
    display: block;
    padding: 0 0 0 27px;
    font-weight: normal;
    font-size: 16px;
    color: #b1b4b5
}
header .store-changer-menu .store-changer-sub-menu .change-link i {
    color: #62686a;
    margin-left: 10px;
    font-size: 12px
}
header .store-changer-menu .store-changer-sub-menu .stores a {
    padding: 15px 20px;
    display: block
}
header .store-changer-menu .store-changer-sub-menu .stores i {
    color: #b1b4b5;
    margin: 0 5px 0 0;
    font-size: 20px;
    line-height: 8px
}
header .store-changer-menu .store-changer-sub-menu .stores i.checked {
    color: #6fca77;
    margin: 0 5px 0 0;
    font-size: 20px;
    line-height: 8px
}
header .store-changer-menu i:last-child {
    color: #fff;
    margin-left: 10px
}
header .store-changer-menu i:first-child {
    color: #fff;
    margin-right: 5px
}
header #mobile-wrapper {
    position: fixed;
    left: -258px;
    top: 0;
    z-index: 2000;
    height: 60px
}
#mobile-wrapper.active{
    height: 100%;
    left: 0px;
    width: 258px;
}
header #mobile-wrapper #mobile-menu {
    width: 258px;
    background-color: #62686a;
    height: 100%;
    z-index: 2000;
    opacity: .95;
    float: left;
    padding: 0;
    overflow-x: auto
}
header #mobile-wrapper #mobile-toggle {
    background: #0770a4;
    display: block;
    padding: 17px 18px;
    float: left;
    width: 60px;
    height: 60px;
    position: relative;
    color: #fff;
    font-size: 28px
}
header #mobile-wrapper #mobile-toggle:active {
    background-color: #e54b49
}
header #mobile-wrapper #mobile-logo {
    display: block;
    padding: 6px 0 3px 10px;
    border-bottom: 1px solid #797b78;
    margin-bottom: 20px
}
header #mobile-wrapper #mobile-logo img {
    max-width: 150px
}
header #mobile-wrapper .mobile-button {
    padding: 15px 15px 13px 15px;
    display: block;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    margin: 20px
}
header #mobile-wrapper .mobile-button:hover,
header #mobile-wrapper .mobile-button:active {
    background-color: #fff;
    color: #62686a
}
header #mobile-wrapper .store-changer-menu {
    margin-left: 0;
    position: static;
    float: none
}
header #mobile-wrapper .store-changer-menu ul {
    margin: 0
}
header #mobile-wrapper .store-changer-menu a {
    color: #fff;
    font-size: 18px;
    padding-left: 20px
}
header #mobile-wrapper .store-changer-menu>ul>li>a {
    margin-bottom: 10px;
    display: block;
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale;
    cursor: default
}
header #mobile-wrapper .store-changer-menu .store-changer-sub-menu {
    display: block;
    margin: 0
}
header #mobile-wrapper .store-changer-menu .store-changer-sub-menu li a {
    padding: 7px 0;
    padding-left: 30px
}
header #mobile-wrapper .store-changer-menu .store-changer-sub-menu li a:hover {
    background-color: #797b78
}
header #mobile-wrapper .store-changer-menu .store-changer-sub-menu .stores i {
    color: #fff
}
header #mobile-wrapper .store-changer-menu .store-changer-sub-menu .change-link i {
    display: inline-block;
    font-size: 12px;
    color: #fff
}
header #mobile-wrapper .account-menu {
    margin-top: 30px
}
header #mobile-wrapper .account-menu a {
    color: #fff;
    font-size: 18px;
    padding-left: 15px;
    display: block
}
header #mobile-wrapper .account-menu>a {
    margin-bottom: 10px;
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale
}
header #mobile-wrapper .account-menu>a>i {
    color: #fff;
    margin-left: 10px
}
header #mobile-wrapper .account-menu li a {
    padding: 7px 0;
    padding-left: 25px
}
header #mobile-wrapper .account-menu li a:hover {
    background-color: #797b78
}
header #mobile-wrapper .account-menu i {
    margin: 0 10px 0 0;
    color: #fff
}
header #mobile-wrapper .account-menu i.account-link {
    font-size: 14px;
    padding-left: 3px
}
header #mobile-wrapper .account-menu i.payment-link {
    font-size: 14px;
    padding-left: 1px
}
header #mobile-wrapper .help-menu a {
    color: #fff;
    font-size: 18px;
    padding-left: 15px;
    display: block
}
header #mobile-wrapper .help-menu li a {
    padding: 7px 25px 7px 50px
}
header #mobile-wrapper .help-menu li a i {
    float: right
}
header #mobile-wrapper .help-menu li a:hover {
    background-color: #797b78
}
header #mobile-wrapper .help-menu .help-link {
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale;
    margin: 20px 0 10px 20px;
    padding: 0;
    font-size: 18px;
    color: #fff;
    display: inline-block
}
header #mobile-wrapper .help-menu .help-link i {
    margin: 0 5px 0 0
}
header #mobile-wrapper .help-menu .help-link i:last-of-type {
    margin-left: 10px
}
header #mobile-wrapper .myproducts-menu a {
    color: #fff;
    font-size: 18px;
    padding-left: 15px;
    display: block
}
header #mobile-wrapper .myproducts-menu li a {
    padding: 7px 25px 7px 50px
}
header #mobile-wrapper .myproducts-menu li a i {
    float: right
}
header #mobile-wrapper .myproducts-menu li a:hover {
    background-color: #797b78
}
header #header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}
header #header #top-single {
    background-color: #0280bf;
    height: 60px;
    max-width: 100%
}
header #header #top-single>div {
    max-width: 1300px;
    margin: 0 auto
}
header #header #top nav {
    height: 100%
}
header #header #top nav > ul > li {
  border-left: 1px solid #ded5c7;
  float: left;
  height: 60px; 
}
header #header #top nav>ul>li>a {
    color: #fff;
    padding: 25px 30px 19px;
    display: block;
    -moz-osx-font-smoothing: grayscale 
}
.store-changer-menu .dropdown{
    border-right: 1px solid #ded5c7;
}
.user-menu .caret,
.store-changer-menu .caret{
    color: #fff;
}
header #header #top nav>ul>li>a:hover {
    color: #fff;
}
header #header .user-menu {
    position: relative;
    float: right;
}
header #header .user-menu ul li a i {
    color: #fff;
    margin-left: 10px
}
.dropdown-menu > li:last-child a {
  border-bottom: medium none !important;
}
header #header .user-menu a:hover,
.store-changer-menu a:hover,
.dropdown.open .dropdown-toggle{
    background-color: #0194F6;
}
header #header .user-menu .login-link {
    border: 1px solid #fff;
    padding: 10px 20px!important;
    margin-top: 10px;
    border-radius: 4px;
    margin-left: 20px;
    height: 40px
}
header #header .user-menu .login-link:hover {
    background-color: #fff;
    color: #ff5450!important
}
header #header .user-menu.account-menu-sub {
    margin-right: 0
}
header #header .user-menu .account-menu>li>a {
    padding: 8px 0 8px 15px;
    display: block;
    font-size: 18px
}
header #header .user-menu .account-menu>li>a i {
    margin: 0 10px 0 0;
    color: #62686a
}
header #header .user-menu .account-menu>li>a i.account-link {
    font-size: 14px;
    padding-left: 3px
}
header #header .user-menu .account-menu>li>a i.payment-link {
    font-size: 14px;
    padding-left: 1px
}
header #header .user-menu .account-menu>li>a i.newsletter-link {
    font-size: 14px;
    padding-left: 1px
}
header #header .sub-menu {
    display: none;
    border-left: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    background-color: #fff;
    width: 260px;
    position: absolute;
    top: 60px;
    right: 0;
    z-index: 4000
}
header #header .sub-menu li a {
    background-color: #fff;
    color: #62686a;
    padding: 7px 15px;
    display: block;
    font-size: 18px
}
header #header .sub-menu li a:hover {
    background-color: #f7f7f7!important
}
header #header .sub-menu li:first-child a {
    padding-top: 10px
}
header #header .sub-menu li:last-child a {
    padding-bottom: 10px;
    background-color: #f7f7f7
}
header #header .sub-menu li:last-child:hover a {
    background-color: #eff0f0
}
header #header .help-menu {
    float: right;
    position: relative
}
header #header .help-menu i:first-child {
    color: #fff;
    margin-right: 10px
}
header #header .help-menu i:last-child {
    color: #fff;
    margin-left: 10px
}
header #header .help-menu .close-button {
    border: 0;
    background: 0;
    position: absolute;
    right: 0;
    top: 55px;
    display: none;
    cursor: pointer
}
header #header .help-menu .close-button i {
    font-size: 24px;
    color: #62686a
}
header #header .help-menu .sub-menu li {
    border-bottom: 1px solid #d9d9d9
}
header #header .help-menu .sub-menu li a {
    padding-top: 16px;
    padding-bottom: 16px
}
header #header .help-menu .sub-menu li a i {
    color: #62686a
}
header #header .help-menu .sub-menu li a:hover,
header #header .help-menu .sub-menu li a:hover i {
    color: #6fca77
}
header #header .help-menu .sub-menu li:last-child {
    border: 0
}
header #header .help-menu .sub-menu li:last-child a {
    background: 0
}
header #header .help-menu .sub-menu li:last-child a:hover {
    background-color: #f7f7f7
}
header #header .myproducts-menu {
    float: left;
    position: relative
}
header #header .myproducts-menu i:first-child {
    color: #fff;
    margin-right: 10px
}
header #header .myproducts-menu i:last-child {
    color: #fff;
    margin-left: 10px
}
header #header .myproducts-menu .close-button {
    border: 0;
    background: 0;
    position: absolute;
    right: 0;
    top: 55px;
    display: none;
    cursor: pointer
}
header #header .myproducts-menu .close-button i {
    font-size: 24px;
    color: #62686a
}
header #header .myproducts-menu .sub-menu {
    left: 0
}
header #header .myproducts-menu .sub-menu li {
    border-bottom: 1px solid #d9d9d9
}
header #header .myproducts-menu .sub-menu li a {
    padding-top: 16px;
    padding-bottom: 16px
}
header #header .myproducts-menu .sub-menu li a i {
    color: #62686a
}
header #header .myproducts-menu .sub-menu li a:hover,
header #header .myproducts-menu .sub-menu li a:hover i {
    color: #6fca77
}
header #header .myproducts-menu .sub-menu li:last-child {
    border: 0
}
header #header .myproducts-menu .sub-menu li:last-child a {
    background: 0
}
header #header .myproducts-menu .sub-menu li:last-child a:hover {
    background-color: #f7f7f7
}
header #header .store-changer-sub-menu {
    width: 368px
}
header #header .shopper-link {
    display: none
}
header #menu {
  background-color: #eff0f0;
  height: 61px;
  position: relative;
  border-bottom: 1px solid #ccc;
}
header #menu #categories-menu {
    float: left;
    padding: 17px 20px 16px 32px;
    font-size: 20px;
    line-height: 26px;
    margin-left: -30px;
    position: relative;
    cursor: pointer;
    display: block;
    height: 60px;
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale
}
header #menu #categories-menu span {
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    float: left
}
header #menu #categories-menu i {
    margin-left: 10px;
    line-height: 30px
}
header #menu.grayLight #categories-menu {
    background: #d9d9d9
}
header #categories-submenu {
  background: white;  
  cursor: pointer;
  display: none;
  font-size: 18px;
  height: 80%;
  left: 0;
  margin-top: 147px;
  overflow: scroll;
  padding: 0;
  position: fixed;
  top: 0;
  width: 280px;
  z-index: 100;
}
header #categories-submenu>ul {
    background: #fff;
    border: 1px solid #eff0f0;
    padding-top: 5px
}
header #categories-submenu>ul>li>a {
    font-size: 18px;
    display: block;
    padding: 8px 0px 6px 0px
}
header #categories-submenu .previously-ordered {
    margin-top: 3px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: bold;
    border-bottom: 1px solid #d9d9d9
}
header #search-container {
    font-size: 0;
    float: right;
    margin: 0 440px 0 20px;
    position: relative;
    width: 49%;
    display: block;
    height: 60px;
    padding-top: 11px
}
header #search-container #searchInput {
    border-radius: 3px 0 0 3px;
    width: 100%;
    border-right: 0;
    border-color: #b1b4b5;
    height: 39px;
    font-size: 16px;
    line-height: 20px;
    padding: 0 10px
}
header #search-container #searchSubmit {
    border-radius: 0 3px 3px 0;
    width: 47px;
    border: 0;
    background-color: #62686a;
    font-size: 14px;
    line-height: 17px;
    height: 39px;
    border-bottom: 1px solid #62686a;
    position: absolute;
    right: -47px;
    top: 11px;
    cursor: pointer
}
header #search-container #searchSubmit i {
    color: #fff
}
header #search-container #searchSuggestResult {
    position: absolute;
    top: 48px;
    left: 0;
    height: 130px;
    width: 100%;
    font-size: 16px;
    overflow: auto;
    background: #fff;
    padding: 7px 0;
    display: none;
    z-index: 3000!important;
    border: 1px solid #62686a;
    border-radius: 3px;
    box-shadow: 1px 1px 6px #AAA
}
header #search-container #searchSuggestResult li {
    padding: 2px 14px
}
header #search-container #searchSuggestResult li:hover,
header #search-container #searchSuggestResult li.s-selected {
    background-color: #eff0f0
}
header #search-container #searchSuggestResult a {
    font-size: 16px;
    color: #62686a
}
header #search-container #searchSuggestResult a:hover {
    color: #333
}
header #search-container #searchSuggestResult strong {
    color: #333
}
header #toggle-search {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center
}
header #toggle-search i {
    color: #62686a;
    background-color: #d9d9d9;
    height: 60px;
    width: 61px;
    padding: 21px;
    font-size: 24px!important
}
header #toggle-search.active {
    left: 22px;
    top: 16px;
    height: 27px;
    width: 40px;
    background: #fff;
    padding-top: 4px
}
header #toggle-search.active i {
    padding: 4px;
    background: 0;
    color: #d9d9d9;
    font-size: 20px!important;
    height: 30px;
    width: 40px
}
header #toggle-search.active i:before {
    content: "\f057"
}
#cart {
    width: 400px;
    position: fixed;
    right: 0;
    background: #fff;
    height: 60px;
    border-left: 1px solid #d9d9d9
}
#cart #item-count {
    display: none
}
#cart #toggle-cart {
    margin-top: 10px;
    height: 40px;
    width: 190px;
    text-align: left;
    display: block;
    float: right;
    padding-top: 10px;
    padding-right: 0px;    
}
#cart #toggle-cart>.fa-shopping-cart,
#cart #toggle-cart>.catalog .productsCatalog>li>div>.itm-quantity-amount>i {
    margin-right: 9px
}
#cart #toggle-cart>.fa-angle-right,
#cart #toggle-cart>.account .slider .slidesjs-next,
#cart #toggle-cart>.catalog .category-title a i,
#cart #toggle-cart>.checkout #steps li i {
    margin-left: 6px;
    font-size: 20px;
    line-height: 18px;
    width: 13px;
    height: 20px
}
#cart #toggle-cart.active>.fa-angle-right,
#cart #toggle-cart.active>.account .slider .slidesjs-next,
#cart #toggle-cart.active>.catalog .category-title a i,
#cart #toggle-cart.active>.checkout #steps li i {
    line-height: 18px
}
#cart .button {
    font-size: 18px
}
#cart.border {
    border-left: 1px solid #b1b4b5;
    height: auto;
}
#cart table {
    width: 100%
}
#cart table thead td {
    height: 15px;
    padding-left: 15px
}
#cart table td {
    vertical-align: middle;
    height: 65px;
    padding-bottom: 2px
}
#cart #checkout-button {
    background: none repeat scroll 0 0 #fff;
    border-top: 1px solid #b1b4b5;
    bottom: 0;
    height: 85px;
    padding: 15px;
    position: relative;
    text-align: center;
    border-bottom: 1px solid #b1b4b5;
    z-index: 1;
}
#cart #jcart-wrapper {
  background: #fff none repeat scroll 0 0;
  height: 100%;
  position: relative;
}
#cart .jcart-navigation {
    overflow: hidden;
    height: 60px;
    background: #eff0f0;
    padding: 0 10px
}
#cart .strong {
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px
}
#cart .jcart-nav-total-price,
#cart .jcart-nav-total-delivery-fee {
    margin-left: 4px
}
#cart .jcart-nav-total-delivery-fee {
    text-decoration: underline;
    cursor: pointer
}
#cart .jcart-nav {
    width: 175px;
    text-align: right;
    float: left;
    font-size: 16px;
    line-height: 19px;
    padding-top: 10px
}
#cart .jcart-nav>div>i {
    margin-right: 5px
}
#cart .jcart-shop-header {
    background: #62686a;
    height: 40px;
    overflow: hidden
}
#cart .jcart-shop-header * {
    color: #fff;
    display: inline-block
}
#cart .jcart-shop-header .strong {
    font-size: 16px
}
#cart .jcart-shop-header-base {
    float: left;
    max-width: 280px
}
#cart .jcart-shop-header-button {
    float: right
}
#cart .jcart-shop-name {
    font-size: 18px;
    line-height: 20px;
    margin: 10px;
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale
}
#cart .jcart-delivery-fee {
    display: none
}
#cart .jcart-shop-right {
    display: none;
    margin-left: 12px;
    font-size: 16px
}
#cart .jcart-item-qty-buttons {
    width: 30px;
    text-align: right;
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale
}
#cart .jcart-item-img {
    max-height: 60px;
    max-width: 70px;
    display: inline-block;
    margin-top: 5px
}
#cart .jcart-item {
    position: relative;
    overflow: hidden
}
#cart .jcart-item-left {
  float: left;
  margin-left: 10px;
  width: 178px;
}
#cart .jcart-item-size {
    display: block;
    color: #b1b4b5;
    font-size: 14px;
    line-height: 16px
}
#cart .jcart-edit {
    display: block;
    color: #6fca77
}
#cart .jcart-item-right {
    float: right;
    margin-right: 15px;
    text-align: right
}
#cart .jcart-item-img-wrapper {
    text-align: right;
    width: 65px
}
#cart .jcart-overlay {
    position: absolute;
    top: 5px;
    background: #eff0f0;
    height: 60px;
    z-index: 100;
    overflow: hidden;
    width: 98%;
    right: -305px
}
#cart .jcart-overlay button {
    width: 44px;
    height: 38px;
    font-size: 18px;
    text-align: center;
    margin: 11px 9px 0 0;
    float: right
}
#cart .jcart-item-remove {
    float: left;
    color: #6fca77;
    margin: 22px 13px;
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale
}
#cart .jcart-no-product {
  border-bottom: 1px solid #b1b4b5;
  color: #b1b4b5;
  font-size: 20px;
  height: 100%;
  text-align: center;
  width: 100%;
}
#cart .jcart-no-product div {
    display: block;
    vertical-align: middle;
    text-align: center;
    padding-top: 10%;
    padding-bottom: 10%;
}
#cart .jcart-no-product div img {
    width: 140px
}
#cart .jcart-no-product span {
    display: block;
    color: #b1b4b5;
    margin-top: 10px
}
#cart .jcart-close {
    height: 100%;
    background: #b1b4b5;
    text-align: center;
    color: #fff;
    display: inline-block;
    width: 24px;
    font-size: 20px;
    padding-top: 23px;
    float: left;
    padding-left: 2px
}
#cart #jcart-delivery-fee {
    margin: -5px 0 10px 0;
    font-size: 16px
}
#cart .jcart-shop-delivery-time-wrap {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    background: #d9d9d9
}
#cart .jcart-shop-delivery-time-wrap .jcart-shop-delivery-time {
    margin: 12px 0 0;
    display: inline-block
}
.delivery-fee-info .header {
    text-align: right;
    margin-top: -20px;
    margin-bottom: 10px
}
.delivery-fee-info .content-holder {
    overflow: auto;
    height: 410px;
    margin-top: 0;
    font-size: 16px
}
.delivery-fee-info h2,
.delivery-fee-info h3 {
    color: #62686a;
    margin: 10px 0;
    font-size: 26px
}
.delivery-fee-info td {
    padding-right: 20px
}
footer {
    padding: 0 0 10px;
    background-color: #333;
    position: relative;
    overflow: hidden;
    width: 100% !important;
}
footer>div {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    padding: 0 60px
}
footer nav,
footer a,
footer span {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 17px
}
footer nav>a:not(:last-child):after,
footer nav>span:not(:last-child):after {
    content: " - "
}
footer hr {
    border: 0;
    border-bottom: 2px solid #fff;
    width: 40px
}
footer .press-payment {
    width: 100%;
    min-height: 60px;
    padding-bottom: 10px;
    border-top: 2px solid #797b78;
    background: #ededed;
    float: left
}
footer .press-payment .press,
footer .press-payment .payment {
    width: 50%;
    float: left
}
footer .press-payment .press {
    padding: 10px 0 0;
    text-align: left
}
footer .press-payment .press img {
    display: inline-block;
    margin-right: 30px
}
footer .press-payment .press img:last-of-type {
    margin-right: 0
}
footer .press-payment .payment-title {
    font-family: "FuturaRound-Book", Arial, Helvetica, sans-serif;
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 15px 0 0;
    padding: 0;
    font-size: 16px;
    display: inline-block
}
footer .press-payment .payment {
    padding: 9px 0 0;
    text-align: right
}
footer .press-payment .payment img {
    margin: 0 15px 0 0;
    height: 30px;
    display: inline-block
}
footer .press-payment .payment img:last-of-type {
    margin-right: 0
}
footer .links {
    width: 100%;
    border-top: 3px solid #ff5450;
    float: left
}
footer .custom-nav {
    width: 70%;
    padding: 20px 0 0;
    float: left;
    text-align: left;
    font-size: 0
}
footer .custom-nav li {
    display: inline-block
}
footer .custom-nav li:after {
    content: '-';
    padding: 0 10px;
    font-size: 16px
}
footer .custom-nav li:last-of-type:after {
    display: none
}
footer .custom-nav li a {
    color: #fff
}
footer .custom-nav li a:hover {
    color: #b1b4b5
}
footer .social {
    width: 30%;
    float: left;
    text-align: right
}
footer .social>a {
    margin: 0 8px;
    width: 32px;
    height: 34px;
    color: #333;
    background-color: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 11px 0 11px 1px;
    text-align: center
}
footer .social>a:last-of-type {
    margin-right: 0
}
footer .social>a:hover {
    background-color: #d9d9d9
}
footer .social .social-badge {
    margin: -20px 0 10px 0
}
footer.size-1 .press-payment {
    padding-top: 10px
}
footer.size-1 .press-payment .press,
footer.size-1 .press-payment .payment {
    width: 100%;
    text-align: center
}
footer.size-2 .custom-nav,
footer.size-2 .social {
    margin: 10px 0;
    width: 100%;
    text-align: center
}
footer.size-3 .press-payment .press img {
    margin-bottom: 15px
}
footer.size-4>div {
    padding-left: 0;
    padding-right: 0
}
footer.size-4 .payment-title {
    width: 100%;
    margin-right: 0
}
footer.size-4 .press-payment .payment {
    padding-bottom: 20px
}
article {
    height: 100%;
    background-color: #fff
}
#content {
    min-height: 100%;
/*    margin-bottom: -120px;*/
    padding: 60px 0 160px;
    background-color: #eff0f0
}
.section>div {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px
}
.section {
    padding-top: 40px
}
.modal header {
    color: #000
}
.modal .error {
    text-align: left
}
#modalBackground {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #62686a;
    opacity: .9;
    top: 0;
    left: 0;
    z-index: 5000
}
.help-request.modal {
    min-height: 520px
}
.help-request.modal iframe {
    display: none
}
.help-request.modal .close-modal {
    position: absolute;
    right: 0;
    top: 0;
    padding: 15px;
    color: #62686a;
    font-size: 24px;
    cursor: pointer
}
.help-request.modal h3 {
    margin: 0 0 26px;
    color: #62686a;
    font-size: 30px
}
.help-request.modal input {
    height: 40px;
    display: block;
    line-height: 40px;
    margin-bottom: 20px
}
.help-request.modal input.error::-webkit-input-placeholder {
    color: #222
}
.help-request.modal input.error:-moz-placeholder {
    color: #222
}
.help-request.modal input.error:-ms-input-placeholder {
    color: #222
}
.help-request.modal textarea {
    height: 120px;
    padding-top: 6px;
    margin: 0 0 30px;
    display: block
}
.help-request.modal button {
    width: 135px;
    height: 40px;
    float: right
}
.help-request.modal button.cancel {
    margin: 0 20px 0 0;
    background: #d9d9d9
}
.help-request.modal button.cancel:hover {
    background: #b1b4b5
}
.help-request.modal form {
    clear: both
}
.help-request.modal .error-message {
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale;
    padding: 0 0 20px;
    font-size: 16px;
    color: #e54b49;
    display: none
}
.mobile .productsCatalog .itm-cart-select {
    display: block
}
.landing .itm-price,
.landing .store-changer-menu {
    display: none
}
.landing .account section ul li {
    float: none
}
.landing #landingModal,
.landing #modalBackground.landingOverlay {
    display: block
}
.landing #modalBackground.landingOverlay {
    opacity: .8
}
.landing #landingModal {
    position: fixed;
    left: 0;
    right: 0;
    top: 100px;
    z-index: 9999;
    width: 984px;
    padding: 0;
    background: #fff;
    margin: auto
}
.landing #landingModal .logo {
    width: 371px;
    height: 69px;
    margin: 0 auto 5px auto;
    background: url('../images/logo-landing-popup.png?v=1438366520');
    text-indent: -9999px;
    overflow: hidden
}
.landing #landingModal h3 {
    padding-top: 25px;
    font-size: 24px;
    font-weight: bold;
    color: #62686a;
    clear: both
}
.landing #landingModal h3 em {
    color: #00b7ff
}
.landing #landingModal h4 {
    padding-top: 16px;
    font-size: 20px;
    color: #62686a;
    text-align: center
}
.landing #landingModal .wrapper {
    padding-top: 10px;
    padding-bottom: 60px;
    position: relative
}
.landing #landingModal .wrapper::after {
    display: block;
    content: '';
    clear: both
}
.landing #landingModal .wrapper ul {
    width: 100%;
    padding-top: 24px;
    float: left
}
.landing #landingModal .wrapper ul li {
    padding-left: 28px;
    padding-bottom: 11px;
    font-size: 20px;
    color: #62686a;
    display: block;
    float: none;
    text-align: left
}
.landing #landingModal .wrapper ul li i {
    margin-left: -28px;
    margin-right: 10px;
    color: #6fca77
}
.landing #landingModal .wrapper img {
    position: absolute;
    right: -20px;
    bottom: 0
}
.landing #landingModal .column {
    width: 492px;
    padding: 0 40px 0 60px;
    margin: 40px 0;
    float: left
}
.landing #landingModal .column:first-child {
    border-right: 1px solid #d9d9d9
}
.landing #landingModal .column:last-child {
    padding-left: 40px
}
.landing #landingModal .column:last-child h3 {
    padding-top: 0
}
.landing #landingModal #delivery-area-form,
.landing #landingModal #selectStore {
    background-image: none
}
.landing #landingModal #selectStore {
    padding: 18px 15px
}
.landing #landingModal #selectStore a {
    font-size: 30px
}
.landing #landingModal #selectStore #choose-area {
    display: none
}
.landing #landingModal #delivery-area-form {
    height: auto;
    padding: 20px 0 0 0;
    background: 0;
    clear: both
}
.landing #landingModal #delivery-area-form #change-area {
    padding: 0;
    position: static
}
.landing #landingModal #delivery-area-form #change-area #area-selection {
    margin: 0
}
.landing #landingModal #delivery-area-form #change-area #area-selection div {
    width: 100%;
    float: none
}
.landing #landingModal #delivery-area-form #change-area #area-selection div input {
    height: 50px;
    border-radius: 3px
}
.landing #landingModal #delivery-area-form #change-area #area-selection div input[type="tel"] {
    margin-bottom: 10px;
    border: 1px solid #b1b4b5
}
.landing #landingModal #delivery-area-msg {
    padding: 15px;
    font-size: 18px
}
.landing #landingModal #selectStore {
    height: auto;
    background: 0
}
.landing #landingModal #selectStore #choose-store {
    position: static;
    padding: 0
}
.landing #landingModal #selectStore #choose-store ul {
    width: 100%;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0
}
.box-bottom {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAGCAYAAADDl76dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEVDOTMwQzM2NEY2MTFFNDlGMzZCNTREMUQwOEE5M0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEVDOTMwQzI2NEY2MTFFNDlGMzZCNTREMUQwOEE5M0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCOTEyMDhFNTMxRUIxMUU0Qjc2ODlCQzAyMjNBODI3NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCOTEyMDhFNjMxRUIxMUU0Qjc2ODlCQzAyMjNBODI3NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlYKSssAAACQSURBVHjaYvz///8PBiLBp0+fGL5+/crw/ft3MJ+Tk5OBm5ubgY+PD66GEWjgf0IG/f37l+Hu3bsgdUuBeCMQH4VKWQOxPxBHKysrMzIzMxNn4K1bt0BqGqEYG6gHYTU1NUYmYrwJchlQcSMeZSC5pSC1BA0EhRnUm4TARpBaFqB3fhKh+Agxaj5//vwTIMAA4zg9ZBNfN9sAAAAASUVORK5CYII=) repeat-x bottom center transparent;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    height: 6px;
    border: 0;
    max-width: 480px
}
.elastic-design.thm-spinbasket .l-sidebar .categoryMenu {
    max-width: 226px;
    margin-top: 50px
}
a.navAllCat {
    font-size: 21px;
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale;
    color: #62686a
}
.ios input,
.android input,
.ios textarea,
.android textarea,
.ios .button,
.android .button {
    padding-top: 3px
}
.ios header #mobile-wrapper .mobile-button,
.android header #mobile-wrapper .mobile-button {
    line-height: 18px
}
.ios header #header #top nav>ul>li>a,
.android header #header #top nav>ul>li>a {
    line-height: 20px;
    padding-bottom: 18px
}
.ios footer .social,
.android footer .social {
    width: 30%;
    padding: 10px 0 0
}
#contactForm textarea.error {
    background-color: #ffd4d3
}
#contactForm input[type=tel].error::-webkit-input-placeholder,
#contactForm input[type=text].error::-webkit-input-placeholder,
#contactForm input[type=email].error::-webkit-input-placeholder,
#contactForm input[type=password].error::-webkit-input-placeholder,
#contactForm textarea.error::-webkit-input-placeholder {
    color: #62686a
}
#contactForm input[type=tel].error:-moz-placeholder,
#contactForm input[type=text].error:-moz-placeholder,
#contactForm input[type=email].error:-moz-placeholder,
#contactForm input[type=password].error:-moz-placeholder,
#contactForm textarea.error:-moz-placeholder {
    color: #62686a
}
#contactForm input[type=tel].error:-ms-input-placeholder,
#contactForm input[type=text].error:-ms-input-placeholder,
#contactForm input[type=email].error:-ms-input-placeholder,
#contactForm input[type=password].error:-ms-input-placeholder,
#contactForm textarea.error:-ms-input-placeholder {
    color: #62686a
}
.account .form {
    background-color: #eff0f0;
    margin: 0 auto
}
.account .form>div>div,
.account .form>form>div {
    max-width: 460px;
    margin: 0 auto
}
.account .form>div>div>div,
.account .form>form>div>div {
    margin: 10px 20px 0;
    text-align: left
}
.account .form>div>div>div:last-child,
.account .form>form>div>div:last-child {
    margin-bottom: 0!important
}
.account .form div.error {
    margin: 10px 0 0 0
}
.account.error #area-selection {
    display: none!important
}
.account #area-selection {
    border-radius: 0 0 4px 4px;
    border: 1px solid #b1b4b5;
    background: #ededed;
}
.account #area-selection .body {
    margin: 0;
    padding: 15px 0 0 15px;
}
.account #area-selection .submit {
    margin: 20px 0
}
.account h2 {
    font-size: 50px;
    margin-bottom: 20px;
    text-align: center;
    color: #62686a;
    margin-top: -20px
}
.account h3 {
    text-align: center;
    font-size: 40px;
    line-height: 40px;
    color: #62686a;
    padding-top: 30px
}
.account #menu {
    display: none
}
.account #content {
    background-color: #fff
}
.account.error404 #content {
    background: #eff0f0
}
.account.error404 #content #error {
    margin-top: 120px
}
.account .slider {
    height: 100%
}
.account .slider .slidesjs-previous {
    position: absolute;
    width: 24px;
    height: 37px;
    left: 3%;
    top: 43%;
    z-index: 100;
    color: #b1b4b5!important;
    font-size: 60px!important
}
.account .slider .slidesjs-next {
    position: absolute;
    width: 24px;
    height: 37px;
    right: 3%;
    top: 43%;
    z-index: 100;
    color: #b1b4b5!important;
    font-size: 60px!important
}
.account section>div,
.account section>form {
    margin: 0 auto;
    max-width: 1300px
}
.account section ul {
    overflow: hidden;
    max-width: 100%;
    margin: 0 auto;
    height: 100%
}
.account section ul li {
  text-indent: 10px;
  line-height: 30px;
}
.account section ul li img {
    margin-bottom: 15px
}
.account .mainBackground {
    background-image: url(../images/landing-bg.jpg);
    background-color: #eff0f0;
    background-position: 60% 20%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100%;
    position: relative
}
.account .mainBackground h2 {
    margin-bottom: 20px
}
.account .mainBackground h3 {
    font-size: 24px;
    margin-bottom: 0;
    padding-top: 0
}
.account.landing #content {
  background-color: #F2F2F2;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 83%;
  overflow: hidden;
  position: relative;
}
.account.landing #content,
.account.landing #content>div {
    height: auto
}
.account.landing #content h2 {
    margin-bottom: 20px
}
.account.landing #content h3 {
    font-size: 24px;
    margin-bottom: 0;
    padding-top: 0
}
.account.landing #content section {
    padding-left: 15px;
    padding-right: 15px;
    /* padding-bottom: 35px; */
    background: 0
}
.account.landing #content #choose-store {
    padding-bottom: 30px
}
.account #delivery-area-form input[type=text].error::-webkit-input-placeholder,
.account #delivery-area-form input[type=email].error::-webkit-input-placeholder,
.account #delivery-area-form input[type=password].error::-webkit-input-placeholder {
    color: #62686a
}
.account #delivery-area-form input[type=text].error:-moz-placeholder,
.account #delivery-area-form input[type=email].error:-moz-placeholder,
.account #delivery-area-form input[type=password].error:-moz-placeholder {
    color: #62686a
}
.account #delivery-area-form input[type=text].error:-ms-input-placeholder,
.account #delivery-area-form input[type=email].error:-ms-input-placeholder,
.account #delivery-area-form input[type=password].error:-ms-input-placeholder {
    color: #62686a
}
.account #login h2 {
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale;
    font-size: 55px;
    line-height: 55px;
    margin: 0;
    color: #fff
}
.account #login .wrapper {
    padding: 30px;
    background: #ededed;
    border: 1px solid #d9d9d9;
    border-radius: 4px
}
.account #login form>div>div {
    margin-left: 0;
    margin-right: 0
}
.account #login .forgot {
    margin-top: 10px;
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    color: #6fca77;
    display: inline-block
}
.account #login .forgot:hover {
    color: #ff5450
}
.account #login .submit {
    margin-top: 20px;
    margin-bottom: 10px
}
.account #restore-password {
    padding-top: 60px
}
.account #restore-password .wrapper {
    padding: 30px;
    background: #ededed;
    border: 1px solid #d9d9d9;
    border-radius: 4px
}
.account #restore-password form>div>div {
    margin-left: 0;
    margin-right: 0
}
.account #restore-password input[type=text].error::-webkit-input-placeholder,
.account #restore-password input[type=email].error::-webkit-input-placeholder,
.account #restore-password input[type=password].error::-webkit-input-placeholder {
    color: #222
}
.account #restore-password input[type=text].error:-moz-placeholder,
.account #restore-password input[type=email].error:-moz-placeholder,
.account #restore-password input[type=password].error:-moz-placeholder {
    color: #222
}
.account #restore-password input[type=text].error:-ms-input-placeholder,
.account #restore-password input[type=email].error:-ms-input-placeholder,
.account #restore-password input[type=password].error:-ms-input-placeholder {
    color: #222
}
.account #form-account-login {
    z-index: 30;
    text-align: center;
    width: 100%;
    padding: 0 1.5%;
    max-width: 100%
}
.account #form-account-login input[type=text].error::-webkit-input-placeholder,
.account #form-account-login input[type=email].error::-webkit-input-placeholder,
.account #form-account-login input[type=password].error::-webkit-input-placeholder {
    color: #222
}
.account #form-account-login input[type=text].error:-moz-placeholder,
.account #form-account-login input[type=email].error:-moz-placeholder,
.account #form-account-login input[type=password].error:-moz-placeholder {
    color: #222
}
.account #form-account-login input[type=text].error:-ms-input-placeholder,
.account #form-account-login input[type=email].error:-ms-input-placeholder,
.account #form-account-login input[type=password].error:-ms-input-placeholder {
    color: #222
}
.account #form-account-create {
    width: 100%;
    padding: 0 15px;
    text-align: center;
    z-index: 30;
    max-width: none;
    left: 0
}
.account #form-account-create input[type=text].error::-webkit-input-placeholder,
.account #form-account-create input[type=email].error::-webkit-input-placeholder,
.account #form-account-create input[type=password].error::-webkit-input-placeholder {
    color: #62686a
}
.account #form-account-create input[type=text].error:-moz-placeholder,
.account #form-account-create input[type=email].error:-moz-placeholder,
.account #form-account-create input[type=password].error:-moz-placeholder {
    color: #62686a
}
.account #form-account-create input[type=text].error:-ms-input-placeholder,
.account #form-account-create input[type=email].error:-ms-input-placeholder,
.account #form-account-create input[type=password].error:-ms-input-placeholder {
    color: #62686a
}
.account #form-account-create div#terms-of-use {
    font-size: 16px;
    text-align: center
}
.account #form-account-create div#terms-of-use a {
    color: #6fca77;
    text-decoration: underline
}
.account #form-account-edit label,
.account #form-account-edit-password label {
    font-size: 18px
}
.account #form-account-login {
    margin-top: 40px;
    left: 0
}
.account #form-account-login h2 {
    margin-bottom: 30px
}
.account #create-account-title {
    z-index: 30;
    text-align: center;
    width: 100%;
    padding: 20px 15px 0;
    max-width: 460px
}
.account #create-account-title h2 {
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale;
    font-size: 55px;
    line-height: 55px;
    color: #fff;
    margin: 0 0 40px
}
.account #change-area {
    width: 100%;
    margin: 0 auto;
    left: 0;
    z-index: 30;
    max-width: none
}
.account #where-we-shop {
    text-align: center
}
.account #where-we-shop.hidden {
    display: none
}
.account .box {
    text-align: center;
    font-size: 22px;
    margin-bottom: 30px;
    border-radius: 4px;
    padding: 30px
}
.account .box span {
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale
}
.account #delivery-area {
    text-align: center;
    font-size: 22px;
    margin-bottom: 30px;
    border-radius: 4px;
    padding: 30px;
    background: #dbf3dd;
    border: 1px solid #6fca77;
    padding: 20px
}
.account #delivery-area span {
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale
}
.account #delivery-area-msg {
    text-align: center;
    font-size: 22px;
    margin-bottom: 30px;
    border-radius: 4px;
    padding: 30px;
    background: #ffd4d3;
    border: 1px solid #ff5450;
    border-radius: 4px 4px 0 0;
    display: none;
    margin: 0 auto
}
.account #delivery-area-msg span {
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale
}
.account #delivery-area-msg.success {
    background: #dbf3dd;
    border-color: #6fca77;
    margin-top: -20px
}
.account .msgBox {
    text-align: center;
    font-size: 18px;
    border-radius: 0;
    padding: 4px;
    margin-bottom: 0
}
.account #personal-data,
.account #delivery-area,
.account #quickviewOverlay {
    display: none
}
.account #personal-data {
    background: #ededed;
    padding: 30px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    font-size: 0
}
.account #personal-data>div {
    font-size: 16px;
    margin: 0;
    margin-bottom: 10px
}
.account #personal-data .half:first-child {
    margin-right: 2%
}
.account .postcode-newsletter {
    max-width: 460px;
    margin: 0 auto;
    background: #fff;
    padding: 30px;
    border-radius: 0 0 4px 4px;
    border: 1px solid #d9d9d9;
    border-top: 0;
    text-align: center
}
.account .postcode-newsletter div.error {
    display: none
}
.account .postcode-newsletter a {
    font-size: 20px;
    display: inline-block;
    color: #6fca77;
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale
}
.account .postcode-newsletter p {
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 10px
}
.account .postcode-newsletter .success {
    display: none
}
.account .form>form>.postcode-newsletter>div {
    margin: 0 0 20px 0
}
.account #selectStore {
    padding: 50px
}
.account #selectStore li {
    font-size: 22px;
    padding: 10px
}
.account #selectStore a {
    font-size: 27px;
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale;
    color: #62686a;
    display: block;
    padding: 7px 20px 10px
}
.account #selectStore a i {
    margin-right: 12px;
    color: #d9d9d9;
    font-size: 32px!important
}
.account #selectStore a span {
    display: block;
    padding: 0 0 0 40px;
    font-weight: normal;
    font-size: 16px;
    color: #b1b4b5
}
.account #selectStore a:hover {
    color: #62686a;
    background-color: #eff0f0
}
.account #selectStore ul {
    padding: 12px 0
}
.account #selectStore ul li {
    padding: 0;
    width: 100%;
    text-align: left
}
.account #selectStore #shopNowBlock {
    max-width: 400px;
    margin: 30px auto
}
.account #selectStore a.checked {
    background-color: #eff0f0
}
.account #selectStore a.checked i {
    color: #6fca77
}
.account #choose-area {
    text-align: center;
    font-size: 22px;
    margin-bottom: 30px;
    border-radius: 4px;
    padding: 30px;
    background: #d2d2d2;
    border: 1px solid #b1b4b5;
    border-radius: 4px 4px 0 0;
    margin: 0 auto
}
.account #choose-area span {
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale
}
.account #choose-store {
    z-index: 2;
    height: auto;
    left: 0;
    margin: 0;
    width: 100%;
    max-width: none
}
.account #choose-store .body {
    background: #fff;
    max-width: 460px;
    margin: 0 auto;
    border: 1px solid #d9d9d9;
    border-radius: 0 0 6px 6px
}
.account #forgot-password {
    max-width: 610px;
    background-color: #fff;
    margin: 40px auto;
    font-size: 18px
}
.account #forgot-password form>div {
    margin-bottom: 12px
}
.account #forgot-password h2,
.account #forgot-password h3 {
    margin: 20px 0;
    font-size: 40px
}
.account #forgot-password-notification {
    max-width: 504px;
    margin: 120px auto;
    font-size: 18px
}
.account #forgot-password-notification .passwordResetMessage {
    border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #d9d9d9;
    border-bottom: 0;
    padding: 0 20px 20px 20px;
    background-color: #fff
}
.account #forgot-password-notification .passwordResetMessage .column {
    padding-bottom: 30px;
    margin-bottom: 10px;
    text-align: center
}
.account #forgot-password-notification .passwordResetMessage .column:first-child,
.account #forgot-password-notification .passwordResetMessage .column:nth-child(2) {
    border-bottom: 1px dashed #d9d9d9;
    margin: 20px 10px
}
.account #forgot-password-notification .passwordResetMessage .column h3 {
    margin: 0;
    padding: 0
}
.account #forgot-password-notification .passwordResetMessage .column input[type=submit] {
    width: 200px
}
.account #error {
    text-align: center
}
.account #error>div:not(.box-bottom) {
    max-width: 480px;
    margin: 30px auto 0 auto;
    border: 1px solid #d9d9d9;
    border-bottom: 0;
    background-color: #fff;
    border-radius: 3px;
    padding: 30px
}
.account #error>div:not(.box-bottom) div {
    font-size: 200px;
    color: #ff5450
}
.account #error>div:not(.box-bottom) h1 {
    color: #62686a;
    font-size: 20px;
    line-height: 24px;
    font-family: "FuturaRound-Book", Arial, Helvetica, sans-serif;
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale
}
.account #error>div:not(.box-bottom) img {
    max-width: 260px
}
.account #error .box-bottom {
    max-width: 480px
}
.account #newsletterUnsubscribe .msg,
.account #newsletterSubscribe .msg {
    padding-top: 65px;
    padding-bottom: 15px;
    font-size: 20px;
    line-height: 26px;
    text-align: center
}
.account #newsletterConfirm {
    background: #f7f7f7;
    overflow: hidden
}
.account #newsletterConfirm .wrap {
    max-width: 511px;
    margin-top: 100px;
    margin-bottom: 100px;
    padding: 123px 40px 36px 40px;
    background: #fff;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-radius: 3px;
    text-align: center;
    position: relative;
    background: #fff url('../images/main/newsletter-confirmed-envelop.png') no-repeat center 35px
}
.account #newsletterConfirm .wrap:after {
    content: "";
    width: 100%;
    height: 6px;
    display: block;
    background: #f7f7f7 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAGCAYAAADDl76dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjkxMjA4RTUzMUVCMTFFNEI3Njg5QkMwMjIzQTgyNzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjkxMjA4RTYzMUVCMTFFNEI3Njg5QkMwMjIzQTgyNzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCOTEyMDhFMzMxRUIxMUU0Qjc2ODlCQzAyMjNBODI3NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCOTEyMDhFNDMxRUIxMUU0Qjc2ODlCQzAyMjNBODI3NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtI/40wAAACQSURBVHjaYvz///8PBiLBp0+fGL5+/crw/ft3MJ+Tk5OBm5ubgY+PD66GEWjgf0IG/f37l+Hu3bsgdUuBeCMQH4VKWQOxPxBHKysrMzIzMxNn4K1bt0BqGqEYG6gHYTU1NUYmYrwJchlQcSMeZSC5pSC1BA0EhRnUm4TARpBaFqB3fhKh+Agxaj5//vwTIMAA4zg9ZBNfN9sAAAAASUVORK5CYII=') repeat-x left bottom;
    position: absolute;
    left: 0;
    bottom: 0
}
.account #newsletterConfirm .body {
    padding: 20px 0 23px 0;
    border-top: 1px dotted #d9d9d9;
    border-bottom: 1px dotted #d9d9d9
}
.account #newsletterConfirm h3 {
    padding: 0 0 14px 0;
    font-family: "FuturaRound-Book", Arial, Helvetica, sans-serif;
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale;
    font-size: 30px
}
.account #newsletterConfirm p {
    line-height: 1.5;
    font-size: 18px;
    color: #797b78
}
.account #newsletterConfirm a {
    width: auto;
    height: 40px;
    margin-top: 30px;
    padding: 0 30px;
    line-height: 38px;
    font-size: 16px;
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale;
    font-weight: bold;
    display: inline-block;
    text-transform: uppercase
}
.account .myAccountMessages {
    margin: 40px 0
}
.account .myAccountMessages .msgBox.s-error,
.account .myAccountMessages .msgBox.s-success {
    display: block;
    text-align: left;
    border-radius: 4px;
    padding: 10px 20px
}
.account .myAccountMessages .msgBox.s-success {
    background: #dbf3dd;
    border: 1px solid #6fca77
}
.account .myAccountMessages .msgBox.s-error {
    background: #ffd4d3;
    border: 1px solid #ff5450
}
.account .myAccountMessages .msgBox.s-error div {
    color: #62686a
}
.account h1 {
    color: #62686a;
    font-size: 46px;
    display: inline;
    margin-right: 20px;
    font-family: "FuturaRound-Book", Arial, Helvetica, sans-serif;
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale
}
.account h2 {
    text-align: left;
    background-color: #eff0f0;
    padding: 5px 13px;
    border-radius: 4px;
    font-size: 18px;
    margin-top: 0;
    margin-left: 2px
}
.account.intro h2{
    background-color: rgba(0,0,0,0);
}
.account .errorMessage {
    display: inline-block;
    color: #ff5450;
    margin: 10px 0;
    font-size: 16px
}
.account #header {
    background-color: #ff5450
}
.account #header #general-information-bar {
    max-width: 100%
}
.account #header #usp {
    max-width: none
}
.account #content>div {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 3px
}
.account #customer-menu {
    margin: 40px 0
}
.account #customer-menu>a {
    font-size: 20px;
    color: #6fca77
}
.account #customer-menu ul li a {
    font-size: 20px;
    line-height: 22px;
    margin-right: 20px;
    margin-top: 30px;
    display: block
}
.account #customer-menu>nav {
    margin-top: 24px;
    margin-left: 2px
}
.account #customer-menu>nav>a {
    display: inline-block;
    font-size: 20px;
    margin-right: 15px;
    margin-top: 10px
}
.account #customer-menu>nav>a.selected,
.account #customer-menu>nav>a:hover {
    border-bottom: 3px solid #ff5450;
    padding-bottom: 8px
}
.account h4 {
    margin: 10px 0;
    color: #62686a
}
.account .button {
    width: auto
}
.account #order-overview {
    margin: 30px 0 30px 2px;
    overflow: hidden;
    clear: both
}
.account #order-overview .no-order {
    line-height: 26px
}
.account #order-overview .order-box {
    max-width: 1300px;
    margin-bottom: 20px;
    background: #eff0f0;
    padding: 20px;
    border-radius: 7px;
    overflow: hidden
}
.account #order-overview .order-info {
    float: left;
    width: 25%;
    line-height: 21px;
    margin-top: -10px;
    max-height: 220px;
    overflow: hidden
}
.account #order-overview .order-info-2 {
    float: left;
    width: 23%;
    line-height: 21px;
    margin-top: -10px;
    margin-right: 2%;
    max-height: 220px;
    overflow: hidden
}
.account #order-overview .order-details {
    float: left;
    width: 50%;
    text-align: center
}
.account #order-overview .order-details .wrapper {
    padding-right: 10px;
    margin-bottom: 10px;
    margin-right: -10px;
    max-height: 210px;
    overflow: auto
}
.account #order-overview .order-show-detail {
    display: none
}
.account #order-overview .pgn {
    margin-bottom: 20px;
    overflow: hidden
}
.account #order-overview .pgn li {
    float: left;
    margin-right: 4px
}
.account #order-overview .pgn li a {
    width: 24px;
    height: 24px;
    border: 1px solid #b1b4b5;
    border-radius: 3px;
    color: #b1b4b5;
    font-size: 16px;
    text-align: center;
    line-height: 22px;
    display: block
}
.account #order-overview .pgn li.selected a,
.account #order-overview .pgn li a:hover {
    color: #fff;
    background-color: #6fca77
}
.account #order-overview .pgn li.next a,
.account #order-overview .pgn li.previous a {
    font-size: 14px;
    border: 0;
    line-height: 26px
}
.account #order-overview .pgn li.first,
.account #order-overview .pgn li.last {
    display: none
}
@media screen and (max-width: 920px) {
    .account #order-overview .order-info {
        float: left;
        width: 50%;
        margin-bottom: 20px
    }
    .account #order-overview .order-info-2 {
        float: left;
        width: 50%;
        margin-right: 0;
        margin-bottom: 20px
    }
    .account #order-overview .order-details {
        float: none;
        width: 100%
    }
}
@media screen and (max-width: 640px) {
    .account #order-overview .order-info {
        margin-bottom: 0;
        max-height: none
    }
    .account #order-overview .order-info-2 {
        margin-bottom: 0;
        max-height: none
    }
    .account #order-overview .order-details {
        clear: both;
        display: none;
        margin-top: 10px
    }
    .account #order-overview .order-details .wrapper {
        padding-right: 0;
        margin-right: 0
    }
    .account #order-overview .order-details th,
    .account #order-overview .order-details td {
        padding-left: 0;
        padding-right: 0;
        min-width: 0
    }
    .account #order-overview .order-details th:last-of-type,
    .account #order-overview .order-details td:last-of-type,
    .account #order-overview .order-details th:first-of-type,
    .account #order-overview .order-details td:first-of-type {
        padding-right: 10px
    }
    .account #order-overview .order-show-detail {
        display: inline-block;
        height: auto;
        padding: 4px 6px;
        font-size: 15px;
        margin: 10px 0 15px 0
    }
    .account #order-overview .order-show-detail span {
        color: #fff
    }
    .account #order-overview .order-show-detail span:last-child {
        display: none
    }
    .account #order-overview .order-box {
        padding: 10px
    }
    .account #order-overview .order-box h4 {
        font-size: 18px;
        line-height: 21px
    }
}
@media screen and (min-width: 640px) {
    .account #order-overview .order-details {
        display: block!important
    }
}
.account #order-limit {
    display: block;
    margin-bottom: 20px;
    margin-top: -20px
}
.account #order-limit select,
.account #order-limit input {
    height: 40px;
    margin-left: 5px;
    line-height: 21px;
    font-size: 17px;
    padding: 0 10px;
    max-width: 210px
}
.account #order-limit select option,
.account #order-limit input option {
    color: #000
}
.account #addresses {
    margin: 30px auto
}
.account #addresses>div {
    overflow: hidden;
    border-bottom: 1px solid #eff0f0
}
.account #addresses>div>div {
    float: left;
    width: 49.3%;
    padding: 0 15px 15px 15px;
    font-size: 18px;
    line-height: 25px;
    margin-top: 20px;
    min-height: 90px
}
.account #addresses>div .address-options {
    margin-left: 1.4%
}
.account #addresses>div .address-options>a {
    display: block
}
.account #addresses h2 {
    width: 100%;
    margin-bottom: 0
}
.account #addresses i {
    padding-right: 6px
}
.account #addresses .address-delete {
    color: #ff5450
}
.account #addresses .address-edit {
    color: #6fca77
}
.account #addresses .address-confirm {
    display: none
}
.account #addresses .set-default {
    color: #6fca77
}
.account #addresses .confirm-yes {
    color: #6fca77
}
.account #addresses .confirm-no {
    color: #ff5450
}
.account #addresses .button {
    padding: 10px 15px;
    display: inline-block;
    height: auto;
    margin-top: 20px
}
@media screen and (max-width: 480px) {
    .account #addresses>div>div {
        float: none;
        width: 100%
    }
    .account #addresses .address-options {
        margin-top: 0
    }
    .account #addresses h2 {
        width: 100%;
        float: none
    }
    .account #addresses h2:last-child {
        display: none
    }
}
.account #edit-address {
    max-width: 480px;
    margin-bottom: 30px
}
.account #edit-address label {
    margin: 10px 0 6px 13px;
    display: block;
    font-size: 18px
}
.account #edit-address input {
    margin-left: 13px;
    width: 95%
}
.account #edit-address .button {
    padding: 10px 15px;
    display: inline-block;
    height: auto;
    margin-top: 20px
}
.account #edit-address a {
    margin-left: 10px;
    color: #ff5450
}
.account #newsletter {
    margin: 30px auto
}
.account #newsletter>div {
    overflow: hidden
}
.account #newsletter>div>div {
    float: left;
    width: 49%
}
.account #newsletter>div>div:last-child {
    margin-left: 2%
}
.account #newsletter>div h2 {
    text-align: left;
    background-color: #eff0f0;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 18px;
    margin-top: 0
}
.account #newsletter label i {
    margin-right: 15px
}
.account #newsletter input[type=checkbox]+label i {
    color: #b1b4b5;
    font-size: 30px;
    margin-right: 10px;
    margin-top: -2px
}
.account #newsletter input[type=checkbox]:checked+label i {
    color: #6fca77!important
}
.account #newsletter label {
    line-height: 22px;
    font-size: 22px
}
.account #newsletter .button {
    display: inline-block;
    min-width: 200px;
    margin-top: 20px
}
.account #newsletter .newsletter-category {
    margin: 15px
}
.account #newsletter .postcode-newsletter-subscribe {
    font-size: 0;
    margin-bottom: 30px
}
.account #newsletter .postcode-newsletter-subscribe>div {
    margin: 15px;
    font-size: 20px;
    float: left
}
.account #newsletter .postcode-newsletter-subscribe>input {
    width: 135px;
    display: inline-block
}
.account #newsletter .postcode-newsletter-subscribe .code {
    margin-left: 15px;
    border-radius: 3px 0 0 3px
}
.account #newsletter .postcode-newsletter-subscribe .submit {
    border-radius: 0 3px 3px 0
}
.account #newsletter .postcode-newsletter-category-subscribe {
    overflow: hidden;
    margin-left: 15px;
    margin-bottom: 15px
}
.account #newsletter .postcode-newsletter-category-subscribe>div,
.account #newsletter .postcode-newsletter-category-subscribe>a {
    float: left;
    margin-right: 8px;
    line-height: 22px;
    font-size: 18px;
    display: block
}
.account #newsletter .postcode-newsletter-category-subscribe a {
    color: #ff5450;
    margin-left: 34px
}
.account #newsletter .postcode-newsletter-category-subscribe i {
    margin-right: 6px
}
@media screen and (max-width: 640px) {
    .account #newsletter>div>div {
        float: none;
        width: 100%;
        margin: 20px 0!important
    }
}
.account table {
    background-color: #fff;
    width: 100%
}
.account td,
.account th {
    padding: 10px;
    vertical-align: middle;
    text-align: center
}
.account th {
    font-weight: bold;
    padding-bottom: 0
}
.account .item-description {
    text-align: left
}
.account .print-order {
    display: none
}
.account #count {
    font-size: 18px
}
.account .container {
    overflow: hidden;
    margin: 20px 0 60px 0
}
.account .container>section {
    width: 48%;
    float: left
}
.account .container>section>form>div {
    margin: 10px 15px 0 15px
}
.account .container>section>form>div label {
    margin: 15px 0 10px 0;
    display: block
}
.account .container>section .email-holder {
    margin: 20px 15px 0 15px;
    font-size: 18px
}
.account .container>section input[type='submit'] {
    margin-top: 20px;
    width: auto;
    padding: 0 30px
}
.account .container>section:first-child {
    margin-right: 4%
}
@media screen and (max-width: 640px) {
    .account .container>section {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0
    }
    .account .container>section:first-child {
        margin-bottom: 40px
    }
    .account #customer-menu>a {
        display: none
    }
}
.landing #header {
    text-align: center;
    height: 60px;
}

.landing #header .shopper-link {
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    height: 40px;
    margin: -38px 12px 0 0;
    padding: 10px 20px;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    float: right;
    display: inline-block
}
.landing #header .shopper-link:hover {
    background-color: #fff;
    color: #ff5450
}
.landing #content {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    display: table
}
.landing #content>div {
    height: 100%;
    display: table-cell;
    vertical-align: middle
}
.landing #content:after {
    display: none
}
.landing #content .heading {
    max-width: 450px;
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    text-align: left
}
.landing #content .description {
    max-width: 450px;
    font-size: 18px;
    color: #fff;
    text-align: left;
    line-height: 26px
}
.landing #content .description strong {
    color: #ff5450;
    font-weight: normal
}
.landing.intro #content {
    display: block
}
.landing.intro #content>div {
    display: block
}
.landing.intro #change-area {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    top: -30px
}
.landing.intro #delivery-area-form #create-account-title {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
  margin: 5% auto 20px;
  max-width: 900px;
  position: relative;
  border-radius: 4px 4px 0 0;
}
.landing.intro #delivery-area-form #create-account-title:after {
    width: 100px;
    height: 77px;
    background: url('../images/landing-arrow.png') no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    position: absolute;
    top: 75px;
    left: 430px
}
.landing.intro #where-we-shop {
    display: none
}
.landing.intro #area-selection {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
  border: 0 none;
  float: right;
  margin-top: 10px;
  max-width: 100%;
  padding-bottom: 15px;
  width: 100%;
}
.landing.intro #area-selection .body div {
    margin: 0
}
.landing.intro #area-selection .body div input {
    height: 40px;
    border: none;
    border-radius: 0;
}
.landing.intro .css3-metro-dropdown option{
    padding: 7px 5px !important;
}
.landing.intro #select-area{
    width: 92%;
    border-radius: 0;
}

/* metro select */

.css3-metro-dropdown option,
.css3-metro-dropdown:after,
.css3-metro-dropdown::after {
    color: black;
}
.css3-metro-dropdown:after,
.css3-metro-dropdown::after {
    display: block;
    background: #fff;
}
.css3-metro-dropdown {
  border: 1px solid;
  display: inline-block;
  position: relative;
}
.css3-metro-dropdown::after {
  border-radius: 0 3px 3px 0;
  content: "\f078";
  display: block;
  font-size: 19px;
  line-height: 36px;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 45px;
  font-family: fontawesome;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
}
.css3-metro-dropdown select {
    height: 30px;
    border: 0;
    vertical-align: middle;
    font-family: "Segoe UI", Arial, Helvetica, Sans-serif;
    outline: 0 none;
}
.css3-metro-dropdown option {
    background: #fff;
    color: #333;
}
.landing.intro #area-selection .col-md-3{
    padding: 0;
}
#area-selection .css3-metro-dropdown::after{
    border-radius: 0 !important;
}
.landing.intro #area-selection .body div:last-of-type input {
    left: 0;
}
.accountPayment {
    margin-bottom: 25px
}
.accountPayment .pm-box-hide {
    display: none
}
.accountPayment ul li {
    padding: 15px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    text-align: left;
    background-color: #eff0f0
}
.accountPayment .cc-icon-holder {
    width: 57px;
    height: 26px;
    float: left;
    background: url("../images/checkout/cc-icons.png") no-repeat scroll -37px top rgba(0, 0, 0, 0);
    margin-right: 10px
}
.accountPayment .mastercard-icon {
    background-position: -164px top;
    width: 40px
}
.accountPayment .visa-icon {
    width: 45px;
    background-position: -74px top
}
.accountPayment .diners-icon {
    background-position: -57px top
}
.accountPayment .amex-icon {
    background-position: 0 top;
    width: 37px
}
.accountPayment .default-card-icon {
    background-position: 0 top
}
.accountPayment .pm-line {
    margin-bottom: 10px;
    padding: 10px 0
}
.accountPayment .pm-line .line-col-left {
    font-weight: bold;
    float: left;
    width: 25%;
    text-align: left
}
.accountPayment .pm-line .line-col-right {
    font-weight: normal;
    float: left;
    width: 75%;
    text-align: left
}
.accountPayment .pm-line .line-theme-red a {
    color: #ff5450;
    text-decoration: none
}
.accountPayment .pm-line .line-theme-red a:hover,
.accountPayment .pm-line .line-theme-red a:active,
.accountPayment .pm-line .line-theme-red a:focus {
    color: #ff5450;
    text-decoration: underline
}
.accountPayment .line-theme-100 {
    display: table;
    float: none;
    width: 100%
}
.accountPayment .line-theme-vcenter .line-col-right,
.accountPayment .line-theme-vcenter .line-col-left {
    vertical-align: middle
}
.accountPayment .line-theme-alignright {
    text-align: right
}
.accountPayment .line-theme-alignleft {
    text-align: left
}
.accountPayment .line-theme-nomargin {
    margin-bottom: 0
}
.catalog .button {
    font-size: 18px
}
.catalog #content {
    background-color: #f7f7f7;
    padding: 147px 0 0px;
    padding-bottom: 0px
}
.catalog #content:after {
    display: none
}
.catalog.sub #content,
.catalog.detail #content {
    padding-top: 204px
}
.catalog.search #content {
    padding-top: 164px
}
.catalog #catalog {
    padding: 0 10px;
    margin: 0 auto
}
.catalog #catalog>div {
    max-width: 100%
}
.catalog .catalog-products-section {
    margin-bottom: 15px
}
.catalog .category-title {
  overflow: hidden;
}
.catalog .category-title h3 {
    color: #62686a;
    margin-right: 15px;
    display: inline-block;
    line-height: 37px
}
.catalog .category-title h3 .num-articles {
    color: #b1b4b5;
    font-size: 20px;
    white-space: nowrap
}
.catalog .category-title a {
    font-size: 20px;
    display: inline-block;
    color: #6fca77;
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale
}
.catalog .category-title a i {
    font-weight: bold;
    margin-left: 6px;
    font-size: 17px
}
.catalog .category-title a span {
    color: #6fca77
}
.catalog .category-title a span:nth-child(2) {
    display: none
}
.catalog .sub-category>div {
    overflow: hidden
}
.catalog .sub-category .category-menu {
//    float: left;
//    max-width: 200px
}
.catalog .sub-category .category-menu h3 {
    font-size: 20px;
    color: #ff5450;
    margin-top: 4px;
    margin-bottom: 10px
}
.catalog .sub-category .category-menu .checkbox {
    margin: 10px 0
}
.catalog .sub-category .category-menu .fct-selected {
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale;
    margin-top: 10px
}
.catalog .sub-category .category-menu .reset-link {
    font-size: 14px
}
.catalog .sub-category .category-menu>ul>li {
    padding-bottom: 20px
}
.catalog .sub-category .category-menu div>ul>li {
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    margin-top: 10px
}
.catalog .sub-category .category-menu div>ul>li>ul>li {
    font-size: 16px;
    margin: 7px 0 0 10px
}
.themeFont .catalog .sub-category .category-menu div>ul>li>ul>li.selected * {
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale
}
.catalog .sub-category .category-menu #fct-brand-search input {
    border: 0;
    border-bottom: 1px dashed #b1b4b5;
    border-radius: 0;
    padding: 0;
    font-size: 18px;
    height: 40px;
    margin-bottom: 15px
}
.catalog .sub-category .category-menu #facet_brand {
    max-height: 295px;
    overflow: auto
}
.catalog .sub-category .category-menu #facet_brand li {
    font-weight: normal;
    margin-bottom: 10px
}
.catalog .sub-category .category-menu #fct-category a {
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale;
    color: #62686a
}
.catalog .sub-category .category-menu #fct-category li ul a {
    font-family: "FuturaRound-Book", Arial, Helvetica, sans-serif;
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale
}
.catalog .sub-category .catalog-products-section {
    float: left;
    width: 100%;
    margin-left: 40px
}
.catalog.search .category-menu li:first-child {
    display: block
}
.catalog.search h1 {
    font-size: 30px;
    color: #62686a;
    margin-right: 15px;
    display: inline-block;
    line-height: 37px
}
.catalog .productsCatalog {
  clear: both;
  display: block;
  margin-left: 5px;
}
.catalog .productsCatalog .lazy-load {
    width: 100%;
    max-width: 100%;
    min-height: 140px
}
.catalog .productsCatalog .modal .lazy-load {
    max-width: none;
    max-height: none
}
.catalog .productsCatalog>li {
    float: left;
    width: 18% !important;
    border: 1px solid #d9d9d9;
    text-align: center;
    padding: 10px;
    margin: 10px 15px 10px 0;
    border-radius: 4px;
    position: relative;
    background: #fff
}
.catalog .productsCatalog>li>a img {
    max-width: 100%
}
.catalog .productsCatalog>li>div>.itm-quantity-amount {
    background: #62686a;
    border-radius: 3px;
    color: #fff;
    padding: 4px 6px;
    position: absolute;
    right: 10px;
    top: 10px;
    display: none;
    opacity: .8
}
.catalog .productsCatalog>li>div>.itm-quantity-amount>i {
    margin-right: 8px;
    font-size: 15px;
    height: 14px;
    vertical-align: middle
}
.catalog .productsCatalog>li>div>.itm-quantity-amount>span {
    color: #fff;
    font-size: 16px
}
.catalog .productsCatalog .itm-productInfo {
    text-align: left;
    margin-top: 5px
}
.catalog .productsCatalog .itm-title {
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 21px;
    max-height: 84px
}
.catalog .productsCatalog .itm-brand {
  color: black;
  font-size: 15px;
  font-weight: normal;
    -moz-osx-font-smoothing: grayscale;  
}
.catalog .productsCatalog .itm-priceBox {
  clear: both;
  font-size: 13px;
  line-height: 13px;
  padding-top: 3px;
}
.catalog .productsCatalog .itm-priceBox .itm-price {
  font-family: "Ubuntu";
  font-size: 14px;
  -moz-osx-font-smoothing: grayscale;
}
.catalog .productsCatalog .itm-priceBox .itm-weight {
    float: left;
    font-size: 14px
}
.catalog .productsCatalog .itm-priceBox div {
    clear: both;
    overflow: hidden
}
.catalog .productsCatalog .itm-priceBox .itm-deposit {
    float: right;
    font-size: 14px
}
.catalog .productsCatalog .itm-priceBox .itm-base {
    float: left;
    font-size: 14px
}
.catalog .productsCatalog .itm-cart-select {
    position: absolute;
    width: 100%;
    overflow: hidden;
    top: 34%;
    left: 0;
    padding: 10px;
    display: none
}
.catalog .productsCatalog .itm-cart-select>a,
.catalog .productsCatalog .itm-cart-select>div {
    float: left;
    width: 32.5%;
    background: #eff0f0;
    padding-top: 4px;
    height: 48px;
    display: block;
    opacity: .9;
    font-size: 20px
}
.catalog .productsCatalog .itm-cart-select>a:first-child {
    border-radius: 3px 0 0 3px;
    line-height: 42px
}
.catalog .productsCatalog .itm-cart-select>a:first-child:hover {
    background-color: #ff5450;
    color: #fff
}
.catalog .productsCatalog .itm-cart-select>a:last-child {
    border-radius: 0 3px 3px 0;
    line-height: 42px
}
.catalog .productsCatalog .itm-cart-select>a:last-child:hover {
    background-color: #64b46b;
    color: #fff
}
.catalog .productsCatalog .itm-cart-select>div {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 1px;
    font-size: 30px;
    line-height: 42px
}
@media screen and (max-width: 1024px) {
    .catalog .productsCatalog>li {
        width: 175px!important
    }
}
@media screen and (max-width: 768px) {
    .catalog .productsCatalog>li {
        width: 163px!important;
        padding: 10px
    }
}
@media screen and (max-width: 640px) {
    .catalog .productsCatalog>li {
        width: 181px!important
    }
}
@media screen and (max-width: 480px) {
    .catalog .productsCatalog {
        max-height: 290px
    }
    .catalog .productsCatalog>li {
        width: 47%!important;
        height: 170px;
        margin: 10px 15px 10px 0
    }
    .catalog .productsCatalog>li>a img {
        max-width: 75%
    }
    .catalog .productsCatalog>li .lazy-load {
        min-height: 105px
    }
    .catalog .productsCatalog>li:nth-child(2n) {
        margin-right: 0
    }
    .catalog .productsCatalog .itm-title {
        font-size: 16px
    }
}
@media screen and (max-width: 320px) {
    .catalog .productsCatalog>li>a img {
        max-width: 90%
    }
}
.catalog .productsCatalog .modal {
    position: fixed;
    top: 100px;
    height: auto;
    width: 830px;
    margin-left: -415px;
    padding: 0 0 30px 0;
    min-height: 100px;
    overflow: visible!important
}
.catalog .productsCatalog .modal .no-link-details-wrapper {
    background: #fff;
    margin-top: -45px;
    position: absolute;
    padding-bottom: 10px;
    width: 400px
}
.catalog .productsCatalog .modal .no-link-details-wrapper .no-link-details {
    color: #333;
    display: inline-block;
    border-bottom: #ff5450 4px solid;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 30px
}
.catalog .productsCatalog .modal .product-details-wrapper {
    display: none;
    margin-bottom: 20px;
    width: 95%
}
.catalog .productsCatalog .modal .product-details-wrapper div {
    cursor: pointer;
    color: #62686a;
    float: left;
    font-size: 24px;
    padding: 7px 0;
    text-transform: uppercase;
    width: 50%
}
.catalog .productsCatalog .modal .product-details-wrapper div.active,
.catalog .productsCatalog .modal .product-details-wrapper div:hover {
    color: #333;
    border-bottom: #ff5450 4px solid;
    font-weight: bold
}
.catalog .productsCatalog .modal h3 {
    color: #333
}
.catalog .productsCatalog .modal a:hover {
    color: #62686a
}
.catalog .productsCatalog .modal .header {
    height: 40px;
    text-align: right
}
.catalog .productsCatalog .modal .header .close-modal {
    background: #62686a;
    border: 1px #fff solid;
    border-radius: 20px;
    color: #fff;
    line-height: 18px;
    font-size: 20px;
    margin-top: -19px;
    margin-left: -15px;
    position: fixed;
    padding: 6px 7px
}
.catalog .productsCatalog .modal .footer {
    color: #b1b4b5;
    font-size: 14px;
    width: 100%;
    margin-top: -40px;
    height: 40px;
    position: absolute;
    overflow: hidden
}
.catalog .productsCatalog .modal .footer .float-left {
    width: 350px;
    padding-left: 30px
}
.catalog .productsCatalog .modal .footer .float-right {
    width: 440px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 28%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(28%, rgba(255, 255, 255, 0)), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 28%, #fff 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 28%, #fff 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 28%, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 28%, #fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    height: 80px
}
.catalog .productsCatalog .modal .footer .vat-included-msg {
    font-weight: normal;
    margin: 0 0 5px
}
.catalog .productsCatalog .modal .body {
    height: auto;
    overflow-x: scroll;
    padding: 0 30px 0 30px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2PcuGXrfwAHUwMbGwdPtwAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    background-position: 380px;
    min-height: 500px;
    max-height: 800px!important
}
.catalog .productsCatalog .modal .body .item {
    width: 350px;
    padding: 0 30px 40px 0;
    position: fixed;
    max-height: 465px
}
.catalog .productsCatalog .modal .body .details {
    width: 400px;
    padding-left: 15px;
    text-align: left;
    margin-top: 30px
}
.catalog .productsCatalog .modal .body .details .loading img {
    margin: 20px 50%
}
.catalog .productsCatalog .modal .body .details .nutrition-table-wrapper {
    font-size: 16px;
    width: 100%;
    padding: 10px 0 30px;
    margin-bottom: 27px;
    border-top: 1px #62686a solid;
    border-bottom: 1px #62686a solid
}
.catalog .productsCatalog .modal .body .details .nutrition-table-wrapper .row-wrapper {
    border-bottom: 1px #d2d2d2 solid;
    padding: 5px 1%
}
.catalog .productsCatalog .modal .body .details .nutrition-table-wrapper .nutrition-table-header {
    margin-top: -17px;
    float: right;
    font-weight: bold
}
.catalog .productsCatalog .modal .body .details .nutrition-table-wrapper .nutrition-value,
.catalog .productsCatalog .modal .body .details .nutrition-table-wrapper .nutrition-name {
    width: 48%
}
.catalog .productsCatalog .modal .body .details .nutrition-table-wrapper .nutrition-value {
    text-align: right;
    color: #797b78;
    font-weight: bold
}
.catalog .productsCatalog .modal .body .image-holder img {
    max-width: 100%
}
.catalog .productsCatalog .modal .body .itm-cart-select {
    position: relative;
    width: 100%;
    margin-top: -35px;
    margin-bottom: -13px;
    padding: 0 35px
}
.catalog .productsCatalog .modal .body .content-holder {
    width: 100%;
    margin-top: 30px;
    text-align: center;
    font-size: 16px;
    color: #62686a
}
.catalog .productsCatalog .modal .body .content-holder .itm-cart-select {
    position: static;
    display: block!important;
    text-align: center;
    margin-top: 20px;
    width: 200px
}
.catalog .productsCatalog .modal .body .content-holder .sub-title {
    font-size: 20px;
    color: #000
}
.catalog .productsCatalog .modal .body .content-holder .amount {
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale;
    color: #62686a;
    float: left;
    text-align: left;
    font-size: 24px;
    width: 49%
}
.catalog .productsCatalog .modal .body .content-holder .title {
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale;
    color: #62686a;
    font-size: 24px;
    margin-bottom: 10px
}
.catalog .productsCatalog .modal .body .content-holder .price {
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale;
    color: #62686a;
    float: right;
    text-align: right;
    width: 49%;
    font-size: 24px
}
.catalog .productsCatalog .modal .body .content-holder .price-detailed {
    font-size: 16px;
    color: #62686a;
    text-align: center;
    padding-top: 10px;
    font-family: "FuturaRound-Book", Arial, Helvetica, sans-serif;
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale
}
.catalog .productsCatalog .modal .body nav {
    clear: both
}
.catalog .productsCatalog .modal .body nav ul {
    overflow: hidden
}
.catalog .productsCatalog .modal .body nav ul li {
    float: left;
    width: auto!important;
    height: 50px
}
.catalog .productsCatalog .modal .body nav ul a {
    font-size: 20px;
    padding: 15px 0 5px 0;
    margin-right: 20px
}
.catalog .productsCatalog .modal .body nav ul a:hover,
.catalog .productsCatalog .modal .body nav ul a.active {
    border-bottom: 3px solid #ff5450
}
.catalog .productsCatalog .modal .body .content {
    font-size: 18px;
    text-align: left;
    margin-top: 20px;
    overflow-x: auto;
    padding-right: 20px;
    position: relative
}
.catalog .productsCatalog .modal .body .content>div {
    display: none
}
.catalog .productsCatalog .modal .body .content>div:first-child {
    display: block
}
.catalog .productsCatalog .modal .body .description {
    clear: both
}
.catalog .productsCatalog .modal .body .description p {
    font-size: 18px;
    padding: 10px 0 20px;
    text-align: left;
    font-family: "FuturaRound-Book", Arial, Helvetica, sans-serif;
    font-weight: normal
}
@media screen and (max-width: 800px) {
    .catalog .no-link-details-wrapper {
        display: none!important
    }
    .catalog .modal {
        max-height: 90%;
        padding: 0!important;
        left: 0;
        top: 5%!important;
        width: 90%!important;
        margin: 0 5%!important;
        height: 90%!important;
        min-height: initial!important
    }
    .catalog .modal .header .product-details-wrapper {
        display: inline-block!important;
        text-align: center;
        width: 100%!important
    }
    .catalog .modal .header .close-modal {
        margin-top: -84px!important;
        display: block!important;
        left: 95%
    }
    .catalog .modal .body {
        padding-top: 20px!important;
        padding-bottom: 100px!important;
        background: none!important;
        min-height: inherit!important;
        max-height: inherit!important
    }
    .catalog .modal .body .item {
        width: 100%!important;
        padding: 5%!important;
        position: inherit!important;
        float: none!important;
        border: none!important
    }
    .catalog .modal .body .details {
        width: 100%!important;
        padding: 0 5%!important;
        float: none!important
    }
    .catalog .modal .body .item,
    .catalog .modal .body .details {
        display: none
    }
    .catalog .modal .body .item.active,
    .catalog .modal .body .details.active {
        display: block
    }
    .catalog .modal .body .itm-cart-select {
        display: block!important
    }
    .catalog .modal .footer {
        bottom: 0;
        background: #eff0f0;
        border-top: 1px #d9d9d9 solid;
        margin-top: 0!important;
        padding: 10px 20px;
        height: auto!important;
        max-height: 100px
    }
    .catalog .modal .footer .float-right {
        display: none
    }
    .catalog .modal .footer .float-left {
        text-align: center;
        float: none;
        padding-left: 0!important;
        margin: 0;
        width: auto!important
    }
}
.catalog .pager {
    overflow: hidden;
    margin-top: 20px
}
.catalog .pager>div {
    float: left;
    margin-right: 20px
}
.catalog .pager select {
    height: 40px
}
.catalog .pager ul {
    overflow: hidden
}
.catalog .pager ul li {
    float: left;
    margin-right: 4px
}
.catalog .pager ul li a {
  border: 1px solid #b1b4b5;
  border-radius: 3px;
  color: #ff5450;
  display: block;
}
.catalog .pager ul li a.selected,
.catalog .pager ul li a:hover {
    color: #fff;
    background-color: #6fca77
}
.catalog .pager ul li a.next,
.catalog .pager ul li a.prev {
    font-size: 14px;
    border: 0;
    line-height: 26px
}
.catalog .pgn-spellchecker {
    margin: 0 50px 20px 0
}
.catalog .pgn-spellchecker h1 {
    color: #62686a;
    font-size: 38px
}
.catalog .search-not-found {
    margin-bottom: 15px
}
.catalog .search-did-you-mean {
    margin-top: 10px;
    color: #ff5450
}
.catalog #error {
    margin: 50px auto;
    max-width: 550px;
    text-align: center
}
.catalog #error div {
    font-size: 200px;
    color: #ff5450
}
.catalog #error h1 {
    color: #62686a;
    font-size: 30px
}
.catalog #toggle-filter {
  background: #e54b49 none repeat scroll 0 0;
  border-radius: 5px;
  color: white;
  display: none;
  float: left;
  font-size: 18px;
  left: 0;
  margin-bottom: 8px;
  padding: 4px 8px 0 14px;
  position: relative;
  top: 6px;
  width: 90px;
}
.catalog #toggle-filter .hide-label {
    display: none
}
.catalog #toggle-filter i {
    margin-right: 5px
}
.catalog #toggle-filter.active {
    background: #b1b4b5
}
.catalog #toggle-filter.active * {
    color: #fff
}
.catalog.detail .productsCatalog {
    max-height: none
}
.catalog.sub .productsCatalog {
    max-height: 320px
}
@media screen and (max-width: 480px) {
    .catalog.sub .productsCatalog {
        max-height: 290px
    }
}
.catalog #search-no-result {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-bottom: 0;
    max-width: 480px;
    margin: 30px auto 0 auto;
    border-radius: 3px;
    padding: 30px;
    position: relative
}
.catalog #search-no-result:after {
    content: "";
    width: 100%;
    height: 6px;
    display: block;
    background: #f7f7f7 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAGCAYAAADDl76dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjkxMjA4RTUzMUVCMTFFNEI3Njg5QkMwMjIzQTgyNzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjkxMjA4RTYzMUVCMTFFNEI3Njg5QkMwMjIzQTgyNzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCOTEyMDhFMzMxRUIxMUU0Qjc2ODlCQzAyMjNBODI3NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCOTEyMDhFNDMxRUIxMUU0Qjc2ODlCQzAyMjNBODI3NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtI/40wAAACQSURBVHjaYvz///8PBiLBp0+fGL5+/crw/ft3MJ+Tk5OBm5ubgY+PD66GEWjgf0IG/f37l+Hu3bsgdUuBeCMQH4VKWQOxPxBHKysrMzIzMxNn4K1bt0BqGqEYG6gHYTU1NUYmYrwJchlQcSMeZSC5pSC1BA0EhRnUm4TARpBaFqB3fhKh+Agxaj5//vwTIMAA4zg9ZBNfN9sAAAAASUVORK5CYII=') repeat-x left bottom;
    position: absolute;
    left: 0;
    bottom: 0
}
.catalog #search-no-result img {
    max-width: 240px;
    margin: 0 auto;
    display: block
}
.catalog #search-no-result h2 {
    color: #62686a;
    margin-bottom: 20px
}
.catalog #search-no-result>div {
    font-size: 18px;
    line-height: 21px
}
.catalog #search-no-result a {
    color: #6fca77
}
#subNavigation {
    height: 40px;
    padding: 0 30px;
    clear: both;
    background: #fff;
    margin-bottom: 23px;
    vertical-align: top;
    border-bottom: 1px solid #d9d9d9;
    display: none
}
#subNavigation li {
    margin-left: 20px;
    font-size: 18px;
    line-height: 30px;
    cursor: pointer;
    display: block;
    vertical-align: top;
    background: #fff;
    float: left
}
#subNavigation li a {
    padding: 6px 0 0;
    display: inline-block;
    width: 100%
}
#subNavigation li.active,
#subNavigation li:hover {
    border-bottom: 3px solid #ff5450
}
#subNavigation li:first-child {
    margin-left: 0
}
#subNavigation li.more {
    height: 38px;
    margin-left: 10px;
    position: relative
}
#subNavigation li.more.active,
#subNavigation li.more .active {
    border-bottom: 0
}
#subNavigation li.more.active>a,
#subNavigation li.more .active>a {
    color: #ff5450;
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale
}
#subNavigation li.more a {
    padding-left: 10px;
    padding-right: 10px
}
#subNavigation li.more i {
    margin-left: 10px
}
#subNavigation li.more ul {
    width: 225px;
    padding: 10px 0;
    background: #fff;
    display: none;
    position: absolute;
    right: 0;
    top: 38px;
    border: 1px solid #eff0f0
}
#subNavigation li.more ul li {
    width: 100%;
    margin: 0
}
#subNavigation li.more ul li:hover {
    background: #eff0f0;
    border: 0
}
#subNavigation li.more ul li a {
    padding-top: 3px;
    padding-bottom: 3px
}
#subNavigation li.more:hover {
    height: 40px;
    background-color: #eff0f0;
    border: 0
}
#subNavigation li.more:hover ul {
    display: block
}
.catalog .vat-included-msg {
    margin: 20px 5px 0;
    font-weight: bold;
    line-height: 22px
}
.catalog footer>div {
    padding-left: 30px;
    padding-right: 30px
}
.checkout h2,
.checkout h3 {
    margin: 20px 0;
    color: #62686a
}
.checkout #checkout h2,
.checkout #checkout h3 {
    font-size: 30px;
    line-height: 32px;
    margin: 20px 0;
    color: #62686a;
    display: inline-block
}
.checkout #checkout label {
    font-size: 18px;
    margin: 15px 0 5px;
    display: inline-block
}
.checkout #checkout label span {
    color: #b1b4b5
}
.checkout #checkout input {
    height: 40px;
    font-size: 18px;
    border-radius: 3px;
    padding: 2px 10px 0 10px;
    margin-bottom: 5px
}
.checkout #checkout input[type='checkbox'],
.checkout #checkout input[type='radio'] {
    /* padding: 8px; */
    height: auto;
    min-height: 20px;
    float: left;
    margin: 0;
}
.checkout #checkout input[type='submit'] {
    height: 60px;
    font-size: 20px;
    padding: 0 20px;
    min-width: 260px
}
.checkout #checkout div.error {
    margin-top: 4px;
    margin-bottom: 6px
}
.checkout #checkout h2,
.checkout #checkout h3 {
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale
}
.checkout #login {
    float: left;
    width: 420px
}
.checkout #login>form.collapsible {
    padding-bottom: 40px;
    padding-left: 40px
}
.checkout #login>form>div {
    text-align: center
}
.checkout #login>form>div>div {
    margin-bottom: 12px;
    text-align: left
}
.checkout #login .forgot {
    margin-top: 10px;
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    color: #62686a;
    display: inline-block
}
.checkout #login .forgot:hover {
    color: #b1b4b5
}
.checkout #register {
    float: left;
    width: 420px;
    margin-right: 40px
}
.checkout #register>form.collapsible {
    margin-left: 40px
}
.checkout #register>form>div>div {
    margin-bottom: 12px
}
.checkout #personal-data {
    max-width: 380px;
    width: 100%;
    font-size: 0
}
.checkout .errorMessage {
    display: inline-block;
    color: #ff5450;
    margin-left: 10px;
    font-size: 14px
}
.checkout .msgBox {
    position: absolute;
    top: 60px;
    padding-bottom: 7px
}
.checkout .half {
    width: 100%;
    font-size: 0
}
.checkout .half>div {
    display: inline-block;
    width: 50%;
    font-size: 16px;
    vertical-align: top
}
.checkout .half>div:first-child {
    padding-right: 8px
}
.checkout .half>div:last-child {
    padding-left: 8px
}
.checkout .half .error {
    width: 100%
}
.checkout .half div.error {
    padding: 0
}
.checkout #form-account-create div#terms-of-use {
    font-size: 16px;
    text-align: center
}
.checkout #form-account-create div#terms-of-use a {
    color: #6fca77;
    text-decoration: underline
}
.checkout #form-account-create .half {
    width: 48.5%
}
.checkout #form-account-create .half:first-child {
    margin-right: 3%
}
.checkout #PaymentMethodForm_parameter_cc_holder {
    max-width: 428px
}
.checkout #checkoutError {
    display: none
}
.checkout #header {
    position: static
}
.checkout #header #top-single>div {
    background-color: #0280bf;
    height: 60px;
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden
}
.checkout #content {
    background: 0;
    margin-top: -60px;
    padding: 80px 0 160px
}
.checkout #content>div {
    overflow: hidden;
    padding: 0 15px;
    margin: 10px auto;
    min-height: 320px;
    max-width: 980px
}
.checkout #checkout {
    background-color: #fff;
    margin: 0 auto;
    max-width: 1000px
}
.checkout #checkout>form>div {
    max-width: 1300px;
    padding: 0 30px
}
.checkout #checkout .infobox {
    width: 280px;
    padding-bottom: 20px;
    background: #f7f7f7;
    float: right
}
.checkout #checkout .infobox.hidden {
    display: none
}
.checkout #checkout .infobox .fa {
    width: 25px
}
.checkout #checkout .infobox .fa-mobile {
    font-size: 28px
}
.checkout #checkout .infobox div {
    padding-bottom: 10px
}
.checkout #checkout .infobox .email a {
    color: #6fca77
}
.checkout #checkout .infobox .email a:hover {
    color: #ff5450
}
.checkout #steps {
    padding-left: 25px;
    float: left;
    margin: 18px 0 0 18px;
    overflow: hidden
}
.checkout #steps li {
    display: inline-block;
    margin-right: 12px;
    line-height: 22px
}
.checkout #steps li a {
    color: #fff;
    font-size: 20px;
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale
}
.checkout #steps li a span {
    padding-right: 6px;
    color: inherit
}
.checkout #steps li.disabled a {
    opacity: .5;
    font-family: "FuturaRound-Book", Arial, Helvetica, sans-serif;
    pointer-events: none
}
.checkout #steps li.selected a {
    border-bottom: 4px solid #fff;
    padding-bottom: 4px;
    pointer-events: none
}
.checkout #steps li .fa {
    opacity: .5;
    padding-left: 20px;
    color: #fff
}
.checkout #steps li i {
    color: #fff;
    margin-left: 20px;
    font-size: 22px
}
.checkout #shipping_address input {
    float: left
}
.checkout #new-shipping-address-form .city,
.checkout #checkout-shipping .city {
    color: black;
    display: block!important;
    font-size: 18px;
    padding: 12px 0 0
}
.checkout #paymentContainer label,
.checkout #billing label {
    display: inline-block
}
.checkout .label-provider span.text {
    color: #62686a!important;
    float: left
}
.checkout .label-provider .icons {
    margin-left: 40px;
    float: left
}
.checkout .label-provider i {
    height: 26px;
    margin: -4px 0 0 10px;
    background: url('../images/checkout/cc-icons.png') no-repeat -37px top;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block;
    float: left
}
.checkout .label-provider i:first-child {
    margin-left: 0
}
.checkout .label-provider .visa {
    width: 45px;
    background-position: -74px top
}
.checkout .label-provider .visa.inactive {
    background-position: -119px top
}
.checkout .label-provider .mastercard {
    width: 40px;
    background-position: -164px top
}
.checkout .label-provider .mastercard.inactive {
    background-position: -204px top
}
.checkout .label-provider .amex {
    width: 37px;
    background-position: 0 top
}
.checkout .label-provider .amex.inactive {
    background-position: -37px top
}
.checkout .label-provider .paypal {
    width: 79px;
    background-position: -246px top
}
.checkout .payment-method>input,
.checkout #billingAddressDifferent {
    display: inline-block;
    margin-right: 10px
}
.checkout .payment-method-paypal {
    max-width: 480px;
    margin-top: 1px;
    background: #eff0f0;
    padding: 20px;
    line-height: 22px;
    font-size: 18px;
    border-radius: 4px
}
.checkout .payment-method-paypal:before {
    content: "";
    border-color: #eff0f0 transparent;
    border-style: solid;
    border-width: 0 7px 6px 7px;
    display: block;
    height: 0;
    width: 0;
    left: 12px;
    top: -26px;
    position: relative
}
.checkout #checkout .wrap{
    width: 100%;
}
.checkout #checkoutCartTable {
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 18px;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-radius: 3px;
    border-collapse: separate;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAGCAYAAADDl76dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjkxMjA4RTUzMUVCMTFFNEI3Njg5QkMwMjIzQTgyNzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjkxMjA4RTYzMUVCMTFFNEI3Njg5QkMwMjIzQTgyNzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCOTEyMDhFMzMxRUIxMUU0Qjc2ODlCQzAyMjNBODI3NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCOTEyMDhFNDMxRUIxMUU0Qjc2ODlCQzAyMjNBODI3NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtI/40wAAACQSURBVHjaYvz///8PBiLBp0+fGL5+/crw/ft3MJ+Tk5OBm5ubgY+PD66GEWjgf0IG/f37l+Hu3bsgdUuBeCMQH4VKWQOxPxBHKysrMzIzMxNn4K1bt0BqGqEYG6gHYTU1NUYmYrwJchlQcSMeZSC5pSC1BA0EhRnUm4TARpBaFqB3fhKh+Agxaj5//vwTIMAA4zg9ZBNfN9sAAAAASUVORK5CYII=') repeat-x left bottom
}
.checkout #checkoutCartTable th,
.checkout #checkoutCartTable td {
    line-height: 25px;
    padding: 5px 0;
    vertical-align: top;
    min-width: 50px
}
.checkout #checkoutCartTable th:first-child,
.checkout #checkoutCartTable td:first-child {
    padding-left: 20px
}
.checkout #checkoutCartTable th:last-child,
.checkout #checkoutCartTable td:last-child {
    padding-right: 20px
}
.checkout #checkoutCartTable .cart-img {
    display: inline-block;
    vertical-align: inherit;
    margin-right: 30px
}
.checkout #checkoutCartTable .cart-txt {
    display: inline-block;
    width: 350px
}
.checkout #checkoutCartTable #couponContainer a {
    color: #6fca77
}
.checkout #checkoutCartTable #addCouponForm {
    padding: 0;
    display: none
}
.checkout #checkoutCartTable #addCouponForm input {
    height: 40px
}
.checkout #checkoutCartTable #addCouponForm input[type="text"] {
    margin-bottom: 20px;
    display: block
}
.checkout #checkoutCartTable #addCouponForm input[type="submit"] {
    width: 130px;
    min-width: inherit;
    margin-right: 20px;
    font-size: 18px
}
.checkout #checkoutCartTable #addCouponForm div {
    margin: 10px 0 15px 0;
    padding: 10px 38px 30px 38px;
    background: #f7f7f7
}
.checkout #checkoutCartTable #addCouponForm .error {
    margin: -14px 0 10px 0;
    padding: 0;
    font-size: 16px;
    max-width: 280px
}
.checkout #shipping_address,
.checkout #billing_address {
    overflow: hidden
}
.checkout #shipping_address .address,
.checkout #billing_address .address {
    float: left
}
.checkout #shipping_address input,
.checkout #billing_address input {
    margin-right: 15px;
    float: left
}
.checkout #new-shipping-address,
.checkout #load-different-billing {
    display: block;
    clear: both;
    padding-top: 20px
}
.checkout #checkoutBtn {
    margin: 25px 20px 20px 0;
    width: auto;
    text-transform: uppercase
}
.checkout #deliveryTimeContainer,
.checkout #billing {
    display: none
}
.checkout #deliveryinstructions textarea {
    height: 74px;
    padding: 5px 10px;
    font-size: 16px
}
.checkout #order {
    text-align: center
}
.checkout #order h1 {
    color: #62686a;
    font-size: 40px;
    line-height: 42px;
    margin: 30px 0 10px 0
}
.checkout #order h2 {
    font-size: 24px;
    line-height: 27px;
    color: #62686a;
    margin: 0
}
.checkout #order h2 span {
    color: #ff5450
}
.checkout #info {
    font-size: 18px;
    margin: 20px;
    text-align: center
}
.checkout #win {
    background: url(../images/checkout/success_bg.jpg?v=1438366520) no-repeat top left;
    margin: 0 auto;
    max-width: 1300px;
    padding: 40px;
    color: #fff;
    height: 417px;
    text-align: center
}
.checkout #win h2 {
    margin-bottom: 50px;
    font-size: 40px;
    color: #fff;
    margin-top: 0
}
.checkout #win ul {
    max-width: 190%;
    overflow: hidden
}
.checkout #win ul li {
    float: left;
    text-align: center;
    max-width: 33%;
    padding: 0 40px;
    font-size: 20px
}
.checkout #win ul li img {
    margin: 0 auto 20px auto;
    display: block
}
.checkout #back {
    padding: 20px;
    text-align: center
}
.checkout #back a {
    font-size: 30px;
    color: #6fca77
}
.checkout #products {
    margin: 0 auto;
    max-width: 1300px
}
.checkout #products h2 {
    margin-bottom: 40px;
    font-size: 40px;
    margin-top: 40px;
    color: #62686a
}
.checkout .productsCatalog {
    overflow: hidden;
    margin-top: 20px;
    font-size: 18px
}
.checkout .productsCatalog>li {
    float: left;
    width: 200px!important;
    margin-bottom: 20px;
    border: 1px solid #d9d9d9;
    text-align: center;
    padding: 15px;
    margin-right: 20px;
    border-radius: 4px;
    height: 330px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden
}
.checkout .productsCatalog>li>div>.itm-quantity-amount {
    background: #62686a;
    border-radius: 3px;
    color: #fff;
    padding: 4px 8px;
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: .8
}
.checkout .productsCatalog .itm-productInfo {
    text-align: left;
    margin-top: 15px
}
.checkout .productsCatalog .itm-title {
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px
}
.checkout .productsCatalog .itm-brand {
    font-family: "FuturaRound-Book", Arial, Helvetica, sans-serif;
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px
}
.checkout #confirmation {
    overflow: hidden;
    clear: both
}
.checkout #confirmation .infobox {
    width: 100%;
    max-width: 450px;
    background: 0;
    margin: 0 0 0 50px;
    padding-left: 0;
    padding-right: 0;
    display: block;
    float: left
}
.checkout #confirmation .infobox div {
    padding-top: 28px;
    padding-bottom: 0;
    padding-left: 15px;
    display: inline-block
}
.checkout #confirmation .infobox h3 {
    margin-bottom: 0;
    float: left
}
.checkout #confirmation .infobox .phone i {
    font-size: 24px
}
.cartSummary td:nth-child(even) {
  text-align: right;
}
.checkout #checkoutGrandTotal .grandTotal td:first-child {
    width: auto;
    padding: 18px 0 16px 20px;
    border-top: 1px dashed #d9d9d9
}
.checkout #checkoutGrandTotal .grandTotal td:last-child {
    font-size: 30px;
    padding: 15px 10px 10px 0;
    border-top: 1px dashed #d9d9d9
}
.checkout #checkoutGrandTotal tr:first-child td {
    padding-top: 20px;
    padding-right: 5px
}
.checkout #checkoutGrandTotal tr:last-child td {
    padding-bottom: 20px
}
.checkout #checkoutGrandTotal .vat {
    font-size: 16px;
    color: #b1b4b5
}
.checkout #checkoutDeliverySummary {
    font-size: 18px;
    float: left;
    max-width: 450px;
    margin-bottom: 30px
}
.checkout #checkoutDeliverySummary td {
    line-height: 24px;
    padding: 5px 0;
    vertical-align: top;
    min-width: 50px
}
.checkout #checkoutDeliverySummary td:first-child {
    width: 175px
}
.checkout #checkout-payment fieldset {
    background: #eff0f0;
    border-radius: 0 0 3px 3px;
    margin: 10px 0 0 0;
    max-width: 480px;
    padding-bottom: 20px
}
.checkout #checkout-payment fieldset .wrapper {
    padding: 10px 15px 15px 15px;
    position: relative
}
.checkout #checkout-payment fieldset .wrapper label {
    clear: both;
    width: 100%;
    margin: 10px 0
}
.checkout #checkout-payment fieldset .cc {
    max-width: 428px;
    display: block;
    margin-right: 15px
}
.checkout #checkout-payment fieldset .cvv {
    width: 137px;
    position: relative
}
.checkout #checkout-payment fieldset .cvv>a {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 50px;
    right: 10px;
    overflow: hidden;
    font-size: 18px;
    color: #7ece85
}
.checkout #checkout-payment fieldset .exp-date {
    max-width: 291px;
    width: 100%
}
.checkout #checkout-payment fieldset .exp-date select {
    width: 46%;
    height: 40px;
    margin-right: 4%;
    margin-bottom: 5px;
    border: 1px solid #b1b4b5;
    font-size: 18px;
    float: left;
    background: #fff;
    border-radius: 3px;
    padding-left: 10px
}
.checkout #checkout-payment fieldset div.error {
    clear: both;
    padding-top: 10px;
    margin-top: 0
}
.checkout #checkout-payment fieldset legend {
    width: 100%;
    font-size: 18px;
    text-align: center;
    background: #b1b4b5;
    border-radius: 3px 3px 0 0;
    display: block;
    height: 30px;
    padding-top: 5px
}
.checkout #checkout-payment fieldset legend span {
    padding-left: 25px;
    padding-top: 1px;
    color: #fff;
    background: #b1b4b5 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARCAYAAADtyJ2fAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzM5RDVGRUYzMkEyMTFFNEJFNDdFQUQ3MzlENzBFODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzM5RDVGRjAzMkEyMTFFNEJFNDdFQUQ3MzlENzBFODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMzlENUZFRDMyQTIxMUU0QkU0N0VBRDczOUQ3MEU4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMzlENUZFRTMyQTIxMUU0QkU0N0VBRDczOUQ3MEU4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Psp5plQAAACbSURBVHjaYvz//z8DFqAAxA5ALA/EB4H4AIYKkEY03P8fE9wHYgNkdeia5iMpPg/E+4H4PZT/HlkzsiYHJE0JSOICUEP+Qw3C0Ahz4nwszldAMhRkEAMTkncNoPQDLIH1AF0dEwOZgAXJFAG0qMAFQGovMILcDGS8J9HCCUxIfiMFGJDtx5Gi8QIQfyBR3wFGaH5UgGKiNQIEGAAS6tIAJdGgwQAAAABJRU5ErkJggg==') no-repeat 2px 5px
}
.checkout #checkout-payment fieldset #payment-tool-tip {
    position: absolute;
    right: 13px;
    bottom: 0;
    border-radius: 3px;
    overflow: hidden;
    width: 270px;
    background: #f7f7f7;
    padding: 12px
}
.checkout #checkout-payment fieldset #payment-tool-tip img {
    max-width: 110px;
    display: inline-block;
    margin-bottom: 10px
}
.checkout #checkout-payment fieldset #payment-tool-tip #payment-tool-tip-close {
    width: 20px;
    height: 20px;
    font-size: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    display: block;
    color: #62686a
}
.checkout #paymentContainer .radio,
.checkout #address .radio,
.checkout #billing .radio {
    height: 26px;
    padding: 4px 0 0 35px;
    font-size: 18px;
    background: url('../images/checkout/radio.png?v=1438366520') no-repeat left top;
    cursor: pointer
}
.checkout #paymentContainer .radio.active,
.checkout #address .radio.active,
.checkout #billing .radio.active {
    background-position: left 100%
}
.checkout #login .radio,
.checkout #register .radio {
    height: 26px;
    padding: 4px 0 0 35px;
    font-size: 18px;
    background: url('../images/checkout/radio.png?v=1438366520') no-repeat left top;
    cursor: pointer;
    font-family: "FuturaRound-Book", Arial, Helvetica, sans-serif;
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale;
    padding: 1px 0 0 35px;
    font-size: 30px;
    line-height: 22px
}
.checkout #login .radio.active,
.checkout #register .radio.active {
    background-position: left 100%
}
.checkout #login div.error,
.checkout #register div.error {
    margin-top: 9px;
    margin-bottom: 5px;
    display: inline-block
}
.checkout #paymentContainer .checkbox,
.checkout #address .checkbox,
.checkout #billing .checkbox,
.checkout #confirmation .checkbox {
    font-size: 18px;
    line-height: 25px;
    cursor: pointer
}
.checkout #paymentContainer .checkbox i,
.checkout #address .checkbox i,
.checkout #billing .checkbox i,
.checkout #confirmation .checkbox i {
    color: #b1b4b5;
    font-size: 30px;
    margin-right: 10px;
    margin-top: -2px
}
.checkout #paymentContainer .checkbox.active i,
.checkout #address .checkbox.active i,
.checkout #billing .checkbox.active i,
.checkout #confirmation .checkbox.active i {
    color: #6fca77
}
.checkout #checkout-payment,
.checkout #address,
.checkout #billing {
    padding-bottom: 20px
}
.checkout #checkout-payment input[type="radio"],
.checkout #address input[type="radio"],
.checkout #billing input[type="radio"],
.checkout #checkout-payment input[type="checkbox"],
.checkout #address input[type="checkbox"],
.checkout #billing input[type="checkbox"] {
    display: none
}
.checkout #deliverytime select {
    height: 40px;
    border: 1px solid #b1b4b5;
    font-size: 16px;
    background: #fff
}
.checkout #address,
.checkout #billing {
    max-width: 450px
}
.checkout #backToPrevStepLnk {
    color: #6fca77;
    font-size: 18px;
    white-space: nowrap
}
.checkout .terms {
    padding-top: 14px;
    width: 100%;
}
.checkout .terms span {
    display: block;
    line-height: 21px
}
.checkout .terms a {
    color: #6fca77
}
.checkout .terms a:hover {
    color: #ff5450
}
.checkout #cartSummary {
    overflow: hidden
}
.checkout #checkout .wrap {
    float: left;
    max-width: 370px;
}
.checkout #checkout .cart-items {
  float: right;
  max-width: 550px;
  width: 100%;
}
.checkout #checkout .cart-items h3 {
  background: #ded none repeat scroll 0 0;
  border-radius: 4px;
  font-family: 'Ubuntu';
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  line-height: 56px;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 15px;
  width: 100%;
}
.checkout #checkout .cart-items table {
    width: 100%
}
.checkout #checkout .cart-items table td {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle
}
.checkout #checkout .cart-items .img {
    width: 65px;
    text-align: center
}
.checkout #checkout .cart-items .img img {
    max-width: 60px;
    max-height: 60px
}
.checkout #checkout .cart-items .item {
    padding: 0 15px;
    clear: both;
    overflow: hidden
}
.checkout #checkout .cart-items .item div {
    float: left
}
.checkout #checkout .cart-items .qty {
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale;
    padding-left: 10px;
    padding-right: 5px;
    text-align: right;
    width: 50px;
    line-height: 18px
}
.checkout #checkout .cart-items .name {
    line-height: 18px
}
.checkout #checkout .cart-items .price {
    font-family: 'Ubuntu';
    -moz-osx-font-smoothing: grayscale;
    line-height: 18px;
    float: right
}
.checkout #checkout .cart-items .size {
    font-size: 14px;
    color: #b1b4b5;
    display: block
}
.cms #menu {
    display: none
}
.cms #content {
    background-color: #fff;
    padding: 150px 0 120px 0
}
.cms #content .cms-staticpage {
    padding: 30px;
    margin: 0 auto;
    max-width: 1000px
}
.cms #content h1 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    text-align: left;
    color: #62686a
}
.cms #content h1 small {
    font-size: 25px
}
.cms #content h2 {
    font-size: 30px;
    line-height: 30px;
    margin: 30px 0 15px 0;
    color: #62686a
}
.cms #content p {
    color: #62686a;
    line-height: 26px;
    font-size: 16px;
    padding: 0 0 13px 0
}
.cms #content .highlight {
    color: #b1b4b5
}
.cms #content ul {
    padding-bottom: 13px
}
.cms #content ul li {
    padding-left: 20px;
    line-height: 26px
}
.cms #content ol {
    padding-bottom: 13px
}
.cms #content ol li {
    padding-left: 20px;
    line-height: 26px;
    list-style: upper-roman inside
}
.cms #content a {
    color: #ff5450
}
.cms #content a:hover {
    color: #e54b49
}
.cms #content .box {
    margin: 0 0 26px 0;
    padding: 10px;
    border: 1px solid #d9d9d9
}
.cms #content h3 {
    font-size: 24px;
    line-height: 28px;
    color: #62686a
}
.cms #content h4 {
    font-size: 20px;
    line-height: 24px;
    color: #62686a
}
.cms #content .text-center {
    text-align: center
}
.cms #content h5 {
    padding-top: 10px;
    font-size: 16px;
    line-height: 26px;
    color: #62686a
}
.cms #content #press {
    margin: 40px auto;
    max-width: 1000px;
    line-height: 20px
}
.cms #content #press hr {
    border: 0;
    border-top: 1px dashed #b1b4b5;
    margin: 30px 0
}
.cms #content #press .news {
    overflow: hidden
}
.cms #content #press .news a {
    display: block;
    float: left;
    margin: 0 20px 0 0
}
.cms #content #press .news div {
    float: left
}
.cms #content #press .news h3 {
    margin-bottom: 10px
}
.cms .s-error {
    display: none
}
.contact h2,
.contact h3 {
    margin: 20px 0;
    color: #62686a
}
.contact #content {
    padding-top: 60px;
    padding-bottom: 0;
    background: #fff
}
.contact .wrapper {
    padding-left: 30px;
    padding-right: 60px
}
.contact .wrapper form {
    padding: 10px 0 60px 0;
    overflow: hidden
}
.contact .wrapper input,
.contact .wrapper textarea {
    width: 100%;
    margin: 10px 0;
    font-size: 18px;
    border-radius: 3px;
    padding: 0 10px
}
.contact .wrapper input.error,
.contact .wrapper textarea.error {
    border-color: #ff5450
}
.contact .wrapper input {
    height: 50px
}
.contact .wrapper input[type='submit'] {
    height: 50px;
    font-size: 20px
}
.contact .wrapper textarea {
    height: 120px;
    padding: 13px;
    resize: none
}
.contact .wrapper .column {
    width: 50%;
    padding-right: 10px;
    float: left
}
.contact .wrapper .row .column:last-child {
    padding-left: 10px;
    padding-right: 0
}
.contact .wrapper .form-content,
.contact .wrapper .address,
.contact .wrapper .success {
    float: left
}
.contact .wrapper .form-content,
.contact .wrapper .success {
    width: 760px;
    padding-right: 100px
}
.contact .wrapper .address {
    padding-bottom: 143px
}
.contact .wrapper .address a {
    color: #e54b49
}
.contact .wrapper .address a:hover {
    color: #ff5450
}
.contact .wrapper .success {
    display: none
}
.contact .wrapper .success a {
    width: 100%;
    height: 50px;
    padding-top: 15px;
    margin: 10px 0;
    font-size: 20px;
    border-radius: 3px;
    display: block;
    outline: 0;
    background: #6fca77;
    color: #fff;
    text-align: center
}
.contact .wrapper .success a:hover {
    background: #7ece85
}
.contact .wrapper .success a:active {
    background: #64b46b
}
.contact .wrapper div.error {
    display: none
}
.contact .map {
    width: 100%;
    border-top: 1px soild #b1b4b5;
    display: block;
    clear: both
}
@media screen and (max-width: 1280px) {
    #header #search-container {
        width: 24%
    }
    .account #intro-img-left {
        top: 260px
    }
    .account #intro-img-right {
        top: 280px
    }
    .account #customers .text {
        text-align: left;
        margin-top: 50px;
        margin-left: 70px
    }
    .account #customers .text div {
        max-width: 50%
    }
    .account #customers li img:first-child {
        position: absolute;
        right: 240px;
        top: 130px;
        width: 150px
    }
    .account #customers li img:last-child {
        margin-right: 70px
    }
    .account #customers .slidesjs-slide,
    .account #customers .account #customers .slidesjs-container {
        height: 520%!important
    }
    .account #shoppers .left-slide {
        float: left;
        max-width: 480px;
        margin-left: 15%
    }
    .account #shoppers .image-slide {
        right: -30%
    }
    .checkout #checkout #checkout-payment fieldset .exp-date {
        max-width: 283px
    }
}
@media screen and (max-width: 1111px) {
    #content,
    .catalog #content,
    .checkout #content,
    .landing.intro #content {
      display: block !important;
      margin-bottom: 0;
      max-width: 100%;
      padding-bottom: 0;
      width: 100%;
    }
    .landing.intro #content>div {
        vertical-align: middle
    }
    footer .press-payment {
        padding-top: 10px
    }
    footer .press-payment .press,
    footer .press-payment .payment {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width: 920px) {
    #header.help-menu-visible {
        height: 100%
    }
    #header #logo a {
        display: inline-block;
        width: 161px;
        height: 41px;
        margin-top: -6px
    }
    #header #logo a img {
        height: 100%;
    }
    #header #general-information-bar {
        padding-left: 15px
    }
    #header #usp {
        display: none
    }
    #header #top {
        text-align: center;
        padding: 0
    }
    #header #top nav>ul>li>a {
        padding-left: 0;
        padding-right: 0;
        font-size: 11px
    }
    #header #logo{
        margin-left: 10px;
    }
    #header #top .help-menu {
        width: 100%;
        height: 100%;
        padding: 37px 0 0;
        background: #f7f7f7;
        position: absolute;
        top: 60px;
        left: 0;
        display: none;
        z-index: 1;
        text-align: left
    }
    #header #top .help-menu li {
        width: 100%
    }
    #header #top .help-menu>ul>li>a {
        font-family: "FuturaRound-Book", Arial, Helvetica, sans-serif;
        font-weight: normal;
        -moz-osx-font-smoothing: grayscale;
        font-size: 32px;
        cursor: default
    }
    #header #top .help-menu>ul>li>a,
    #header #top .help-menu>ul>li>a:hover {
        color: #62686a
    }
    #header #top .help-menu>ul>li>a i {
        display: none
    }
    #header #top .help-menu .sub-menu {
        width: 100%;
        margin: 17px 0 0;
        position: static;
        display: block
    }
    #header #top .help-menu .sub-menu li:first-of-type {
        border-top: 1px solid #d9d9d9
    }
    #header #top .help-menu .sub-menu a {
        font-family: 'Ubuntu';
        -moz-osx-font-smoothing: grayscale
    }
    #header #top .help-menu .sub-menu a i {
        font-weight: bold;
        font-size: 28px;
        line-height: 20px;
        float: right
    }
    #header #top .help-menu .close-button {
        display: block
    }
    #header #top .myproducts-menu {
        width: 100%;
        height: 100%;
        padding: 37px 0 0;
        background: #f7f7f7;
        position: absolute;
        top: 60px;
        right: 0;
        display: none;
        z-index: 1;
        text-align: left
    }
    #header #top .myproducts-menu li {
        width: 100%
    }
    #header #top .myproducts-menu>ul>li>a {
        font-family: "FuturaRound-Book", Arial, Helvetica, sans-serif;
        font-weight: normal;
        -moz-osx-font-smoothing: grayscale;
        font-size: 32px;
        cursor: default
    }
    #header #top .myproducts-menu>ul>li>a,
    #header #top .myproducts-menu>ul>li>a:hover {
        color: #62686a
    }
    #header #top .myproducts-menu>ul>li>a i {
        display: none
    }
    #header #top .myproducts-menu .sub-menu {
        width: 100%;
        margin: 17px 0 0;
        position: static;
        display: block
    }
    #header #top .myproducts-menu .sub-menu li:first-of-type {
        border-top: 1px solid #d9d9d9
    }
    #header #top .myproducts-menu .sub-menu a {
        font-family: 'Ubuntu';
        -moz-osx-font-smoothing: grayscale
    }
    #header #top .myproducts-menu .sub-menu a i {
        font-weight: bold;
        font-size: 28px;
        line-height: 20px;
        float: left
    }
    #header #top .myproducts-menu .close-button {
        display: block
    }
    #header #menu {
        height: 60px;
        padding: 0 20px
    }
    #header #menu #categories-menu {
        margin-left: -22px
    }
    #header .store-changer-menu {
        display: none
    }
    #header #search-container {
      margin-right: 45px;
      width: 90%;
    }
    #header #categories-submenu {
        margin-top: 120px
    }
    #header #notification {
        border: 0;
        width: 100%;
        padding: 0;
        left: 0;
        position: relative;
        -webkit-box-shadow: 0 2px 12px -4px #666;
        -moz-box-shadow: 0 2px 12px -4px #666;
        box-shadow: 0 2px 12px -4px #666
    }
    #header #notification .close {
        width: auto;
        height: auto;
        font-size: 24px;
        line-height: 14px;
        border: 0;
        background: 0;
        border-radius: 0;
        right: 10px;
        top: 7px
    }
    #header #notification:after,
    #header #notification:before {
        display: none
    }
    #header #notification h1 {
        border-bottom: 0;
        min-height: 40px;
        padding: 7px 35px 7px 15px;
        font-size: 16px;
        line-height: 24px;
        background: #62686a;
        color: #fff
    }
    #header #notification h2 {
        min-height: 40px;
        padding: 9px 35px 11px 15px;
        font-size: 14px;
        background: #b1b4b5;
        color: #fff;
        line-height: 21px;
        -webkit-box-shadow: 0 2px 12px -4px #666;
        -moz-box-shadow: 0 2px 12px -4px #666;
        box-shadow: 0 2px 12px -4px #666
    }
    #create-account-title h3 {
        display: none
    }
    #cart {
        right: -400px;
        top: 0
    }
    #cart.active {
        right: 0px;
        top: 60px
    }
    #cart #item-count {
        display: block;
    }
    #cart #toggle-cart {
        position: fixed;
        right: 0;
        top: 0;
        background: #0770a4;
        font-size: 0;
        border-radius: 0;
        margin: 0;
        padding: 20px 11px 0 16px;
        text-align: center;
        height: 60px;
        width: 61px
    }
    #cart #toggle-cart .fa-shopping-cart,
    #cart #toggle-cart .catalog .productsCatalog>li>div>.itm-quantity-amount>i {
        font-size: 25px
    }
    #cart #toggle-cart .fa-angle-right,
    #cart #toggle-cart .account .slider .slidesjs-next,
    #cart #toggle-cart .catalog .category-title a i,
    #cart #toggle-cart .checkout #steps li i {
        display: none!important
    }
    #cart .jcart-nav {
        float: right;
        margin-right: 5px
    }
    #cart #item-count {
        position: fixed;
        z-index: 1;
        top: 32px;
        right: 8px;
        background: #64b46b;
        color: #fff;
        padding: 0;
        border-radius: 10px;
        font-size: 16px;
        height: 22px;
        width: 22px;
        padding-top: 3px;
        text-align: center
    }
    .account #content {
        padding-top: 60px
    }
    .account #shoppers .left-slide {
        float: none;
        margin: 20px auto 0 auto;
        font-size: 18px;
        padding: 0 15px;
        max-width: 350px
    }
    .account #shoppers .image-slide {
        display: none
    }
    .account #shoppers .shopper-image {
        display: block
    }
    .account #shoppers #shopper-2 .shopper-image,
    .account #shoppers #shopper-2 .image-slide {
        background: url(../images/main/shopper_small_2.png?v=1438366520) no-repeat
    }
    .account #shoppers #shopper-3 .shopper-image,
    .account #shoppers #shopper-3 .image-slide {
        background: url(../images/main/shopper_small_3.png?v=1438366520) no-repeat
    }
    .account #shoppers input {
        margin-top: 20px
    }
    .account #customers {
        height: 650px
    }
    .account #customers .text {
        text-align: center;
        margin-top: 80px;
        margin-left: 0
    }
    .account #customers .text div {
        max-width: 100%;
        margin-top: 270px
    }
    .account #customers li img:first-child {
        position: absolute;
        right: 20%;
        top: 130px;
        width: 150px
    }
    .account #customers li img:last-child {
        margin: 20px auto 0 auto;
        float: none;
        width: 270px;
        height: auto
    }
    .account #customers .slidesjs-container {
        height: 240%!important
    }
    .account.landing #header #top #logo {
        display: block
    }
    .account.landing #header .shopper-link {
        margin-top: -43px
    }
    .account.landing #create:after,
    .account.landing #login:after,
    .account.landing #selectStore:after,
    .account.landing #delivery-area-form:after,
    .account.landing #error:after,
    .account.landing #restore-password:after {
        display: none
    }
    .account.landing #delivery-area-form #create-account-title:after {
        display: none
    }
    .account.landing #delivery-area-form #create-account-title .heading {
        text-align: center;
        max-width: none
    }
    .account.landing #delivery-area-form #create-account-title .description {
        text-align: center;
        max-width: none
    }
    .account.landing #change-area {
      left: 0;
      top: -20px;
    }
    .account.landing #area-selection {
        float: none
    }
    .account.landing.intro #area-selection .body {
        padding: 30px 0 0
    }
    .account.error404 #content #error {
        margin-top: 60px;
        margin-bottom: 60px
    }
    .catalog .catalog-products-section {
        width: inherit!important
    }
    .catalog #catalog {
        padding: 0 15px
    }
    .catalog #catalog>div {
        max-width: 100%;
        padding: 0
    }
    .catalog #content {
        padding-top: 120px
    }
    .catalog.sub #content,
    .catalog.detail #content {
        padding-top: 180px
    }
    .catalog .sub-category .category-menu {
        float: none;
        max-width: 100%;
        overflow: hidden
    }
    .catalog .sub-category .category-menu h3 {
        margin-top: 0
    }
    .catalog .sub-category .category-menu > ul {
      background: #eff0f0 none repeat scroll 0 0;
      display: none;
      left: 0;
      margin-top: 60px;
      overflow: auto;
      padding: 0 20px;
      position: relative;
      top: 0;
      width: 100%;
    }
    #filter.active ul{
        display: block;
    }        
    #toggle-filter {
        display: block !important;
    }
    .catalog .sub-category .category-menu>ul h3 {
        margin-bottom: 10px
    }
    .catalog .sub-category .category-menu>ul #fct-category li,
    .catalog .sub-category .category-menu>ul #facet_brand {
        overflow: hidden;
        margin-bottom: 10px;
        font-size: 18px
    }
    .catalog .sub-category .category-menu>ul #fct-category li li,
    .catalog .sub-category .category-menu>ul #facet_brand li {
        float: left;
        margin-left: 0!important;
        margin-right: 10px!important;
        margin-top: 5px!important;
        margin-bottom: 5px;
        font-size: 16px
    }
    .catalog .sub-category .category-menu>ul #fct-category li li a,
    .catalog .sub-category .category-menu>ul #facet_brand li a {
        background-color: #fff;
        padding: 2px 6px;
        border-radius: 5px;
        display: inline-block
    }
    .catalog .sub-category .catalog-products-section {
        float: none;
        margin-left: 0
    }
    .catalog .pgn-spellchecker {
        margin-bottom: -20px
    }
    .catalog .productsCatalog>li {
        max-width: 170px
    }
    .checkout #checkout-payment fieldset {
        width: 100%;
        margin: 0
    }
    .checkout form {
        padding: 0 15px;
        max-width: 480px;
        margin: 0 auto
    }
    .checkout #login,
    .checkout #register {
        float: none;
        width: auto;
        max-width: 480px;
        margin: 0 auto
    }
    .checkout #backToPrevStepLnk {
        display: block;
        margin-top: 20px;
        margin-left: 0
    }
    .checkout #win ul li {
        float: left;
        text-align: center;
        max-width: 33%;
        padding: 0 10px;
        font-size: 18px
    }
    .checkout #products {
        max-width: 100%
    }
    .checkout #steps {
        padding-left: 0
    }
    .checkout #steps li {
        display: inline-block;
        margin-right: 5px
    }
    .checkout #steps li a {
        font-size: 18px
    }
    .checkout #steps li i {
        margin-left: 10px
    }
    .checkout #steps li span {
        display: none
    }
    .checkout #checkout .infobox {
        width: auto;
        max-width: 450px;
        float: none
    }
    .checkout #checkout .infobox.address,
    .checkout #checkout .infobox.payment,
    .checkout #checkout .infobox.delivery-time {
        display: none
    }
    .checkout #checkout .infobox#questionsInfobox {
        margin-top: 30px;
        display: block
    }
    .checkout #checkout #confirmation .infobox {
        display: none
    }
    .checkout #payment-tool-tip {
        left: -8px
    }
    .checkout .label-provider {
        width: 100%
    }
    .checkout #cartSummary h2 {
        margin: 0;
        padding: 0 0 10px 0
    }
    .checkout #cartSummary #checkoutGrandTotal td {
        font-size: 16px;
        line-height: 16px;
        padding-top: 5px;
        padding-bottom: 5px
    }
    .checkout #cartSummary #checkoutGrandTotal tr:first-child td {
        padding-top: 10px
    }
    .checkout #cartSummary #checkoutGrandTotal .grandTotal td:first-child {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .checkout #cartSummary #checkoutGrandTotal .grandTotal td:last-child {
        font-size: 18px;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .checkout #cartSummary .terms {
        padding-top: 10px
    }
    .checkout #cartSummary .terms>div {
        min-height: 0
    }
    .checkout #cartSummary .terms span {
        font-size: 14px;
        line-height: 14px
    }
    .checkout #cartSummary .terms label {
        margin: 0
    }
    .checkout #cartSummary .checkbox {
        font-size: 14px;
        line-height: 14px;
        padding-bottom: 10px
    }
    .checkout #cartSummary #checkoutBtn {
        margin-top: 10px
    }
    .landing #landingModal {
        display: none
    }
    .contact #content .wrapper {
        padding-right: 20px;
        padding-left: 20px
    }
    .contact #content .wrapper .form-content,
    .contact #content .wrapper .success {
        width: 100%;
        padding-right: 0
    }
    .accountPayment ul li:nth-child(odd) {
        margin-right: 0
    }
    .accountPayment ul li {
        float: none;
        display: table;
        width: 100%;
        margin-bottom: 10px
    }
    .accountPayment .line-theme-50 {
        display: table;
        float: none;
        width: 100%
    }
    .accountPayment .line-theme-50 .line-col-right,
    .accountPayment .line-theme-50 .line-col-left {
        width: 100%
    }
    .accountPayment .pm-line .line-col-left {
        width: 100%
    }
    .accountPayment .pm-line .line-col-right {
        width: 100%
    }
    .help-request.modal {
        width: 100%;
        height: 100%!important;
        margin: 0;
        padding: 60px 15px 0;
        border-radius: 0;
        top: 0;
        left: 0
    }
    .help-request.modal .button {
        padding-top: 0
    }
    .help-request-visible {
        overflow: hidden
    }
    .help-request-visible .help-request.modal {
        padding-bottom: 30px;
        overflow: scroll
    }
    footer .custom-nav,
    footer .social {
        margin: 10px 0 20px;
        width: 100%;
        text-align: center
    }
    .ios footer .social,
    .android footer .social {
        width: 100%
    }
    .accountPayment ul li:nth-child(odd) {
        margin-right: 0
    }
    .accountPayment ul li {
        float: none;
        display: table;
        width: 100%;
        margin-bottom: 10px
    }
    .accountPayment .line-theme-50 {
        display: table;
        float: none;
        width: 100%
    }
    .accountPayment .line-theme-50 .line-col-right,
    .accountPayment .line-theme-50 .line-col-left {
        width: 100%
    }
    .accountPayment .pm-line .line-col-left {
        width: 100%
    }
    .accountPayment .pm-line .line-col-right {
        width: 100%
    }
    .help-request.modal {
        width: 100%;
        height: 100%!important;
        margin: 0;
        padding: 60px 15px 0;
        border-radius: 0;
        top: 0;
        left: 0
    }
    .help-request.modal .button {
        padding-top: 0
    }
}
@media screen and (min-width: 921px) {
    #cart {
        right: 0!important
    }
    #cart #toggle-cart {
        background-color: #6fca77!important
    }
    #cart #toggle-cart:hover {
        background-color: #64b46b!important
    }
    #cart #item-count {
        display: none!important
    }
    header #search-container,
    .category-menu ul {
        display: block!important
    }
    article {
        left: 0!important;
        position: static!important
    }
    header #header {
        left: 0!important
    }
    .checkout #checkout #checkout-payment fieldset .exp-date {
        max-width: 291px
    }
    .accountPayment ul li:nth-child(odd) {
        margin-right: 15px
    }
    .accountPayment ul li {
        float: left;
        display: block;
        width: 49%;
        margin-bottom: 15px
    }
    .accountPayment .pm-line .line-col-left {
        width: 25%
    }
    .accountPayment .pm-line .line-col-right {
        width: 75%
    }
    .accountPayment .line-theme-50 {
        display: block;
        float: left;
        width: 50%
    }
    .accountPayment .line-theme-50 .line-col-right,
    .accountPayment .line-theme-50 .line-col-left {
        width: 50%
    }
    #mobile-wrapper {
        display: none
    }
    footer .social .social-badge {
        text-align: right;
        margin: -20px 0 10px 0
    }
}
@media screen and (max-width: 700px) {
    .checkout #steps {
        display: none
    }
    .checkout #logo {
        float: none;
        text-align: center
    }
    #where-we-shop {
        display: none
    }
    .newsletterLanding {
        padding: 0 15px
    }
    .cms #content .cms-staticpage {
        padding-top: 0
    }
    .cms #content h1 {
        font-size: 22px;
        line-height: 30px
    }
    .cms #content h1 small {
        font-size: 18px
    }
    .cms #content h2 {
        margin-top: 15px;
        margin-bottom: 0;
        font-size: 20px;
        line-height: 28px
    }
    footer .social {
        width: 100%
    }
    .ios footer .social,
    .android footer .social {
        width: 100%
    }
}
@media screen and (max-width: 640px) {
    .account .slider .slidesjs-previous,
    .account .slider .slidesjs-next {
        top: 27%
    }
    .account #create-account-title h2 {
        margin-bottom: 45px;
        font-size: 40px
    }
    .account #create #create-account-title h2 {
        margin-bottom: 30px
    }
    .account #hiw {
        height: auto
    }
    .account #hiw ul {
        height: auto;
        text-align: center;
        width: 250px;
        margin: 0 auto
    }
    .account #hiw li {
        float: none;
        width: 100%;
        margin: 25px 0
    }
    .account #benefits {
        height: auto;
        padding-bottom: 30px;
        background-repeat: repeat-y;
        background-size: auto 45%
    }
    .account #benefits ul {
        margin-top: 0
    }
    .account #benefits ul li {
        float: none;
        width: 70%;
        margin: 0 auto
    }
    .account #benefits ul li img {
        margin-bottom: 0;
        height: auto
    }
    .account #benefits ul li:first-child .image {
        margin-top: 0
    }
    .account #shoppers .left-slide ul li:last-child {
        text-align: center
    }
    .account #shoppers .slider .slidesjs-previous,
    .account #shoppers .slider .slidesjs-next {
        top: 21%
    }
    .account.landing #header #top {
        height: 60px
    }
    .account.landing #header #top #logo {
        margin-bottom: 20px
    }
    .account.landing #header .shopper-link {
        float: none
    }
    .account.landing #content {
        padding-top: 0px;
        margin-top: 60px;
        margin-bottom: -120px
    }
    .account.landing summary{
        margin-bottom: 130px !important;
    }
    .account #forgot-password-notification {
        margin: 70px auto
    }
    .catalog .category-title a span:first-child {
        display: none
    }
    .catalog .category-title a span:nth-child(2) {
        display: inline-block
    }
    .catalog .productsCatalog .modal {
        left: 0;
        top: 5%!important;
        width: 90%;
        margin: 0 5%!important;
        height: 90%!important;
        min-height: initial!important;
        padding: 20px
    }
    .catalog .productsCatalog .modal .body .image-holder {
        float: left;
        width: 100%;
        padding: 0 0 20px;
        text-align: center
    }
    .catalog .productsCatalog .modal .body .image-holder img {
        max-width: 100%!important;
        margin-top: -20px;
        padding: 0
    }
    .catalog .productsCatalog .modal .body .content-holder {
        float: none;
        width: 100%;
        text-align: left;
        margin-top: 10px
    }
    .catalog .productsCatalog .modal .body .content-holder .itm-cart-select {
        position: absolute;
        top: 110px;
        display: block!important;
        width: 80%;
        margin: 0 10%;
        padding: 40px!important;
        text-align: center;
        opacity: 1
    }
    .catalog footer>div {
        padding-left: 10px;
        padding-right: 10px
    }
    .checkout #win {
        display: none
    }
    .checkout #checkout-payment fieldset {
        width: auto;
        margin: 0
    }
    .checkout #checkout-payment fieldset .wrapper {
        padding: 10px
    }
    .checkout form {
        max-width: 480px;
        margin: 0 auto
    }
    .checkout #login,
    .checkout #register {
        float: none;
        width: auto;
        max-width: 480px;
        margin: 0 auto
    }
    .checkout #backToPrevStepLnk {
        display: block;
        margin-top: 20px;
        margin-left: 0
    }
    .checkout #win ul li {
        float: left;
        text-align: center;
        max-width: 33%;
        padding: 0 10px;
        font-size: 18px
    }
    .checkout #steps li {
        margin-right: 6px
    }
    .checkout #steps li i {
        margin-left: 6px
    }
    footer .press-payment .press img {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 15px
    }
    footer .press-payment .payment img {
        margin-left: 10px;
        margin-right: 10px
    }
    footer .social {
        width: 100%
    }
    .ios footer .social,
    .android footer .social {
        width: 100%
    }
    .itm-cart-select {
        display: none!important
    }
    .delivery-fee-info.modal {
        left: 0;
        width: 90%;
        margin: 0 5%;
        padding: 20px;
        top: 25px
    }
    .checkout #checkout #checkout-payment fieldset .exp-date {
        max-width: 291px
    }
}
@media screen and (max-width: 560px) {
    #content,
    .catalog #content,
    .catalog .category-title h3 {
        margin-right: 10px
    }
    .checkout #checkout #checkout-payment fieldset .exp-date {
        max-width: 100%
    }
    .checkout #checkout #checkout-payment fieldset .exp-date select {
        width: 48%
    }
    .checkout #checkout #checkout-payment fieldset .exp-date select:last-of-type {
        margin-right: 0
    }
    #payment-tool-tip {
        left: 0
    }
    .account #newsletterConfirm .wrap {
        max-width: 90%
    }
    .account #forgot-password-notification {
        margin: 50px 10px
    }
    footer>div {
        padding-left: 0;
        padding-right: 0
    }
    footer .payment-title {
        width: 100%;
        margin-right: 0
    }
    footer .press-payment .payment {
        padding-bottom: 20px
    }
    footer .social {
        margin: 10px 0 0;
        width: 100%
    }
    .ios footer .social,
    .android footer .social {
        width: 100%
    }
}
@media screen and (max-width: 480px) {
    header #menu #categories-submenu {
        overflow-x: auto;
        max-height: 150px
    }
    #header #search-container {
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
        background-color: #d9d9d9;
        width: 100%;
        padding: 10px 20px;
        display: none;
        border-width: 1px
    }
    #header #search-container #search {
        margin-right: 10px
    }
    #header #search-container #searchInput {
        border-right: 1px solid #b1b4b5;
        border-radius: 3px;
        width: 100%;
        padding: 0 10px 0 45px
    }
    #header #search-container #searchSubmit {
        right: 10px;
        top: 10px
    }
    #header #search-container #searchSuggestResult {
        margin-left: 20px;
        width: 74%
    }
    #header #toggle-search {
        display: block
    }
    #header #logo img {
        width: 180px;
        margin-top: 3px
    }
    .landing #create-account-title .heading {
        font-size: 30px
    }
    .account #area-selection div {
        float: none;
        width: 100%!important
    }
    .account #area-selection input {
        border-radius: 3px!important
    }
    .account #area-selection div:first-child {
        margin-bottom: 10px
    }
    .account #area-selection div:first-child input {
        border: 1px solid #b1b4b5
    }
    .account #postcodeNewsletter input[type='submit'] {
        padding-left: 5px;
        padding-right: 5px
    }
    .account .newsletterLanding form>div {
        width: 100%;
        float: none
    }
    .account .newsletterLanding form>div:first-child input,
    .account .newsletterLanding form>div:last-child input {
        border-radius: 3px
    }
    .account .newsletterLanding form>div:first-child {
        margin-bottom: 10px
    }
    .account #customers {
        height: 730px
    }
    .account #customers li img:last-child {
        width: 240px;
        height: auto
    }
    .account #customers li img:first-child {
        top: 130px;
        width: 110px;
        right: 10%
    }
    .account #customers .text {
        text-align: center;
        margin-top: 20px
    }
    .account #customers .text div {
        margin-top: 300px
    }
    .account #forgot-password {
        padding: 0 20px
    }
    .account #forgot-password-notification {
        max-width: 100%;
        margin: 40px 10px
    }
    .checkout #login,
    .checkout #register {
        margin: 0 auto 38px auto
    }
    .checkout #login h2,
    .checkout #register h2 {
        font-size: 27px!important;
        line-height: 27px
    }
    .checkout form {
        margin-left: 0!important;
        padding: 0!important
    }
    .checkout #personal-data {
        max-width: 100%
    }
    .checkout #checkout h2 {
        margin-top: 0!important;
        font-size: 28px
    }
    .checkout #checkout input[type='submit'] {
        height: 50px;
        font-size: 18px;
        padding: 0 15px;
        width: 100%
    }
    .checkout #checkout #checkoutBtn {
        margin-top: 30px;
        margin-right: 0
    }
    .checkout #checkout .cc.pull-left {
        width: 100%
    }
    .checkout #checkout .cc-type.pull-left {
        position: absolute;
        right: 10px;
        top: 5px
    }
    .checkout #checkout .terms>div {
        min-height: 70px
    }
    .checkout #checkout #checkout-payment fieldset .exp-date select {
        width: 48%
    }
    .checkout #checkout #checkout-payment fieldset .exp-date select:last-of-type {
        margin-right: 0
    }
    .checkout #paymentContainer label {
        margin: 10px 0!important
    }
    .checkout #checkoutGrandTotal {
        float: none;
        margin-right: 0;
        min-width: 275px
    }
    .checkout #checkoutDeliverySummary {
        float: none;
        max-width: 450px;
        width: initial;
        margin-top: 20px
    }
    .checkout #checkoutDeliverySummary td:first-child {
        width: 145px
    }
    .checkout #checkoutCartTable td:first-child,
    .checkout #checkoutGrandTotal .grandTotal td:first-child {
        padding-left: 15px
    }
    .checkout #checkoutCartTable td:last-child,
    .checkout #checkoutGrandTotal .grandTotal td:last-child {
        padding-right: 15px
    }
    .checkout .terms p {
        margin-top: 20px
    }
    .checkout .productsCatalog>li {
        width: 46%!important;
        margin: 10px 2%;
        height: 260px;
        padding: 10px
    }
    .checkout .productsCatalog>li img {
        width: 100%
    }
    .checkout #box_deliveryinstructions {
        margin-top: 20px
    }
    .checkout #order h1 {
        margin: 10px 0
    }
    .checkout #products h2 {
        margin-bottom: 20px
    }
    .checkout .label-provider .icons {
        margin-left: 0;
        float: right
    }
    .checkout #checkout .cart-items .item {
        padding-left: 5px
    }
    .checkout #checkout .cart-items .item div {
        max-width: 60%
    }
    .checkout #checkout .cart-items .qty {
        width: 40px;
        padding-right: 5px;
        padding-left: 0
    }
    .checkout #checkout .cart-items .img {
        width: 40px
    }
    .checkout #checkout .cart-items .img img {
        max-width: 40px;
        max-height: 40px
    }
    .checkout #header {
        height: 40px
    }
    .checkout #header #top-single {
        height: 40px
    }
    .checkout #header #top-single>div {
        height: 40px
    }
    .checkout #header #top-single #logo {
        margin-top: 11px
    }
    .checkout #header #top-single #logo a {
        height: 30px;
        background-position: center 0
    }
    .checkout #content {
        padding-top: 60px
    }
    .checkout #cartSummary h2 {
        font-size: 18px;
        margin: 0;
        padding: 0
    }
    .checkout #cartSummary #checkoutGrandTotal td {
        font-size: 14px;
        line-height: 14px;
        padding-top: 3px;
        padding-bottom: 3px
    }
    .checkout #cartSummary #checkoutGrandTotal tr:first-child td {
        padding-top: 5px
    }
    .checkout #cartSummary #checkoutGrandTotal .grandTotal td:first-child {
        padding-top: 5px;
        padding-bottom: 10px
    }
    .checkout #cartSummary #checkoutGrandTotal .grandTotal td:last-child {
        font-size: 16px;
        padding-top: 5px;
        padding-bottom: 10px
    }
    .checkout #cartSummary .terms {
        padding-top: 10px
    }
    .checkout #cartSummary .terms>div {
        min-height: 0
    }
    .checkout #cartSummary .terms span {
        font-size: 12px;
        line-height: 12px
    }
    .checkout #cartSummary .terms label {
        margin: 0
    }
    .checkout #cartSummary .checkbox {
        font-size: 12px;
        line-height: 12px;
        padding-bottom: 6px
    }
    .checkout #cartSummary #checkoutBtn {
        margin-top: 10px
    }
    .catalog .pgn-spellchecker {
        margin: 40px 0 -30px 0
    }
    .catalog .pgn-spellchecker h1 {
        font-size: 30px
    }
    #subNavigation {
        display: none
    }
    .catalog #toggle-filter {
        display: block;
    }
    .catalog.sub #content,
    .catalog.detail #content {
        padding-top: 140px
    }
    .catalog.search #content {
        padding-top: 180px
    }
    .catalog .sub-category .category-menu li:first-child {
        display: block
    }
    .catalog.detail .category-title h3 {
        width: 65%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }
    .contact .wrapper {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px
    }
    .contact .wrapper .form-content,
    .contact .wrapper .success {
        width: 100%;
        padding: 0
    }
    .contact .wrapper .column,
    .contact .wrapper .row .column:last-child {
        width: 100%;
        padding: 0
    }
    footer .social {
        margin: 10px 0 0;
        width: 100%
    }
    .ios footer .social,
    .android footer .social {
        width: 100%
    }
}
@media screen and (min-width: 481px) {
    #search-container {
        display: block!important;
        right: inherit!important
    }
    footer .social {
        margin: 10px 0 0
    }
}
@media screen and (max-width: 400px) {
    #cart {
        width: 100%
    }
    #cart #checkout-button {
        width: 100%
    }
    #cart .jcart-item-left {
        width: 140px
    }
    .account .newsletterLanding form>div div:last-child input:first-of-type {
        display: none
    }
    .account .newsletterLanding form>div div:last-child input:last-of-type {
        display: inline-block
    }
    .account #newsletterConfirm .wrap {
        margin-top: 40px;
        margin-bottom: 40px;
        max-width: 300px;
        padding-left: 20px;
        padding-right: 20px
    }
    footer .social {
        margin: 10px 0 0;
        width: 100%
    }
    .ios footer .social,
    .android footer .social {
        width: 100%
    }
    .ios #forgot-password-notification,
    .android #forgot-password-notification {
        max-width: 100%;
        margin: 40px auto
    }
}
#smartbanner {
    position: absolute;
    left: 0;
    top: -82px;
    border-bottom: 1px solid #e8e8e8;
    width: 100%;
    height: 78px;
    font-family: 'Helvetica Neue', sans-serif;
    background: -webkit-linear-gradient(top, #f4f4f4 0, #cdcdcd 100%);
    background-image: -ms-linear-gradient(top, #f4f4f4 0, #cdcdcd 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 0, #cdcdcd 100%);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    z-index: 9998;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    -webkit-text-size-adjust: none
}
#smartbanner,
html.sb-animation {
    -webkit-transition: all .3s ease
}
#smartbanner .sb-container {
    margin: 0 auto
}
#smartbanner .sb-close {
    position: absolute;
    left: 5px;
    top: 5px;
    display: block;
    border: 2px solid #fff;
    width: 14px;
    height: 14px;
    font-family: 'ArialRoundedMTBold', Arial;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    background: #070707;
    text-decoration: none;
    text-shadow: none;
    border-radius: 14px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    -webkit-font-smoothing: subpixel-antialiased
}
#smartbanner .sb-close:active {
    font-size: 13px;
    color: #aaa
}
#smartbanner .sb-icon {
    position: absolute;
    left: 30px;
    top: 10px;
    display: block;
    width: 57px;
    height: 57px;
    background: rgba(0, 0, 0, 0.6);
    background-size: cover;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)
}
#smartbanner.no-icon .sb-icon {
    display: none
}
#smartbanner .sb-info {
    position: absolute;
    left: 98px;
    top: 18px;
    width: 44%;
    font-size: 11px;
    line-height: 1.2em;
    font-weight: bold;
    color: #6a6a6a;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8)
}
#smartbanner #smartbanner.no-icon .sb-info {
    left: 34px
}
#smartbanner .sb-info strong {
    display: block;
    font-size: 13px;
    color: #4d4d4d;
    line-height: 18px
}
#smartbanner .sb-info>span {
    display: block
}
#smartbanner .sb-info em {
    font-style: normal;
    text-transform: uppercase
}
#smartbanner .sb-button {
    position: absolute;
    right: 20px;
    top: 24px;
    border: 1px solid #bfbfbf;
    padding: 0 10px;
    min-width: 10%;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    color: #6a6a6a;
    background: -webkit-linear-gradient(top, #efefef 0, #dcdcdc 100%);
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(255, 255, 255, 0.7) inset
}
#smartbanner .sb-button:active,
#smartbanner .sb-button:hover {
    background: -webkit-linear-gradient(top, #dcdcdc 0, #efefef 100%)
}
#smartbanner .sb-icon.gloss:after {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 50%;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 100%);
    border-radius: 10px 10px 12px 12px
}
#smartbanner.android {
    border-color: #212228;
    background: #3d3d3d url('data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7');
    border-top: 5px solid #88b131;
    box-shadow: none
}
#smartbanner.android .sb-close {
    border: 0;
    width: 17px;
    height: 17px;
    line-height: 17px;
    color: #b1b1b3;
    background: #1c1e21;
    text-shadow: 0 1px 1px #000;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3)
}
#smartbanner.android .sb-close:active {
    color: #eee
}
#smartbanner.android .sb-info {
    color: #ccc;
    text-shadow: 0 1px 2px #000
}
#smartbanner.android .sb-info strong {
    color: #fff
}
#smartbanner.android .sb-button {
    min-width: 12%;
    border: 1px solid #dddcdc;
    padding: 1px;
    color: #d1d1d1;
    background: 0;
    border-radius: 0;
    box-shadow: none;
    min-height: 28px
}
#smartbanner.android .sb-button span {
    text-align: center;
    display: block;
    padding: 0 10px;
    background-color: #42b6c9;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#42b6c9), to(#39a9bb));
    background-image: -moz-linear-gradient(top, #42b6c9, #39a9bb);
    text-transform: none;
    text-shadow: none;
    box-shadow: none
}
#smartbanner.android .sb-button:active,
#smartbanner.android .sb-button:hover {
    background: 0
}
#smartbanner.android .sb-button:active span,
#smartbanner.android .sb-button:hover span {
    background: #2ac7e1
}
#smartbanner.windows .sb-icon {
    border-radius: 0
}
.landing.intro #area-selection .body div select {
  border-radius: 0 !important;
  color: #757575;
  font-size: 20px;
  height: 40px;
  line-height: 36px;
  width: 100%;
}
.shop_list_wrapper .left-map {
  display: block;
  height: 83% !important;
  left: 0;
  position: fixed !important;
  top: 110px;
}
.shop #content > div {
    margin: 0 auto;
    padding: 0 3px;
}
.shop #content .address {
    border-top: 1px dashed;
    float: left;
    padding: 5px 10px;
    width: 100%;
}
.shop #content div:first-child {
    border-top: 0 none;
}
.address .image {
    float: left;
}
.shop_address {
  clear: both;
  padding: 0 10px;
  position: absolute;
  top: 65px;
  width: 100%;
  z-index: 999;  
}
.address .shop_button {
    float: right;
    position: relative;
    right: 30px;
    top: 50px;
}
.shop_button .button2 {
  background-color: #e86a15;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0px, rgba(255, 255, 255, 0.2) 100%);
  border: medium none;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 10px;
  overflow: hidden;
  padding: 12px 17px;
  position: relative;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  transition: background-color 0.2s linear 0s;
}   
.shop-location-list .pull-left,
.shop-location-list span,
.store-info-row .not-expires-within-a-day {
  color: #fff !important;
}
.trim-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.store-info-row .offer-top {
  padding: 10px;
  position: absolute;
  top: 3px;
  z-index: 999;
}
.store-info-row .offer-top .fa {
  color: white;
}
.shop_address h4 {
  padding: 15px 0;
  text-transform: capitalize;
}
.shop_button .button2:hover {
    background: #FF5450;
    color: #fff;
}
.right-address {
    position: relative;
    float: right;
    width: 60%;
    top: 20px;
}
/* for map*/

#contents {
    height: 80px;
}
/* end map css */

.shop footer .press-payment .payment img {
    margin-right: 5px;
}

.pr-blue{
    color: #0770a4;
    font-size: 18px !important;
    font-weight: bold;
}

.pr-blue-cut{
    text-decoration: line-through;
    color: #707D84;
    font-size: 16px !important;
    
}